:root{--n-0:#111215;--n-1:#1a1b1e;--n-2:#222328;--n-3:#2a2b30;--n-4:#323439;--n-5:#3e4146;--n-6:#51555c;--n-7:#898d94;--n-8:#a4a7ad;--n-9:#d1d3d6;--n-10:#f1f2f4;--bg:var(--n-0);--surface:var(--n-1);--surface-2:var(--n-2);--surface-3:var(--n-4);--surface-dim:#161619;--surface-lift:#1e1f23;--line-soft:var(--n-3);--line:var(--n-5);--line-lift:var(--n-6);--ink-faint:var(--n-7);--ink-mute:var(--n-8);--ink-soft:var(--n-9);--ink:var(--n-10);--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23g)' opacity='.055'/%3E%3C/svg%3E");--shadow-1:0 6px 20px #08090c80;--shadow-2:0 24px 70px #08090c9e;--accent:#0071f9;--accent-bright:#4d9bff;--accent-soft:color-mix(in srgb, var(--accent) 16%, transparent);--accent-line:color-mix(in srgb, var(--accent) 55%, transparent);--accent-glow:color-mix(in srgb, var(--accent) 62%, transparent);--danger:#ee6a81;--edge:#2b394a;--sans:Inter, ui-sans-serif, system-ui, -apple-system, sans-serif;--mono:"IBM Plex Mono", ui-monospace, SFMono-Regular, monospace;--rail:244px;--r:7px;--ease:cubic-bezier(.22, .61, .36, 1);--motion-quick:.14s;--motion-standard:.16s;--motion-section:.18s;--motion-slow:.2s;--motion-sheet:.22s;--motion-pane:.24s;color-scheme:dark}*{box-sizing:border-box}html{text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;font-size:14px}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0}:focus-visible{outline:1.5px solid var(--accent);outline-offset:2px;border-radius:3px}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:var(--line);background-clip:padding-box;border:2px solid #0000;border-radius:9px}::-webkit-scrollbar-thumb:hover{background:var(--line-lift);background-clip:padding-box}::-webkit-scrollbar-track{background:0 0}.note{color:var(--ink-faint);font-size:13px;line-height:1.5}.btn{border:1px solid var(--line);border-radius:var(--r);background:var(--surface-2);height:40px;color:var(--ink);letter-spacing:-.006em;white-space:nowrap;transition:var(--motion-standard) var(--ease);justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.btn:hover{border-color:var(--line-lift);background:var(--surface-3);color:var(--ink)}.btn-accent{background:var(--accent);color:#fff;border-color:#0000}.btn-accent:hover{background:color-mix(in srgb, #fff 12%, var(--accent));box-shadow:0 0 0 4px var(--accent-soft);border-color:#0000}.btn-quiet{color:var(--ink-mute);background:0 0;border-color:#0000;padding-inline:12px}.btn-quiet:hover{border-color:var(--line-soft);background:var(--surface-2)}.btn-sm{height:32px;padding:0 13px;font-size:13px}.eyebrow{font-family:var(--mono);letter-spacing:.13em;text-transform:uppercase;color:var(--ink-faint);font-size:9.5px;font-weight:500}.chip{border:1px solid var(--line);background:var(--surface-2);height:20px;font-family:var(--mono);letter-spacing:.03em;color:var(--ink-mute);white-space:nowrap;transition:var(--motion-quick) var(--ease);border-radius:4px;align-items:center;gap:5px;padding:0 7px;font-size:10px;display:inline-flex}button.chip:hover{border-color:var(--line-lift);color:var(--ink)}button.chip[aria-pressed=true]{border-color:color-mix(in srgb, var(--chip-color,var(--accent)) 55%, transparent);color:var(--ink);background:color-mix(in srgb, var(--chip-color,var(--accent)) 12%, var(--surface-2))}.swatch{border-radius:2px;flex:none;width:6px;height:6px}@media (prefers-reduced-motion:reduce){:root{--motion-quick:.01ms;--motion-standard:.01ms;--motion-section:.01ms;--motion-slow:.01ms;--motion-sheet:.01ms;--motion-pane:.01ms}}@media (width<=820px){button,input:not([type=hidden]):not([type=checkbox]):not([type=radio]),select,textarea{touch-action:manipulation;min-height:44px}button{min-width:44px}.btn,.btn-sm{height:44px;min-height:44px;padding-inline:16px}}