:root{--color-primary: #8678ED;--color-primary-dk: #7465E8;--color-primary-lt: rgba(134, 120, 237, .094);--color-primary-bg: rgba(134, 120, 237, .063);--color-primary-bd: rgba(134, 120, 237, .133);--color-accent: #00BCAA;--color-accent-dk: #009B8C;--color-accent-lt: rgba(0, 188, 170, .102);--color-ink: #070F27;--color-ink-mid: #6A7181;--color-ink-soft: #9BA3B5;--color-bg: #F4F5F7;--color-surface: #ffffff;--color-border: #E4E6EB;--color-border-soft: #F0F1F3;--color-card-bg: linear-gradient(150deg, #F3F1FD 0%, #EAE8F9 100%);--color-card-border: #D0CAEF;--color-success: #22C55E;--color-success-bg: rgba(34, 197, 94, .071);--color-success-text: #15803D;--color-warning: #F59E0B;--color-warning-bg: rgba(245, 158, 11, .071);--color-warning-text: #B45309;--color-error: #EF4444;--color-error-bg: rgba(239, 68, 68, .071);--color-error-text: #DC2626;--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--r-xs: 4px;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 20px;--r-pill: 999px;--r-input: 14px;--r-card: 16px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: rgba(0, 0, 0, .1) 0px 10px 15px -3px, rgba(0, 0, 0, .1) 0px 4px 6px -4px;--shadow-lg: 0 4px 20px rgba(0, 0, 0, .09);--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--transition: .15s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}html{overflow-x:hidden}body{font-family:var(--font);font-size:16px;line-height:1.5;color:var(--color-ink);background:var(--color-surface);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}.app-wrapper{min-height:100vh;min-height:100dvh;display:flex;justify-content:center;align-items:flex-start;background:var(--color-surface)}.app-shell{width:100%;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:var(--color-surface);position:relative;overflow:hidden}.app-content{flex:1;display:flex;flex-direction:column;gap:12px;padding:16px 16px calc(16px + env(safe-area-inset-bottom));overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}@media (min-width: 480px){.app-wrapper{padding:0;align-items:stretch}.app-shell{max-width:600px;width:100%;min-height:100dvh;height:auto;border-radius:0;box-shadow:none;overflow:visible;margin:0 auto}.app-content{overflow-y:visible}}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--color-ink-soft)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}*{-webkit-tap-highlight-color:transparent}