@layer reset,tokens,base,components,utilities;@layer reset{*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;padding:0;inline-size:100%;block-size:100%;overflow:hidden}input,textarea,select,button{font:inherit;color:inherit}button{background:none;border:0;cursor:pointer}:focus-visible{outline-offset:2px}}@layer tokens{:root{--c-bg-deep: oklch(13% .02 260);--c-bg-base: oklch(16% .025 260);--c-bg-elevated: oklch(20% .03 260);--c-fg: oklch(94% .01 260);--c-fg-muted: oklch(70% .015 260);--c-fg-subtle: oklch(55% .015 260);--c-accent-blue: oklch(65% .18 252);--c-accent-blue-hi: oklch(75% .16 252);--c-accent-orange: oklch(73% .16 50);--c-accent-orange-hi: oklch(80% .14 50);--c-accent-green: oklch(75% .16 145);--c-accent-red: oklch(68% .2 25);--c-success: oklch(78% .15 145);--c-warning: oklch(80% .14 80);--c-danger: oklch(70% .18 25);--c-border: color-mix(in oklch, var(--c-fg) 8%, transparent);--c-border-strong: color-mix(in oklch, var(--c-fg) 16%, transparent);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-8: 3rem;--space-10: 4rem;--space-12: 6rem;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-xl: 28px;--radius-pill: 999px;--shadow-1: 0 1px 1px color-mix(in oklch, black 12%, transparent), 0 2px 4px color-mix(in oklch, black 8%, transparent);--shadow-2: 0 1px 2px color-mix(in oklch, black 10%, transparent), 0 4px 8px color-mix(in oklch, black 10%, transparent), 0 8px 16px color-mix(in oklch, black 10%, transparent);--shadow-3: 0 2px 4px color-mix(in oklch, black 12%, transparent), 0 12px 24px color-mix(in oklch, black 16%, transparent), 0 32px 64px color-mix(in oklch, black 20%, transparent);--shadow-glow-blue: 0 0 0 1px color-mix(in oklch, var(--c-accent-blue) 50%, transparent), 0 12px 32px color-mix(in oklch, var(--c-accent-blue) 35%, transparent);--shadow-glow-orange: 0 0 0 1px color-mix(in oklch, var(--c-accent-orange) 60%, transparent), 0 12px 32px color-mix(in oklch, var(--c-accent-orange) 32%, transparent);--ease-out-quart: cubic-bezier(.25, 1, .5, 1);--ease-out-back: cubic-bezier(.34, 1.56, .64, 1);--ease-spring: cubic-bezier(.5, 1.6, .4, 1);--ease-smooth: cubic-bezier(.4, 0, .2, 1);--fs-xs: clamp(.6875rem, .65rem + .2vw, .78rem);--fs-sm: clamp(.78rem, .74rem + .25vw, .88rem);--fs-base: clamp(.875rem, .83rem + .3vw, 1rem);--fs-lg: clamp(1rem, .93rem + .4vw, 1.15rem);--fs-xl: clamp(1.25rem, 1.1rem + .7vw, 1.5rem);--fs-2xl: clamp(1.5rem, 1.2rem + 1.5vw, 2rem);--fs-3xl: clamp(1.75rem, 1.3rem + 2.4vw, 2.5rem);--fs-4xl: clamp(2.25rem, 1.6rem + 3.5vw, 3.25rem);--z-overlay: 10;--z-modal: 100;--z-toast: 1000;--z-loading: 9990;--z-hub: 9999}}@layer base{:root{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color-scheme:dark;accent-color:var(--c-accent-blue);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-size:var(--fs-base);line-height:1.55}html,body,#root{background:var(--c-bg-deep);color:var(--c-fg)}canvas{display:block;touch-action:none}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}::selection{background:color-mix(in oklch,var(--c-accent-blue) 35%,transparent);color:var(--c-fg)}*{scrollbar-width:thin;scrollbar-color:var(--c-border-strong) transparent}*::-webkit-scrollbar{inline-size:10px;block-size:10px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--c-border-strong);border-radius:var(--radius-pill);border:2px solid transparent;background-clip:content-box}*::-webkit-scrollbar-thumb:hover{background:color-mix(in oklch,var(--c-fg) 30%,transparent);background-clip:content-box}}@layer utilities{.skip-to-content{position:absolute;inset-inline-start:var(--space-4);inset-block-start:var(--space-4);padding:var(--space-2) var(--space-4);background:var(--c-bg-elevated);color:var(--c-fg);border-radius:var(--radius-sm);border:1px solid var(--c-accent-blue);z-index:10000;text-decoration:none;font-weight:600;font-size:var(--fs-sm);transform:translateY(-200%);transition:transform .2s var(--ease-out-quart)}.skip-to-content:focus-visible{transform:translateY(0);outline:none}.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}}
