:root{color-scheme:light;--bg: #f3f5fb;--bg-2: #e9edf7;--surface: rgb(255 255 255 / .72);--surface-solid: #ffffff;--surface-hover: rgb(15 23 42 / .05);--border: rgb(15 23 42 / .09);--border-strong: rgb(15 23 42 / .18);--text: #0d1324;--text-2: #475069;--text-3: #7a8499;--accent: #5558f0;--accent-2: #0891b2;--success: #059669;--warning: #d97706;--danger: #dc2626;--shadow-1: 0 1px 2px rgb(15 23 42 / .08);--shadow-2: 0 12px 32px -12px rgb(30 41 90 / .25), 0 2px 6px rgb(15 23 42 / .06);--shadow-3: 0 34px 80px -28px rgb(30 41 90 / .35), 0 8px 24px rgb(15 23 42 / .08);--mesh-a: rgb(99 102 241 / .2);--mesh-b: rgb(34 211 238 / .18);--mesh-c: rgb(168 85 247 / .12);--stage: #0a0c12;--font: ui-sans-serif, system-ui, -apple-system, "Inter", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 72px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--radius-pill: 999px;--fs-xs: .75rem;--fs-sm: .8125rem;--fs-md: .9375rem;--fs-lg: 1.125rem;--fs-xl: clamp(1.5rem, 1.1rem + 1.6vw, 2.25rem);--fs-display: clamp(2rem, 1.2rem + 3.6vw, 3.5rem);--ease: cubic-bezier(.22, 1, .36, 1);--dur-1: .14s;--dur-2: .26s;--dur-3: .52s;--accent-grad: linear-gradient(135deg, var(--accent), var(--accent-2));--ring: 0 0 0 2px var(--bg), 0 0 0 4px var(--accent);--safe-b: env(safe-area-inset-bottom, 0px);--safe-t: env(safe-area-inset-top, 0px);--safe-l: env(safe-area-inset-left, 0px);--safe-r: env(safe-area-inset-right, 0px)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--bg: #07090f;--bg-2: #0d111b;--surface: rgb(20 25 38 / .62);--surface-solid: #121724;--surface-hover: rgb(255 255 255 / .07);--border: rgb(255 255 255 / .09);--border-strong: rgb(255 255 255 / .18);--text: #eef1f8;--text-2: #aab3c5;--text-3: #7c869b;--accent: #7c83ff;--accent-2: #2dd4ee;--success: #34d399;--warning: #fbbf24;--danger: #f87171;--shadow-1: 0 1px 2px rgb(0 0 0 / .4);--shadow-2: 0 12px 32px -10px rgb(0 0 0 / .65), 0 2px 6px rgb(0 0 0 / .35);--shadow-3: 0 34px 90px -24px rgb(0 0 0 / .75), 0 8px 24px rgb(0 0 0 / .4);--mesh-a: rgb(99 102 241 / .26);--mesh-b: rgb(34 211 238 / .14);--mesh-c: rgb(168 85 247 / .16);--stage: #000}}:root[data-theme=dark]{color-scheme:dark;--bg: #07090f;--bg-2: #0d111b;--surface: rgb(20 25 38 / .62);--surface-solid: #121724;--surface-hover: rgb(255 255 255 / .07);--border: rgb(255 255 255 / .09);--border-strong: rgb(255 255 255 / .18);--text: #eef1f8;--text-2: #aab3c5;--text-3: #7c869b;--accent: #7c83ff;--accent-2: #2dd4ee;--success: #34d399;--warning: #fbbf24;--danger: #f87171;--shadow-1: 0 1px 2px rgb(0 0 0 / .4);--shadow-2: 0 12px 32px -10px rgb(0 0 0 / .65), 0 2px 6px rgb(0 0 0 / .35);--shadow-3: 0 34px 90px -24px rgb(0 0 0 / .75), 0 8px 24px rgb(0 0 0 / .4);--mesh-a: rgb(99 102 241 / .26);--mesh-b: rgb(34 211 238 / .14);--mesh-c: rgb(168 85 247 / .16);--stage: #000}:root[data-theme=light]{color-scheme:light;--bg: #f3f5fb;--bg-2: #e9edf7;--surface: rgb(255 255 255 / .72);--surface-solid: #ffffff;--surface-hover: rgb(15 23 42 / .05);--border: rgb(15 23 42 / .09);--border-strong: rgb(15 23 42 / .18);--text: #0d1324;--text-2: #475069;--text-3: #7a8499;--accent: #5558f0;--accent-2: #0891b2;--success: #059669;--warning: #d97706;--danger: #dc2626;--shadow-1: 0 1px 2px rgb(15 23 42 / .08);--shadow-2: 0 12px 32px -12px rgb(30 41 90 / .25), 0 2px 6px rgb(15 23 42 / .06);--shadow-3: 0 34px 80px -28px rgb(30 41 90 / .35), 0 8px 24px rgb(15 23 42 / .08);--mesh-a: rgb(99 102 241 / .2);--mesh-b: rgb(34 211 238 / .18);--mesh-c: rgb(168 85 247 / .12);--stage: #0a0c12}*,*:before,*:after{box-sizing:border-box}html,body{height:100%;margin:0}body{font-family:var(--font);font-size:var(--fs-md);line-height:1.5;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overscroll-behavior:none;-webkit-tap-highlight-color:transparent}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}h1,h2,h3,p{margin:0}::selection{background:color-mix(in srgb,var(--accent) 35%,transparent)}:focus{outline:none}:focus-visible{outline:none;box-shadow:var(--ring);border-radius:var(--radius-sm)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.glass{background:var(--surface);border:1px solid var(--border);-webkit-backdrop-filter:blur(24px) saturate(160%);backdrop-filter:blur(24px) saturate(160%);box-shadow:var(--shadow-2)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:44px;padding:0 var(--space-4);border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface-hover);font-weight:600;font-size:var(--fs-md);transition:transform var(--dur-1) var(--ease),background var(--dur-1) var(--ease),box-shadow var(--dur-2) var(--ease),opacity var(--dur-1)}.btn:hover:not(:disabled){background:color-mix(in srgb,var(--surface-hover) 60%,var(--text) 8%)}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{border-color:transparent;color:#fff;background:var(--accent-grad);box-shadow:0 10px 28px -10px color-mix(in srgb,var(--accent) 70%,transparent),inset 0 1px #ffffff40}.btn.primary:hover:not(:disabled){filter:brightness(1.08);background:var(--accent-grad)}.btn.danger{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 40%,transparent);background:color-mix(in srgb,var(--danger) 10%,transparent)}.btn.ghost{border-color:transparent;background:transparent}.btn.small{min-height:36px;padding:0 var(--space-3);font-size:var(--fs-sm);border-radius:var(--radius-sm)}.icon-btn{display:inline-grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:var(--radius-md);background:transparent;color:var(--text-2);transition:background var(--dur-1) var(--ease),color var(--dur-1) var(--ease),transform var(--dur-1) var(--ease)}.icon-btn:hover{background:var(--surface-hover);color:var(--text)}.icon-btn:active{transform:scale(.92)}.icon-btn[aria-pressed=true]{background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--accent)}.icon-btn.danger:hover{background:color-mix(in srgb,var(--danger) 16%,transparent);color:var(--danger)}@keyframes od-spin{to{transform:rotate(360deg)}}@keyframes od-rise{0%{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}@keyframes od-fade{0%{opacity:0}to{opacity:1}}.spinner{width:18px;height:18px;border-radius:50%;border:2px solid color-mix(in srgb,currentColor 22%,transparent);border-top-color:currentColor;animation:od-spin .8s linear infinite}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}