7k-design-system 1.3.0 → 1.3.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/dist/7k-design-system.css +1 -1
  3. package/dist/fonts/Geist-Variable.woff2 +0 -0
  4. package/dist/fonts/GeistMono-Variable.woff2 +0 -0
  5. package/dist/react/index.cjs +1 -1
  6. package/dist/react/index.js +217 -217
  7. package/fonts/Geist-Variable.woff2 +0 -0
  8. package/fonts/GeistMono-Variable.woff2 +0 -0
  9. package/package.json +1 -1
package/dist/7k-design-system.css CHANGED
@@ -1 +1 @@
1
- @import "https://cdn.jsdelivr.net/npm/geist@1.3.0/dist/font/css/geist.min.css" layer(fonts);@import "https://cdn.jsdelivr.net/npm/geist@1.3.0/dist/font/css/geist-mono.min.css" layer(fonts);@font-face{font-family:Geist Pixel;src:url(../fonts/GeistPixel-Square.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Geist Pixel;src:url(../fonts/GeistPixel-Circle.ttf)format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Geist Pixel;src:url(../fonts/GeistPixel-Grid.ttf)format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Geist Pixel;src:url(../fonts/GeistPixel-Line.ttf)format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Geist Pixel;src:url(../fonts/GeistPixel-Triangle.ttf)format("truetype");font-weight:800;font-style:normal;font-display:swap}:root{--magenta-50:#ffe5ff;--magenta-100:#ffc2ff;--magenta-200:#f9f;--magenta-300:#f6f;--magenta-400:#f3f;--magenta-500:#f0f;--magenta-600:#d600d6;--magenta-700:#a800a8;--magenta-800:purple;--magenta-900:#570057;--magenta-950:#303;--cyan-50:#e5fbff;--cyan-100:#b8f6ff;--cyan-200:#8af0ff;--cyan-300:#5ce9ff;--cyan-400:#2ee2ff;--cyan-500:#00e5ff;--cyan-600:#00b8cc;--cyan-700:#008fa0;--cyan-800:#006b78;--cyan-900:#00474d;--cyan-950:#002a2e;--inari-50:#fdeee7;--inari-100:#fbdccb;--inari-200:#f6b490;--inari-300:#f08c5b;--inari-400:#e56f3f;--inari-500:#ee560d;--inari-600:#c44813;--inari-700:#a03a10;--inari-800:#8b310d;--inari-900:#5c2108;--inari-950:#2b1c17;--neutral-50:#fafafb;--neutral-100:#eeeef1;--neutral-200:#d7d7dc;--neutral-300:#b0b0b8;--neutral-400:#82828a;--neutral-500:#6b6b72;--neutral-600:#50505a;--neutral-700:#3a3a42;--neutral-800:#26262b;--neutral-900:#1c1c22;--neutral-950:#131318;--neutral-1000:#0a0a0d;--neutral-void:#000;--success-50:#e5fcef;--success-100:#b8f5d2;--success-200:#8aedb6;--success-300:#5ce69a;--success-400:#2ede7d;--success-500:#00e676;--success-600:#00b85d;--success-700:#008a46;--success-800:#006534;--success-900:#004423;--success-950:#002915;--warning-50:#fff8e5;--warning-100:#ffeab8;--warning-200:#ffdc8a;--warning-300:#ffce5c;--warning-400:#ffc02e;--warning-500:#ffb300;--warning-600:#d69500;--warning-700:#a87600;--warning-800:#805900;--warning-900:#573d00;--warning-950:#332400;--danger-50:#ffe5eb;--danger-100:#ffb8c5;--danger-200:#ff8aa0;--danger-300:#ff5c7a;--danger-400:#ff4c6b;--danger-500:#ff3b5c;--danger-600:#d62e4a;--danger-700:#a82338;--danger-800:#801a29;--danger-900:#57111c;--danger-950:#330a10;--info-50:#e5efff;--info-100:#b8d2ff;--info-200:#8ab5ff;--info-300:#5c99ff;--info-400:#4f94ff;--info-500:#3f8eff;--info-600:#2c71d6;--info-700:#1f58a8;--info-800:#174180;--info-900:#0f2c57;--info-950:#091a33;--color-ink:#000;--color-paper:#fff;--texture-02:#ffffff05;--texture-03:#ffffff08;--texture-04:#ffffff0a;--texture-05:#ffffff0d;--texture-06:#ffffff0f;--texture-07:#ffffff12;--texture-08:#ffffff14;--texture-09:#ffffff17;--texture-13:#ffffff21;--texture-19:#ffffff30;--texture-38:#ffffff61;--texture-50:#ffffff80;--texture-solid:#fff;--icon-blob:var(--color-paper);--texture-noise-svg:url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cfilter%20id%3D%22a%22%3E%3CfeTurbulence%20baseFrequency%3D%22.85%22%20numOctaves%3D%224%22%20stitchTiles%3D%22stitch%22%20type%3D%22fractalNoise%22%2F%3E%3C%2Ffilter%3E%3Crect%20width%3D%22100%25%22%20height%3D%22100%25%22%20fill%3D%22%23fff%22%20filter%3D%22url\(%23a\)%22%20opacity%3D%22.04%22%2F%3E%3C%2Fsvg%3E);--brand-primary:var(--magenta-500);--brand-primary-hover:var(--magenta-400);--brand-primary-active:var(--magenta-600);--brand-primary-muted:var(--magenta-800);--brand-primary-subtle:var(--magenta-950);--brand-primary-glow:color-mix(in srgb, var(--magenta-500) 25%, transparent);--text-on-brand:var(--neutral-void);--brand-primary-soft:var(--magenta-400);--brand-primary-deep:var(--magenta-700);--bg-void:var(--neutral-void);--bg-base:var(--neutral-1000);--bg-elevated:var(--neutral-950);--bg-raised:var(--neutral-900);--bg-overlay:var(--neutral-800);--bg-pressed:var(--neutral-700);--bg-translucent:#ffffff0a;--text-primary:var(--neutral-50);--text-secondary:var(--neutral-300);--text-tertiary:var(--neutral-400);--text-placeholder:var(--neutral-500);--text-disabled:var(--neutral-600);--text-inverse:var(--neutral-void);--border-subtle:#ffffff0f;--border-default:#ffffff1a;--border-strong:#ffffff2e;--border-focus:var(--magenta-500);--focus-ring:0 0 0 2px var(--bg-base), 0 0 0 4px var(--border-focus);--focus-ring-secondary:0 0 0 2px var(--bg-base), 0 0 0 4px var(--brand-secondary);--focus-ring-danger:0 0 0 2px var(--bg-base), 0 0 0 4px var(--danger-500);--border-brand:var(--magenta-500);--status-success:var(--success-500);--status-success-bg:var(--success-950);--status-success-fg:var(--success-300);--status-warning:var(--warning-500);--status-warning-bg:var(--warning-950);--status-warning-fg:var(--warning-300);--status-danger:var(--danger-500);--status-danger-bg:var(--danger-950);--status-danger-fg:var(--danger-300);--status-info:var(--info-500);--status-info-bg:var(--info-950);--status-info-fg:var(--info-300);--status-neutral:var(--neutral-400);--status-neutral-bg:var(--neutral-900);--status-neutral-fg:var(--neutral-300);--brand-secondary:var(--cyan-500);--brand-secondary-hover:var(--cyan-400);--brand-secondary-active:var(--cyan-600);--brand-secondary-muted:var(--cyan-800);--brand-secondary-subtle:var(--cyan-950);--brand-secondary-glow:color-mix(in srgb, var(--brand-secondary) 25%, transparent);--accent-7kgroup:var(--magenta-500);--accent-7kminato:var(--cyan-500);--accent-inari:var(--inari-500);--font-sans:"Geist", system-ui, -apple-system, sans-serif;--font-mono:"Geist Mono", ui-monospace, "SF Mono", menlo, monospace;--font-pixel:"Geist Pixel", monospace;--text-display:clamp(48px, 8vw, 160px);--text-body-fluid:clamp(.9375rem, .875rem + .2vw, 1rem);--text-7xl:7.5rem;--text-6xl:5.5rem;--text-5xl:4rem;--text-4xl:3rem;--text-3xl:2.25rem;--text-2xl:1.75rem;--text-xl:1.375rem;--text-lg:1.125rem;--text-base:1rem;--text-sm:.875rem;--text-xs:.75rem;--text-2xs:.625rem;--text-h1:4rem;--text-h2:3rem;--text-h3:2rem;--text-h4:1.5rem;--text-body-lg:1.125rem;--text-body:1rem;--text-body-sm:.875rem;--text-caption:.75rem;--text-mono-label:.6875rem;--text-mono-body:.8125rem;--leading-none:1;--leading-tight:1.15;--leading-snug:1.3;--leading-normal:1.5;--leading-relaxed:1.65;--tracking-tightest:-.04em;--tracking-tighter:-.02em;--tracking-tight:-.01em;--tracking-normal:0;--tracking-wide:.02em;--tracking-wider:.06em;--tracking-widest:.14em;--weight-thin:100;--weight-extralight:200;--weight-light:300;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-extrabold:800;--weight-black:900;--space-0:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--radius-none:0;--radius-xs:2px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--shadow-sm:0 1px 2px #0006;--shadow-md:0 4px 12px #00000080;--shadow-lg:0 12px 32px #0009;--shadow-xl:0 24px 64px #000000b3;--shadow-glow:0 0 0 1px var(--brand-primary), 0 0 24px var(--brand-primary-glow);--shadow-inset:inset 0 1px 0 #ffffff0a;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--duration-instant:80ms;--duration-fast:.15s;--duration-base:.24s;--duration-slow:.4s;--duration-slower:.64s;--container-sm:640px;--container-md:960px;--container-lg:1200px;--container-xl:1440px;--grid-gutter:var(--space-6);--z-base:0;--z-raised:10;--z-sticky:100;--z-overlay:200;--z-modal:300;--z-toast:400;--z-max:999}@media (prefers-color-scheme:light){:root:not([data-theme]){--brand-primary:var(--magenta-500);--brand-primary-hover:var(--magenta-600);--brand-primary-active:var(--magenta-700);--brand-primary-muted:var(--magenta-200);--brand-primary-subtle:var(--magenta-100);--brand-primary-glow:color-mix(in srgb, var(--magenta-500) 15%, transparent);--text-on-brand:var(--neutral-void);--bg-void:var(--neutral-50);--bg-base:var(--neutral-50);--bg-elevated:var(--neutral-100);--bg-raised:var(--neutral-200);--bg-overlay:var(--neutral-300);--bg-pressed:var(--neutral-400);--bg-translucent:#0000000a;--text-primary:var(--neutral-900);--text-secondary:var(--neutral-500);--text-tertiary:var(--neutral-400);--text-placeholder:var(--neutral-400);--text-disabled:var(--neutral-300);--text-inverse:var(--neutral-50);--border-subtle:#0000000f;--border-default:#0000001a;--border-strong:#0000002e;--border-focus:var(--magenta-500);--border-brand:var(--magenta-500);--status-success:var(--success-500);--status-success-bg:var(--success-100);--status-success-fg:var(--success-700);--status-warning:var(--warning-500);--status-warning-bg:var(--warning-100);--status-warning-fg:var(--warning-700);--status-danger:var(--danger-500);--status-danger-bg:var(--danger-100);--status-danger-fg:var(--danger-700);--status-info:var(--info-500);--status-info-bg:var(--info-100);--status-info-fg:var(--info-700);--status-neutral:var(--neutral-400);--status-neutral-bg:var(--neutral-200);--status-neutral-fg:var(--neutral-700);--brand-secondary:var(--cyan-600);--brand-secondary-hover:var(--cyan-500);--brand-secondary-active:var(--cyan-700);--brand-secondary-muted:var(--cyan-200);--brand-secondary-subtle:var(--cyan-100);--brand-secondary-glow:color-mix(in srgb, var(--cyan-600) 15%, transparent);--accent-7kgroup:var(--magenta-500);--accent-7kminato:var(--cyan-600);--accent-inari:var(--inari-600);--icon-blob:var(--color-ink);--shadow-sm:0 1px 2px #00000014;--shadow-md:0 4px 12px #0000001a;--shadow-lg:0 12px 32px #0000001f;--shadow-xl:0 24px 64px #00000026;--shadow-glow:0 0 0 1px var(--brand-primary), 0 0 20px color-mix(in srgb, var(--magenta-500) 20%, transparent);--shadow-inset:inset 0 1px 0 #0000000f;--texture-02:#00000005;--texture-03:#00000008;--texture-04:#0000000a;--texture-05:#0000000d;--texture-06:#0000000f;--texture-07:#00000012;--texture-08:#00000014;--texture-09:#00000017;--texture-13:#00000021;--texture-19:#00000030;--texture-38:#00000061;--texture-50:#00000080;--texture-solid:var(--color-ink);--texture-noise-svg:url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cfilter%20id%3D%22a%22%3E%3CfeTurbulence%20baseFrequency%3D%22.85%22%20numOctaves%3D%224%22%20stitchTiles%3D%22stitch%22%20type%3D%22fractalNoise%22%2F%3E%3C%2Ffilter%3E%3Crect%20width%3D%22100%25%22%20height%3D%22100%25%22%20filter%3D%22url\(%23a\)%22%20opacity%3D%22.04%22%2F%3E%3C%2Fsvg%3E)}}html[data-theme=light]{--brand-primary:var(--magenta-500);--brand-primary-hover:var(--magenta-600);--brand-primary-active:var(--magenta-700);--brand-primary-muted:var(--magenta-200);--brand-primary-subtle:var(--magenta-100);--brand-primary-glow:color-mix(in srgb, var(--magenta-500) 15%, transparent);--text-on-brand:var(--neutral-void);--bg-void:var(--neutral-50);--bg-base:var(--neutral-50);--bg-elevated:var(--neutral-100);--bg-raised:var(--neutral-200);--bg-overlay:var(--neutral-300);--bg-pressed:var(--neutral-400);--bg-translucent:#0000000a;--text-primary:var(--neutral-900);--text-secondary:var(--neutral-500);--text-tertiary:var(--neutral-400);--text-placeholder:var(--neutral-400);--text-disabled:var(--neutral-300);--text-inverse:var(--neutral-50);--border-subtle:#0000000f;--border-default:#0000001a;--border-strong:#0000002e;--border-focus:var(--magenta-500);--border-brand:var(--magenta-500);--status-success:var(--success-500);--status-success-bg:var(--success-100);--status-success-fg:var(--success-700);--status-warning:var(--warning-500);--status-warning-bg:var(--warning-100);--status-warning-fg:var(--warning-700);--status-danger:var(--danger-500);--status-danger-bg:var(--danger-100);--status-danger-fg:var(--danger-700);--status-info:var(--info-500);--status-info-bg:var(--info-100);--status-info-fg:var(--info-700);--status-neutral:var(--neutral-400);--status-neutral-bg:var(--neutral-200);--status-neutral-fg:var(--neutral-700);--brand-secondary:var(--cyan-600);--brand-secondary-hover:var(--cyan-500);--brand-secondary-active:var(--cyan-700);--brand-secondary-muted:var(--cyan-200);--brand-secondary-subtle:var(--cyan-100);--brand-secondary-glow:color-mix(in srgb, var(--cyan-600) 15%, transparent);--accent-7kgroup:var(--magenta-500);--accent-7kminato:var(--cyan-600);--accent-inari:var(--inari-600);--icon-blob:var(--color-ink);--shadow-sm:0 1px 2px #00000014;--shadow-md:0 4px 12px #0000001a;--shadow-lg:0 12px 32px #0000001f;--shadow-xl:0 24px 64px #00000026;--shadow-glow:0 0 0 1px var(--brand-primary), 0 0 20px color-mix(in srgb, var(--magenta-500) 20%, transparent);--shadow-inset:inset 0 1px 0 #0000000f;--texture-02:#00000005;--texture-03:#00000008;--texture-04:#0000000a;--texture-05:#0000000d;--texture-06:#0000000f;--texture-07:#00000012;--texture-08:#00000014;--texture-09:#00000017;--texture-13:#00000021;--texture-19:#00000030;--texture-38:#00000061;--texture-50:#00000080;--texture-solid:var(--color-ink);--texture-noise-svg:url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cfilter%20id%3D%22a%22%3E%3CfeTurbulence%20baseFrequency%3D%22.85%22%20numOctaves%3D%224%22%20stitchTiles%3D%22stitch%22%20type%3D%22fractalNoise%22%2F%3E%3C%2Ffilter%3E%3Crect%20width%3D%22100%25%22%20height%3D%22100%25%22%20filter%3D%22url\(%23a\)%22%20opacity%3D%22.04%22%2F%3E%3C%2Fsvg%3E)}.project-7kgroup,[data-project="7kgroup"]{--brand-primary:var(--magenta-500);--brand-primary-hover:var(--magenta-400);--brand-primary-active:var(--magenta-600);--brand-primary-muted:var(--magenta-800);--brand-primary-subtle:var(--magenta-950);--brand-primary-glow:color-mix(in srgb, var(--magenta-500) 25%, transparent);--brand-secondary:var(--magenta-500);--brand-secondary-hover:var(--magenta-400);--brand-secondary-active:var(--magenta-600);--brand-secondary-muted:var(--magenta-800);--brand-secondary-subtle:var(--magenta-950);--brand-secondary-glow:color-mix(in srgb, var(--magenta-500) 25%, transparent);--border-focus:var(--magenta-500);--border-brand:var(--magenta-500)}.project-7kminato,[data-project="7kminato"]{--brand-primary:var(--cyan-500);--brand-primary-hover:var(--cyan-400);--brand-primary-active:var(--cyan-600);--brand-primary-muted:var(--cyan-800);--brand-primary-subtle:var(--cyan-950);--brand-primary-glow:color-mix(in srgb, var(--cyan-500) 25%, transparent);--brand-secondary:var(--cyan-500);--brand-secondary-hover:var(--cyan-400);--brand-secondary-active:var(--cyan-600);--brand-secondary-muted:var(--cyan-800);--brand-secondary-subtle:var(--cyan-950);--brand-secondary-glow:color-mix(in srgb, var(--cyan-500) 25%, transparent);--border-focus:var(--cyan-500);--border-brand:var(--cyan-500)}.project-inari,[data-project=inari]{--brand-primary:var(--inari-500);--brand-primary-hover:var(--inari-400);--brand-primary-active:var(--inari-600);--brand-primary-muted:var(--inari-800);--brand-primary-subtle:var(--inari-950);--brand-primary-glow:color-mix(in srgb, var(--inari-500) 25%, transparent);--brand-secondary:var(--inari-500);--brand-secondary-hover:var(--inari-400);--brand-secondary-active:var(--inari-600);--brand-secondary-muted:var(--inari-800);--brand-secondary-subtle:var(--inari-950);--brand-secondary-glow:color-mix(in srgb, var(--inari-500) 25%, transparent);--border-focus:var(--inari-500);--border-brand:var(--inari-500)}html[data-theme=light] .project-7kminato,html[data-theme=light][data-project="7kminato"]{--brand-primary:var(--cyan-600);--brand-primary-hover:var(--cyan-500);--brand-primary-active:var(--cyan-700);--brand-primary-muted:var(--cyan-200);--brand-primary-subtle:var(--cyan-100);--brand-primary-glow:color-mix(in srgb, var(--cyan-600) 15%, transparent);--brand-secondary:var(--cyan-600);--brand-secondary-hover:var(--cyan-500);--brand-secondary-active:var(--cyan-700);--brand-secondary-muted:var(--cyan-200);--brand-secondary-subtle:var(--cyan-100);--brand-secondary-glow:color-mix(in srgb, var(--cyan-600) 15%, transparent);--border-focus:var(--cyan-600);--border-brand:var(--cyan-600)}html[data-theme=light] .project-inari,html[data-theme=light][data-project=inari]{--brand-primary:var(--inari-600);--brand-primary-hover:var(--inari-500);--brand-primary-active:var(--inari-700);--brand-primary-muted:var(--inari-200);--brand-primary-subtle:var(--inari-100);--brand-primary-glow:color-mix(in srgb, var(--inari-600) 15%, transparent);--brand-secondary:var(--inari-600);--brand-secondary-hover:var(--inari-500);--brand-secondary-active:var(--inari-700);--brand-secondary-muted:var(--inari-200);--brand-secondary-subtle:var(--inari-100);--brand-secondary-glow:color-mix(in srgb, var(--inari-600) 15%, transparent);--border-focus:var(--inari-600);--border-brand:var(--inari-600)}@media (prefers-color-scheme:light){:root:not([data-theme]) .project-7kminato,:root:not([data-theme])[data-project="7kminato"]{--brand-primary:var(--cyan-600);--brand-primary-hover:var(--cyan-500);--brand-primary-active:var(--cyan-700);--brand-primary-muted:var(--cyan-200);--brand-primary-subtle:var(--cyan-100);--brand-primary-glow:color-mix(in srgb, var(--cyan-600) 15%, transparent);--brand-secondary:var(--cyan-600);--brand-secondary-hover:var(--cyan-500);--brand-secondary-active:var(--cyan-700);--brand-secondary-muted:var(--cyan-200);--brand-secondary-subtle:var(--cyan-100);--brand-secondary-glow:color-mix(in srgb, var(--cyan-600) 15%, transparent);--border-focus:var(--cyan-600);--border-brand:var(--cyan-600)}:root:not([data-theme]) .project-inari,:root:not([data-theme])[data-project=inari]{--brand-primary:var(--inari-600);--brand-primary-hover:var(--inari-500);--brand-primary-active:var(--inari-700);--brand-primary-muted:var(--inari-200);--brand-primary-subtle:var(--inari-100);--brand-primary-glow:color-mix(in srgb, var(--inari-600) 15%, transparent);--brand-secondary:var(--inari-600);--brand-secondary-hover:var(--inari-500);--brand-secondary-active:var(--inari-700);--brand-secondary-muted:var(--inari-200);--brand-secondary-subtle:var(--inari-100);--brand-secondary-glow:color-mix(in srgb, var(--inari-600) 15%, transparent);--border-focus:var(--inari-600);--border-brand:var(--inari-600)}}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:16px}body{font-family:Geist,system-ui,-apple-system,sans-serif;font-family:var(--font-sans);font-size:clamp(.9375rem,.875rem + .2vw,1rem);font-size:var(--text-body-fluid);color:var(--text-primary);background:#0a0a0d;background:var(--bg-base);line-height:1.6}.display{font-size:clamp(48px,8vw,160px);font-size:var(--text-display);font-weight:900;line-height:.9}.display,.h1,h1{font-family:Geist,system-ui,-apple-system,sans-serif;font-family:var(--font-sans);letter-spacing:-.04em;color:var(--text-primary)}.h1,h1{font-size:4rem;font-size:var(--text-h1);font-weight:700;line-height:1.1}.h2,h2{font-size:3rem;font-size:var(--text-h2);letter-spacing:-.03em;font-weight:700;line-height:1.15}.h2,.h3,h2,h3{font-family:Geist,system-ui,-apple-system,sans-serif;font-family:var(--font-sans);color:var(--text-primary)}.h3,h3{font-size:2rem;font-size:var(--text-h3);line-height:1.2}.h3,.h4,h3,h4{letter-spacing:-.02em;font-weight:600}.h4,h4{font-family:Geist,system-ui,-apple-system,sans-serif;font-family:var(--font-sans);font-size:1.5rem;font-size:var(--text-h4);color:var(--text-primary);line-height:1.3}.body-lg{font-size:1.125rem;font-size:var(--text-body-lg)}.body,.body-lg{font-family:Geist,system-ui,-apple-system,sans-serif;font-family:var(--font-sans);letter-spacing:-.01em;color:var(--text-secondary);font-weight:400;line-height:1.6}.body{font-size:1rem;font-size:var(--text-body)}.body-sm{font-family:Geist,system-ui,-apple-system,sans-serif;font-family:var(--font-sans);font-size:.875rem;font-size:var(--text-body-sm);letter-spacing:-.01em;color:var(--text-tertiary);font-weight:400;line-height:1.5}.caption{font-family:Geist,system-ui,-apple-system,sans-serif;font-family:var(--font-sans);font-size:.75rem;font-size:var(--text-caption);letter-spacing:0;line-height:1.4}.caption,.mono-label{color:var(--text-secondary);font-weight:500}.mono-label{font-family:Geist Mono,ui-monospace,SF Mono,menlo,monospace;font-family:var(--font-mono);font-size:.6875rem;font-size:var(--text-mono-label);letter-spacing:.12em;text-transform:uppercase;line-height:1.2}.mono,.mono-body{color:var(--text-primary);font-weight:400}.mono,.mono-body,code,pre{font-family:Geist Mono,ui-monospace,SF Mono,menlo,monospace;font-family:var(--font-mono);font-size:.8125rem;font-size:var(--text-mono-body);line-height:1.5}.font-pixel-square{font-family:Geist Pixel,monospace;font-weight:400}.font-pixel-circle{font-family:Geist Pixel,monospace;font-weight:500}.font-pixel-grid{font-family:Geist Pixel,monospace;font-weight:600}.font-pixel-line{font-family:Geist Pixel,monospace;font-weight:700}.font-pixel-triangle{font-family:Geist Pixel,monospace;font-weight:800}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.gap-8{gap:32px}.gap-12{gap:48px}.p-1{padding:4px}.p-2{padding:8px}.p-3{padding:12px}.p-4{padding:16px}.p-6{padding:24px}.p-8{padding:32px}.px-2{padding-left:8px;padding-right:8px}.px-4{padding-left:16px;padding-right:16px}.px-6{padding-left:24px;padding-right:24px}.py-2{padding-top:8px;padding-bottom:8px}.py-4{padding-top:16px;padding-bottom:16px}.py-6{padding-top:24px;padding-bottom:24px}.radius-none{border-radius:0}.radius-sm{border-radius:4px}.radius-md{border-radius:8px}.radius-lg{border-radius:12px}.radius-xl{border-radius:16px}.radius-full{border-radius:9999px}.text-accent{color:var(--brand-primary)}.text-secondary-accent{color:var(--brand-secondary)}.text-success{color:var(--status-success)}.text-warning{color:var(--status-warning)}.text-danger{color:var(--status-danger)}.text-fg-secondary{color:var(--text-secondary)}.text-ink{color:var(--color-ink)}.text-paper{color:var(--color-paper)}.bg-accent{background:#f0f;background:var(--brand-primary)}.bg-secondary-accent{background:#00e5ff;background:var(--brand-secondary)}.bg-surface{background:#131318;background:var(--bg-elevated)}.bg-surface-elevated{background:#1c1c22;background:var(--bg-raised)}.bg-ink{background:#000;background:var(--color-ink)}.bg-paper{background:#fff;background:var(--color-paper)}.border-accent{border-color:#f0f;border-color:var(--brand-primary)}.border-secondary-accent{border-color:#00e5ff;border-color:var(--brand-secondary)}.border-danger{border-color:#ff3b5c;border-color:var(--status-danger)}.glow-accent{box-shadow:0 0 20px #ff00ff40;box-shadow:0 0 20px color-mix(in srgb,var(--brand-primary) 25%,transparent)}.glow-secondary-accent{box-shadow:0 0 20px #00e5ff40;box-shadow:0 0 20px color-mix(in srgb,var(--brand-secondary) 25%,transparent)}.text-neutral-50{color:var(--neutral-50)}.text-neutral-100{color:var(--neutral-100)}.text-neutral-200{color:var(--neutral-200)}.text-neutral-300{color:var(--neutral-300)}.text-neutral-400{color:var(--neutral-400)}.text-neutral-500{color:var(--neutral-500)}.text-neutral-600{color:var(--neutral-600)}.text-neutral-700{color:var(--neutral-700)}.text-neutral-800{color:var(--neutral-800)}.text-neutral-900{color:var(--neutral-900)}.text-neutral-950{color:var(--neutral-950)}.bg-neutral-50{background:#fafafb;background:var(--neutral-50)}.bg-neutral-100{background:#eeeef1;background:var(--neutral-100)}.bg-neutral-200{background:#d7d7dc;background:var(--neutral-200)}.bg-neutral-300{background:#b0b0b8;background:var(--neutral-300)}.bg-neutral-400{background:#82828a;background:var(--neutral-400)}.bg-neutral-500{background:#6b6b72;background:var(--neutral-500)}.bg-neutral-600{background:#50505a;background:var(--neutral-600)}.bg-neutral-700{background:#3a3a42;background:var(--neutral-700)}.bg-neutral-800{background:#26262b;background:var(--neutral-800)}.bg-neutral-900{background:#1c1c22;background:var(--neutral-900)}.bg-neutral-950{background:#131318;background:var(--neutral-950)}.text-magenta-50{color:var(--magenta-50)}.text-magenta-100{color:var(--magenta-100)}.text-magenta-200{color:var(--magenta-200)}.text-magenta-300{color:var(--magenta-300)}.text-magenta-400{color:var(--magenta-400)}.text-magenta-500{color:var(--magenta-500)}.text-magenta-600{color:var(--magenta-600)}.text-magenta-700{color:var(--magenta-700)}.text-magenta-800{color:var(--magenta-800)}.text-magenta-900{color:var(--magenta-900)}.text-magenta-950{color:var(--magenta-950)}.bg-accent-subtle{background:#ff00ff1a;background:color-mix(in srgb,var(--brand-primary) 10%,transparent)}.bg-secondary-accent-subtle{background:#00e5ff1a;background:color-mix(in srgb,var(--brand-secondary) 10%,transparent)}:focus-visible{outline:2px solid #f0f;outline:2px solid var(--brand-primary);outline-offset:2px}::selection{background:#f0f;background:var(--brand-primary);color:var(--color-paper)}.bg-scanline{position:relative;overflow:hidden}.bg-scanline:after{content:"";background:repeating-linear-gradient(0deg,#0000,#0000 2px,#ffffff08 0 4px);background:repeating-linear-gradient(0deg,transparent,transparent 2px,var(--texture-03) 2px,var(--texture-03) 4px);pointer-events:none;z-index:1;animation:8s linear infinite scanline-scroll;position:absolute;inset:0}.bg-scanline-fast{position:relative;overflow:hidden}.bg-scanline-fast:after{content:"";background:repeating-linear-gradient(0deg,#0000,#0000 1px,#ffffff0d 0 2px);background:repeating-linear-gradient(0deg,transparent,transparent 1px,var(--texture-05) 1px,var(--texture-05) 2px);pointer-events:none;z-index:1;animation:3s linear infinite scanline-scroll;position:absolute;inset:0}.bg-halftone-sm{background-image:radial-gradient(#ffffff14 .5px,#0000 0);background-image:radial-gradient(var(--texture-08) .5px,transparent .5px);background-size:4px 4px}.bg-halftone-md{background-image:radial-gradient(#ffffff0d 1px,#0000 0);background-image:radial-gradient(var(--texture-05) 1px,transparent 1px);background-size:6px 6px}.bg-halftone-lg{background-image:radial-gradient(#ffffff0a 1.5px,#0000 0);background-image:radial-gradient(var(--texture-04) 1.5px,transparent 1.5px);background-size:10px 10px}.bg-halftone-accent{background-image:radial-gradient(#f0f 1px,#0000 0);background-image:radial-gradient(var(--brand-primary) 1px,transparent 1px);background-size:8px 8px}.bg-dot-matrix{background-image:radial-gradient(#ffffff12 .5px,#0000 0);background-image:radial-gradient(var(--texture-07) .5px,transparent .5px);background-size:6px 6px}.bg-dot-matrix-dense{background-image:radial-gradient(#ffffff17 .5px,#0000 0);background-image:radial-gradient(var(--texture-09) .5px,transparent .5px);background-size:3px 3px}.bg-dot-matrix-sparse{background-image:radial-gradient(#ffffff0a 1px,#0000 0);background-image:radial-gradient(var(--texture-04) 1px,transparent 1px);background-size:12px 12px}.bg-diagonal-stripes{background:repeating-linear-gradient(45deg,#0000,#0000 6px,#ffffff0a 0 7px);background:repeating-linear-gradient(45deg,transparent,transparent 6px,var(--texture-04) 6px,var(--texture-04) 7px)}.bg-diagonal-stripes-dense{background:repeating-linear-gradient(45deg,#0000,#0000 3px,#ffffff14 0 4px);background:repeating-linear-gradient(45deg,transparent,transparent 3px,var(--texture-08) 3px,var(--texture-08) 4px)}.bg-diagonal-stripes-negative{background:repeating-linear-gradient(45deg,#000,#000 6px,#fff 0 7px);background:repeating-linear-gradient(45deg,var(--color-ink),var(--color-ink) 6px,var(--color-paper) 6px,var(--color-paper) 7px)}.bg-stripes-h{background:repeating-linear-gradient(0deg,#0000,#0000 8px,#ffffff0a 0 9px);background:repeating-linear-gradient(0deg,transparent,transparent 8px,var(--texture-04) 8px,var(--texture-04) 9px)}.bg-stripes-h-dense{background:repeating-linear-gradient(0deg,#0000,#0000 4px,#ffffff14 0 5px);background:repeating-linear-gradient(0deg,transparent,transparent 4px,var(--texture-08) 4px,var(--texture-08) 5px)}.bg-stripes-v{background:repeating-linear-gradient(90deg,#0000,#0000 8px,#ffffff0a 0 9px);background:repeating-linear-gradient(90deg,transparent,transparent 8px,var(--texture-04) 8px,var(--texture-04) 9px)}.bg-stripes-v-dense{background:repeating-linear-gradient(90deg,#0000,#0000 4px,#ffffff14 0 5px);background:repeating-linear-gradient(90deg,transparent,transparent 4px,var(--texture-08) 4px,var(--texture-08) 5px)}.bg-crosshatch{background-image:repeating-linear-gradient(45deg,#0000,#0000 6px,#ffffff0a 0 7px),repeating-linear-gradient(-45deg,#0000,#0000 6px,#ffffff0a 0 7px);background-image:repeating-linear-gradient(45deg,transparent,transparent 6px,var(--texture-04) 6px,var(--texture-04) 7px),repeating-linear-gradient(-45deg,transparent,transparent 6px,var(--texture-04) 6px,var(--texture-04) 7px)}.bg-crosshatch-dense{background-image:repeating-linear-gradient(45deg,#0000,#0000 3px,#ffffff14 0 4px),repeating-linear-gradient(-45deg,#0000,#0000 3px,#ffffff14 0 4px);background-image:repeating-linear-gradient(45deg,transparent,transparent 3px,var(--texture-08) 3px,var(--texture-08) 4px),repeating-linear-gradient(-45deg,transparent,transparent 3px,var(--texture-08) 3px,var(--texture-08) 4px)}.bg-checkerboard{background-image:linear-gradient(45deg,#ffffff0a 25%,#0000 0),linear-gradient(-45deg,#ffffff0a 25%,#0000 0),linear-gradient(45deg,#0000 75%,#ffffff0a 0),linear-gradient(-45deg,#0000 75%,#ffffff0a 0);background-image:linear-gradient(45deg,var(--texture-04) 25%,transparent 25%),linear-gradient(-45deg,var(--texture-04) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--texture-04) 75%),linear-gradient(-45deg,transparent 75%,var(--texture-04) 75%);background-position:0 0,0 6px,6px -6px,-6px 0;background-size:12px 12px}.bg-checkerboard-contrast{background-image:linear-gradient(45deg,#000 25%,#0000 0),linear-gradient(-45deg,#000 25%,#0000 0),linear-gradient(45deg,#0000 75%,#000 0),linear-gradient(-45deg,#0000 75%,#000 0);background-image:linear-gradient(45deg,var(--color-ink) 25%,transparent 25%),linear-gradient(-45deg,var(--color-ink) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--color-ink) 75%),linear-gradient(-45deg,transparent 75%,var(--color-ink) 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}.bg-noise{position:relative}.bg-noise:before{content:"";background-image:url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cfilter%20id%3D%22a%22%3E%3CfeTurbulence%20baseFrequency%3D%22.85%22%20numOctaves%3D%224%22%20stitchTiles%3D%22stitch%22%20type%3D%22fractalNoise%22%2F%3E%3C%2Ffilter%3E%3Crect%20width%3D%22100%25%22%20height%3D%22100%25%22%20fill%3D%22%23fff%22%20filter%3D%22url\(%23a\)%22%20opacity%3D%22.04%22%2F%3E%3C%2Fsvg%3E);background-image:var(--texture-noise-svg);pointer-events:none;opacity:.5;z-index:1;background-size:128px 128px;position:absolute;inset:0}.bg-noise-heavy:before{opacity:.12}.bg-vignette-ink{position:relative}.bg-vignette-ink:after{content:"";background:radial-gradient(#0000 50%,#000c 100%);background:radial-gradient(ellipse at center,transparent 50%,color-mix(in srgb,var(--color-ink) 80%,transparent) 100%);pointer-events:none;z-index:1;position:absolute;inset:0}.bg-vignette-ink-sharp:after{background:radial-gradient(#0000 30%,#000 100%);background:radial-gradient(ellipse at center,transparent 30%,var(--color-ink) 100%)}.bg-waves{background:radial-gradient(at 50% 0,#0000 60%,#ffffff05 0 61%),radial-gradient(at 50% 0,#0000 50%,#ffffff05 0 51%),radial-gradient(at 50% 0,#0000 40%,#ffffff08 0 41%),radial-gradient(at 50% 0,#0000 30%,#ffffff05 0 31%),radial-gradient(at 50% 0,#0000 20%,#ffffff08 0 21%),radial-gradient(at 50% 0,#0000 10%,#ffffff05 0 11%);background:radial-gradient(ellipse at 50% 0,transparent 60%,var(--texture-02) 60%,var(--texture-02) 61%),radial-gradient(ellipse at 50% 0,transparent 50%,var(--texture-02) 50%,var(--texture-02) 51%),radial-gradient(ellipse at 50% 0,transparent 40%,var(--texture-03) 40%,var(--texture-03) 41%),radial-gradient(ellipse at 50% 0,transparent 30%,var(--texture-02) 30%,var(--texture-02) 31%),radial-gradient(ellipse at 50% 0,transparent 20%,var(--texture-03) 20%,var(--texture-03) 21%),radial-gradient(ellipse at 50% 0,transparent 10%,var(--texture-02) 10%,var(--texture-02) 11%);background-position:0 0,0 10px,0 20px,0 30px,0 40px,0 50px;background-size:100px 80px,100px 80px,100px 80px,100px 80px,100px 80px,100px 80px}.bg-waves-dense{background:radial-gradient(at 50% 0,#0000 65%,#ffffff0d 0 66%),radial-gradient(at 50% 0,#0000 55%,#ffffff0a 0 56%),radial-gradient(at 50% 0,#0000 45%,#ffffff0d 0 46%),radial-gradient(at 50% 0,#0000 35%,#ffffff0a 0 36%),radial-gradient(at 50% 0,#0000 25%,#ffffff0d 0 26%),radial-gradient(at 50% 0,#0000 15%,#ffffff0a 0 16%);background:radial-gradient(ellipse at 50% 0,transparent 65%,var(--texture-05) 65%,var(--texture-05) 66%),radial-gradient(ellipse at 50% 0,transparent 55%,var(--texture-04) 55%,var(--texture-04) 56%),radial-gradient(ellipse at 50% 0,transparent 45%,var(--texture-05) 45%,var(--texture-05) 46%),radial-gradient(ellipse at 50% 0,transparent 35%,var(--texture-04) 35%,var(--texture-04) 36%),radial-gradient(ellipse at 50% 0,transparent 25%,var(--texture-05) 25%,var(--texture-05) 26%),radial-gradient(ellipse at 50% 0,transparent 15%,var(--texture-04) 15%,var(--texture-04) 16%);background-position:0 0,0 8px,0 16px,0 24px,0 32px,0 40px;background-size:60px 50px,60px 50px,60px 50px,60px 50px,60px 50px,60px 50px}.bg-concentric-rings{background:radial-gradient(circle,#0000 10%,#ffffff08 0 11%,#0000 0),radial-gradient(circle,#0000 20%,#ffffff08 0 21%,#0000 0),radial-gradient(circle,#0000 30%,#ffffff0a 0 31%,#0000 0),radial-gradient(circle,#0000 40%,#ffffff08 0 41%,#0000 0),radial-gradient(circle,#0000 50%,#ffffff08 0 51%,#0000 0),radial-gradient(circle,#0000 60%,#ffffff05 0 61%);background:radial-gradient(circle at 50% 50%,transparent 10%,var(--texture-03) 10%,var(--texture-03) 11%,transparent 11%),radial-gradient(circle at 50% 50%,transparent 20%,var(--texture-03) 20%,var(--texture-03) 21%,transparent 21%),radial-gradient(circle at 50% 50%,transparent 30%,var(--texture-04) 30%,var(--texture-04) 31%,transparent 31%),radial-gradient(circle at 50% 50%,transparent 40%,var(--texture-03) 40%,var(--texture-03) 41%,transparent 41%),radial-gradient(circle at 50% 50%,transparent 50%,var(--texture-03) 50%,var(--texture-03) 51%,transparent 51%),radial-gradient(circle at 50% 50%,transparent 60%,var(--texture-02) 60%,var(--texture-02) 61%);background-position:50%;background-size:200px 200px}.bg-concentric-rings-dense{background:radial-gradient(circle,#0000 8%,#ffffff0f 0 9%,#0000 0),radial-gradient(circle,#0000 16%,#ffffff0d 0 17%,#0000 0),radial-gradient(circle,#0000 24%,#ffffff0f 0 25%,#0000 0),radial-gradient(circle,#0000 32%,#ffffff0d 0 33%,#0000 0),radial-gradient(circle,#0000 40%,#ffffff0f 0 41%,#0000 0),radial-gradient(circle,#0000 48%,#ffffff0d 0 49%);background:radial-gradient(circle at 50% 50%,transparent 8%,var(--texture-06) 8%,var(--texture-06) 9%,transparent 9%),radial-gradient(circle at 50% 50%,transparent 16%,var(--texture-05) 16%,var(--texture-05) 17%,transparent 17%),radial-gradient(circle at 50% 50%,transparent 24%,var(--texture-06) 24%,var(--texture-06) 25%,transparent 25%),radial-gradient(circle at 50% 50%,transparent 32%,var(--texture-05) 32%,var(--texture-05) 33%,transparent 33%),radial-gradient(circle at 50% 50%,transparent 40%,var(--texture-06) 40%,var(--texture-06) 41%,transparent 41%),radial-gradient(circle at 50% 50%,transparent 48%,var(--texture-05) 48%,var(--texture-05) 49%);background-position:50%;background-size:120px 120px}.bg-grid-dots{background-image:radial-gradient(#ffffff0f 1px,#0000 0),radial-gradient(#ffffff0f 1px,#0000 0);background-image:radial-gradient(var(--texture-06) 1px,transparent 1px),radial-gradient(var(--texture-06) 1px,transparent 1px);background-position:0 0,8px 8px;background-size:16px 16px,16px 16px}.bg-grid-dots-dense{background-image:radial-gradient(#ffffff17 .8px,#0000 0),radial-gradient(#ffffff17 .8px,#0000 0);background-image:radial-gradient(var(--texture-09) .8px,transparent .8px),radial-gradient(var(--texture-09) .8px,transparent .8px);background-position:0 0,4px 4px;background-size:8px 8px,8px 8px}.bg-grid-dots-accent{background-image:radial-gradient(#ff00ff26 1px,#0000 0),radial-gradient(#ff00ff26 1px,#0000 0);background-image:radial-gradient(color-mix(in srgb,var(--magenta-500) 15%,transparent) 1px,transparent 1px),radial-gradient(color-mix(in srgb,var(--magenta-500) 15%,transparent) 1px,transparent 1px);background-position:0 0,10px 10px;background-size:20px 20px,20px 20px}.bg-rain{background:repeating-linear-gradient(20deg,#0000,#0000 3px,#ffffff05 0 4px);background:repeating-linear-gradient(20deg,transparent,transparent 3px,var(--texture-02) 3px,var(--texture-02) 4px);background-size:8px 20px}.bg-rain-dense{background:repeating-linear-gradient(20deg,#0000,#0000 2px,#ffffff0d 0 3px);background:repeating-linear-gradient(20deg,transparent,transparent 2px,var(--texture-05) 2px,var(--texture-05) 3px);background-size:6px 12px}.bg-rain-angled{background:repeating-linear-gradient(35deg,#0000,#0000 3px,#ffffff08 0 4px),repeating-linear-gradient(-35deg,#0000,#0000 6px,#ffffff05 0 7px);background:repeating-linear-gradient(35deg,transparent,transparent 3px,var(--texture-03) 3px,var(--texture-03) 4px),repeating-linear-gradient(-35deg,transparent,transparent 6px,var(--texture-02) 6px,var(--texture-02) 7px);background-size:12px 24px}.bg-starburst{background:repeating-conic-gradient(#ffffff08 0,#ffffff08 0.5%,transparent 0.5%,transparent 5%);background:repeating-conic-gradient(var(--texture-03) 0,var(--texture-03) 0.5%,transparent 0.5%,transparent 5%);background-size:100% 100%}.bg-starburst-dense{background:repeating-conic-gradient(#ffffff0f 0,#ffffff0f 0.3%,transparent 0.3%,transparent 3%);background:repeating-conic-gradient(var(--texture-06) 0,var(--texture-06) 0.3%,transparent 0.3%,transparent 3%)}.bg-starburst-accent{background:repeating-conic-gradient(#ff00ff1f 0,#ff00ff1f 0.5%,transparent 0.5%,transparent 4%);background:repeating-conic-gradient(color-mix(in srgb,var(--brand-primary) 12%,transparent) 0,color-mix(in srgb,var(--brand-primary) 12%,transparent) 0.5%,transparent 0.5%,transparent 4%)}.bg-zigzag{background:repeating-linear-gradient(75deg,#0000,#0000 8px,#ffffff0a 0 9px),repeating-linear-gradient(-75deg,#0000,#0000 8px,#ffffff0a 0 9px);background:repeating-linear-gradient(75deg,transparent,transparent 8px,var(--texture-04) 8px,var(--texture-04) 9px),repeating-linear-gradient(-75deg,transparent,transparent 8px,var(--texture-04) 8px,var(--texture-04) 9px);background-size:24px 12px}.bg-zigzag-dense{background:repeating-linear-gradient(75deg,#0000,#0000 4px,#ffffff12 0 5px),repeating-linear-gradient(-75deg,#0000,#0000 4px,#ffffff12 0 5px);background:repeating-linear-gradient(75deg,transparent,transparent 4px,var(--texture-07) 4px,var(--texture-07) 5px),repeating-linear-gradient(-75deg,transparent,transparent 4px,var(--texture-07) 4px,var(--texture-07) 5px);background-size:12px 6px}.bg-zigzag-horizontal{background:repeating-linear-gradient(165deg,#0000,#0000 8px,#ffffff0a 0 9px),repeating-linear-gradient(-165deg,#0000,#0000 8px,#ffffff0a 0 9px);background:repeating-linear-gradient(165deg,transparent,transparent 8px,var(--texture-04) 8px,var(--texture-04) 9px),repeating-linear-gradient(-165deg,transparent,transparent 8px,var(--texture-04) 8px,var(--texture-04) 9px);background-size:24px 12px}.bg-separator-solid{background:#fff;background:var(--texture-solid);opacity:.25;border:none;width:100%;height:1px;margin:0}.bg-separator-thick{opacity:.4;height:2px}.bg-separator-dashed{border-top:2px dashed #fff;border-top:2px dashed var(--texture-solid);opacity:.3;background:0 0;height:0}.bg-separator-dotted{border-top:2px dotted #fff;border-top:2px dotted var(--texture-solid);opacity:.25;background:0 0;height:0}.iso-grid{background:repeating-linear-gradient(30deg,#0000,#0000 24px,#ffffff08 0 25px),repeating-linear-gradient(-30deg,#0000,#0000 24px,#ffffff08 0 25px);background:repeating-linear-gradient(30deg,transparent,transparent 24px,var(--texture-03) 24px,var(--texture-03) 25px),repeating-linear-gradient(-30deg,transparent,transparent 24px,var(--texture-03) 24px,var(--texture-03) 25px)}.iso-grid-dense{background:repeating-linear-gradient(30deg,#0000,#0000 12px,#ffffff0d 0 13px),repeating-linear-gradient(-30deg,#0000,#0000 12px,#ffffff0d 0 13px);background:repeating-linear-gradient(30deg,transparent,transparent 12px,var(--texture-05) 12px,var(--texture-05) 13px),repeating-linear-gradient(-30deg,transparent,transparent 12px,var(--texture-05) 12px,var(--texture-05) 13px)}.iso-grid-accent{background:repeating-linear-gradient(30deg,#0000,#0000 24px,#ff00ff1f 0 25px),repeating-linear-gradient(-30deg,#0000,#0000 24px,#ff00ff1f 0 25px);background:repeating-linear-gradient(30deg,transparent,transparent 24px,color-mix(in srgb,var(--magenta-500) 12%,transparent) 24px,color-mix(in srgb,var(--magenta-500) 12%,transparent) 25px),repeating-linear-gradient(-30deg,transparent,transparent 24px,color-mix(in srgb,var(--magenta-500) 12%,transparent) 24px,color-mix(in srgb,var(--magenta-500) 12%,transparent) 25px)}.iso-cubes{background:repeating-linear-gradient(150deg,#0000,#0000 20px,#ffffff0f 0 21px),repeating-linear-gradient(-30deg,#0000,#0000 20px,#ffffff17 0 21px),repeating-linear-gradient(30deg,#0000,#0000 20px,#ffffff08 0 21px);background:repeating-linear-gradient(150deg,transparent,transparent 20px,var(--texture-06) 20px,var(--texture-06) 21px),repeating-linear-gradient(-30deg,transparent,transparent 20px,var(--texture-09) 20px,var(--texture-09) 21px),repeating-linear-gradient(30deg,transparent,transparent 20px,var(--texture-03) 20px,var(--texture-03) 21px);background-size:40px 40px}.iso-cubes-dense{background:repeating-linear-gradient(150deg,#0000,#0000 10px,#ffffff12 0 11px),repeating-linear-gradient(-30deg,#0000,#0000 10px,#ffffff21 0 11px),repeating-linear-gradient(30deg,#0000,#0000 10px,#ffffff0a 0 11px);background:repeating-linear-gradient(150deg,transparent,transparent 10px,var(--texture-07) 10px,var(--texture-07) 11px),repeating-linear-gradient(-30deg,transparent,transparent 10px,var(--texture-13) 10px,var(--texture-13) 11px),repeating-linear-gradient(30deg,transparent,transparent 10px,var(--texture-04) 10px,var(--texture-04) 11px);background-size:20px 20px}.iso-cubes-accent{background:repeating-linear-gradient(150deg,#0000,#0000 20px,#ff00ff1f 0 21px),repeating-linear-gradient(-30deg,#0000,#0000 20px,#f0f3 0 21px),repeating-linear-gradient(30deg,#0000,#0000 20px,#ff00ff14 0 21px);background:repeating-linear-gradient(150deg,transparent,transparent 20px,color-mix(in srgb,var(--magenta-500) 12%,transparent) 20px,color-mix(in srgb,var(--magenta-500) 12%,transparent) 21px),repeating-linear-gradient(-30deg,transparent,transparent 20px,color-mix(in srgb,var(--magenta-500) 20%,transparent) 20px,color-mix(in srgb,var(--magenta-500) 20%,transparent) 21px),repeating-linear-gradient(30deg,transparent,transparent 20px,color-mix(in srgb,var(--magenta-500) 8%,transparent) 20px,color-mix(in srgb,var(--magenta-500) 8%,transparent) 21px);background-size:40px 40px}.iso-pyramid{background:repeating-linear-gradient(150deg,#0000,#0000 15px,#ffffff0a 0 16px),repeating-linear-gradient(-30deg,#0000 0 30px,#ffffff17 0 31px);background:repeating-linear-gradient(150deg,transparent,transparent 15px,var(--texture-04) 15px,var(--texture-04) 16px),repeating-linear-gradient(-30deg,transparent 0,transparent 30px,var(--texture-09) 30px,var(--texture-09) 31px);background-size:30px 30px}.iso-hex{background:repeating-linear-gradient(60deg,#0000,#0000 18px,#ffffff05 0 19px),repeating-linear-gradient(-60deg,#0000,#0000 18px,#ffffff05 0 19px),repeating-linear-gradient(0deg,#0000,#0000 9px,#ffffff0a 0 10px);background:repeating-linear-gradient(60deg,transparent,transparent 18px,var(--texture-02) 18px,var(--texture-02) 19px),repeating-linear-gradient(-60deg,transparent,transparent 18px,var(--texture-02) 18px,var(--texture-02) 19px),repeating-linear-gradient(0deg,transparent,transparent 9px,var(--texture-04) 9px,var(--texture-04) 10px)}.iso-pipes{background:repeating-linear-gradient(30deg,#0000,#0000 16px,#ffffff0a 0 17px),repeating-linear-gradient(-30deg,#0000,#0000 16px,#ffffff0a 0 17px),repeating-linear-gradient(0deg,#0000,#0000 12px,#ffffff05 0 13px);background:repeating-linear-gradient(30deg,transparent,transparent 16px,var(--texture-04) 16px,var(--texture-04) 17px),repeating-linear-gradient(-30deg,transparent,transparent 16px,var(--texture-04) 16px,var(--texture-04) 17px),repeating-linear-gradient(0deg,transparent,transparent 12px,var(--texture-02) 12px,var(--texture-02) 13px)}.iso-pipes-fast{background:repeating-linear-gradient(30deg,#0000,#0000 8px,#ffffff0d 0 9px),repeating-linear-gradient(-30deg,#0000,#0000 8px,#ffffff0d 0 9px),repeating-linear-gradient(0deg,#0000,#0000 6px,#ffffff08 0 7px);background:repeating-linear-gradient(30deg,transparent,transparent 8px,var(--texture-05) 8px,var(--texture-05) 9px),repeating-linear-gradient(-30deg,transparent,transparent 8px,var(--texture-05) 8px,var(--texture-05) 9px),repeating-linear-gradient(0deg,transparent,transparent 6px,var(--texture-03) 6px,var(--texture-03) 7px)}.iso-terrain{background:repeating-linear-gradient(0deg,#0000,#0000 8px,#ffffff08 0 9px),repeating-linear-gradient(30deg,#0000,#0000 20px,#ffffff0d 0 21px),repeating-linear-gradient(-30deg,#0000,#0000 20px,#ffffff0a 0 21px);background:repeating-linear-gradient(0deg,transparent,transparent 8px,var(--texture-03) 8px,var(--texture-03) 9px),repeating-linear-gradient(30deg,transparent,transparent 20px,var(--texture-05) 20px,var(--texture-05) 21px),repeating-linear-gradient(-30deg,transparent,transparent 20px,var(--texture-04) 20px,var(--texture-04) 21px)}.iso-staircase{background:repeating-linear-gradient(0deg,#0000,#0000 8px,#ffffff08 0 10px,#0000 0 18px,#ffffff08 0 20px),repeating-linear-gradient(-30deg,#0000,#0000 16px,#ffffff0d 0 17px);background:repeating-linear-gradient(0deg,transparent,transparent 8px,var(--texture-03) 8px,var(--texture-03) 10px,transparent 10px,transparent 18px,var(--texture-03) 18px,var(--texture-03) 20px),repeating-linear-gradient(-30deg,transparent,transparent 16px,var(--texture-05) 16px,var(--texture-05) 17px);background-size:40px 40px,40px 40px}.iso-diamond-facet{background:repeating-linear-gradient(150deg,#0000,#0000 20px,#ffffff0f 0 21px),repeating-linear-gradient(-30deg,#0000,#0000 20px,#ffffff08 0 21px),repeating-linear-gradient(30deg,#0000,#0000 20px,#ffffff17 0 21px);background:repeating-linear-gradient(150deg,transparent,transparent 20px,var(--texture-06) 20px,var(--texture-06) 21px),repeating-linear-gradient(-30deg,transparent,transparent 20px,var(--texture-03) 20px,var(--texture-03) 21px),repeating-linear-gradient(30deg,transparent,transparent 20px,var(--texture-09) 20px,var(--texture-09) 21px);background-size:52px 30px}.iso-diamond-facet-dense{background:repeating-linear-gradient(150deg,#0000,#0000 10px,#ffffff12 0 11px),repeating-linear-gradient(-30deg,#0000,#0000 10px,#ffffff0a 0 11px),repeating-linear-gradient(30deg,#0000,#0000 10px,#ffffff21 0 11px);background:repeating-linear-gradient(150deg,transparent,transparent 10px,var(--texture-07) 10px,var(--texture-07) 11px),repeating-linear-gradient(-30deg,transparent,transparent 10px,var(--texture-04) 10px,var(--texture-04) 11px),repeating-linear-gradient(30deg,transparent,transparent 10px,var(--texture-13) 10px,var(--texture-13) 11px);background-size:26px 15px}.iso-diamond-facet-accent{background:repeating-linear-gradient(150deg,#0000,#0000 20px,#ff00ff1a 0 21px),repeating-linear-gradient(-30deg,#0000,#0000 20px,#ff00ff0f 0 21px),repeating-linear-gradient(30deg,#0000,#0000 20px,#f0f3 0 21px);background:repeating-linear-gradient(150deg,transparent,transparent 20px,color-mix(in srgb,var(--magenta-500) 10%,transparent) 20px,color-mix(in srgb,var(--magenta-500) 10%,transparent) 21px),repeating-linear-gradient(-30deg,transparent,transparent 20px,color-mix(in srgb,var(--magenta-500) 6%,transparent) 20px,color-mix(in srgb,var(--magenta-500) 6%,transparent) 21px),repeating-linear-gradient(30deg,transparent,transparent 20px,color-mix(in srgb,var(--magenta-500) 20%,transparent) 20px,color-mix(in srgb,var(--magenta-500) 20%,transparent) 21px);background-size:52px 30px}.iso-wave{background:repeating-linear-gradient(0deg,#0000,#0000 10px,#ffffff08 0 11px),repeating-linear-gradient(15deg,#0000 0 12px,#ffffff0d 0 13px),repeating-linear-gradient(-15deg,#0000 0 20px,#ffffff0a 0 21px);background:repeating-linear-gradient(0deg,transparent,transparent 10px,var(--texture-03) 10px,var(--texture-03) 11px),repeating-linear-gradient(15deg,transparent 0,transparent 12px,var(--texture-05) 12px,var(--texture-05) 13px),repeating-linear-gradient(-15deg,transparent 0,transparent 20px,var(--texture-04) 20px,var(--texture-04) 21px);background-position:0 0,10px 5px,-5px 10px;background-size:30px 20px,40px 30px,40px 30px}.iso-wave-fluid{background:repeating-linear-gradient(0deg,#0000,#0000 16px,#ffffff05 0 17px),repeating-linear-gradient(10deg,#0000 0 24px,#ffffff0a 0 25px),repeating-linear-gradient(-10deg,#0000 0 16px,#ffffff0a 0 17px),repeating-linear-gradient(30deg,#0000 0 32px,#ffffff05 0 33px);background:repeating-linear-gradient(0deg,transparent,transparent 16px,var(--texture-02) 16px,var(--texture-02) 17px),repeating-linear-gradient(10deg,transparent 0,transparent 24px,var(--texture-04) 24px,var(--texture-04) 25px),repeating-linear-gradient(-10deg,transparent 0,transparent 16px,var(--texture-04) 16px,var(--texture-04) 17px),repeating-linear-gradient(30deg,transparent 0,transparent 32px,var(--texture-02) 32px,var(--texture-02) 33px);background-size:60px 32px,60px 48px,60px 32px,80px 64px}.iso-rooms{background:repeating-linear-gradient(150deg,#0000,#0000 20px,#ffffff08 0 22px),repeating-linear-gradient(-30deg,#0000,#0000 20px,#ffffff0a 0 22px),repeating-linear-gradient(15deg,#0000,#0000 8px,#ffffff05 0 9px);background:repeating-linear-gradient(150deg,transparent,transparent 20px,var(--texture-03) 20px,var(--texture-03) 22px),repeating-linear-gradient(-30deg,transparent,transparent 20px,var(--texture-04) 20px,var(--texture-04) 22px),repeating-linear-gradient(15deg,transparent,transparent 8px,var(--texture-02) 8px,var(--texture-02) 9px);background-position:0 0,0 0,20px 30px;background-size:60px 60px,60px 60px,40px 40px}.iso-city{background:repeating-linear-gradient(90deg,#0000,#0000 24px,#ffffff0f 0 25px),repeating-linear-gradient(150deg,#0000 12px 24px,#ffffff08 0 25px),repeating-linear-gradient(0deg,#0000,#0000 6px,#ffffff08 0 7px);background:repeating-linear-gradient(90deg,transparent,transparent 24px,var(--texture-06) 24px,var(--texture-06) 25px),repeating-linear-gradient(150deg,transparent 12px,transparent 24px,var(--texture-03) 24px,var(--texture-03) 25px),repeating-linear-gradient(0deg,transparent,transparent 6px,var(--texture-03) 6px,var(--texture-03) 7px);background-position:0 0,24px 0,6px 4px;background-size:48px 32px,48px 32px,24px 16px}.iso-city-dense{background:repeating-linear-gradient(90deg,#0000,#0000 16px,#ffffff14 0 17px),repeating-linear-gradient(150deg,#0000 8px 16px,#ffffff0a 0 17px),repeating-linear-gradient(0deg,#0000,#0000 4px,#ffffff0d 0 5px);background:repeating-linear-gradient(90deg,transparent,transparent 16px,var(--texture-08) 16px,var(--texture-08) 17px),repeating-linear-gradient(150deg,transparent 8px,transparent 16px,var(--texture-04) 16px,var(--texture-04) 17px),repeating-linear-gradient(0deg,transparent,transparent 4px,var(--texture-05) 4px,var(--texture-05) 5px);background-position:0 0,16px 0,4px 3px;background-size:32px 24px,32px 24px,16px 12px}.iso-city-accent{background:repeating-linear-gradient(90deg,#0000,#0000 24px,#ff00ff26 0 25px),repeating-linear-gradient(150deg,#0000 12px 24px,#ff00ff14 0 25px),repeating-linear-gradient(0deg,#0000,#0000 6px,#ff00ff0f 0 7px);background:repeating-linear-gradient(90deg,transparent,transparent 24px,color-mix(in srgb,var(--magenta-500) 15%,transparent) 24px,color-mix(in srgb,var(--magenta-500) 15%,transparent) 25px),repeating-linear-gradient(150deg,transparent 12px,transparent 24px,color-mix(in srgb,var(--magenta-500) 8%,transparent) 24px,color-mix(in srgb,var(--magenta-500) 8%,transparent) 25px),repeating-linear-gradient(0deg,transparent,transparent 6px,color-mix(in srgb,var(--magenta-500) 6%,transparent) 6px,color-mix(in srgb,var(--magenta-500) 6%,transparent) 7px);background-position:0 0,24px 0,6px 4px;background-size:48px 32px,48px 32px,24px 16px}.iso-spiral{background:repeating-conic-gradient(from 30deg,#0000 0deg 8deg,#ffffff08 8deg 10deg,#0000 10deg 18deg,#ffffff08 18deg 20deg,#0000 20deg 28deg,#ffffff08 28deg 30deg,#0000 30deg 38deg,#ffffff08 38deg 40deg);background:repeating-conic-gradient(from 30deg at 50% 50%,transparent 0deg,transparent 8deg,var(--texture-03) 8deg,var(--texture-03) 10deg,transparent 10deg,transparent 18deg,var(--texture-03) 18deg,var(--texture-03) 20deg,transparent 20deg,transparent 28deg,var(--texture-03) 28deg,var(--texture-03) 30deg,transparent 30deg,transparent 38deg,var(--texture-03) 38deg,var(--texture-03) 40deg)}.iso-spiral-dense{background:repeating-conic-gradient(from 30deg,#0000 0deg 5deg,#ffffff0f 5deg 6deg,#0000 6deg 11deg,#ffffff0f 11deg 12deg,#0000 12deg 17deg,#ffffff0f 17deg 18deg,#0000 18deg 23deg,#ffffff0f 23deg 24deg);background:repeating-conic-gradient(from 30deg at 50% 50%,transparent 0deg,transparent 5deg,var(--texture-06) 5deg,var(--texture-06) 6deg,transparent 6deg,transparent 11deg,var(--texture-06) 11deg,var(--texture-06) 12deg,transparent 12deg,transparent 17deg,var(--texture-06) 17deg,var(--texture-06) 18deg,transparent 18deg,transparent 23deg,var(--texture-06) 23deg,var(--texture-06) 24deg)}.overlay-fill{pointer-events:none;z-index:1;position:absolute;inset:0}.texture-halftone-accent{position:relative}.texture-halftone-accent:before{content:"";background-image:radial-gradient(#f0f 1px,#0000 0);background-image:radial-gradient(var(--brand-primary) 1px,transparent 1px);pointer-events:none;opacity:.4;z-index:0;background-size:8px 8px;position:absolute;inset:0}.texture-dot-matrix{position:relative}.texture-dot-matrix:before{content:"";background-image:radial-gradient(#ffffff12 .5px,#0000 0);background-image:radial-gradient(var(--texture-07) .5px,transparent .5px);pointer-events:none;z-index:0;background-size:6px 6px;position:absolute;inset:0}.bg-scanline-layer{background:repeating-linear-gradient(0deg,#0000,#0000 2px,#ffffff08 0 4px);background:repeating-linear-gradient(0deg,transparent,transparent 2px,var(--texture-03) 2px,var(--texture-03) 4px);pointer-events:none}.iso-grid-animated{animation:4s linear infinite iso-grid-scroll}.iso-grid-dense-animated{animation:3s linear infinite iso-grid-scroll}.iso-cubes-animated{animation:5s linear infinite iso-grid-scroll}.iso-terrain-animated{animation:6s linear infinite iso-terrain-shift}.iso-pipes-animated{animation:3s linear infinite iso-grid-scroll}.iso-hex-animated{animation:6s linear infinite iso-grid-scroll}.iso-city-animated{animation:5s linear infinite iso-grid-scroll}.iso-wave-animated{animation:8s linear infinite iso-terrain-shift}.surface{background:#131318;background:var(--bg-elevated);border:2px solid #fff;border:2px solid var(--color-paper);padding:1.5rem;padding:var(--space-6);position:relative;overflow:hidden}.surface:before{content:"";pointer-events:none;z-index:0;opacity:0;position:absolute;inset:0}.surface-outlined{border:2px solid #fff;border:2px solid var(--color-paper);outline:2px solid #fff;outline:2px solid var(--color-paper);outline-offset:4px}.surface-gutter{border:none;border-bottom:4px solid #fff;border-bottom:4px solid var(--color-paper);background:0 0;padding:0}.surface-invert{background:#fff;background:var(--color-paper);color:var(--color-ink);border-color:#000;border-color:var(--color-ink)}.surface-invert .surface-outlined{outline-color:#000;outline-color:var(--color-ink)}.corner-bracket{position:relative}.corner-bracket:after,.corner-bracket:before{content:"";border-color:#f0f;border-color:var(--brand-primary);pointer-events:none;z-index:2;border-style:solid;width:16px;height:16px;position:absolute}.corner-bracket:before{border-width:2px 0 0 2px;top:-2px;left:-2px}.corner-bracket:after{border-width:0 2px 2px 0;bottom:-2px;right:-2px}.motion-lines{position:relative;overflow:hidden}.motion-lines:before{content:"";background:repeating-linear-gradient(90deg,#0000,#0000 8px,#ffffff0f 0 10px);background:repeating-linear-gradient(90deg,transparent,transparent 8px,var(--texture-06) 8px,var(--texture-06) 10px);pointer-events:none;z-index:1;animation:.6s linear infinite motion-lines-scroll;position:absolute;inset:0}.motion-lines-radial{position:relative;overflow:hidden}.motion-lines-radial:before{content:"";background:repeating-conic-gradient(#0000 0deg 4deg,#ffffff0d 4deg 5deg);background:repeating-conic-gradient(from 0deg,transparent 0deg,transparent 4deg,var(--texture-05) 4deg,var(--texture-05) 5deg);pointer-events:none;z-index:1;animation:8s linear infinite motion-lines-radial-spin;position:absolute;inset:-50%}.motion-lines-horizontal{position:relative;overflow:hidden}.motion-lines-horizontal:before{content:"";background:repeating-linear-gradient(0deg,#0000,#0000 6px,#ffffff0d 0 8px);background:repeating-linear-gradient(0deg,transparent,transparent 6px,var(--texture-05) 6px,var(--texture-05) 8px);pointer-events:none;z-index:1;animation:.8s linear infinite motion-lines-scroll-vertical;position:absolute;inset:0}.callout{background:#fff;background:var(--color-paper);color:var(--color-ink);border:2px solid #000;border:2px solid var(--color-ink);border-radius:12px;border-radius:var(--radius-lg);padding:1rem 1.25rem;padding:var(--space-4) var(--space-5);font-family:Geist,system-ui,-apple-system,sans-serif;font-family:var(--font-sans);font-size:1rem;font-size:var(--text-body);line-height:1.3;line-height:var(--leading-snug);position:relative}.callout:after{content:"";border-top:12px solid #000;border-left:10px solid #0000;border-right:10px solid #0000;border-top:12px solid var(--color-ink);width:0;height:0;position:absolute;bottom:-12px;left:24px}.callout-invert{background:#000;background:var(--color-ink);color:var(--color-paper);border-color:#fff;border-color:var(--color-paper)}.callout-invert:after{border-top-color:#fff;border-top-color:var(--color-paper)}.callout-emphasis{background:#fff;background:var(--color-paper);color:var(--color-ink);border:3px solid #000;border:3px solid var(--color-ink);padding:1rem;padding:var(--space-4);font-family:Geist,system-ui,-apple-system,sans-serif;font-family:var(--font-sans);font-size:1.125rem;font-weight:700;font-size:var(--text-lg);clip-path:polygon(0 8%,6% 0,18% 4%,28% 0,40% 6%,52% 0,64% 5%,76% 0,88% 4%,100% 10%,96% 22%,100% 34%,95% 46%,100% 58%,96% 70%,100% 82%,94% 94%,84% 100%,72% 96%,60% 100%,48% 95%,36% 100%,24% 96%,12% 100%,4% 94%,0 84%,5% 72%,0 60%,4% 48%,0 36%,5% 24%,0 12%);position:relative}.screentone-overlay{position:relative}.screentone-overlay:before{content:"";background-image:radial-gradient(#ffffff0f 1px,#0000 0);background-image:radial-gradient(var(--texture-06) 1px,transparent 1px);pointer-events:none;z-index:1;opacity:.6;background-size:6px 6px;position:absolute;inset:0}@keyframes motion-lines-scroll{0%{transform:translate(0)}to{transform:translate(-18px)}}@keyframes motion-lines-scroll-vertical{0%{transform:translateY(0)}to{transform:translateY(-14px)}}@keyframes motion-lines-radial-spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.motion-lines-horizontal:before,.motion-lines-radial:before,.motion-lines:before{animation:none!important}}.btn{font-family:Geist Mono,ui-monospace,SF Mono,menlo,monospace;font-family:var(--font-mono);font-size:.6875rem;font-size:var(--text-mono-label);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;padding:.75rem 1.25rem;padding:var(--space-3) var(--space-5);border-radius:4px;border-radius:var(--radius-sm);white-space:nowrap;transition:background .24s cubic-bezier(.16,1,.3,1),border-color .24s cubic-bezier(.16,1,.3,1),box-shadow .24s cubic-bezier(.16,1,.3,1);transition:background var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out);border:none;justify-content:center;align-items:center;gap:10px;font-weight:500;line-height:1.2;display:inline-flex;position:relative}.btn-primary{color:var(--brand-primary);border:1px solid #f0f;border:1px solid var(--brand-primary);background:0 0}.btn-primary:hover{background:#303;background:var(--brand-primary-subtle);border-color:#f3f;border-color:var(--brand-primary-hover);color:var(--brand-primary-hover);box-shadow:0 0 16px #ff00ff40;box-shadow:0 0 16px var(--brand-primary-glow)}.btn-primary:focus-visible{box-shadow:0 0 0 2px #0a0a0d,0 0 0 4px #f0f;box-shadow:var(--focus-ring)}.btn-primary:active{background:purple;background:var(--brand-primary-muted);border-color:#d600d6;border-color:var(--brand-primary-active);color:var(--color-paper)}.btn-secondary{background:#1c1c22;background:var(--bg-raised);color:var(--text-primary)}.btn-secondary:hover{background:#26262b;background:var(--bg-overlay)}.btn-secondary:focus-visible{box-shadow:0 0 0 2px #0a0a0d,0 0 0 4px #f0f;box-shadow:var(--focus-ring)}.btn-secondary:active{background:#3a3a42;background:var(--bg-pressed)}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover{color:var(--text-primary);background:#ffffff0f}.btn-ghost:focus-visible{box-shadow:0 0 0 2px #0a0a0d,0 0 0 4px #f0f;box-shadow:var(--focus-ring)}.btn-glow{color:var(--brand-primary);border:1px solid #f0f;border:1px solid var(--brand-primary);box-shadow:0 0 16px #ff00ff40;box-shadow:0 0 16px var(--brand-primary-glow);background:0 0}.btn-glow:hover{background:#303;background:var(--brand-primary-subtle);border-color:#f3f;border-color:var(--brand-primary-hover);color:var(--brand-primary-hover);box-shadow:0 0 24px #ff00ff40,0 0 48px #ff00ff40;box-shadow:0 0 24px var(--brand-primary-glow),0 0 48px var(--brand-primary-glow)}.btn-glow:focus-visible{box-shadow:0 0 0 2px #0a0a0d,0 0 0 4px #f0f,0 0 24px #ff00ff40,0 0 48px #ff00ff40;box-shadow:var(--focus-ring),0 0 24px var(--brand-primary-glow),0 0 48px var(--brand-primary-glow)}.btn-glow:active{background:purple;background:var(--brand-primary-muted);border-color:#d600d6;border-color:var(--brand-primary-active);color:var(--color-paper)}.btn-accent{color:var(--brand-secondary);border:1px solid #00e5ff;border:1px solid var(--brand-secondary);background:0 0}.btn-accent:hover{background:#002a2e;background:var(--brand-secondary-subtle);border-color:#2ee2ff;border-color:var(--brand-secondary-hover);color:var(--brand-secondary-hover);box-shadow:0 0 16px #00e5ff40;box-shadow:0 0 16px var(--brand-secondary-glow)}.btn-accent:focus-visible{box-shadow:0 0 0 2px #0a0a0d,0 0 0 4px #00e5ff;box-shadow:var(--focus-ring-secondary)}.btn-accent:active{background:#006b78;background:var(--brand-secondary-muted);border-color:#00b8cc;border-color:var(--brand-secondary-active);color:var(--brand-secondary)}.btn-glow-accent{background:#00e5ff;background:var(--brand-secondary);color:var(--text-on-brand);box-shadow:0 0 20px #00e5ff40,0 0 60px #00e5ff1f;box-shadow:0 0 20px color-mix(in srgb,var(--brand-secondary) 25%,transparent),0 0 60px color-mix(in srgb,var(--brand-secondary) 12%,transparent)}.btn-glow-accent:hover{background:#2ee2ff;background:var(--brand-secondary-hover);box-shadow:0 0 30px #00e5ff59,0 0 80px #00e5ff2e;box-shadow:0 0 30px color-mix(in srgb,var(--brand-secondary) 35%,transparent),0 0 80px color-mix(in srgb,var(--brand-secondary) 18%,transparent)}.btn-glow-accent:focus-visible{box-shadow:0 0 0 2px #0a0a0d,0 0 0 4px #00e5ff;box-shadow:var(--focus-ring-secondary)}.btn-glow-accent:active{background:#00b8cc;background:var(--brand-secondary-active)}.btn-glow-secondary{color:var(--brand-secondary);border:1px solid #00e5ff;border:1px solid var(--brand-secondary);box-shadow:0 0 16px #00e5ff40;box-shadow:0 0 16px var(--brand-secondary-glow);background:0 0}.btn-glow-secondary:hover{background:#002a2e;background:var(--brand-secondary-subtle);border-color:#2ee2ff;border-color:var(--brand-secondary-hover);color:var(--brand-secondary-hover);box-shadow:0 0 24px #00e5ff40,0 0 48px #00e5ff40;box-shadow:0 0 24px var(--brand-secondary-glow),0 0 48px var(--brand-secondary-glow)}.btn-glow-secondary:focus-visible{box-shadow:0 0 0 2px #0a0a0d,0 0 0 4px #00e5ff;box-shadow:var(--focus-ring-secondary)}.btn-glow-secondary:active{background:#006b78;background:var(--brand-secondary-muted);border-color:#00b8cc;border-color:var(--brand-secondary-active);color:var(--color-paper)}.btn-danger{color:var(--danger-500);border:1.5px solid #ff3b5c;border:1.5px solid var(--danger-500);background:0 0}.btn-danger:hover{background:#ff3b5c;background:var(--danger-500);color:var(--text-on-brand);box-shadow:0 0 20px #ff3b5c40;box-shadow:0 0 20px color-mix(in srgb,var(--danger-500) 25%,transparent)}.btn-danger:focus-visible{box-shadow:0 0 0 2px #0a0a0d,0 0 0 4px #ff3b5c;box-shadow:var(--focus-ring-danger)}.btn-danger:active{background:#d62e4a;background:var(--danger-600);color:var(--text-on-brand)}.btn-sm{padding:.5rem 1rem;padding:var(--space-2) var(--space-4)}.btn-lg{padding:1rem 2rem;padding:var(--space-4) var(--space-8)}.btn-icon{width:40px;height:40px;padding:0}.btn-lg-icon{width:52px;height:52px;padding:0}.theme-toggle{background:#1c1c22;background:var(--bg-raised);color:var(--text-primary);border:1px solid #ffffff2e;border:1px solid var(--border-strong);border-radius:4px;border-radius:var(--radius-sm)}.theme-toggle:hover{background:#26262b;background:var(--bg-overlay);border-color:#f0f;border-color:var(--brand-primary);color:var(--brand-primary);box-shadow:0 0 12px #ff00ff40;box-shadow:0 0 12px var(--brand-primary-glow)}.theme-toggle:focus-visible{box-shadow:0 0 0 2px #0a0a0d,0 0 0 4px #f0f;box-shadow:var(--focus-ring)}.theme-toggle:active{background:#3a3a42;background:var(--bg-pressed)}.btn-loading{pointer-events:none;position:relative}.btn-loading:before{content:"";border:2px solid #0000;border-top-color:currentColor;flex-shrink:0;width:14px;height:14px;animation:.6s steps(4,end) infinite spin-steps}.btn-loading .btn-label{opacity:.6}.btn:disabled,.btn[aria-disabled=true]{opacity:.4;box-shadow:none;pointer-events:none}.btn-group{gap:0;display:inline-flex}.btn-group>.btn:not(:first-child){border-left:1px solid #ffffff1f}.btn-group>.btn:first-child,.btn-group>.btn:last-child{border-radius:0}.btn-split{display:inline-flex}.btn-split .btn:last-child{border-left:1px solid #ffffff1f;padding-left:12px;padding-right:12px}.input,.select-native,.textarea{font-family:Geist,system-ui,-apple-system,sans-serif;font-family:var(--font-sans);background:#1c1c22;background:var(--bg-raised);color:var(--text-primary);border:1px solid #ffffff2e;border:1px solid var(--border-strong);border-radius:4px;border-radius:var(--radius-sm);padding:.75rem 1rem;padding:var(--space-3) var(--space-4);transition:background .24s cubic-bezier(.16,1,.3,1),border-color .24s cubic-bezier(.16,1,.3,1),box-shadow .24s cubic-bezier(.16,1,.3,1);transition:background var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out);outline:none;width:100%;font-size:14px;font-weight:500;line-height:1.5}.input:hover,.select-native:hover,.textarea:hover{background:#26262b;background:var(--bg-overlay);border-color:#ffffff2e;border-color:var(--border-strong)}.input::-moz-placeholder{color:var(--text-placeholder)}.textarea::-moz-placeholder{color:var(--text-placeholder)}.input::placeholder,.textarea::placeholder{color:var(--text-placeholder)}.input:focus,.select-native:focus,.textarea:focus{background:#26262b;background:var(--bg-overlay);border-color:#f0f;border-color:var(--border-focus);box-shadow:0 0 0 2px #0a0a0d,0 0 0 4px #f0f,0 0 16px #ff00ff40;box-shadow:var(--focus-ring),0 0 16px var(--brand-primary-glow)}.input.error,.select-native.error,.textarea.error{border-color:#ff3b5c;border-color:var(--danger-500)}.input.error:focus,.select-native.error:focus,.textarea.error:focus{box-shadow:0 0 0 2px #0a0a0d,0 0 0 4px #ff3b5c,0 0 16px #ff3b5c40;box-shadow:var(--focus-ring-danger),0 0 16px color-mix(in srgb,var(--danger-500) 25%,transparent)}.input:disabled,.select-native:disabled,.textarea:disabled{opacity:.4;cursor:not-allowed}.textarea{resize:vertical;min-height:80px}.select-native{appearance:none;background-image:url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%228%22%20fill%3D%22%2382828a%22%3E%3Cpath%20d%3D%22m1%201%205%205%205-5%22%2F%3E%3C%2Fsvg%3E);background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.select-native option{background:#1c1c22;background:var(--bg-raised);color:var(--text-primary)}.form-group{flex-direction:column;gap:4px;display:flex}.form-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-primary);font-weight:600}.field-error,.form-label{font-family:Geist Mono,ui-monospace,SF Mono,menlo,monospace;font-family:var(--font-mono);font-size:11px}.field-error{color:var(--danger-500);margin-top:2px}.input-addon{font-family:Geist Mono,ui-monospace,SF Mono,menlo,monospace;font-family:var(--font-mono);background:#1c1c22;background:var(--bg-raised);color:var(--text-secondary);border:1px solid #ffffff2e;border:1px solid var(--border-strong);border-radius:4px 0 0 4px;border-radius:var(--radius-sm) 0 0 var(--radius-sm);border-right:none;flex-shrink:0;align-items:center;padding:0 12px;font-size:13px;display:flex}.input-group{display:flex}.input-group .input{border-radius:0;flex:1}.input-group .input:first-child,.input-group>:first-child{border-radius:4px 0 0 4px;border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.input-group .input:last-child,.input-group>:last-child{border-radius:0 4px 4px 0;border-radius:0 var(--radius-sm) var(--radius-sm) 0}.input-group .input:first-child{border-right:none}.input-group .input:last-child{border-left:none}.checkbox{cursor:pointer;font-family:Geist,system-ui,-apple-system,sans-serif;font-family:var(--font-sans);color:var(--color-paper);-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:13px;font-weight:500;display:inline-flex}.checkbox-box{background:#000;background:var(--color-ink);border:2px solid #fff;border:2px solid var(--color-paper);border-radius:0;flex-shrink:0;place-items:center;width:16px;height:16px;transition:background .1s;display:grid}.checkbox.checked .checkbox-box{background:#fff;background:var(--color-paper)}.checkbox.checked .checkbox-box:after{content:"";border:solid #000;border:solid var(--color-ink);border-width:0 2px 2px 0;width:4px;height:8px;margin-top:-1px;transform:rotate(45deg)}.checkbox-accent.checked .checkbox-box{background:#00e5ff;background:var(--brand-secondary)}.checkbox-accent.checked .checkbox-box:after{border-color:#000;border-color:var(--color-ink)}.checkbox:has(input:focus-visible) .checkbox-box{outline:2px solid #f0f;outline:2px solid var(--border-focus);outline-offset:2px}.checkbox:has(input:disabled){opacity:.4;cursor:not-allowed}.radio{cursor:pointer;font-family:Geist,system-ui,-apple-system,sans-serif;font-family:var(--font-sans);color:var(--color-paper);-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:13px;font-weight:500;display:inline-flex}.radio-circle{background:#000;background:var(--color-ink);border:2px solid #fff;border:2px solid var(--color-paper);border-radius:0;flex-shrink:0;place-items:center;width:16px;height:16px;transition:background .1s;display:grid}.radio.selected .radio-circle{background:#fff;background:var(--color-paper)}.radio.selected .radio-circle:after{content:"";background:#000;background:var(--color-ink);width:6px;height:6px}.radio-accent.selected .radio-circle{background:#00e5ff;background:var(--brand-secondary)}.radio-accent.selected .radio-circle:after{background:#000;background:var(--color-ink)}.radio:has(input:focus-visible) .radio-circle{outline:2px solid #f0f;outline:2px solid var(--border-focus);outline-offset:2px}.radio:has(input:disabled){opacity:.4;cursor:not-allowed}.toggle{cursor:pointer;font-family:Geist,system-ui,-apple-system,sans-serif;font-family:var(--font-sans);color:var(--color-paper);-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:13px;font-weight:500;display:inline-flex}.toggle-track{background:#000;background:var(--color-ink);border:2px solid #fff;border:2px solid var(--color-paper);border-radius:0;flex-shrink:0;width:36px;height:18px;transition:background .1s;position:relative}.toggle-thumb{width:12px;height:12px;transition:left .1s;position:absolute;top:1px;left:1px}.toggle-thumb,.toggle.on .toggle-track{background:#fff;background:var(--color-paper)}.toggle.on .toggle-thumb{background:#000;background:var(--color-ink);left:19px}.toggle-accent.on .toggle-track{background:#00e5ff;background:var(--brand-secondary);border-color:#00e5ff;border-color:var(--brand-secondary)}.toggle-accent.on .toggle-thumb{background:#000;background:var(--color-ink)}.toggle:has(input:focus-visible) .toggle-track{outline:2px solid #f0f;outline:2px solid var(--border-focus);outline-offset:2px}.toggle:has(input:disabled){opacity:.4;cursor:not-allowed}.range{appearance:none;background:#000;background:var(--color-ink);border:2px solid #fff;border:2px solid var(--color-paper);cursor:pointer;border-radius:0;outline:none;width:100%;height:6px}.range::-webkit-slider-thumb{appearance:none;background:#fff;background:var(--color-paper);border:2px solid #000;border:2px solid var(--color-ink);cursor:pointer;border-radius:0;width:16px;height:16px}.range::-moz-range-thumb{background:#fff;background:var(--color-paper);border:2px solid #000;border:2px solid var(--color-ink);cursor:pointer;border-radius:0;width:16px;height:16px}.color-swatch{border:2px solid #fff;border:2px solid var(--color-paper);cursor:pointer;width:32px;height:32px;transition:border-color .1s;display:inline-block}.color-swatch.selected{border-color:#00e5ff;border-color:var(--brand-secondary);box-shadow:0 0 0 2px #0a0a0d,0 0 0 4px #00e5ff;box-shadow:var(--focus-ring-secondary)}.color-swatch:hover{border-color:#ffffff80}.nav{flex-direction:column;gap:2px;display:flex}.nav-item{align-items:center;gap:.5rem;gap:var(--space-2);padding:.5rem 1rem;padding:var(--space-2) var(--space-4);font-family:Geist,system-ui,-apple-system,sans-serif;font-family:var(--font-sans);color:var(--text-secondary);cursor:pointer;border-radius:4px;border-radius:var(--radius-sm);transition:background .24s cubic-bezier(.16,1,.3,1),color .24s cubic-bezier(.16,1,.3,1),border-color .24s cubic-bezier(.16,1,.3,1);transition:background var(--duration-base) var(--ease-out),color var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out);border:1px solid #0000;font-size:13px;font-weight:500;text-decoration:none;display:flex;position:relative}.nav-item:hover{background:#26262b;background:var(--bg-overlay);color:var(--text-primary)}.nav-item.active{background:#303;background:var(--brand-primary-subtle);color:var(--brand-primary);font-weight:600}.nav-item.active:before{content:"";background:#f0f;background:var(--brand-primary);width:2px;box-shadow:0 0 8px #ff00ff40;box-shadow:0 0 8px var(--brand-primary-glow);border-radius:2px;position:absolute;top:20%;bottom:20%;left:0}.nav-horizontal .nav-item.active:before{width:auto;height:2px;inset:auto 20% 0}.nav-item-accent.active{background:#002a2e;background:var(--brand-secondary-subtle);color:var(--brand-secondary)}.nav-item-accent.active:before{background:#00e5ff;background:var(--brand-secondary);box-shadow:0 0 8px #00e5ff40;box-shadow:0 0 8px var(--brand-secondary-glow)}.nav-item-bullet{background:#82828a;background:var(--text-tertiary);border-radius:50%;flex-shrink:0;width:6px;height:6px}.nav-item.active .nav-item-bullet{background:currentColor}.tabs{border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--border-default);gap:4px;display:flex}.tab{font-family:Geist Mono,ui-monospace,SF Mono,menlo,monospace;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);cursor:pointer;transition:color .24s cubic-bezier(.16,1,.3,1),border-color .24s cubic-bezier(.16,1,.3,1);transition:color var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 18px;font-size:12px;font-weight:600}.tab:hover{color:var(--text-primary)}.tab.active{color:var(--brand-primary);border-bottom-color:#f0f;border-bottom-color:var(--brand-primary);box-shadow:0 8px 16px -8px #ff00ff40;box-shadow:0 8px 16px -8px var(--brand-primary-glow)}.tab-accent.active{color:var(--brand-secondary);border-bottom-color:#00e5ff;border-bottom-color:var(--brand-secondary);box-shadow:0 8px 16px -8px #00e5ff40;box-shadow:0 8px 16px -8px var(--brand-secondary-glow)}.pagination{align-items:center;gap:2px;display:flex}.page-btn{min-width:32px;height:32px;font-family:Geist Mono,ui-monospace,SF Mono,menlo,monospace;font-family:var(--font-mono);background:#1c1c22;background:var(--bg-raised);color:var(--text-secondary);border:1px solid #ffffff2e;border:1px solid var(--border-strong);border-radius:4px;border-radius:var(--radius-sm);cursor:pointer;transition:background .24s cubic-bezier(.16,1,.3,1),color .24s cubic-bezier(.16,1,.3,1),border-color .24s cubic-bezier(.16,1,.3,1),box-shadow .24s cubic-bezier(.16,1,.3,1);transition:background var(--duration-base) var(--ease-out),color var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out);justify-content:center;align-items:center;font-size:12px;font-weight:500;display:inline-flex}.page-btn:hover{background:#26262b;background:var(--bg-overlay);color:var(--text-primary)}.page-btn.active{background:#303;background:var(--brand-primary-subtle);color:var(--brand-primary);border-color:#f0f;border-color:var(--brand-primary);box-shadow:0 0 12px #ff00ff40;box-shadow:0 0 12px var(--brand-primary-glow);font-weight:700}.page-btn[disabled]{opacity:.3;cursor:default}.breadcrumb{font-family:Geist Mono,ui-monospace,SF Mono,menlo,monospace;font-family:var(--font-mono);color:var(--color-paper);align-items:center;gap:4px;font-size:12px;font-weight:500;display:flex}.breadcrumb-item{color:#ffffff80;cursor:pointer;padding:2px 4px;text-decoration:none}.breadcrumb-item.current,.breadcrumb-item:hover{color:var(--color-paper)}.breadcrumb-item.current{font-weight:700}.breadcrumb-sep{color:#ffffff61;font-size:10px}.stepper{counter-reset:step;gap:0}.step,.stepper{align-items:center;display:flex}.step{font-family:Geist Mono,ui-monospace,SF Mono,menlo,monospace;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:#ffffff40;flex:1;gap:8px;font-size:11px;font-weight:600;position:relative}.step:before{counter-increment:step;content:counter(step);color:#ffffff40;border:2px solid #ffffff40;flex-shrink:0;place-items:center;width:24px;height:24px;font-size:11px;font-weight:700;display:grid}.step.active,.step.active:before{color:var(--color-paper)}.step.active:before{border-color:#fff;border-color:var(--color-paper)}.step.completed{color:#ffffff80}.step.completed:before{background:#fff;background:var(--color-paper);color:var(--color-ink);border-color:#fff;border-color:var(--color-paper)}.step-line{background:#ffffff1f;flex:1;height:1px;margin:0 8px}.step.completed+.step-line{background:#fff;background:var(--color-paper)}.table{border-collapse:collapse;width:100%;font-family:Geist,system-ui,-apple-system,sans-serif;font-family:var(--font-sans)}.table th{text-transform:uppercase;letter-spacing:.06em;text-align:left;border-bottom:2px solid #fff;border-bottom:2px solid var(--color-paper);color:var(--color-paper);font-family:Geist Mono,ui-monospace,SF Mono,menlo,monospace;font-size:11px;font-weight:600;font-family:var(--font-mono);padding:10px 14px}.table td{color:var(--text-secondary);border-bottom:1px solid #ffffff1f;padding:10px 14px;font-size:13px}.table tr:hover td{background:#ffffff0a}.table-sort{all:unset;cursor:pointer;font:inherit;text-transform:inherit;letter-spacing:inherit;color:inherit}.table-sort:focus-visible{outline:2px solid #f0f;outline:2px solid var(--border-focus,var(--color-paper));outline-offset:2px}.table td.mono{font-family:Geist Mono,ui-monospace,SF Mono,menlo,monospace;font-family:var(--font-mono);font-variant-numeric:tabular-nums}.datatable{width:100%;overflow-x:auto}.datatable-pagination{justify-content:flex-end;padding-top:12px;display:flex}@media (width<=640px){.datatable table,.datatable tbody,.datatable td,.datatable thead,.datatable tr{width:100%;display:block}.datatable thead{display:none}.datatable tr{border:1px solid #ffffff1f;margin-bottom:8px;padding:8px 0}.datatable td{border-bottom:none;justify-content:space-between;gap:16px;padding:4px 14px;display:flex}.datatable td:before{content:attr(data-label);font-family:Geist Mono,ui-monospace,SF Mono,menlo,monospace;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:#ffffff80;font-size:11px}}.badge{font-family:Geist Mono,ui-monospace,SF Mono,menlo,monospace;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;padding:.25rem .5rem;padding:var(--space-1) var(--space-2);background:#1c1c22;background:var(--bg-raised);color:var(--text-primary);border:1px solid #ffffff2e;border:1px solid var(--border-strong);border-radius:4px;border-radius:var(--radius-sm);align-items:center;font-size:11px;font-weight:600;display:inline-flex}.badge-inverted{background:#fff;background:var(--color-paper);color:var(--color-ink);border-color:#fff;border-color:var(--color-paper)}.badge-accent{background:#002a2e;background:var(--brand-secondary-subtle);border-color:#00e5ff;border-color:var(--brand-secondary);color:var(--brand-secondary)}.badge-success{background:#002915;background:var(--status-success-bg);border-color:#00e676;border-color:var(--status-success);color:var(--status-success-fg)}.badge-warning{background:#332400;background:var(--status-warning-bg);border-color:#ffb300;border-color:var(--status-warning);color:var(--status-warning-fg)}.badge-danger{background:#330a10;background:var(--status-danger-bg);border-color:#ff3b5c;border-color:var(--status-danger);color:var(--status-danger-fg)}.badge-info{background:#091a33;background:var(--status-info-bg);border-color:#3f8eff;border-color:var(--status-info);color:var(--status-info-fg)}.badge-neutral{background:#1c1c22;background:var(--status-neutral-bg);border-color:#82828a;border-color:var(--status-neutral);color:var(--status-neutral-fg)}.tag{font-family:Geist,system-ui,-apple-system,sans-serif;font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.08em;background:#000;background:var(--color-ink);border:1px solid #fff;border:1px solid var(--color-paper);border-radius:0;align-items:center;padding:2px 8px;font-size:11px;font-weight:700;display:inline-flex}.tag,.tag-outlined{color:var(--color-paper)}.tag-outlined{background:0 0}.tag-inverted{background:#fff;background:var(--color-paper);color:var(--color-ink);border:none}.chip{font-family:Geist,system-ui,-apple-system,sans-serif;font-family:var(--font-sans);background:#000;background:var(--color-ink);color:var(--color-paper);border:1px solid #fff;border:1px solid var(--color-paper);border-radius:0;gap:4px;padding:3px 8px;font-size:11px;font-weight:600}.chip,.chip-remove{align-items:center;display:inline-flex}.chip-remove{background:#fff;background:var(--color-paper);color:var(--color-ink);width:12px;height:12px;cursor:pointer;justify-content:center;margin-left:2px;font-size:9px;font-weight:700;line-height:1}.chip-accent{border-color:#00e5ff;border-color:var(--brand-secondary);color:var(--brand-secondary)}.chip-accent .chip-remove{background:#00e5ff;background:var(--brand-secondary)}.avatar{background:#1c1c22;background:var(--bg-raised);color:var(--text-primary);width:40px;height:40px;border:1px solid #ffffff2e;border:1px solid var(--border-strong);border-radius:4px;border-radius:var(--radius-sm);font-family:Geist Mono,ui-monospace,SF Mono,menlo,monospace;font-family:var(--font-mono);font-size:.6875rem;font-size:var(--text-mono-label);letter-spacing:.08em;text-transform:uppercase;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:inline-flex;overflow:hidden}.avatar img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.avatar-sm{width:28px;height:28px;font-size:10px}.avatar-lg{width:56px;height:56px;font-size:16px}.avatar-circle{border-radius:50%}.avatar-accent{border-color:#00e5ff;border-color:var(--brand-secondary);color:var(--brand-secondary)}.avatar-group{display:flex}.avatar-group .avatar{margin-left:-8px}.avatar-group .avatar:first-child{margin-left:0}.stat{flex-direction:column;gap:2px;display:flex}.stat-value{font-family:Geist Mono,ui-monospace,SF Mono,menlo,monospace;font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--color-paper);font-size:28px;font-weight:700;line-height:1}.stat-label{font-family:Geist,system-ui,-apple-system,sans-serif;font-family:var(--font-sans);color:#ffffff80;text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:500}.stat-accent .stat-value{color:var(--brand-secondary)}.stat-trend{font-family:Geist Mono,ui-monospace,SF Mono,menlo,monospace;font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:#ffffff80;font-size:11px}.stat-success .stat-value{color:var(--status-success)}.stat-warning .stat-value{color:var(--status-warning)}.stat-danger .stat-value{color:var(--status-danger)}.kbd{min-width:28px;height:28px;font-family:Geist Mono,ui-monospace,SF Mono,menlo,monospace;font-family:var(--font-mono);background:#000;background:var(--color-ink);color:var(--color-paper);border:1px solid #fff;border:1px solid var(--color-paper);border-bottom-width:3px;border-radius:0;justify-content:center;align-items:center;padding:0 8px;font-size:12px;font-weight:500;display:inline-flex}.kbd-sm{border-bottom-width:2px;min-width:22px;height:22px;padding:0 4px;font-size:10px}.code-block{border:2px solid #fff;border:2px solid var(--color-paper);white-space:pre;padding:16px;line-height:1.6;display:block;overflow-x:auto}.code-block,.code-inline{font-family:Geist Mono,ui-monospace,SF Mono,menlo,monospace;font-family:var(--font-mono);background:#000;background:var(--color-ink);color:var(--color-paper);font-size:13px}.code-inline{border:1px solid #fff;border:1px solid var(--color-paper);padding:1px 6px;display:inline}.link{color:var(--color-paper);text-underline-offset:3px;cursor:pointer;text-decoration:underline;text-decoration-thickness:1px;transition:opacity .1s}.link:hover{opacity:.7;text-decoration-thickness:2px}.link-accent{color:var(--brand-secondary)}.list{border:2px solid #fff;border:2px solid var(--color-paper);background:#000;background:var(--color-ink);margin:0;padding:0;list-style:none}.list-item{color:var(--color-paper);font-family:Geist,system-ui,-apple-system,sans-serif;font-family:var(--font-sans);cursor:pointer;border-bottom:1px solid #ffffff40;align-items:center;gap:10px;padding:10px 14px;font-size:13px;transition:background .1s;display:flex}.list-item:last-child{border-bottom:none}.list-item:hover{background:#ffffff14}.list-item.active{color:var(--color-ink);font-weight:600}.list-item-bullet,.list-item.active{background:#fff;background:var(--color-paper)}.list-item-bullet{flex-shrink:0;width:6px;height:6px}.tree{margin:0;padding:0;list-style:none}.tree-item{font-family:Geist,system-ui,-apple-system,sans-serif;font-family:var(--font-sans);color:var(--color-paper);cursor:pointer;border-left:1px solid #ffffff1f;align-items:center;gap:8px;padding:6px 0 6px 20px;font-size:13px;display:flex;position:relative}.tree-item:before{content:"";background:#ffffff1f;width:10px;height:1px;position:absolute;top:50%;left:0}.tree-item:hover{background:#ffffff0a}.tree-item.active{color:var(--brand-secondary);border-left-color:#00e5ff;border-left-color:var(--brand-secondary)}.tree-toggle{cursor:pointer;color:#ffffff61;flex-shrink:0;place-items:center;width:16px;height:16px;font-size:8px;display:grid}.tree-children{display:none}.tree-children.open{display:block}.modal{background:#131318;background:var(--bg-elevated);border:1px solid #ffffff2e;border:1px solid var(--border-strong);border-radius:8px;border-radius:var(--radius-md);padding:1.5rem;padding:var(--space-6);color:var(--text-primary);max-width:420px;box-shadow:0 24px 64px #000000b3;box-shadow:var(--shadow-xl);animation:.24s cubic-bezier(.16,1,.3,1) slide-up-reveal;animation:slide-up-reveal var(--duration-base) var(--ease-out)}.modal-header{border-bottom:1px solid #ffffff0f;border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:16px;display:flex}.modal-close{color:var(--text-secondary);width:28px;height:28px;border-radius:4px;border-radius:var(--radius-sm);cursor:pointer;transition:background .15s cubic-bezier(.16,1,.3,1),color .15s cubic-bezier(.16,1,.3,1);transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out);background:0 0;border:none;place-items:center;font-size:14px;font-weight:700;line-height:1;display:grid}.modal-close:hover{background:#26262b;background:var(--bg-overlay);color:var(--text-primary)}.modal-close:focus-visible{box-shadow:0 0 0 2px #0a0a0d,0 0 0 4px #f0f;box-shadow:var(--focus-ring)}.modal-body{color:var(--text-secondary);font-size:14px;line-height:1.6}.modal-footer{border-top:1px solid #ffffff0f;border-top:1px solid var(--border-subtle);margin-top:1rem;margin-top:var(--space-4);justify-content:flex-end;gap:12px;padding-top:16px;display:flex}.drawer{background:#131318;background:var(--bg-elevated);border-left:1px solid #ffffff2e;border-left:1px solid var(--border-strong);padding:1.5rem;padding:var(--space-6);color:var(--text-primary);box-shadow:0 24px 64px #000000b3;box-shadow:var(--shadow-xl);min-width:300px;max-width:480px;height:100%;animation:.24s cubic-bezier(.16,1,.3,1) drawer-slide-in;animation:drawer-slide-in var(--duration-base) var(--ease-out);border-radius:0;overflow-y:auto}.drawer-header{border-bottom:1px solid #fff;border-bottom:1px solid var(--color-paper);justify-content:space-between;align-items:center;padding-bottom:16px;display:flex}.drawer-close{background:#fff;background:var(--color-paper);color:var(--color-ink);width:24px;height:24px;cursor:pointer;border:none;place-items:center;font-size:14px;font-weight:700;display:grid}.toast{background:#131318;background:var(--bg-elevated);border:1px solid #ffffff2e;border:1px solid var(--border-strong);border-radius:4px;border-radius:var(--radius-sm);color:var(--text-primary);font-family:Geist,system-ui,-apple-system,sans-serif;font-family:var(--font-sans);box-shadow:0 12px 32px #0009;box-shadow:var(--shadow-lg);align-items:center;gap:12px;max-width:360px;padding:12px 16px;font-size:13px;animation:.3s ease-out forwards slide-up-reveal;display:flex}.toast-icon{background:#fff;background:var(--color-paper);color:var(--color-ink);width:20px;height:20px;flex-shrink:0;place-items:center;font-size:10px;font-weight:700;display:grid}.toast-success .toast-icon{background:#00e676;background:var(--status-success)}.toast-error .toast-icon{background:#ff3b5c;background:var(--status-danger)}.toast-warning .toast-icon{background:#ffb300;background:var(--status-warning)}.toast-info .toast-icon{background:#3f8eff;background:var(--status-info)}.toast-content{flex:1}.toast-dismiss:focus-visible{outline:2px solid #fff;outline:2px solid var(--color-paper);outline-offset:2px;opacity:1}.toast-dismiss{cursor:pointer;opacity:.5;flex-shrink:0;place-items:center;width:18px;height:18px;margin-left:auto;font-size:14px;display:grid}.toast-dismiss:hover{opacity:1}.tooltip{display:inline-flex;position:relative}.tooltip-content{padding:.5rem .75rem;padding:var(--space-2) var(--space-3);background:#26262b;background:var(--bg-overlay);color:var(--text-primary);border:1px solid #ffffff2e;border:1px solid var(--border-strong);border-radius:4px;border-radius:var(--radius-sm);box-shadow:0 4px 12px #00000080;box-shadow:var(--shadow-md);font-family:Geist Mono,ui-monospace,SF Mono,menlo,monospace;font-family:var(--font-mono);white-space:nowrap;z-index:100;z-index:var(--z-sticky);opacity:0;visibility:hidden;transition:opacity .15s cubic-bezier(.16,1,.3,1),transform .15s cubic-bezier(.16,1,.3,1),visibility .15s;transition:opacity var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out),visibility var(--duration-fast);font-size:11px;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)translateY(4px)}.tooltip:focus-within .tooltip-content,.tooltip:hover .tooltip-content{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}.alert{align-items:flex-start;gap:.75rem;gap:var(--space-3);padding:.75rem 1rem;padding:var(--space-3) var(--space-4);border:1px solid #ffffff2e;border:1px solid var(--border-strong);background:#131318;background:var(--bg-elevated);color:var(--text-primary);font-size:13px;line-height:1.5;display:flex}.alert,.alert-icon{border-radius:4px;border-radius:var(--radius-sm)}.alert-icon{background:#1c1c22;background:var(--bg-raised);color:var(--text-primary);width:20px;height:20px;flex-shrink:0;place-items:center;font-size:10px;font-weight:700;display:grid}.alert-success{border-color:#00e676;border-color:var(--status-success);background:#002915;background:var(--status-success-bg)}.alert-success .alert-icon{background:#00e676;background:var(--status-success);color:var(--color-ink)}.alert-error{border-color:#ff3b5c;border-color:var(--status-danger);background:#330a10;background:var(--status-danger-bg)}.alert-error .alert-icon{background:#ff3b5c;background:var(--status-danger);color:var(--color-ink)}.alert-danger{border-color:#ff3b5c;border-color:var(--status-danger);background:#330a10;background:var(--status-danger-bg)}.alert-danger .alert-icon{background:#ff3b5c;background:var(--status-danger);color:var(--color-ink)}.alert-warning{border-color:#ffb300;border-color:var(--status-warning)}.alert-info{border-color:#3f8eff;border-color:var(--status-info);background:#091a33;background:var(--status-info-bg)}.alert-info .alert-icon{background:#3f8eff;background:var(--status-info);color:var(--color-ink)}.alert-content{flex:1}.alert-close{color:inherit;cursor:pointer;background:0 0;border:none;flex-shrink:0;margin-left:auto;padding:2px;font-size:14px;line-height:1}.alert-close:hover{opacity:.6}.alert-close:focus-visible{box-shadow:0 0 0 2px #0a0a0d,0 0 0 4px #f0f;box-shadow:var(--focus-ring);opacity:1}.progress{background:#1c1c22;background:var(--bg-raised);border-radius:4px;border-radius:var(--radius-sm);width:100%;height:6px;position:relative;overflow:hidden}.progress-bar{background:#f0f;background:var(--brand-primary);height:100%;box-shadow:0 0 12px #ff00ff40;box-shadow:0 0 12px var(--brand-primary-glow);transition:width .24s cubic-bezier(.16,1,.3,1);transition:width var(--duration-base) var(--ease-out)}.progress-indeterminate .progress-bar{width:30%;animation:1.5s ease-in-out infinite progress-scan}.progress-striped .progress-bar{background-image:repeating-linear-gradient(-45deg,#0000,#0000 4px,#000 0 8px);background-image:repeating-linear-gradient(-45deg,transparent,transparent 4px,var(--color-ink) 4px,var(--color-ink) 8px)}.progress-accent .progress-bar{background:#00e5ff;background:var(--brand-secondary);box-shadow:0 0 12px #00e5ff40;box-shadow:0 0 12px var(--brand-secondary-glow)}.progress-danger .progress-bar{background:#ff3b5c;background:var(--danger-500);box-shadow:0 0 12px #ff3b5c40;box-shadow:0 0 12px color-mix(in srgb,var(--danger-500) 25%,transparent)}.spinner{border:2px solid #ffffff2e;border:2px solid var(--border-strong);border-top-color:#f0f;border-top-color:var(--brand-primary);border-radius:50%;width:24px;height:24px;animation:.8s steps(8,end) infinite spin-steps;display:inline-block}.spinner-lg{border-width:3px;width:32px;height:32px}.spinner-sm{border-width:2px;width:14px;height:14px}.spinner-accent{border-color:#00e5ff;border-color:var(--brand-secondary);border-top-color:#0000}.spinner-cyan{border-color:#00e5ff;border-color:var(--cyan-500);border-top-color:#0000}.skeleton{background:#1c1c22;background:var(--bg-raised);border-radius:4px;border-radius:var(--radius-sm);display:block;position:relative;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(90deg,#0000 0,#ffffff08 40%,#ffffff17 50%,#ffffff08 60%,#0000);background:linear-gradient(90deg,transparent 0,var(--texture-03) 40%,var(--texture-09) 50%,var(--texture-03) 60%,transparent 100%);background-size:200% 100%;animation:1.6s linear infinite shimmer-sweep;position:absolute;inset:0}.empty{text-align:center;background:0 0;border:2px dashed #ffffff40;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:48px 24px;display:flex}.empty-icon{border:2px solid #fff;border:2px solid var(--color-paper);color:var(--color-paper);width:40px;height:40px;opacity:.5;place-items:center;font-size:20px;font-weight:700;display:grid;transform:rotate(45deg)}.empty-text{color:#ffffff80;max-width:240px;font-size:13px}.empty-text,.empty-title{font-family:Geist Mono,ui-monospace,SF Mono,menlo,monospace;font-family:var(--font-mono)}.empty-title{text-transform:uppercase;letter-spacing:.12em;color:var(--color-paper);margin:0;font-size:11px;font-weight:600}.empty-action{margin-top:4px}.loading-screen{background:#000;background:var(--color-ink);border:2px solid #fff;border:2px solid var(--color-paper);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:64px;display:flex}.loading-screen-label{font-family:Geist Mono,ui-monospace,SF Mono,menlo,monospace;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:#ffffff80;font-size:12px;font-weight:600;animation:1s step-end infinite blink}.banner{border:2px solid #fff;border:2px solid var(--color-paper);align-items:center;gap:16px;padding:12px 20px;font-size:13px;display:flex}.banner-dismiss{cursor:pointer;opacity:.5;margin-left:auto;font-size:16px}.banner-success{border-color:#00e676;border-color:var(--success-500);color:var(--success-500)}.banner-error,.banner-success{background:#000;background:var(--color-ink)}.banner-error{border-color:#ff3b5c;border-color:var(--danger-500);color:var(--danger-500)}.banner-warning{border-color:#ffb300;border-color:var(--status-warning);background:#000;background:var(--color-ink);color:var(--status-warning)}.banner-count{font-family:Geist Mono,ui-monospace,SF Mono,menlo,monospace;font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-weight:700}.banner-link{font-family:Geist Mono,ui-monospace,SF Mono,menlo,monospace;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:inherit;cursor:pointer;margin-left:auto;font-size:11px;text-decoration:underline}.image-frame{border:2px solid #fff;border:2px solid var(--color-paper);background:#000;background:var(--color-ink);justify-content:center;align-items:center;min-height:80px;display:flex;position:relative;overflow:hidden}.image-frame-icon{color:#ffffff40;border:1px solid #ffffff40;place-items:center;width:32px;height:32px;font-size:14px;display:grid}.video-frame{border:2px solid #fff;border:2px solid var(--color-paper);background:#000;background:var(--color-ink);aspect-ratio:16/9;justify-content:center;align-items:center;display:flex;position:relative}.video-frame-play{background:#fff;background:var(--color-paper);color:var(--color-ink);width:48px;height:48px;cursor:pointer;border:none;place-items:center;font-size:20px;display:grid}.video-frame-timeline{background:#ffffff1f;height:4px;position:absolute;bottom:0;left:0;right:0}.video-frame-timeline-fill{background:#fff;background:var(--color-paper);width:0;height:100%;transition:width .3s}.card{background:#131318;background:var(--bg-elevated);color:var(--text-primary);border:1px solid #ffffff1a;border:1px solid var(--border-default);border-radius:8px;border-radius:var(--radius-md);box-shadow:0 4px 12px #00000080;box-shadow:var(--shadow-md);transition:border-color .24s cubic-bezier(.16,1,.3,1),box-shadow .24s cubic-bezier(.16,1,.3,1),transform .24s cubic-bezier(.16,1,.3,1);transition:border-color var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out),transform var(--duration-base) var(--ease-out);flex-direction:column;display:flex}.card:hover{border-color:#ffffff2e;border-color:var(--border-strong);box-shadow:0 12px 32px #0009;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-static:hover{border-color:#ffffff1a;border-color:var(--border-default);box-shadow:0 4px 12px #00000080;box-shadow:var(--shadow-md);transform:none}.card-header{border-bottom:1px solid #ffffff0f;border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding-bottom:12px;display:flex}.icon-box{background:#1c1c22;background:var(--bg-raised);border:1px solid #ffffff2e;border:1px solid var(--border-strong);border-radius:4px;border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.icon-box-sm{border-width:1px;width:28px;height:28px}.icon-box-lg{width:56px;height:56px}.icon-box-accent{border-color:#00e5ff;border-color:var(--brand-secondary)}.icon-box-cyan,.icon-box-cyan.icon-box-filled{border-color:#00e5ff;border-color:var(--cyan-500)}.icon-box-cyan.icon-box-filled{background:#00e5ff;background:var(--cyan-500);color:var(--color-ink)}.icon-box-filled{background:#fff;background:var(--color-paper);color:var(--color-ink)}.container{max-width:1280px;margin:0 auto;padding:0 24px}.grid{gap:24px;display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.hr{background:#fff;background:var(--color-paper);opacity:.3;border:none;height:2px;margin:24px 0}.hr-thick{background:#000;background:var(--color-ink);border:2px solid #fff;border:2px solid var(--color-paper);opacity:1;height:4px}.section{padding:64px 0}.section-header{margin-bottom:24px}.section-title-text{font-family:Geist Mono,ui-monospace,SF Mono,menlo,monospace;font-size:14px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:#ffffff80;font-weight:600}.spacer-4{height:24px}.spacer-8{height:48px}.spacer-12{height:64px}.rating{align-items:center;gap:4px;display:inline-flex}.rating-star{border:2px solid #fff;border:2px solid var(--color-paper);cursor:pointer;width:20px;height:20px;transition:background .1s,border-color .1s}.rating-star.filled{background:#fff;background:var(--color-paper)}.rating-star.half{background:linear-gradient(90deg,#fff 50%,#0000 0);background:linear-gradient(90deg,var(--color-paper) 50%,transparent 50%)}.rating-star:hover{border-color:#00e5ff;border-color:var(--brand-secondary)}.combobox{font-family:Geist,system-ui,-apple-system,sans-serif;font-family:var(--font-sans);position:relative}.combobox-input{background:#000;background:var(--color-ink);color:var(--color-paper);width:100%;border:2px solid #fff;border:2px solid var(--color-paper);cursor:pointer;outline:none;padding:10px 36px 10px 14px;font-size:14px;font-weight:500}.combobox-chevron{pointer-events:none;width:12px;height:8px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.combobox-menu{border:2px solid #fff;border:2px solid var(--color-paper);background:#000;background:var(--color-ink);z-index:10;z-index:var(--z-raised);border-top:none;max-height:200px;display:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.combobox.open .combobox-menu{display:block}.combobox-option{color:var(--color-paper);cursor:pointer;padding:8px 14px;font-size:13px;transition:background .1s}.combobox-option:hover{background:#ffffff14}.combobox-option.selected{background:#fff;background:var(--color-paper);color:var(--color-ink);font-weight:600}.date-input{border:2px solid #fff;border:2px solid var(--color-paper);background:#000;background:var(--color-ink);gap:2px;padding:10px 14px;display:inline-flex}.date-input,.date-input-part{font-family:Geist Mono,ui-monospace,SF Mono,menlo,monospace;font-family:var(--font-mono);color:var(--color-paper);font-size:14px}.date-input-part{text-align:center;background:0 0;border:none;outline:none;width:32px}.date-input-sep{color:#ffffff40}.menu{border:2px solid #fff;border:2px solid var(--color-paper);background:#000;background:var(--color-ink);min-width:180px;margin:0;padding:0;list-style:none}.menu-item{align-items:center;gap:.5rem;gap:var(--space-2);padding:.5rem 1rem;padding:var(--space-2) var(--space-4);font-family:Geist,system-ui,-apple-system,sans-serif;font-family:var(--font-sans);color:var(--color-paper);cursor:pointer;border-bottom:1px solid #ffffff1f;font-size:13px;transition:background .1s;display:flex}.menu-item:last-child{border-bottom:none}.menu-item:hover{background:#ffffff14}.menu-item.active{background:#fff;background:var(--color-paper);color:var(--color-ink);font-weight:600}.menu-item[disabled]{opacity:.3;cursor:default}.menu-divider{background:#ffffff1f;height:1px;margin:4px 0}.toolbar{border:2px solid #fff;border:2px solid var(--color-paper);background:#000;background:var(--color-ink);align-items:center;gap:4px;padding:8px;display:flex}.toolbar-item{cursor:pointer;width:32px;height:32px;font-family:Geist Mono,ui-monospace,SF Mono,menlo,monospace;font-family:var(--font-mono);color:var(--color-paper);border:1px solid #0000;place-items:center;font-size:12px;transition:background .1s,border-color .1s;display:grid}.toolbar-item:hover{background:#ffffff14}.toolbar-item.active{border-color:#fff;border-color:var(--color-paper);background:#ffffff1f}.toolbar-sep{background:#ffffff1f;width:1px;height:20px;margin:0 4px}.status-dot{border:1px solid #fff;border:1px solid var(--color-paper);flex-shrink:0;width:8px;height:8px;display:inline-block}.status-dot-live{background:#00e676;background:var(--success-500);border-color:#00e676;border-color:var(--success-500)}.status-dot-away{background:#ffb300;background:var(--status-warning);border-color:#ffb300;border-color:var(--status-warning)}.status-dot-busy{background:#ff3b5c;background:var(--danger-500);border-color:#ff3b5c;border-color:var(--danger-500)}.status-dot-offline{background:0 0}.timeline{margin:0;padding:0;list-style:none}.timeline-item{gap:14px;padding-bottom:24px;display:flex;position:relative}.timeline-item:last-child{padding-bottom:0}.timeline-dot{border:2px solid #fff;border:2px solid var(--color-paper);background:#000;background:var(--color-ink);z-index:1;flex-shrink:0;width:12px;height:12px;margin-top:4px;position:relative}.timeline-item:not(:last-child) .timeline-dot:after{content:"";background:#ffffff1f;width:2px;height:calc(100% + 20px);position:absolute;top:12px;left:4px}.timeline-content{color:var(--color-paper);font-size:13px}.timeline-time{color:#ffffff61;margin-bottom:4px;font-size:11px;display:block}.countdown,.timeline-time{font-family:Geist Mono,ui-monospace,SF Mono,menlo,monospace;font-family:var(--font-mono)}.countdown{color:var(--color-paper);font-variant-numeric:tabular-nums;gap:4px;font-size:24px;font-weight:700;display:inline-flex}.countdown-part{flex-direction:column;align-items:center;gap:2px;display:flex}.countdown-label{text-transform:uppercase;letter-spacing:.08em;color:#ffffff61;font-family:Geist,system-ui,-apple-system,sans-serif;font-size:9px;font-weight:600;font-family:var(--font-sans)}.countdown-sep{color:#ffffff40;align-self:flex-start;margin-top:4px}.card-crosshatch,.card-dots,.card-halftone,.card-noise,.card-scanline,.card-textured{isolation:isolate;position:relative}.card-crosshatch:before,.card-dots:before,.card-halftone:before,.card-noise:before,.card-scanline:before,.card-textured:before{content:"";pointer-events:none;z-index:0;border-radius:inherit;opacity:.35;position:absolute;inset:0}.card-halftone:before{background-image:radial-gradient(#ffffff0d 1px,#0000 0);background-image:radial-gradient(var(--texture-05) 1px,transparent 1px);background-size:6px 6px}.card-scanline:before{background:repeating-linear-gradient(0deg,#0000,#0000 2px,#ffffff0a 0 4px);background:repeating-linear-gradient(0deg,transparent,transparent 2px,var(--texture-04) 2px,var(--texture-04) 4px)}.card-noise:before{background-image:url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cfilter%20id%3D%22a%22%3E%3CfeTurbulence%20baseFrequency%3D%22.85%22%20numOctaves%3D%224%22%20stitchTiles%3D%22stitch%22%20type%3D%22fractalNoise%22%2F%3E%3C%2Ffilter%3E%3Crect%20width%3D%22100%25%22%20height%3D%22100%25%22%20fill%3D%22%23fff%22%20filter%3D%22url\(%23a\)%22%20opacity%3D%22.04%22%2F%3E%3C%2Fsvg%3E);background-image:var(--texture-noise-svg);opacity:.25;background-size:128px 128px}.card-crosshatch:before{background-image:repeating-linear-gradient(45deg,#0000,#0000 6px,#ffffff08 0 7px),repeating-linear-gradient(-45deg,#0000,#0000 6px,#ffffff08 0 7px);background-image:repeating-linear-gradient(45deg,transparent,transparent 6px,var(--texture-03) 6px,var(--texture-03) 7px),repeating-linear-gradient(-45deg,transparent,transparent 6px,var(--texture-03) 6px,var(--texture-03) 7px)}.card-dots:before{background-image:radial-gradient(#ffffff0f .5px,#0000 0);background-image:radial-gradient(var(--texture-06) .5px,transparent .5px);background-size:6px 6px}.card-crosshatch>*,.card-dots>*,.card-halftone>*,.card-noise>*,.card-scanline>*,.card-textured>*{z-index:1;position:relative}.modal-halftone,.modal-noise,.modal-scanline,.modal-textured{isolation:isolate;position:relative}.modal-halftone:before,.modal-noise:before,.modal-scanline:before,.modal-textured:before{content:"";pointer-events:none;z-index:0;opacity:.3;position:absolute;inset:0}.modal-halftone:before{background-image:radial-gradient(#ffffff0f 1px,#0000 0);background-image:radial-gradient(var(--texture-06) 1px,transparent 1px);background-size:6px 6px}.modal-scanline:before{background:repeating-linear-gradient(0deg,#0000,#0000 2px,#ffffff0d 0 4px);background:repeating-linear-gradient(0deg,transparent,transparent 2px,var(--texture-05) 2px,var(--texture-05) 4px)}.modal-noise:before{background-image:url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cfilter%20id%3D%22a%22%3E%3CfeTurbulence%20baseFrequency%3D%22.85%22%20numOctaves%3D%224%22%20stitchTiles%3D%22stitch%22%20type%3D%22fractalNoise%22%2F%3E%3C%2Ffilter%3E%3Crect%20width%3D%22100%25%22%20height%3D%22100%25%22%20fill%3D%22%23fff%22%20filter%3D%22url\(%23a\)%22%20opacity%3D%22.04%22%2F%3E%3C%2Fsvg%3E);background-image:var(--texture-noise-svg);opacity:.2;background-size:128px 128px}.modal-halftone>*,.modal-noise>*,.modal-scanline>*,.modal-textured>*{z-index:1;position:relative}.drawer-halftone,.drawer-scanline,.drawer-textured{isolation:isolate;position:relative}.drawer-halftone:before,.drawer-scanline:before,.drawer-textured:before{content:"";pointer-events:none;z-index:0;opacity:.3;position:absolute;inset:0}.drawer-halftone:before{background-image:radial-gradient(#ffffff0f 1px,#0000 0);background-image:radial-gradient(var(--texture-06) 1px,transparent 1px);background-size:6px 6px}.drawer-scanline:before{background:repeating-linear-gradient(0deg,#0000,#0000 2px,#ffffff0d 0 4px);background:repeating-linear-gradient(0deg,transparent,transparent 2px,var(--texture-05) 2px,var(--texture-05) 4px)}.drawer-halftone>*,.drawer-scanline>*,.drawer-textured>*{z-index:1;position:relative}.toast-halftone,.toast-textured{isolation:isolate;position:relative}.toast-halftone:before,.toast-textured:before{content:"";pointer-events:none;z-index:0;opacity:.25;position:absolute;inset:0}.toast-halftone:before{background-image:radial-gradient(#ffffff0f 1px,#0000 0);background-image:radial-gradient(var(--texture-06) 1px,transparent 1px);background-size:5px 5px}.toast-halftone>*,.toast-textured>*{z-index:1;position:relative}.btn-dots,.btn-halftone,.btn-scanline,.btn-textured{isolation:isolate;position:relative;overflow:hidden}.btn-dots:before,.btn-halftone:before,.btn-scanline:before,.btn-textured:before{content:"";pointer-events:none;z-index:0;opacity:.25;transition:opacity .24s cubic-bezier(.16,1,.3,1);transition:opacity var(--duration-base) var(--ease-out);position:absolute;inset:0}.btn-halftone:before{opacity:.15;background-image:radial-gradient(currentColor .5px,#0000 0);background-size:4px 4px}.btn-scanline:before{opacity:.08;background:repeating-linear-gradient(0deg,#0000,#0000 1px,currentColor 0 2px)}.btn-dots:before{opacity:.12;background-image:radial-gradient(currentColor .5px,#0000 0);background-size:6px 6px}.btn-dots:hover:before,.btn-halftone:hover:before,.btn-scanline:hover:before,.btn-textured:hover:before{opacity:.35}.btn-dots>*,.btn-halftone>*,.btn-scanline>*,.btn-textured>*{z-index:1;position:relative}.surface-halftone,.surface-noise,.surface-scanline,.surface-textured{isolation:isolate;position:relative}.surface-halftone:before,.surface-noise:before,.surface-scanline:before,.surface-textured:before{content:"";pointer-events:none;z-index:0;opacity:.3;position:absolute;inset:0}.surface-halftone:before{background-image:radial-gradient(#ffffff0f 1px,#0000 0);background-image:radial-gradient(var(--texture-06) 1px,transparent 1px);background-size:6px 6px}.surface-scanline:before{background:repeating-linear-gradient(0deg,#0000,#0000 2px,#ffffff0d 0 4px);background:repeating-linear-gradient(0deg,transparent,transparent 2px,var(--texture-05) 2px,var(--texture-05) 4px)}.surface-noise:before{background-image:url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cfilter%20id%3D%22a%22%3E%3CfeTurbulence%20baseFrequency%3D%22.85%22%20numOctaves%3D%224%22%20stitchTiles%3D%22stitch%22%20type%3D%22fractalNoise%22%2F%3E%3C%2Ffilter%3E%3Crect%20width%3D%22100%25%22%20height%3D%22100%25%22%20fill%3D%22%23fff%22%20filter%3D%22url\(%23a\)%22%20opacity%3D%22.04%22%2F%3E%3C%2Fsvg%3E);background-image:var(--texture-noise-svg);opacity:.2;background-size:128px 128px}.surface-halftone>*,.surface-noise>*,.surface-scanline>*,.surface-textured>*{z-index:1;position:relative}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.card-body{padding:1rem 0;padding:var(--space-4) 0;flex:1}.drawer-backdrop,.modal-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:.24s cubic-bezier(.16,1,.3,1) fade-in;animation:fade-in var(--duration-base) var(--ease-out)}.nav-horizontal{flex-direction:row;align-items:center}.nav-vertical{flex-direction:column}.tab-panel{padding:1rem 0;padding:var(--space-4) 0}.checkbox-text,.radio-text,.toggle-text{line-height:1.4}.listbox{width:100%;position:relative}.listbox-trigger{justify-content:space-between;align-items:center;gap:.5rem;gap:var(--space-2);width:100%;font-family:Geist,system-ui,-apple-system,sans-serif;font-family:var(--font-sans);background:#1c1c22;background:var(--bg-raised);color:var(--text-primary);border:1px solid #ffffff2e;border:1px solid var(--border-strong);border-radius:4px;border-radius:var(--radius-sm);padding:.75rem 1rem;padding:var(--space-3) var(--space-4);cursor:pointer;transition:background .24s cubic-bezier(.16,1,.3,1),border-color .24s cubic-bezier(.16,1,.3,1),box-shadow .24s cubic-bezier(.16,1,.3,1);transition:background var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out);font-size:14px;font-weight:500;display:flex}.listbox-trigger:hover{background:#26262b;background:var(--bg-overlay)}.listbox-trigger:focus-visible{border-color:#f0f;border-color:var(--border-focus);box-shadow:0 0 0 2px #0a0a0d,0 0 0 4px #f0f;box-shadow:var(--focus-ring);outline:none}.listbox-trigger[aria-expanded=true]{border-color:#f0f;border-color:var(--border-focus)}.listbox-trigger:disabled{opacity:.4;cursor:not-allowed}.listbox-placeholder{color:var(--text-placeholder)}.listbox-chevron{color:var(--text-tertiary);transition:transform .15s cubic-bezier(.16,1,.3,1);transition:transform var(--duration-fast) var(--ease-out)}.listbox-chevron.open{transform:rotate(180deg)}.listbox-options{padding:.25rem;padding:var(--space-1);background:#131318;background:var(--bg-elevated);border:1px solid #ffffff2e;border:1px solid var(--border-strong);border-radius:4px;border-radius:var(--radius-sm);box-shadow:0 12px 32px #0009;box-shadow:var(--shadow-lg);z-index:100;z-index:var(--z-sticky);max-height:240px;animation:.15s cubic-bezier(.16,1,.3,1) fade-in;animation:fade-in var(--duration-fast) var(--ease-out);margin:0;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto}.listbox-option{padding:.5rem .75rem;padding:var(--space-2) var(--space-3);color:var(--text-secondary);border-radius:2px;border-radius:var(--radius-xs);cursor:pointer;font-size:14px}.listbox-option.highlight{background:#26262b;background:var(--bg-overlay);color:var(--text-primary)}.listbox-option.selected{color:var(--brand-primary);font-weight:600}.listbox-option[aria-disabled=true]{opacity:.4;cursor:not-allowed}.accent-border-top{border-top:3px solid #f0f!important;border-top:3px solid var(--brand-primary)!important}.accent-border-left{border-left:3px solid #f0f!important;border-left:3px solid var(--brand-primary)!important}.accent-border-bottom{border-bottom:3px solid #f0f!important;border-bottom:3px solid var(--brand-primary)!important}.accent-secondary-border-top{border-top:3px solid #00e5ff!important;border-top:3px solid var(--brand-secondary)!important}.accent-secondary-border-left{border-left:3px solid #00e5ff!important;border-left:3px solid var(--brand-secondary)!important}.accent-secondary-border-bottom{border-bottom:3px solid #00e5ff!important;border-bottom:3px solid var(--brand-secondary)!important}.accent-underline{-webkit-text-decoration:underline #f0f;text-decoration:underline #f0f;text-decoration-thickness:2px;-webkit-text-decoration:underline var(--brand-primary) 2px;-webkit-text-decoration:underline var(--brand-primary) 2px;text-decoration:underline var(--brand-primary) 2px;text-underline-offset:4px}.accent-secondary-underline{-webkit-text-decoration:underline #00e5ff;text-decoration:underline #00e5ff;text-decoration-thickness:2px;-webkit-text-decoration:underline var(--brand-secondary) 2px;-webkit-text-decoration:underline var(--brand-secondary) 2px;text-decoration:underline var(--brand-secondary) 2px;text-underline-offset:4px}.accent-dot:after{background:#f0f;background:var(--brand-primary)}.accent-dot:after,.accent-secondary-dot:after{content:"";vertical-align:middle;width:6px;height:6px;margin-left:6px;display:inline-block}.accent-secondary-dot:after{background:#00e5ff;background:var(--brand-secondary)}.accent-bar{position:relative}.accent-bar:before{content:"";background:#f0f;background:var(--brand-primary);z-index:1;height:3px;position:absolute;top:0;left:0;right:0}.accent-secondary-bar{position:relative}.accent-secondary-bar:before{content:"";background:#00e5ff;background:var(--brand-secondary);z-index:1;height:3px;position:absolute;top:0;left:0;right:0}.glow-mod{box-shadow:0 0 20px #ff00ff40;box-shadow:0 0 20px color-mix(in srgb,var(--brand-primary) 25%,transparent)}.glow-mod-secondary{box-shadow:0 0 20px #00e5ff40;box-shadow:0 0 20px color-mix(in srgb,var(--brand-secondary) 25%,transparent)}.border-mod-accent{border-color:#f0f!important;border-color:var(--brand-primary)!important}.border-mod-secondary{border-color:#00e5ff!important;border-color:var(--brand-secondary)!important}.texture-crosshatch,.texture-dots,.texture-grid-dots,.texture-halftone,.texture-noise,.texture-overlay,.texture-scanline{isolation:isolate;position:relative}.texture-crosshatch:before,.texture-dots:before,.texture-grid-dots:before,.texture-halftone:before,.texture-noise:before,.texture-overlay:before,.texture-scanline:before{content:"";pointer-events:none;z-index:0;opacity:.5;position:absolute;inset:0}.texture-halftone:before{background-image:radial-gradient(#ffffff0d 1px,#0000 0);background-image:radial-gradient(var(--texture-05) 1px,transparent 1px);background-size:6px 6px}.texture-scanline:before{background:repeating-linear-gradient(0deg,#0000,#0000 2px,#ffffff0a 0 4px);background:repeating-linear-gradient(0deg,transparent,transparent 2px,var(--texture-04) 2px,var(--texture-04) 4px)}.texture-noise:before{background-image:url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cfilter%20id%3D%22a%22%3E%3CfeTurbulence%20baseFrequency%3D%22.85%22%20numOctaves%3D%224%22%20stitchTiles%3D%22stitch%22%20type%3D%22fractalNoise%22%2F%3E%3C%2Ffilter%3E%3Crect%20width%3D%22100%25%22%20height%3D%22100%25%22%20fill%3D%22%23fff%22%20filter%3D%22url\(%23a\)%22%20opacity%3D%22.04%22%2F%3E%3C%2Fsvg%3E);background-image:var(--texture-noise-svg);opacity:.35;background-size:128px 128px}.texture-crosshatch:before{background-image:repeating-linear-gradient(45deg,#0000,#0000 6px,#ffffff08 0 7px),repeating-linear-gradient(-45deg,#0000,#0000 6px,#ffffff08 0 7px);background-image:repeating-linear-gradient(45deg,transparent,transparent 6px,var(--texture-03) 6px,var(--texture-03) 7px),repeating-linear-gradient(-45deg,transparent,transparent 6px,var(--texture-03) 6px,var(--texture-03) 7px)}.texture-dots:before{background-image:radial-gradient(#ffffff0f .5px,#0000 0);background-image:radial-gradient(var(--texture-06) .5px,transparent .5px);background-size:6px 6px}.texture-grid-dots:before{background-image:radial-gradient(#ffffff0d 1px,#0000 0),radial-gradient(#ffffff0d 1px,#0000 0);background-image:radial-gradient(var(--texture-05) 1px,transparent 1px),radial-gradient(var(--texture-05) 1px,transparent 1px);background-position:0 0,8px 8px;background-size:16px 16px,16px 16px}.texture-crosshatch>*,.texture-dots>*,.texture-grid-dots>*,.texture-halftone>*,.texture-noise>*,.texture-overlay>*,.texture-scanline>*{z-index:1;position:relative}.texture-muted:before{opacity:.25}.texture-animated:before{animation:4s linear infinite texture-shift}@keyframes texture-shift{0%{background-position:0 0}to{background-position:16px 16px}}@media (prefers-reduced-motion:reduce){.texture-animated:before{animation:none!important}}.accent-corner:after{background:#f0f;background:var(--brand-primary)}.accent-corner:after,.accent-secondary-corner:after{content:"";z-index:2;width:8px;height:8px;position:absolute;top:-1px;right:-1px}.accent-secondary-corner:after{background:#00e5ff;background:var(--brand-secondary)}@keyframes scanline-scroll{0%{transform:translateY(0)}to{transform:translateY(100vh)}}@keyframes glitch{0%{transform:translate(0)}20%{transform:translate(-1px,1px)}40%{transform:translate(1px,-1px)}60%{transform:translate(-1px,-1px)}80%{transform:translate(1px,1px)}to{transform:translate(0)}}.glitch{animation:.3s ease-in-out 3 glitch}@keyframes glitch-complex{0%{clip-path:inset(0 0 100%);transform:translate(0)skew(0deg)}5%{clip-path:inset(20% 0 60%);transform:translate(-2px)skew(.5deg)}10%{transform:translateY(-1px)skew(-.3deg)}15%{clip-path:inset(40% 0 30%);transform:translate(1px)skew(0deg)}20%{transform:translate(-1px,1px)skew(0deg)}25%{clip-path:inset(10% 0 70%);transform:translate(2px)skew(-.5deg)}30%{clip-path:inset(0 0 100%);transform:translate(0)skew(0deg)}to{clip-path:inset(0);transform:translate(0)skew(0deg)}}.glitch-complex{animation:.8s ease-in-out 2 glitch-complex}@keyframes flicker{0%{opacity:1}5%{opacity:.85}10%{opacity:1}15%{opacity:.7}20%{opacity:1}50%{opacity:1}52%{opacity:.9}54%{opacity:1}80%{opacity:1}82%{opacity:.92}84%{opacity:1}to{opacity:1}}.flicker{animation:4s infinite flicker}.flicker-fast{animation:1.5s infinite flicker}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}.blink{animation:1s step-end infinite blink}.blink-fast{animation:.4s step-end infinite blink}@keyframes typewriter{0%{width:0}to{width:100%}}.typewriter{white-space:nowrap;max-width:fit-content;animation:1.5s steps(30,end) forwards typewriter;display:inline-block;overflow:hidden}@keyframes neon-pulse{0%,to{box-shadow:0 0 8px #ff00ff4d,0 0 20px #f0f3;box-shadow:0 0 8px color-mix(in srgb,var(--magenta-500) 30%,transparent),0 0 20px color-mix(in srgb,var(--magenta-500) 20%,transparent)}50%{box-shadow:0 0 16px #ff00ff80,0 0 40px #ff00ff4d;box-shadow:0 0 16px color-mix(in srgb,var(--magenta-500) 50%,transparent),0 0 40px color-mix(in srgb,var(--magenta-500) 30%,transparent)}}.neon-pulse{animation:2s ease-in-out infinite neon-pulse}@keyframes neon-pulse-cyan{0%,to{box-shadow:0 0 8px #00e5ff4d,0 0 20px #00e5ff33;box-shadow:0 0 8px color-mix(in srgb,var(--cyan-500) 30%,transparent),0 0 20px color-mix(in srgb,var(--cyan-500) 20%,transparent)}50%{box-shadow:0 0 16px #00e5ff80,0 0 40px #00e5ff4d;box-shadow:0 0 16px color-mix(in srgb,var(--cyan-500) 50%,transparent),0 0 40px color-mix(in srgb,var(--cyan-500) 30%,transparent)}}.neon-pulse-cyan{animation:2s ease-in-out infinite neon-pulse-cyan}@keyframes noise-shift{0%{transform:translate(0)}20%{transform:translate(-5px,3px)}40%{transform:translate(3px,-5px)}60%{transform:translate(-3px,5px)}80%{transform:translate(5px,-3px)}to{transform:translate(0)}}.bg-noise-animated:before{animation:.5s steps(5,end) infinite noise-shift!important}@keyframes scan-reveal{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.scan-reveal{position:relative;overflow:hidden}.scan-reveal:after{content:"";background:#fff;background:var(--texture-solid);opacity:.6;pointer-events:none;width:100%;height:4px;animation:2s ease-in-out scan-reveal;position:absolute;top:0;left:0}@keyframes step-fade-in{0%{clip-path:inset(0 0 0 100%)}to{clip-path:inset(0)}}.step-fade-in{animation:.6s steps(8,end) forwards step-fade-in;overflow:hidden}@keyframes invert-flash{0%{filter:invert(0)}50%{filter:invert()}to{filter:invert(0)}}.invert-flash{animation:.15s 2 invert-flash}@keyframes step-dots{0%{box-shadow:4px 8px #000,28px 3px #000,52px 18px #000,76px 5px #000,14px 24px #000,38px 12px #000,62px 28px #000,86px 15px #000,8px 32px #000;box-shadow:4px 8px 0 0 var(--color-ink),28px 3px 0 0 var(--color-ink),52px 18px 0 0 var(--color-ink),76px 5px 0 0 var(--color-ink),14px 24px 0 0 var(--color-ink),38px 12px 0 0 var(--color-ink),62px 28px 0 0 var(--color-ink),86px 15px 0 0 var(--color-ink),8px 32px 0 0 var(--color-ink)}25%{box-shadow:6px 12px #000,32px 8px #000,48px 25px #000,82px 3px #000,10px 18px #000,42px 30px #000,68px 10px #000,90px 22px #000,20px 5px #000;box-shadow:6px 12px 0 0 var(--color-ink),32px 8px 0 0 var(--color-ink),48px 25px 0 0 var(--color-ink),82px 3px 0 0 var(--color-ink),10px 18px 0 0 var(--color-ink),42px 30px 0 0 var(--color-ink),68px 10px 0 0 var(--color-ink),90px 22px 0 0 var(--color-ink),20px 5px 0 0 var(--color-ink)}50%{box-shadow:12px 4px #000,22px 20px #000,58px 8px #000,72px 28px #000,4px 15px #000,36px 6px #000,66px 22px #000,92px 12px #000,50px 30px #000;box-shadow:12px 4px 0 0 var(--color-ink),22px 20px 0 0 var(--color-ink),58px 8px 0 0 var(--color-ink),72px 28px 0 0 var(--color-ink),4px 15px 0 0 var(--color-ink),36px 6px 0 0 var(--color-ink),66px 22px 0 0 var(--color-ink),92px 12px 0 0 var(--color-ink),50px 30px 0 0 var(--color-ink)}75%{box-shadow:2px 10px #000,26px 22px #000,44px 4px #000,70px 14px #000,18px 28px #000,54px 20px #000,84px 8px #000,8px 6px #000,40px 26px #000;box-shadow:2px 10px 0 0 var(--color-ink),26px 22px 0 0 var(--color-ink),44px 4px 0 0 var(--color-ink),70px 14px 0 0 var(--color-ink),18px 28px 0 0 var(--color-ink),54px 20px 0 0 var(--color-ink),84px 8px 0 0 var(--color-ink),8px 6px 0 0 var(--color-ink),40px 26px 0 0 var(--color-ink)}to{box-shadow:none}}.step-dots{animation:.3s steps(4,end) 2 step-dots}.step-dots-fast{animation:.15s steps(2,end) step-dots}@keyframes progress-scan{0%{transform:translate(-100%)}to{transform:translate(400%)}}@keyframes matrix-rain{0%{opacity:0;transform:translateY(-100%)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(1000%)}}.matrix-rain-char{font-family:Geist Mono,ui-monospace,SF Mono,menlo,monospace;font-family:var(--font-mono);color:var(--texture-19);font-size:14px;animation:2s linear infinite matrix-rain;display:block}@keyframes frame-step{0%,24%{content:"▌"}25%,49%{content:"▐"}50%,74%{content:"█"}75%,99%{content:"▀"}}.frame-step:after{content:"▌";font-family:Geist Mono,ui-monospace,SF Mono,menlo,monospace;font-family:var(--font-mono);animation:.8s step-end infinite frame-step}@keyframes slide-up-reveal{0%{opacity:0;clip-path:inset(0 0 100%);transform:translateY(40px)}to{opacity:1;clip-path:inset(0);transform:translateY(0)}}.slide-up-reveal{animation:.5s ease-out forwards slide-up-reveal}.slide-up-reveal-fast{animation:.25s ease-out forwards slide-up-reveal}@keyframes shimmer-sweep{0%{background-position:-200% 0}to{background-position:200% 0}}.shimmer{background:linear-gradient(90deg,#0000 0,#ffffff08 40%,#ffffff17 50%,#ffffff08 60%,#0000);background:linear-gradient(90deg,transparent 0,var(--texture-03) 40%,var(--texture-09) 50%,var(--texture-03) 60%,transparent 100%);background-size:200% 100%;animation:2s linear infinite shimmer-sweep}@keyframes spin-steps{0%{transform:rotate(0)}25%{transform:rotate(90deg)}50%{transform:rotate(180deg)}75%{transform:rotate(270deg)}to{transform:rotate(1turn)}}@keyframes glitch-accent{0%{box-shadow:0 0 #f0f;box-shadow:0 0 0 var(--magenta-500);transform:translate(0)}20%{box-shadow:-4px 0 8px #f0f;box-shadow:-4px 0 8px var(--magenta-500);transform:translate(-2px)}40%{box-shadow:4px 0 8px #f0f;box-shadow:4px 0 8px var(--magenta-500);transform:translateY(-2px)}60%{box-shadow:-2px 0 4px #f0f;box-shadow:-2px 0 4px var(--magenta-500);transform:translate(2px)}80%{box-shadow:2px 0 4px #f0f;box-shadow:2px 0 4px var(--magenta-500);transform:translate(-1px,1px)}to{box-shadow:0 0 #f0f;box-shadow:0 0 0 var(--magenta-500);transform:translate(0)}}.glitch-accent{animation:.4s ease-in-out 2 glitch-accent}@keyframes accent-flicker{0%,to{opacity:1;color:var(--magenta-500)}20%{opacity:.3;color:var(--texture-solid)}40%{opacity:1;color:var(--magenta-500)}55%{opacity:.5}70%{opacity:1;color:var(--magenta-500)}}.accent-flicker{animation:1.8s step-end infinite accent-flicker}@keyframes iso-float{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-12px)scale(1.02)}}.iso-float{animation:3s ease-in-out infinite iso-float}@keyframes iso-float-spin{0%{transform:translateY(0)rotateY(0)}25%{transform:translateY(-10px)rotateY(90deg)}50%{transform:translateY(0)rotateY(180deg)}75%{transform:translateY(-10px)rotateY(270deg)}to{transform:translateY(0)rotateY(1turn)}}.iso-float-spin{animation:4s ease-in-out infinite iso-float-spin}@keyframes iso-assemble{0%{opacity:0;transform:translateY(80px)scale(.8)}60%{opacity:1;transform:translateY(-4px)scale(1.02)}to{opacity:1;transform:translateY(0)scale(1)}}.iso-assemble{animation:.8s ease-out forwards iso-assemble}.iso-assemble-2{animation-delay:.15s}.iso-assemble-3{animation-delay:.3s}.iso-assemble-4{animation-delay:.45s}.iso-assemble-5{animation-delay:.6s}@keyframes iso-rotate-cube{0%{transform:rotateX(35deg)rotate(-45deg)}25%{transform:rotateX(35deg)rotate(45deg)}50%{transform:rotateX(35deg)rotate(135deg)}75%{transform:rotateX(35deg)rotate(225deg)}to{transform:rotateX(35deg)rotate(315deg)}}.iso-rotate-cube{transform-style:preserve-3d;animation:6s linear infinite iso-rotate-cube}@keyframes iso-grid-scroll{0%{background-position:0 0}to{background-position:-40px 20px}}.iso-grid-scroll{animation:4s linear infinite iso-grid-scroll}@keyframes iso-terrain-shift{0%{background-position:0 0,0 0,0 0}to{background-position:-20px 10px,-40px 20px,-60px 30px}}.iso-terrain-shift{animation:6s linear infinite iso-terrain-shift}@keyframes iso-perspective-dolly{0%{opacity:0;filter:blur(2px);transform:perspective(800px)translateZ(-100px)scale(.9)}60%{opacity:1;filter:blur()}to{opacity:1;filter:blur();transform:perspective(800px)translateZ(0)scale(1)}}.iso-perspective-dolly{animation:1s ease-out forwards iso-perspective-dolly}@keyframes iso-step-build{0%{clip-path:inset(0 100% 0 0);opacity:0}50%{opacity:1}to{clip-path:inset(0);opacity:1}}.iso-step-build{animation:.4s steps(6,end) forwards iso-step-build}@keyframes iso-drift{0%,to{transform:translate(0)rotate(0)}25%{transform:translate(8px,-6px)rotate(2deg)}50%{transform:translate(-4px,-12px)rotate(-1deg)}75%{transform:translate(-8px,-4px)rotate(1deg)}}.iso-drift{animation:5s ease-in-out infinite iso-drift}@keyframes iso-bounce{0%,to{transform:translateY(0)scaleY(1)}30%{transform:translateY(-20px)scaleY(1.05)}50%{transform:translateY(0)scaleY(.95)}70%{transform:translateY(-8px)scaleY(1.02)}90%{transform:translateY(0)scaleY(.98)}}.iso-bounce{animation:2s ease-in-out infinite iso-bounce}.iso-bounce-once{animation:.8s ease-in-out forwards iso-bounce}@keyframes iso-sway{0%,to{transform:rotate(-3deg)translate(0)}25%{transform:rotate(0)translate(6px)}50%{transform:rotate(3deg)translate(0)}75%{transform:rotate(0)translate(-6px)}}.iso-sway{transform-origin:bottom;animation:4s ease-in-out infinite iso-sway}@keyframes iso-card-flip{0%{transform:perspective(600px)rotateY(0)}50%{transform:perspective(600px)rotateY(90deg)scale(.95)}to{transform:perspective(600px)rotateY(180deg)}}.iso-card-flip{animation:1.2s ease-in-out forwards iso-card-flip}.iso-card-flip-2{animation:1.2s ease-in-out .2s forwards iso-card-flip}@keyframes iso-hinge{0%{transform-origin:0;transform:perspective(600px)rotateY(0)}to{transform-origin:0;transform:perspective(600px)rotateY(-90deg)}}.iso-hinge{animation:.8s ease-in-out forwards iso-hinge}@keyframes iso-morph{0%,to{border-radius:0;transform:scale(1)rotate(0)}25%{border-radius:30%;transform:scale(1.15)rotate(5deg)}50%{border-radius:50%;transform:scale(.9)rotate(0)}75%{border-radius:20%;transform:scale(1.08)rotate(-5deg)}}.iso-morph{animation:3s ease-in-out infinite iso-morph}@keyframes iso-rain{0%{opacity:0;transform:translateY(-60px)rotateX(10deg)}20%{opacity:1}80%{opacity:1}to{opacity:0;transform:translateY(60px)rotateX(-10deg)}}.iso-rain{animation:2.4s ease-in infinite iso-rain}.iso-rain-2{animation:2.4s ease-in .3s infinite iso-rain}.iso-rain-3{animation:2.4s ease-in .6s infinite iso-rain}.iso-rain-4{animation:2.4s ease-in .9s infinite iso-rain}.iso-rain-5{animation:2.4s ease-in 1.2s infinite iso-rain}@keyframes iso-ripple{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.iso-ripple{animation:2s ease-in-out infinite iso-ripple}.iso-ripple-2{animation:2s ease-in-out .15s infinite iso-ripple}.iso-ripple-3{animation:2s ease-in-out .3s infinite iso-ripple}.iso-ripple-4{animation:2s ease-in-out .45s infinite iso-ripple}.iso-ripple-5{animation:2s ease-in-out .6s infinite iso-ripple}@keyframes iso-glitch{0%,to{transform:perspective(400px)rotateX(5deg)rotateY(0)}10%{transform:perspective(400px)rotateX(8deg)rotateY(-2deg)skew(1deg)}20%{transform:perspective(400px)rotateX(3deg)rotateY(1deg)skew(-.5deg)}30%{transform:perspective(400px)rotateX(7deg)rotateY(-1deg)skew(.5deg)}40%{transform:perspective(400px)rotateX(4deg)rotateY(0)skew(0)}to{transform:perspective(400px)rotateX(5deg)rotateY(0)}}.iso-glitch{animation:.6s ease-in-out 3 iso-glitch}.iso-float-2{animation-delay:.5s}.iso-float-3{animation-delay:1s}.iso-float-4{animation-delay:1.5s}.iso-float-5{animation-delay:2s}@keyframes iso-step-rise{0%{transform:translateY(0)}40%{transform:translateY(-12px)}60%{transform:translateY(-12px)}to{transform:translateY(0)}}.iso-step-rise{animation:1.6s ease-in-out infinite iso-step-rise}.iso-step-rise-2{animation:1.6s ease-in-out .2s infinite iso-step-rise}.iso-step-rise-3{animation:1.6s ease-in-out .4s infinite iso-step-rise}.iso-step-rise-4{animation:1.6s ease-in-out .6s infinite iso-step-rise}.iso-step-rise-5{animation:1.6s ease-in-out .8s infinite iso-step-rise}@keyframes drawer-slide-in{0%{opacity:0;transform:translate(32px)}to{opacity:1;transform:translate(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.u-muted{color:var(--text-secondary)}.u-danger{color:var(--status-danger)}.u-raised{background:#1c1c22;background:var(--bg-raised)}.u-fg{color:var(--text-primary)}.u-brand{color:var(--brand-secondary)}.u-base{background:#0a0a0d;background:var(--bg-base)}.u-danger-bg{background:#ff3b5c;background:var(--status-danger)}.u-brand-border{border-color:#00e5ff;border-color:var(--brand-secondary)}.u-brand-accent{accent-color:#f0f;accent-color:var(--brand-primary)}.u-brand-bg{background:#f0f;background:var(--brand-primary)}.u-brand-foreground{color:var(--text-on-brand)}.u-raised\/50{background:#1c1c2280;background:color-mix(in srgb,var(--bg-raised) 50%,transparent)}.u-raised\/40{background:#1c1c2266;background:color-mix(in srgb,var(--bg-raised) 40%,transparent)}.u-raised\/20{background:#1c1c2233;background:color-mix(in srgb,var(--bg-raised) 20%,transparent)}.u-muted\/50{color:color-mix(in srgb,var(--text-secondary) 50%,transparent)}.u-danger-bg\/10{background:#ff3b5c1a;background:color-mix(in srgb,var(--status-danger) 10%,transparent)}.hover\:u-raised\/30:hover{background:#1c1c224d;background:color-mix(in srgb,var(--bg-raised) 30%,transparent)}.hover\:u-raised\/50:hover{background:#1c1c2280;background:color-mix(in srgb,var(--bg-raised) 50%,transparent)}.hover\:u-fg:hover{color:var(--text-primary)}.hover\:u-danger-bg\/10:hover{background:#ff3b5c1a;background:color-mix(in srgb,var(--status-danger) 10%,transparent)}.u-raised-foreground{background:#b0b0b8;background:var(--text-secondary)}.u-border{border-color:#ffffff0f;border-color:var(--border-subtle)}.u-danger-border\/40{border-color:#ff3b5c66;border-color:color-mix(in srgb,var(--status-danger) 40%,transparent)}@media (prefers-reduced-motion:reduce){*,:after,:before{transition-duration:.01ms!important;animation-duration:.01ms!important}.bg-noise-animated:before,.iso-assemble,.iso-assemble-2,.iso-assemble-3,.iso-assemble-4,.iso-assemble-5,.iso-bounce,.iso-bounce-once,.iso-card-flip,.iso-card-flip-2,.iso-city-animated,.iso-cubes-animated,.iso-drift,.iso-float,.iso-float-2,.iso-float-3,.iso-float-4,.iso-float-5,.iso-float-spin,.iso-glitch,.iso-grid-animated,.iso-grid-dense-animated,.iso-grid-scroll,.iso-hex-animated,.iso-hinge,.iso-morph,.iso-perspective-dolly,.iso-pipes-animated,.iso-rain,.iso-rain-2,.iso-rain-3,.iso-rain-4,.iso-rain-5,.iso-ripple,.iso-ripple-2,.iso-ripple-3,.iso-ripple-4,.iso-ripple-5,.iso-rotate-cube,.iso-step-build,.iso-step-rise,.iso-step-rise-2,.iso-step-rise-3,.iso-step-rise-4,.iso-step-rise-5,.iso-sway,.iso-terrain-animated,.iso-terrain-shift,.iso-wave-animated,.motion-lines-horizontal:before,.motion-lines-radial:before,.motion-lines:before,.texture-animated:before{animation:none!important}}@media (prefers-contrast:more){.badge,.btn,.card,.drawer,.input,.menu,.modal,.select-native,.surface,.tag,.textarea,.toast,.toolbar{border-width:2px;border-color:currentColor}.border-default,.border-strong,.border-subtle{border-color:currentColor}.focus-visible,:focus-visible{outline-offset:3px;outline:3px solid}}
1
+ @font-face{font-family:Geist;src:url(../fonts/Geist-Variable.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Geist Mono;src:url(../fonts/GeistMono-Variable.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Geist Pixel;src:url(../fonts/GeistPixel-Square.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Geist Pixel;src:url(../fonts/GeistPixel-Circle.ttf)format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Geist Pixel;src:url(../fonts/GeistPixel-Grid.ttf)format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Geist Pixel;src:url(../fonts/GeistPixel-Line.ttf)format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Geist Pixel;src:url(../fonts/GeistPixel-Triangle.ttf)format("truetype");font-weight:800;font-style:normal;font-display:swap}:root{--magenta-50:#ffe5ff;--magenta-100:#ffc2ff;--magenta-200:#f9f;--magenta-300:#f6f;--magenta-400:#f3f;--magenta-500:#f0f;--magenta-600:#d600d6;--magenta-700:#a800a8;--magenta-800:purple;--magenta-900:#570057;--magenta-950:#303;--cyan-50:#e5fbff;--cyan-100:#b8f6ff;--cyan-200:#8af0ff;--cyan-300:#5ce9ff;--cyan-400:#2ee2ff;--cyan-500:#00e5ff;--cyan-600:#00b8cc;--cyan-700:#008fa0;--cyan-800:#006b78;--cyan-900:#00474d;--cyan-950:#002a2e;--inari-50:#fdeee7;--inari-100:#fbdccb;--inari-200:#f6b490;--inari-300:#f08c5b;--inari-400:#e56f3f;--inari-500:#ee560d;--inari-600:#c44813;--inari-700:#a03a10;--inari-800:#8b310d;--inari-900:#5c2108;--inari-950:#2b1c17;--neutral-50:#fafafb;--neutral-100:#eeeef1;--neutral-200:#d7d7dc;--neutral-300:#b0b0b8;--neutral-400:#82828a;--neutral-500:#6b6b72;--neutral-600:#50505a;--neutral-700:#3a3a42;--neutral-800:#26262b;--neutral-900:#1c1c22;--neutral-950:#131318;--neutral-1000:#0a0a0d;--neutral-void:#000;--success-50:#e5fcef;--success-100:#b8f5d2;--success-200:#8aedb6;--success-300:#5ce69a;--success-400:#2ede7d;--success-500:#00e676;--success-600:#00b85d;--success-700:#008a46;--success-800:#006534;--success-900:#004423;--success-950:#002915;--warning-50:#fff8e5;--warning-100:#ffeab8;--warning-200:#ffdc8a;--warning-300:#ffce5c;--warning-400:#ffc02e;--warning-500:#ffb300;--warning-600:#d69500;--warning-700:#a87600;--warning-800:#805900;--warning-900:#573d00;--warning-950:#332400;--danger-50:#ffe5eb;--danger-100:#ffb8c5;--danger-200:#ff8aa0;--danger-300:#ff5c7a;--danger-400:#ff4c6b;--danger-500:#ff3b5c;--danger-600:#d62e4a;--danger-700:#a82338;--danger-800:#801a29;--danger-900:#57111c;--danger-950:#330a10;--info-50:#e5efff;--info-100:#b8d2ff;--info-200:#8ab5ff;--info-300:#5c99ff;--info-400:#4f94ff;--info-500:#3f8eff;--info-600:#2c71d6;--info-700:#1f58a8;--info-800:#174180;--info-900:#0f2c57;--info-950:#091a33;--color-ink:#000;--color-paper:#fff;--texture-02:#ffffff05;--texture-03:#ffffff08;--texture-04:#ffffff0a;--texture-05:#ffffff0d;--texture-06:#ffffff0f;--texture-07:#ffffff12;--texture-08:#ffffff14;--texture-09:#ffffff17;--texture-13:#ffffff21;--texture-19:#ffffff30;--texture-38:#ffffff61;--texture-50:#ffffff80;--texture-solid:#fff;--icon-blob:var(--color-paper);--texture-noise-svg:url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cfilter%20id%3D%22a%22%3E%3CfeTurbulence%20baseFrequency%3D%22.85%22%20numOctaves%3D%224%22%20stitchTiles%3D%22stitch%22%20type%3D%22fractalNoise%22%2F%3E%3C%2Ffilter%3E%3Crect%20width%3D%22100%25%22%20height%3D%22100%25%22%20fill%3D%22%23fff%22%20filter%3D%22url\(%23a\)%22%20opacity%3D%22.04%22%2F%3E%3C%2Fsvg%3E);--brand-primary:var(--magenta-500);--brand-primary-hover:var(--magenta-400);--brand-primary-active:var(--magenta-600);--brand-primary-muted:var(--magenta-800);--brand-primary-subtle:var(--magenta-950);--brand-primary-glow:color-mix(in srgb, var(--magenta-500) 25%, transparent);--text-on-brand:var(--neutral-void);--brand-primary-soft:var(--magenta-400);--brand-primary-deep:var(--magenta-700);--bg-void:var(--neutral-void);--bg-base:var(--neutral-1000);--bg-elevated:var(--neutral-950);--bg-raised:var(--neutral-900);--bg-overlay:var(--neutral-800);--bg-pressed:var(--neutral-700);--bg-translucent:#ffffff0a;--text-primary:var(--neutral-50);--text-secondary:var(--neutral-300);--text-tertiary:var(--neutral-400);--text-placeholder:var(--neutral-500);--text-disabled:var(--neutral-600);--text-inverse:var(--neutral-void);--border-subtle:#ffffff0f;--border-default:#ffffff1a;--border-strong:#ffffff2e;--border-focus:var(--magenta-500);--focus-ring:0 0 0 2px var(--bg-base), 0 0 0 4px var(--border-focus);--focus-ring-secondary:0 0 0 2px var(--bg-base), 0 0 0 4px var(--brand-secondary);--focus-ring-danger:0 0 0 2px var(--bg-base), 0 0 0 4px var(--danger-500);--border-brand:var(--magenta-500);--status-success:var(--success-500);--status-success-bg:var(--success-950);--status-success-fg:var(--success-300);--status-warning:var(--warning-500);--status-warning-bg:var(--warning-950);--status-warning-fg:var(--warning-300);--status-danger:var(--danger-500);--status-danger-bg:var(--danger-950);--status-danger-fg:var(--danger-300);--status-info:var(--info-500);--status-info-bg:var(--info-950);--status-info-fg:var(--info-300);--status-neutral:var(--neutral-400);--status-neutral-bg:var(--neutral-900);--status-neutral-fg:var(--neutral-300);--brand-secondary:var(--cyan-500);--brand-secondary-hover:var(--cyan-400);--brand-secondary-active:var(--cyan-600);--brand-secondary-muted:var(--cyan-800);--brand-secondary-subtle:var(--cyan-950);--brand-secondary-glow:color-mix(in srgb, var(--brand-secondary) 25%, transparent);--accent-7kgroup:var(--magenta-500);--accent-7kminato:var(--cyan-500);--accent-inari:var(--inari-500);--font-sans:"Geist", system-ui, -apple-system, sans-serif;--font-mono:"Geist Mono", ui-monospace, "SF Mono", menlo, monospace;--font-pixel:"Geist Pixel", monospace;--text-display:clamp(48px, 8vw, 160px);--text-body-fluid:clamp(.9375rem, .875rem + .2vw, 1rem);--text-7xl:7.5rem;--text-6xl:5.5rem;--text-5xl:4rem;--text-4xl:3rem;--text-3xl:2.25rem;--text-2xl:1.75rem;--text-xl:1.375rem;--text-lg:1.125rem;--text-base:1rem;--text-sm:.875rem;--text-xs:.75rem;--text-2xs:.625rem;--text-h1:4rem;--text-h2:3rem;--text-h3:2rem;--text-h4:1.5rem;--text-body-lg:1.125rem;--text-body:1rem;--text-body-sm:.875rem;--text-caption:.75rem;--text-mono-label:.6875rem;--text-mono-body:.8125rem;--leading-none:1;--leading-tight:1.15;--leading-snug:1.3;--leading-normal:1.5;--leading-relaxed:1.65;--tracking-tightest:-.04em;--tracking-tighter:-.02em;--tracking-tight:-.01em;--tracking-normal:0;--tracking-wide:.02em;--tracking-wider:.06em;--tracking-widest:.14em;--weight-thin:100;--weight-extralight:200;--weight-light:300;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-extrabold:800;--weight-black:900;--space-0:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--radius-none:0;--radius-xs:2px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--shadow-sm:0 1px 2px #0006;--shadow-md:0 4px 12px #00000080;--shadow-lg:0 12px 32px #0009;--shadow-xl:0 24px 64px #000000b3;--shadow-glow:0 0 0 1px var(--brand-primary), 0 0 24px var(--brand-primary-glow);--shadow-inset:inset 0 1px 0 #ffffff0a;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--duration-instant:80ms;--duration-fast:.15s;--duration-base:.24s;--duration-slow:.4s;--duration-slower:.64s;--container-sm:640px;--container-md:960px;--container-lg:1200px;--container-xl:1440px;--grid-gutter:var(--space-6);--z-base:0;--z-raised:10;--z-sticky:100;--z-overlay:200;--z-modal:300;--z-toast:400;--z-max:999}@media (prefers-color-scheme:light){:root:not([data-theme]){--brand-primary:var(--magenta-500);--brand-primary-hover:var(--magenta-600);--brand-primary-active:var(--magenta-700);--brand-primary-muted:var(--magenta-200);--brand-primary-subtle:var(--magenta-100);--brand-primary-glow:color-mix(in srgb, var(--magenta-500) 15%, transparent);--text-on-brand:var(--neutral-void);--bg-void:var(--neutral-50);--bg-base:var(--neutral-50);--bg-elevated:var(--neutral-100);--bg-raised:var(--neutral-200);--bg-overlay:var(--neutral-300);--bg-pressed:var(--neutral-400);--bg-translucent:#0000000a;--text-primary:var(--neutral-900);--text-secondary:var(--neutral-500);--text-tertiary:var(--neutral-400);--text-placeholder:var(--neutral-400);--text-disabled:var(--neutral-300);--text-inverse:var(--neutral-50);--border-subtle:#0000000f;--border-default:#0000001a;--border-strong:#0000002e;--border-focus:var(--magenta-500);--border-brand:var(--magenta-500);--status-success:var(--success-500);--status-success-bg:var(--success-100);--status-success-fg:var(--success-700);--status-warning:var(--warning-500);--status-warning-bg:var(--warning-100);--status-warning-fg:var(--warning-700);--status-danger:var(--danger-500);--status-danger-bg:var(--danger-100);--status-danger-fg:var(--danger-700);--status-info:var(--info-500);--status-info-bg:var(--info-100);--status-info-fg:var(--info-700);--status-neutral:var(--neutral-400);--status-neutral-bg:var(--neutral-200);--status-neutral-fg:var(--neutral-700);--brand-secondary:var(--cyan-600);--brand-secondary-hover:var(--cyan-500);--brand-secondary-active:var(--cyan-700);--brand-secondary-muted:var(--cyan-200);--brand-secondary-subtle:var(--cyan-100);--brand-secondary-glow:color-mix(in srgb, var(--cyan-600) 15%, transparent);--accent-7kgroup:var(--magenta-500);--accent-7kminato:var(--cyan-600);--accent-inari:var(--inari-600);--icon-blob:var(--color-ink);--shadow-sm:0 1px 2px #00000014;--shadow-md:0 4px 12px #0000001a;--shadow-lg:0 12px 32px #0000001f;--shadow-xl:0 24px 64px #00000026;--shadow-glow:0 0 0 1px var(--brand-primary), 0 0 20px color-mix(in srgb, var(--magenta-500) 20%, transparent);--shadow-inset:inset 0 1px 0 #0000000f;--texture-02:#00000005;--texture-03:#00000008;--texture-04:#0000000a;--texture-05:#0000000d;--texture-06:#0000000f;--texture-07:#00000012;--texture-08:#00000014;--texture-09:#00000017;--texture-13:#00000021;--texture-19:#00000030;--texture-38:#00000061;--texture-50:#00000080;--texture-solid:var(--color-ink);--texture-noise-svg:url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cfilter%20id%3D%22a%22%3E%3CfeTurbulence%20baseFrequency%3D%22.85%22%20numOctaves%3D%224%22%20stitchTiles%3D%22stitch%22%20type%3D%22fractalNoise%22%2F%3E%3C%2Ffilter%3E%3Crect%20width%3D%22100%25%22%20height%3D%22100%25%22%20filter%3D%22url\(%23a\)%22%20opacity%3D%22.04%22%2F%3E%3C%2Fsvg%3E)}}html[data-theme=light]{--brand-primary:var(--magenta-500);--brand-primary-hover:var(--magenta-600);--brand-primary-active:var(--magenta-700);--brand-primary-muted:var(--magenta-200);--brand-primary-subtle:var(--magenta-100);--brand-primary-glow:color-mix(in srgb, var(--magenta-500) 15%, transparent);--text-on-brand:var(--neutral-void);--bg-void:var(--neutral-50);--bg-base:var(--neutral-50);--bg-elevated:var(--neutral-100);--bg-raised:var(--neutral-200);--bg-overlay:var(--neutral-300);--bg-pressed:var(--neutral-400);--bg-translucent:#0000000a;--text-primary:var(--neutral-900);--text-secondary:var(--neutral-500);--text-tertiary:var(--neutral-400);--text-placeholder:var(--neutral-400);--text-disabled:var(--neutral-300);--text-inverse:var(--neutral-50);--border-subtle:#0000000f;--border-default:#0000001a;--border-strong:#0000002e;--border-focus:var(--magenta-500);--border-brand:var(--magenta-500);--status-success:var(--success-500);--status-success-bg:var(--success-100);--status-success-fg:var(--success-700);--status-warning:var(--warning-500);--status-warning-bg:var(--warning-100);--status-warning-fg:var(--warning-700);--status-danger:var(--danger-500);--status-danger-bg:var(--danger-100);--status-danger-fg:var(--danger-700);--status-info:var(--info-500);--status-info-bg:var(--info-100);--status-info-fg:var(--info-700);--status-neutral:var(--neutral-400);--status-neutral-bg:var(--neutral-200);--status-neutral-fg:var(--neutral-700);--brand-secondary:var(--cyan-600);--brand-secondary-hover:var(--cyan-500);--brand-secondary-active:var(--cyan-700);--brand-secondary-muted:var(--cyan-200);--brand-secondary-subtle:var(--cyan-100);--brand-secondary-glow:color-mix(in srgb, var(--cyan-600) 15%, transparent);--accent-7kgroup:var(--magenta-500);--accent-7kminato:var(--cyan-600);--accent-inari:var(--inari-600);--icon-blob:var(--color-ink);--shadow-sm:0 1px 2px #00000014;--shadow-md:0 4px 12px #0000001a;--shadow-lg:0 12px 32px #0000001f;--shadow-xl:0 24px 64px #00000026;--shadow-glow:0 0 0 1px var(--brand-primary), 0 0 20px color-mix(in srgb, var(--magenta-500) 20%, transparent);--shadow-inset:inset 0 1px 0 #0000000f;--texture-02:#00000005;--texture-03:#00000008;--texture-04:#0000000a;--texture-05:#0000000d;--texture-06:#0000000f;--texture-07:#00000012;--texture-08:#00000014;--texture-09:#00000017;--texture-13:#00000021;--texture-19:#00000030;--texture-38:#00000061;--texture-50:#00000080;--texture-solid:var(--color-ink);--texture-noise-svg:url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cfilter%20id%3D%22a%22%3E%3CfeTurbulence%20baseFrequency%3D%22.85%22%20numOctaves%3D%224%22%20stitchTiles%3D%22stitch%22%20type%3D%22fractalNoise%22%2F%3E%3C%2Ffilter%3E%3Crect%20width%3D%22100%25%22%20height%3D%22100%25%22%20filter%3D%22url\(%23a\)%22%20opacity%3D%22.04%22%2F%3E%3C%2Fsvg%3E)}.project-7kgroup,[data-project="7kgroup"]{--brand-primary:var(--magenta-500);--brand-primary-hover:var(--magenta-400);--brand-primary-active:var(--magenta-600);--brand-primary-muted:var(--magenta-800);--brand-primary-subtle:var(--magenta-950);--brand-primary-glow:color-mix(in srgb, var(--magenta-500) 25%, transparent);--brand-secondary:var(--magenta-500);--brand-secondary-hover:var(--magenta-400);--brand-secondary-active:var(--magenta-600);--brand-secondary-muted:var(--magenta-800);--brand-secondary-subtle:var(--magenta-950);--brand-secondary-glow:color-mix(in srgb, var(--magenta-500) 25%, transparent);--border-focus:var(--magenta-500);--border-brand:var(--magenta-500)}.project-7kminato,[data-project="7kminato"]{--brand-primary:var(--cyan-500);--brand-primary-hover:var(--cyan-400);--brand-primary-active:var(--cyan-600);--brand-primary-muted:var(--cyan-800);--brand-primary-subtle:var(--cyan-950);--brand-primary-glow:color-mix(in srgb, var(--cyan-500) 25%, transparent);--brand-secondary:var(--cyan-500);--brand-secondary-hover:var(--cyan-400);--brand-secondary-active:var(--cyan-600);--brand-secondary-muted:var(--cyan-800);--brand-secondary-subtle:var(--cyan-950);--brand-secondary-glow:color-mix(in srgb, var(--cyan-500) 25%, transparent);--border-focus:var(--cyan-500);--border-brand:var(--cyan-500)}.project-inari,[data-project=inari]{--brand-primary:var(--inari-500);--brand-primary-hover:var(--inari-400);--brand-primary-active:var(--inari-600);--brand-primary-muted:var(--inari-800);--brand-primary-subtle:var(--inari-950);--brand-primary-glow:color-mix(in srgb, var(--inari-500) 25%, transparent);--brand-secondary:var(--inari-500);--brand-secondary-hover:var(--inari-400);--brand-secondary-active:var(--inari-600);--brand-secondary-muted:var(--inari-800);--brand-secondary-subtle:var(--inari-950);--brand-secondary-glow:color-mix(in srgb, var(--inari-500) 25%, transparent);--border-focus:var(--inari-500);--border-brand:var(--inari-500)}html[data-theme=light] .project-7kminato,html[data-theme=light][data-project="7kminato"]{--brand-primary:var(--cyan-600);--brand-primary-hover:var(--cyan-500);--brand-primary-active:var(--cyan-700);--brand-primary-muted:var(--cyan-200);--brand-primary-subtle:var(--cyan-100);--brand-primary-glow:color-mix(in srgb, var(--cyan-600) 15%, transparent);--brand-secondary:var(--cyan-600);--brand-secondary-hover:var(--cyan-500);--brand-secondary-active:var(--cyan-700);--brand-secondary-muted:var(--cyan-200);--brand-secondary-subtle:var(--cyan-100);--brand-secondary-glow:color-mix(in srgb, var(--cyan-600) 15%, transparent);--border-focus:var(--cyan-600);--border-brand:var(--cyan-600)}html[data-theme=light] .project-inari,html[data-theme=light][data-project=inari]{--brand-primary:var(--inari-600);--brand-primary-hover:var(--inari-500);--brand-primary-active:var(--inari-700);--brand-primary-muted:var(--inari-200);--brand-primary-subtle:var(--inari-100);--brand-primary-glow:color-mix(in srgb, var(--inari-600) 15%, transparent);--brand-secondary:var(--inari-600);--brand-secondary-hover:var(--inari-500);--brand-secondary-active:var(--inari-700);--brand-secondary-muted:var(--inari-200);--brand-secondary-subtle:var(--inari-100);--brand-secondary-glow:color-mix(in srgb, var(--inari-600) 15%, transparent);--border-focus:var(--inari-600);--border-brand:var(--inari-600)}@media (prefers-color-scheme:light){:root:not([data-theme]) .project-7kminato,:root:not([data-theme])[data-project="7kminato"]{--brand-primary:var(--cyan-600);--brand-primary-hover:var(--cyan-500);--brand-primary-active:var(--cyan-700);--brand-primary-muted:var(--cyan-200);--brand-primary-subtle:var(--cyan-100);--brand-primary-glow:color-mix(in srgb, var(--cyan-600) 15%, transparent);--brand-secondary:var(--cyan-600);--brand-secondary-hover:var(--cyan-500);--brand-secondary-active:var(--cyan-700);--brand-secondary-muted:var(--cyan-200);--brand-secondary-subtle:var(--cyan-100);--brand-secondary-glow:color-mix(in srgb, var(--cyan-600) 15%, transparent);--border-focus:var(--cyan-600);--border-brand:var(--cyan-600)}:root:not([data-theme]) .project-inari,:root:not([data-theme])[data-project=inari]{--brand-primary:var(--inari-600);--brand-primary-hover:var(--inari-500);--brand-primary-active:var(--inari-700);--brand-primary-muted:var(--inari-200);--brand-primary-subtle:var(--inari-100);--brand-primary-glow:color-mix(in srgb, var(--inari-600) 15%, transparent);--brand-secondary:var(--inari-600);--brand-secondary-hover:var(--inari-500);--brand-secondary-active:var(--inari-700);--brand-secondary-muted:var(--inari-200);--brand-secondary-subtle:var(--inari-100);--brand-secondary-glow:color-mix(in srgb, var(--inari-600) 15%, transparent);--border-focus:var(--inari-600);--border-brand:var(--inari-600)}}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:16px}body{font-family:Geist,system-ui,-apple-system,sans-serif;font-family:var(--font-sans);font-size:clamp(.9375rem,.875rem + .2vw,1rem);font-size:var(--text-body-fluid);color:var(--text-primary);background:#0a0a0d;background:var(--bg-base);line-height:1.6}.display{font-size:clamp(48px,8vw,160px);font-size:var(--text-display);font-weight:900;line-height:.9}.display,.h1,h1{font-family:Geist,system-ui,-apple-system,sans-serif;font-family:var(--font-sans);letter-spacing:-.04em;color:var(--text-primary)}.h1,h1{font-size:4rem;font-size:var(--text-h1);font-weight:700;line-height:1.1}.h2,h2{font-size:3rem;font-size:var(--text-h2);letter-spacing:-.03em;font-weight:700;line-height:1.15}.h2,.h3,h2,h3{font-family:Geist,system-ui,-apple-system,sans-serif;font-family:var(--font-sans);color:var(--text-primary)}.h3,h3{font-size:2rem;font-size:var(--text-h3);line-height:1.2}.h3,.h4,h3,h4{letter-spacing:-.02em;font-weight:600}.h4,h4{font-family:Geist,system-ui,-apple-system,sans-serif;font-family:var(--font-sans);font-size:1.5rem;font-size:var(--text-h4);color:var(--text-primary);line-height:1.3}.body-lg{font-size:1.125rem;font-size:var(--text-body-lg)}.body,.body-lg{font-family:Geist,system-ui,-apple-system,sans-serif;font-family:var(--font-sans);letter-spacing:-.01em;color:var(--text-secondary);font-weight:400;line-height:1.6}.body{font-size:1rem;font-size:var(--text-body)}.body-sm{font-family:Geist,system-ui,-apple-system,sans-serif;font-family:var(--font-sans);font-size:.875rem;font-size:var(--text-body-sm);letter-spacing:-.01em;color:var(--text-tertiary);font-weight:400;line-height:1.5}.caption{font-family:Geist,system-ui,-apple-system,sans-serif;font-family:var(--font-sans);font-size:.75rem;font-size:var(--text-caption);letter-spacing:0;line-height:1.4}.caption,.mono-label{color:var(--text-secondary);font-weight:500}.mono-label{font-family:Geist Mono,ui-monospace,SF Mono,menlo,monospace;font-family:var(--font-mono);font-size:.6875rem;font-size:var(--text-mono-label);letter-spacing:.12em;text-transform:uppercase;line-height:1.2}.mono,.mono-body{color:var(--text-primary);font-weight:400}.mono,.mono-body,code,pre{font-family:Geist Mono,ui-monospace,SF Mono,menlo,monospace;font-family:var(--font-mono);font-size:.8125rem;font-size:var(--text-mono-body);line-height:1.5}.font-pixel-square{font-family:Geist Pixel,monospace;font-weight:400}.font-pixel-circle{font-family:Geist Pixel,monospace;font-weight:500}.font-pixel-grid{font-family:Geist Pixel,monospace;font-weight:600}.font-pixel-line{font-family:Geist Pixel,monospace;font-weight:700}.font-pixel-triangle{font-family:Geist Pixel,monospace;font-weight:800}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.gap-8{gap:32px}.gap-12{gap:48px}.p-1{padding:4px}.p-2{padding:8px}.p-3{padding:12px}.p-4{padding:16px}.p-6{padding:24px}.p-8{padding:32px}.px-2{padding-left:8px;padding-right:8px}.px-4{padding-left:16px;padding-right:16px}.px-6{padding-left:24px;padding-right:24px}.py-2{padding-top:8px;padding-bottom:8px}.py-4{padding-top:16px;padding-bottom:16px}.py-6{padding-top:24px;padding-bottom:24px}.radius-none{border-radius:0}.radius-sm{border-radius:4px}.radius-md{border-radius:8px}.radius-lg{border-radius:12px}.radius-xl{border-radius:16px}.radius-full{border-radius:9999px}.text-accent{color:var(--brand-primary)}.text-secondary-accent{color:var(--brand-secondary)}.text-success{color:var(--status-success)}.text-warning{color:var(--status-warning)}.text-danger{color:var(--status-danger)}.text-fg-secondary{color:var(--text-secondary)}.text-ink{color:var(--color-ink)}.text-paper{color:var(--color-paper)}.bg-accent{background:#f0f;background:var(--brand-primary)}.bg-secondary-accent{background:#00e5ff;background:var(--brand-secondary)}.bg-surface{background:#131318;background:var(--bg-elevated)}.bg-surface-elevated{background:#1c1c22;background:var(--bg-raised)}.bg-ink{background:#000;background:var(--color-ink)}.bg-paper{background:#fff;background:var(--color-paper)}.border-accent{border-color:#f0f;border-color:var(--brand-primary)}.border-secondary-accent{border-color:#00e5ff;border-color:var(--brand-secondary)}.border-danger{border-color:#ff3b5c;border-color:var(--status-danger)}.glow-accent{box-shadow:0 0 20px #ff00ff40;box-shadow:0 0 20px color-mix(in srgb,var(--brand-primary) 25%,transparent)}.glow-secondary-accent{box-shadow:0 0 20px #00e5ff40;box-shadow:0 0 20px color-mix(in srgb,var(--brand-secondary) 25%,transparent)}.text-neutral-50{color:var(--neutral-50)}.text-neutral-100{color:var(--neutral-100)}.text-neutral-200{color:var(--neutral-200)}.text-neutral-300{color:var(--neutral-300)}.text-neutral-400{color:var(--neutral-400)}.text-neutral-500{color:var(--neutral-500)}.text-neutral-600{color:var(--neutral-600)}.text-neutral-700{color:var(--neutral-700)}.text-neutral-800{color:var(--neutral-800)}.text-neutral-900{color:var(--neutral-900)}.text-neutral-950{color:var(--neutral-950)}.bg-neutral-50{background:#fafafb;background:var(--neutral-50)}.bg-neutral-100{background:#eeeef1;background:var(--neutral-100)}.bg-neutral-200{background:#d7d7dc;background:var(--neutral-200)}.bg-neutral-300{background:#b0b0b8;background:var(--neutral-300)}.bg-neutral-400{background:#82828a;background:var(--neutral-400)}.bg-neutral-500{background:#6b6b72;background:var(--neutral-500)}.bg-neutral-600{background:#50505a;background:var(--neutral-600)}.bg-neutral-700{background:#3a3a42;background:var(--neutral-700)}.bg-neutral-800{background:#26262b;background:var(--neutral-800)}.bg-neutral-900{background:#1c1c22;background:var(--neutral-900)}.bg-neutral-950{background:#131318;background:var(--neutral-950)}.text-magenta-50{color:var(--magenta-50)}.text-magenta-100{color:var(--magenta-100)}.text-magenta-200{color:var(--magenta-200)}.text-magenta-300{color:var(--magenta-300)}.text-magenta-400{color:var(--magenta-400)}.text-magenta-500{color:var(--magenta-500)}.text-magenta-600{color:var(--magenta-600)}.text-magenta-700{color:var(--magenta-700)}.text-magenta-800{color:var(--magenta-800)}.text-magenta-900{color:var(--magenta-900)}.text-magenta-950{color:var(--magenta-950)}.bg-accent-subtle{background:#ff00ff1a;background:color-mix(in srgb,var(--brand-primary) 10%,transparent)}.bg-secondary-accent-subtle{background:#00e5ff1a;background:color-mix(in srgb,var(--brand-secondary) 10%,transparent)}:focus-visible{outline:2px solid #f0f;outline:2px solid var(--brand-primary);outline-offset:2px}::selection{background:#f0f;background:var(--brand-primary);color:var(--color-paper)}.bg-scanline{position:relative;overflow:hidden}.bg-scanline:after{content:"";background:repeating-linear-gradient(0deg,#0000,#0000 2px,#ffffff08 0 4px);background:repeating-linear-gradient(0deg,transparent,transparent 2px,var(--texture-03) 2px,var(--texture-03) 4px);pointer-events:none;z-index:1;animation:8s linear infinite scanline-scroll;position:absolute;inset:0}.bg-scanline-fast{position:relative;overflow:hidden}.bg-scanline-fast:after{content:"";background:repeating-linear-gradient(0deg,#0000,#0000 1px,#ffffff0d 0 2px);background:repeating-linear-gradient(0deg,transparent,transparent 1px,var(--texture-05) 1px,var(--texture-05) 2px);pointer-events:none;z-index:1;animation:3s linear infinite scanline-scroll;position:absolute;inset:0}.bg-halftone-sm{background-image:radial-gradient(#ffffff14 .5px,#0000 0);background-image:radial-gradient(var(--texture-08) .5px,transparent .5px);background-size:4px 4px}.bg-halftone-md{background-image:radial-gradient(#ffffff0d 1px,#0000 0);background-image:radial-gradient(var(--texture-05) 1px,transparent 1px);background-size:6px 6px}.bg-halftone-lg{background-image:radial-gradient(#ffffff0a 1.5px,#0000 0);background-image:radial-gradient(var(--texture-04) 1.5px,transparent 1.5px);background-size:10px 10px}.bg-halftone-accent{background-image:radial-gradient(#f0f 1px,#0000 0);background-image:radial-gradient(var(--brand-primary) 1px,transparent 1px);background-size:8px 8px}.bg-dot-matrix{background-image:radial-gradient(#ffffff12 .5px,#0000 0);background-image:radial-gradient(var(--texture-07) .5px,transparent .5px);background-size:6px 6px}.bg-dot-matrix-dense{background-image:radial-gradient(#ffffff17 .5px,#0000 0);background-image:radial-gradient(var(--texture-09) .5px,transparent .5px);background-size:3px 3px}.bg-dot-matrix-sparse{background-image:radial-gradient(#ffffff0a 1px,#0000 0);background-image:radial-gradient(var(--texture-04) 1px,transparent 1px);background-size:12px 12px}.bg-diagonal-stripes{background:repeating-linear-gradient(45deg,#0000,#0000 6px,#ffffff0a 0 7px);background:repeating-linear-gradient(45deg,transparent,transparent 6px,var(--texture-04) 6px,var(--texture-04) 7px)}.bg-diagonal-stripes-dense{background:repeating-linear-gradient(45deg,#0000,#0000 3px,#ffffff14 0 4px);background:repeating-linear-gradient(45deg,transparent,transparent 3px,var(--texture-08) 3px,var(--texture-08) 4px)}.bg-diagonal-stripes-negative{background:repeating-linear-gradient(45deg,#000,#000 6px,#fff 0 7px);background:repeating-linear-gradient(45deg,var(--color-ink),var(--color-ink) 6px,var(--color-paper) 6px,var(--color-paper) 7px)}.bg-stripes-h{background:repeating-linear-gradient(0deg,#0000,#0000 8px,#ffffff0a 0 9px);background:repeating-linear-gradient(0deg,transparent,transparent 8px,var(--texture-04) 8px,var(--texture-04) 9px)}.bg-stripes-h-dense{background:repeating-linear-gradient(0deg,#0000,#0000 4px,#ffffff14 0 5px);background:repeating-linear-gradient(0deg,transparent,transparent 4px,var(--texture-08) 4px,var(--texture-08) 5px)}.bg-stripes-v{background:repeating-linear-gradient(90deg,#0000,#0000 8px,#ffffff0a 0 9px);background:repeating-linear-gradient(90deg,transparent,transparent 8px,var(--texture-04) 8px,var(--texture-04) 9px)}.bg-stripes-v-dense{background:repeating-linear-gradient(90deg,#0000,#0000 4px,#ffffff14 0 5px);background:repeating-linear-gradient(90deg,transparent,transparent 4px,var(--texture-08) 4px,var(--texture-08) 5px)}.bg-crosshatch{background-image:repeating-linear-gradient(45deg,#0000,#0000 6px,#ffffff0a 0 7px),repeating-linear-gradient(-45deg,#0000,#0000 6px,#ffffff0a 0 7px);background-image:repeating-linear-gradient(45deg,transparent,transparent 6px,var(--texture-04) 6px,var(--texture-04) 7px),repeating-linear-gradient(-45deg,transparent,transparent 6px,var(--texture-04) 6px,var(--texture-04) 7px)}.bg-crosshatch-dense{background-image:repeating-linear-gradient(45deg,#0000,#0000 3px,#ffffff14 0 4px),repeating-linear-gradient(-45deg,#0000,#0000 3px,#ffffff14 0 4px);background-image:repeating-linear-gradient(45deg,transparent,transparent 3px,var(--texture-08) 3px,var(--texture-08) 4px),repeating-linear-gradient(-45deg,transparent,transparent 3px,var(--texture-08) 3px,var(--texture-08) 4px)}.bg-checkerboard{background-image:linear-gradient(45deg,#ffffff0a 25%,#0000 0),linear-gradient(-45deg,#ffffff0a 25%,#0000 0),linear-gradient(45deg,#0000 75%,#ffffff0a 0),linear-gradient(-45deg,#0000 75%,#ffffff0a 0);background-image:linear-gradient(45deg,var(--texture-04) 25%,transparent 25%),linear-gradient(-45deg,var(--texture-04) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--texture-04) 75%),linear-gradient(-45deg,transparent 75%,var(--texture-04) 75%);background-position:0 0,0 6px,6px -6px,-6px 0;background-size:12px 12px}.bg-checkerboard-contrast{background-image:linear-gradient(45deg,#000 25%,#0000 0),linear-gradient(-45deg,#000 25%,#0000 0),linear-gradient(45deg,#0000 75%,#000 0),linear-gradient(-45deg,#0000 75%,#000 0);background-image:linear-gradient(45deg,var(--color-ink) 25%,transparent 25%),linear-gradient(-45deg,var(--color-ink) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--color-ink) 75%),linear-gradient(-45deg,transparent 75%,var(--color-ink) 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}.bg-noise{position:relative}.bg-noise:before{content:"";background-image:url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cfilter%20id%3D%22a%22%3E%3CfeTurbulence%20baseFrequency%3D%22.85%22%20numOctaves%3D%224%22%20stitchTiles%3D%22stitch%22%20type%3D%22fractalNoise%22%2F%3E%3C%2Ffilter%3E%3Crect%20width%3D%22100%25%22%20height%3D%22100%25%22%20fill%3D%22%23fff%22%20filter%3D%22url\(%23a\)%22%20opacity%3D%22.04%22%2F%3E%3C%2Fsvg%3E);background-image:var(--texture-noise-svg);pointer-events:none;opacity:.5;z-index:1;background-size:128px 128px;position:absolute;inset:0}.bg-noise-heavy:before{opacity:.12}.bg-vignette-ink{position:relative}.bg-vignette-ink:after{content:"";background:radial-gradient(#0000 50%,#000c 100%);background:radial-gradient(ellipse at center,transparent 50%,color-mix(in srgb,var(--color-ink) 80%,transparent) 100%);pointer-events:none;z-index:1;position:absolute;inset:0}.bg-vignette-ink-sharp:after{background:radial-gradient(#0000 30%,#000 100%);background:radial-gradient(ellipse at center,transparent 30%,var(--color-ink) 100%)}.bg-waves{background:radial-gradient(at 50% 0,#0000 60%,#ffffff05 0 61%),radial-gradient(at 50% 0,#0000 50%,#ffffff05 0 51%),radial-gradient(at 50% 0,#0000 40%,#ffffff08 0 41%),radial-gradient(at 50% 0,#0000 30%,#ffffff05 0 31%),radial-gradient(at 50% 0,#0000 20%,#ffffff08 0 21%),radial-gradient(at 50% 0,#0000 10%,#ffffff05 0 11%);background:radial-gradient(ellipse at 50% 0,transparent 60%,var(--texture-02) 60%,var(--texture-02) 61%),radial-gradient(ellipse at 50% 0,transparent 50%,var(--texture-02) 50%,var(--texture-02) 51%),radial-gradient(ellipse at 50% 0,transparent 40%,var(--texture-03) 40%,var(--texture-03) 41%),radial-gradient(ellipse at 50% 0,transparent 30%,var(--texture-02) 30%,var(--texture-02) 31%),radial-gradient(ellipse at 50% 0,transparent 20%,var(--texture-03) 20%,var(--texture-03) 21%),radial-gradient(ellipse at 50% 0,transparent 10%,var(--texture-02) 10%,var(--texture-02) 11%);background-position:0 0,0 10px,0 20px,0 30px,0 40px,0 50px;background-size:100px 80px,100px 80px,100px 80px,100px 80px,100px 80px,100px 80px}.bg-waves-dense{background:radial-gradient(at 50% 0,#0000 65%,#ffffff0d 0 66%),radial-gradient(at 50% 0,#0000 55%,#ffffff0a 0 56%),radial-gradient(at 50% 0,#0000 45%,#ffffff0d 0 46%),radial-gradient(at 50% 0,#0000 35%,#ffffff0a 0 36%),radial-gradient(at 50% 0,#0000 25%,#ffffff0d 0 26%),radial-gradient(at 50% 0,#0000 15%,#ffffff0a 0 16%);background:radial-gradient(ellipse at 50% 0,transparent 65%,var(--texture-05) 65%,var(--texture-05) 66%),radial-gradient(ellipse at 50% 0,transparent 55%,var(--texture-04) 55%,var(--texture-04) 56%),radial-gradient(ellipse at 50% 0,transparent 45%,var(--texture-05) 45%,var(--texture-05) 46%),radial-gradient(ellipse at 50% 0,transparent 35%,var(--texture-04) 35%,var(--texture-04) 36%),radial-gradient(ellipse at 50% 0,transparent 25%,var(--texture-05) 25%,var(--texture-05) 26%),radial-gradient(ellipse at 50% 0,transparent 15%,var(--texture-04) 15%,var(--texture-04) 16%);background-position:0 0,0 8px,0 16px,0 24px,0 32px,0 40px;background-size:60px 50px,60px 50px,60px 50px,60px 50px,60px 50px,60px 50px}.bg-concentric-rings{background:radial-gradient(circle,#0000 10%,#ffffff08 0 11%,#0000 0),radial-gradient(circle,#0000 20%,#ffffff08 0 21%,#0000 0),radial-gradient(circle,#0000 30%,#ffffff0a 0 31%,#0000 0),radial-gradient(circle,#0000 40%,#ffffff08 0 41%,#0000 0),radial-gradient(circle,#0000 50%,#ffffff08 0 51%,#0000 0),radial-gradient(circle,#0000 60%,#ffffff05 0 61%);background:radial-gradient(circle at 50% 50%,transparent 10%,var(--texture-03) 10%,var(--texture-03) 11%,transparent 11%),radial-gradient(circle at 50% 50%,transparent 20%,var(--texture-03) 20%,var(--texture-03) 21%,transparent 21%),radial-gradient(circle at 50% 50%,transparent 30%,var(--texture-04) 30%,var(--texture-04) 31%,transparent 31%),radial-gradient(circle at 50% 50%,transparent 40%,var(--texture-03) 40%,var(--texture-03) 41%,transparent 41%),radial-gradient(circle at 50% 50%,transparent 50%,var(--texture-03) 50%,var(--texture-03) 51%,transparent 51%),radial-gradient(circle at 50% 50%,transparent 60%,var(--texture-02) 60%,var(--texture-02) 61%);background-position:50%;background-size:200px 200px}.bg-concentric-rings-dense{background:radial-gradient(circle,#0000 8%,#ffffff0f 0 9%,#0000 0),radial-gradient(circle,#0000 16%,#ffffff0d 0 17%,#0000 0),radial-gradient(circle,#0000 24%,#ffffff0f 0 25%,#0000 0),radial-gradient(circle,#0000 32%,#ffffff0d 0 33%,#0000 0),radial-gradient(circle,#0000 40%,#ffffff0f 0 41%,#0000 0),radial-gradient(circle,#0000 48%,#ffffff0d 0 49%);background:radial-gradient(circle at 50% 50%,transparent 8%,var(--texture-06) 8%,var(--texture-06) 9%,transparent 9%),radial-gradient(circle at 50% 50%,transparent 16%,var(--texture-05) 16%,var(--texture-05) 17%,transparent 17%),radial-gradient(circle at 50% 50%,transparent 24%,var(--texture-06) 24%,var(--texture-06) 25%,transparent 25%),radial-gradient(circle at 50% 50%,transparent 32%,var(--texture-05) 32%,var(--texture-05) 33%,transparent 33%),radial-gradient(circle at 50% 50%,transparent 40%,var(--texture-06) 40%,var(--texture-06) 41%,transparent 41%),radial-gradient(circle at 50% 50%,transparent 48%,var(--texture-05) 48%,var(--texture-05) 49%);background-position:50%;background-size:120px 120px}.bg-grid-dots{background-image:radial-gradient(#ffffff0f 1px,#0000 0),radial-gradient(#ffffff0f 1px,#0000 0);background-image:radial-gradient(var(--texture-06) 1px,transparent 1px),radial-gradient(var(--texture-06) 1px,transparent 1px);background-position:0 0,8px 8px;background-size:16px 16px,16px 16px}.bg-grid-dots-dense{background-image:radial-gradient(#ffffff17 .8px,#0000 0),radial-gradient(#ffffff17 .8px,#0000 0);background-image:radial-gradient(var(--texture-09) .8px,transparent .8px),radial-gradient(var(--texture-09) .8px,transparent .8px);background-position:0 0,4px 4px;background-size:8px 8px,8px 8px}.bg-grid-dots-accent{background-image:radial-gradient(#ff00ff26 1px,#0000 0),radial-gradient(#ff00ff26 1px,#0000 0);background-image:radial-gradient(color-mix(in srgb,var(--magenta-500) 15%,transparent) 1px,transparent 1px),radial-gradient(color-mix(in srgb,var(--magenta-500) 15%,transparent) 1px,transparent 1px);background-position:0 0,10px 10px;background-size:20px 20px,20px 20px}.bg-rain{background:repeating-linear-gradient(20deg,#0000,#0000 3px,#ffffff05 0 4px);background:repeating-linear-gradient(20deg,transparent,transparent 3px,var(--texture-02) 3px,var(--texture-02) 4px);background-size:8px 20px}.bg-rain-dense{background:repeating-linear-gradient(20deg,#0000,#0000 2px,#ffffff0d 0 3px);background:repeating-linear-gradient(20deg,transparent,transparent 2px,var(--texture-05) 2px,var(--texture-05) 3px);background-size:6px 12px}.bg-rain-angled{background:repeating-linear-gradient(35deg,#0000,#0000 3px,#ffffff08 0 4px),repeating-linear-gradient(-35deg,#0000,#0000 6px,#ffffff05 0 7px);background:repeating-linear-gradient(35deg,transparent,transparent 3px,var(--texture-03) 3px,var(--texture-03) 4px),repeating-linear-gradient(-35deg,transparent,transparent 6px,var(--texture-02) 6px,var(--texture-02) 7px);background-size:12px 24px}.bg-starburst{background:repeating-conic-gradient(#ffffff08 0,#ffffff08 0.5%,transparent 0.5%,transparent 5%);background:repeating-conic-gradient(var(--texture-03) 0,var(--texture-03) 0.5%,transparent 0.5%,transparent 5%);background-size:100% 100%}.bg-starburst-dense{background:repeating-conic-gradient(#ffffff0f 0,#ffffff0f 0.3%,transparent 0.3%,transparent 3%);background:repeating-conic-gradient(var(--texture-06) 0,var(--texture-06) 0.3%,transparent 0.3%,transparent 3%)}.bg-starburst-accent{background:repeating-conic-gradient(#ff00ff1f 0,#ff00ff1f 0.5%,transparent 0.5%,transparent 4%);background:repeating-conic-gradient(color-mix(in srgb,var(--brand-primary) 12%,transparent) 0,color-mix(in srgb,var(--brand-primary) 12%,transparent) 0.5%,transparent 0.5%,transparent 4%)}.bg-zigzag{background:repeating-linear-gradient(75deg,#0000,#0000 8px,#ffffff0a 0 9px),repeating-linear-gradient(-75deg,#0000,#0000 8px,#ffffff0a 0 9px);background:repeating-linear-gradient(75deg,transparent,transparent 8px,var(--texture-04) 8px,var(--texture-04) 9px),repeating-linear-gradient(-75deg,transparent,transparent 8px,var(--texture-04) 8px,var(--texture-04) 9px);background-size:24px 12px}.bg-zigzag-dense{background:repeating-linear-gradient(75deg,#0000,#0000 4px,#ffffff12 0 5px),repeating-linear-gradient(-75deg,#0000,#0000 4px,#ffffff12 0 5px);background:repeating-linear-gradient(75deg,transparent,transparent 4px,var(--texture-07) 4px,var(--texture-07) 5px),repeating-linear-gradient(-75deg,transparent,transparent 4px,var(--texture-07) 4px,var(--texture-07) 5px);background-size:12px 6px}.bg-zigzag-horizontal{background:repeating-linear-gradient(165deg,#0000,#0000 8px,#ffffff0a 0 9px),repeating-linear-gradient(-165deg,#0000,#0000 8px,#ffffff0a 0 9px);background:repeating-linear-gradient(165deg,transparent,transparent 8px,var(--texture-04) 8px,var(--texture-04) 9px),repeating-linear-gradient(-165deg,transparent,transparent 8px,var(--texture-04) 8px,var(--texture-04) 9px);background-size:24px 12px}.bg-separator-solid{background:#fff;background:var(--texture-solid);opacity:.25;border:none;width:100%;height:1px;margin:0}.bg-separator-thick{opacity:.4;height:2px}.bg-separator-dashed{border-top:2px dashed #fff;border-top:2px dashed var(--texture-solid);opacity:.3;background:0 0;height:0}.bg-separator-dotted{border-top:2px dotted #fff;border-top:2px dotted var(--texture-solid);opacity:.25;background:0 0;height:0}.iso-grid{background:repeating-linear-gradient(30deg,#0000,#0000 24px,#ffffff08 0 25px),repeating-linear-gradient(-30deg,#0000,#0000 24px,#ffffff08 0 25px);background:repeating-linear-gradient(30deg,transparent,transparent 24px,var(--texture-03) 24px,var(--texture-03) 25px),repeating-linear-gradient(-30deg,transparent,transparent 24px,var(--texture-03) 24px,var(--texture-03) 25px)}.iso-grid-dense{background:repeating-linear-gradient(30deg,#0000,#0000 12px,#ffffff0d 0 13px),repeating-linear-gradient(-30deg,#0000,#0000 12px,#ffffff0d 0 13px);background:repeating-linear-gradient(30deg,transparent,transparent 12px,var(--texture-05) 12px,var(--texture-05) 13px),repeating-linear-gradient(-30deg,transparent,transparent 12px,var(--texture-05) 12px,var(--texture-05) 13px)}.iso-grid-accent{background:repeating-linear-gradient(30deg,#0000,#0000 24px,#ff00ff1f 0 25px),repeating-linear-gradient(-30deg,#0000,#0000 24px,#ff00ff1f 0 25px);background:repeating-linear-gradient(30deg,transparent,transparent 24px,color-mix(in srgb,var(--magenta-500) 12%,transparent) 24px,color-mix(in srgb,var(--magenta-500) 12%,transparent) 25px),repeating-linear-gradient(-30deg,transparent,transparent 24px,color-mix(in srgb,var(--magenta-500) 12%,transparent) 24px,color-mix(in srgb,var(--magenta-500) 12%,transparent) 25px)}.iso-cubes{background:repeating-linear-gradient(150deg,#0000,#0000 20px,#ffffff0f 0 21px),repeating-linear-gradient(-30deg,#0000,#0000 20px,#ffffff17 0 21px),repeating-linear-gradient(30deg,#0000,#0000 20px,#ffffff08 0 21px);background:repeating-linear-gradient(150deg,transparent,transparent 20px,var(--texture-06) 20px,var(--texture-06) 21px),repeating-linear-gradient(-30deg,transparent,transparent 20px,var(--texture-09) 20px,var(--texture-09) 21px),repeating-linear-gradient(30deg,transparent,transparent 20px,var(--texture-03) 20px,var(--texture-03) 21px);background-size:40px 40px}.iso-cubes-dense{background:repeating-linear-gradient(150deg,#0000,#0000 10px,#ffffff12 0 11px),repeating-linear-gradient(-30deg,#0000,#0000 10px,#ffffff21 0 11px),repeating-linear-gradient(30deg,#0000,#0000 10px,#ffffff0a 0 11px);background:repeating-linear-gradient(150deg,transparent,transparent 10px,var(--texture-07) 10px,var(--texture-07) 11px),repeating-linear-gradient(-30deg,transparent,transparent 10px,var(--texture-13) 10px,var(--texture-13) 11px),repeating-linear-gradient(30deg,transparent,transparent 10px,var(--texture-04) 10px,var(--texture-04) 11px);background-size:20px 20px}.iso-cubes-accent{background:repeating-linear-gradient(150deg,#0000,#0000 20px,#ff00ff1f 0 21px),repeating-linear-gradient(-30deg,#0000,#0000 20px,#f0f3 0 21px),repeating-linear-gradient(30deg,#0000,#0000 20px,#ff00ff14 0 21px);background:repeating-linear-gradient(150deg,transparent,transparent 20px,color-mix(in srgb,var(--magenta-500) 12%,transparent) 20px,color-mix(in srgb,var(--magenta-500) 12%,transparent) 21px),repeating-linear-gradient(-30deg,transparent,transparent 20px,color-mix(in srgb,var(--magenta-500) 20%,transparent) 20px,color-mix(in srgb,var(--magenta-500) 20%,transparent) 21px),repeating-linear-gradient(30deg,transparent,transparent 20px,color-mix(in srgb,var(--magenta-500) 8%,transparent) 20px,color-mix(in srgb,var(--magenta-500) 8%,transparent) 21px);background-size:40px 40px}.iso-pyramid{background:repeating-linear-gradient(150deg,#0000,#0000 15px,#ffffff0a 0 16px),repeating-linear-gradient(-30deg,#0000 0 30px,#ffffff17 0 31px);background:repeating-linear-gradient(150deg,transparent,transparent 15px,var(--texture-04) 15px,var(--texture-04) 16px),repeating-linear-gradient(-30deg,transparent 0,transparent 30px,var(--texture-09) 30px,var(--texture-09) 31px);background-size:30px 30px}.iso-hex{background:repeating-linear-gradient(60deg,#0000,#0000 18px,#ffffff05 0 19px),repeating-linear-gradient(-60deg,#0000,#0000 18px,#ffffff05 0 19px),repeating-linear-gradient(0deg,#0000,#0000 9px,#ffffff0a 0 10px);background:repeating-linear-gradient(60deg,transparent,transparent 18px,var(--texture-02) 18px,var(--texture-02) 19px),repeating-linear-gradient(-60deg,transparent,transparent 18px,var(--texture-02) 18px,var(--texture-02) 19px),repeating-linear-gradient(0deg,transparent,transparent 9px,var(--texture-04) 9px,var(--texture-04) 10px)}.iso-pipes{background:repeating-linear-gradient(30deg,#0000,#0000 16px,#ffffff0a 0 17px),repeating-linear-gradient(-30deg,#0000,#0000 16px,#ffffff0a 0 17px),repeating-linear-gradient(0deg,#0000,#0000 12px,#ffffff05 0 13px);background:repeating-linear-gradient(30deg,transparent,transparent 16px,var(--texture-04) 16px,var(--texture-04) 17px),repeating-linear-gradient(-30deg,transparent,transparent 16px,var(--texture-04) 16px,var(--texture-04) 17px),repeating-linear-gradient(0deg,transparent,transparent 12px,var(--texture-02) 12px,var(--texture-02) 13px)}.iso-pipes-fast{background:repeating-linear-gradient(30deg,#0000,#0000 8px,#ffffff0d 0 9px),repeating-linear-gradient(-30deg,#0000,#0000 8px,#ffffff0d 0 9px),repeating-linear-gradient(0deg,#0000,#0000 6px,#ffffff08 0 7px);background:repeating-linear-gradient(30deg,transparent,transparent 8px,var(--texture-05) 8px,var(--texture-05) 9px),repeating-linear-gradient(-30deg,transparent,transparent 8px,var(--texture-05) 8px,var(--texture-05) 9px),repeating-linear-gradient(0deg,transparent,transparent 6px,var(--texture-03) 6px,var(--texture-03) 7px)}.iso-terrain{background:repeating-linear-gradient(0deg,#0000,#0000 8px,#ffffff08 0 9px),repeating-linear-gradient(30deg,#0000,#0000 20px,#ffffff0d 0 21px),repeating-linear-gradient(-30deg,#0000,#0000 20px,#ffffff0a 0 21px);background:repeating-linear-gradient(0deg,transparent,transparent 8px,var(--texture-03) 8px,var(--texture-03) 9px),repeating-linear-gradient(30deg,transparent,transparent 20px,var(--texture-05) 20px,var(--texture-05) 21px),repeating-linear-gradient(-30deg,transparent,transparent 20px,var(--texture-04) 20px,var(--texture-04) 21px)}.iso-staircase{background:repeating-linear-gradient(0deg,#0000,#0000 8px,#ffffff08 0 10px,#0000 0 18px,#ffffff08 0 20px),repeating-linear-gradient(-30deg,#0000,#0000 16px,#ffffff0d 0 17px);background:repeating-linear-gradient(0deg,transparent,transparent 8px,var(--texture-03) 8px,var(--texture-03) 10px,transparent 10px,transparent 18px,var(--texture-03) 18px,var(--texture-03) 20px),repeating-linear-gradient(-30deg,transparent,transparent 16px,var(--texture-05) 16px,var(--texture-05) 17px);background-size:40px 40px,40px 40px}.iso-diamond-facet{background:repeating-linear-gradient(150deg,#0000,#0000 20px,#ffffff0f 0 21px),repeating-linear-gradient(-30deg,#0000,#0000 20px,#ffffff08 0 21px),repeating-linear-gradient(30deg,#0000,#0000 20px,#ffffff17 0 21px);background:repeating-linear-gradient(150deg,transparent,transparent 20px,var(--texture-06) 20px,var(--texture-06) 21px),repeating-linear-gradient(-30deg,transparent,transparent 20px,var(--texture-03) 20px,var(--texture-03) 21px),repeating-linear-gradient(30deg,transparent,transparent 20px,var(--texture-09) 20px,var(--texture-09) 21px);background-size:52px 30px}.iso-diamond-facet-dense{background:repeating-linear-gradient(150deg,#0000,#0000 10px,#ffffff12 0 11px),repeating-linear-gradient(-30deg,#0000,#0000 10px,#ffffff0a 0 11px),repeating-linear-gradient(30deg,#0000,#0000 10px,#ffffff21 0 11px);background:repeating-linear-gradient(150deg,transparent,transparent 10px,var(--texture-07) 10px,var(--texture-07) 11px),repeating-linear-gradient(-30deg,transparent,transparent 10px,var(--texture-04) 10px,var(--texture-04) 11px),repeating-linear-gradient(30deg,transparent,transparent 10px,var(--texture-13) 10px,var(--texture-13) 11px);background-size:26px 15px}.iso-diamond-facet-accent{background:repeating-linear-gradient(150deg,#0000,#0000 20px,#ff00ff1a 0 21px),repeating-linear-gradient(-30deg,#0000,#0000 20px,#ff00ff0f 0 21px),repeating-linear-gradient(30deg,#0000,#0000 20px,#f0f3 0 21px);background:repeating-linear-gradient(150deg,transparent,transparent 20px,color-mix(in srgb,var(--magenta-500) 10%,transparent) 20px,color-mix(in srgb,var(--magenta-500) 10%,transparent) 21px),repeating-linear-gradient(-30deg,transparent,transparent 20px,color-mix(in srgb,var(--magenta-500) 6%,transparent) 20px,color-mix(in srgb,var(--magenta-500) 6%,transparent) 21px),repeating-linear-gradient(30deg,transparent,transparent 20px,color-mix(in srgb,var(--magenta-500) 20%,transparent) 20px,color-mix(in srgb,var(--magenta-500) 20%,transparent) 21px);background-size:52px 30px}.iso-wave{background:repeating-linear-gradient(0deg,#0000,#0000 10px,#ffffff08 0 11px),repeating-linear-gradient(15deg,#0000 0 12px,#ffffff0d 0 13px),repeating-linear-gradient(-15deg,#0000 0 20px,#ffffff0a 0 21px);background:repeating-linear-gradient(0deg,transparent,transparent 10px,var(--texture-03) 10px,var(--texture-03) 11px),repeating-linear-gradient(15deg,transparent 0,transparent 12px,var(--texture-05) 12px,var(--texture-05) 13px),repeating-linear-gradient(-15deg,transparent 0,transparent 20px,var(--texture-04) 20px,var(--texture-04) 21px);background-position:0 0,10px 5px,-5px 10px;background-size:30px 20px,40px 30px,40px 30px}.iso-wave-fluid{background:repeating-linear-gradient(0deg,#0000,#0000 16px,#ffffff05 0 17px),repeating-linear-gradient(10deg,#0000 0 24px,#ffffff0a 0 25px),repeating-linear-gradient(-10deg,#0000 0 16px,#ffffff0a 0 17px),repeating-linear-gradient(30deg,#0000 0 32px,#ffffff05 0 33px);background:repeating-linear-gradient(0deg,transparent,transparent 16px,var(--texture-02) 16px,var(--texture-02) 17px),repeating-linear-gradient(10deg,transparent 0,transparent 24px,var(--texture-04) 24px,var(--texture-04) 25px),repeating-linear-gradient(-10deg,transparent 0,transparent 16px,var(--texture-04) 16px,var(--texture-04) 17px),repeating-linear-gradient(30deg,transparent 0,transparent 32px,var(--texture-02) 32px,var(--texture-02) 33px);background-size:60px 32px,60px 48px,60px 32px,80px 64px}.iso-rooms{background:repeating-linear-gradient(150deg,#0000,#0000 20px,#ffffff08 0 22px),repeating-linear-gradient(-30deg,#0000,#0000 20px,#ffffff0a 0 22px),repeating-linear-gradient(15deg,#0000,#0000 8px,#ffffff05 0 9px);background:repeating-linear-gradient(150deg,transparent,transparent 20px,var(--texture-03) 20px,var(--texture-03) 22px),repeating-linear-gradient(-30deg,transparent,transparent 20px,var(--texture-04) 20px,var(--texture-04) 22px),repeating-linear-gradient(15deg,transparent,transparent 8px,var(--texture-02) 8px,var(--texture-02) 9px);background-position:0 0,0 0,20px 30px;background-size:60px 60px,60px 60px,40px 40px}.iso-city{background:repeating-linear-gradient(90deg,#0000,#0000 24px,#ffffff0f 0 25px),repeating-linear-gradient(150deg,#0000 12px 24px,#ffffff08 0 25px),repeating-linear-gradient(0deg,#0000,#0000 6px,#ffffff08 0 7px);background:repeating-linear-gradient(90deg,transparent,transparent 24px,var(--texture-06) 24px,var(--texture-06) 25px),repeating-linear-gradient(150deg,transparent 12px,transparent 24px,var(--texture-03) 24px,var(--texture-03) 25px),repeating-linear-gradient(0deg,transparent,transparent 6px,var(--texture-03) 6px,var(--texture-03) 7px);background-position:0 0,24px 0,6px 4px;background-size:48px 32px,48px 32px,24px 16px}.iso-city-dense{background:repeating-linear-gradient(90deg,#0000,#0000 16px,#ffffff14 0 17px),repeating-linear-gradient(150deg,#0000 8px 16px,#ffffff0a 0 17px),repeating-linear-gradient(0deg,#0000,#0000 4px,#ffffff0d 0 5px);background:repeating-linear-gradient(90deg,transparent,transparent 16px,var(--texture-08) 16px,var(--texture-08) 17px),repeating-linear-gradient(150deg,transparent 8px,transparent 16px,var(--texture-04) 16px,var(--texture-04) 17px),repeating-linear-gradient(0deg,transparent,transparent 4px,var(--texture-05) 4px,var(--texture-05) 5px);background-position:0 0,16px 0,4px 3px;background-size:32px 24px,32px 24px,16px 12px}.iso-city-accent{background:repeating-linear-gradient(90deg,#0000,#0000 24px,#ff00ff26 0 25px),repeating-linear-gradient(150deg,#0000 12px 24px,#ff00ff14 0 25px),repeating-linear-gradient(0deg,#0000,#0000 6px,#ff00ff0f 0 7px);background:repeating-linear-gradient(90deg,transparent,transparent 24px,color-mix(in srgb,var(--magenta-500) 15%,transparent) 24px,color-mix(in srgb,var(--magenta-500) 15%,transparent) 25px),repeating-linear-gradient(150deg,transparent 12px,transparent 24px,color-mix(in srgb,var(--magenta-500) 8%,transparent) 24px,color-mix(in srgb,var(--magenta-500) 8%,transparent) 25px),repeating-linear-gradient(0deg,transparent,transparent 6px,color-mix(in srgb,var(--magenta-500) 6%,transparent) 6px,color-mix(in srgb,var(--magenta-500) 6%,transparent) 7px);background-position:0 0,24px 0,6px 4px;background-size:48px 32px,48px 32px,24px 16px}.iso-spiral{background:repeating-conic-gradient(from 30deg,#0000 0deg 8deg,#ffffff08 8deg 10deg,#0000 10deg 18deg,#ffffff08 18deg 20deg,#0000 20deg 28deg,#ffffff08 28deg 30deg,#0000 30deg 38deg,#ffffff08 38deg 40deg);background:repeating-conic-gradient(from 30deg at 50% 50%,transparent 0deg,transparent 8deg,var(--texture-03) 8deg,var(--texture-03) 10deg,transparent 10deg,transparent 18deg,var(--texture-03) 18deg,var(--texture-03) 20deg,transparent 20deg,transparent 28deg,var(--texture-03) 28deg,var(--texture-03) 30deg,transparent 30deg,transparent 38deg,var(--texture-03) 38deg,var(--texture-03) 40deg)}.iso-spiral-dense{background:repeating-conic-gradient(from 30deg,#0000 0deg 5deg,#ffffff0f 5deg 6deg,#0000 6deg 11deg,#ffffff0f 11deg 12deg,#0000 12deg 17deg,#ffffff0f 17deg 18deg,#0000 18deg 23deg,#ffffff0f 23deg 24deg);background:repeating-conic-gradient(from 30deg at 50% 50%,transparent 0deg,transparent 5deg,var(--texture-06) 5deg,var(--texture-06) 6deg,transparent 6deg,transparent 11deg,var(--texture-06) 11deg,var(--texture-06) 12deg,transparent 12deg,transparent 17deg,var(--texture-06) 17deg,var(--texture-06) 18deg,transparent 18deg,transparent 23deg,var(--texture-06) 23deg,var(--texture-06) 24deg)}.overlay-fill{pointer-events:none;z-index:1;position:absolute;inset:0}.texture-halftone-accent{position:relative}.texture-halftone-accent:before{content:"";background-image:radial-gradient(#f0f 1px,#0000 0);background-image:radial-gradient(var(--brand-primary) 1px,transparent 1px);pointer-events:none;opacity:.4;z-index:0;background-size:8px 8px;position:absolute;inset:0}.texture-dot-matrix{position:relative}.texture-dot-matrix:before{content:"";background-image:radial-gradient(#ffffff12 .5px,#0000 0);background-image:radial-gradient(var(--texture-07) .5px,transparent .5px);pointer-events:none;z-index:0;background-size:6px 6px;position:absolute;inset:0}.bg-scanline-layer{background:repeating-linear-gradient(0deg,#0000,#0000 2px,#ffffff08 0 4px);background:repeating-linear-gradient(0deg,transparent,transparent 2px,var(--texture-03) 2px,var(--texture-03) 4px);pointer-events:none}.iso-grid-animated{animation:4s linear infinite iso-grid-scroll}.iso-grid-dense-animated{animation:3s linear infinite iso-grid-scroll}.iso-cubes-animated{animation:5s linear infinite iso-grid-scroll}.iso-terrain-animated{animation:6s linear infinite iso-terrain-shift}.iso-pipes-animated{animation:3s linear infinite iso-grid-scroll}.iso-hex-animated{animation:6s linear infinite iso-grid-scroll}.iso-city-animated{animation:5s linear infinite iso-grid-scroll}.iso-wave-animated{animation:8s linear infinite iso-terrain-shift}.surface{background:#131318;background:var(--bg-elevated);border:2px solid #fff;border:2px solid var(--color-paper);padding:1.5rem;padding:var(--space-6);position:relative;overflow:hidden}.surface:before{content:"";pointer-events:none;z-index:0;opacity:0;position:absolute;inset:0}.surface-outlined{border:2px solid #fff;border:2px solid var(--color-paper);outline:2px solid #fff;outline:2px solid var(--color-paper);outline-offset:4px}.surface-gutter{border:none;border-bottom:4px solid #fff;border-bottom:4px solid var(--color-paper);background:0 0;padding:0}.surface-invert{background:#fff;background:var(--color-paper);color:var(--color-ink);border-color:#000;border-color:var(--color-ink)}.surface-invert .surface-outlined{outline-color:#000;outline-color:var(--color-ink)}.corner-bracket{position:relative}.corner-bracket:after,.corner-bracket:before{content:"";border-color:#f0f;border-color:var(--brand-primary);pointer-events:none;z-index:2;border-style:solid;width:16px;height:16px;position:absolute}.corner-bracket:before{border-width:2px 0 0 2px;top:-2px;left:-2px}.corner-bracket:after{border-width:0 2px 2px 0;bottom:-2px;right:-2px}.motion-lines{position:relative;overflow:hidden}.motion-lines:before{content:"";background:repeating-linear-gradient(90deg,#0000,#0000 8px,#ffffff0f 0 10px);background:repeating-linear-gradient(90deg,transparent,transparent 8px,var(--texture-06) 8px,var(--texture-06) 10px);pointer-events:none;z-index:1;animation:.6s linear infinite motion-lines-scroll;position:absolute;inset:0}.motion-lines-radial{position:relative;overflow:hidden}.motion-lines-radial:before{content:"";background:repeating-conic-gradient(#0000 0deg 4deg,#ffffff0d 4deg 5deg);background:repeating-conic-gradient(from 0deg,transparent 0deg,transparent 4deg,var(--texture-05) 4deg,var(--texture-05) 5deg);pointer-events:none;z-index:1;animation:8s linear infinite motion-lines-radial-spin;position:absolute;inset:-50%}.motion-lines-horizontal{position:relative;overflow:hidden}.motion-lines-horizontal:before{content:"";background:repeating-linear-gradient(0deg,#0000,#0000 6px,#ffffff0d 0 8px);background:repeating-linear-gradient(0deg,transparent,transparent 6px,var(--texture-05) 6px,var(--texture-05) 8px);pointer-events:none;z-index:1;animation:.8s linear infinite motion-lines-scroll-vertical;position:absolute;inset:0}.callout{background:#fff;background:var(--color-paper);color:var(--color-ink);border:2px solid #000;border:2px solid var(--color-ink);border-radius:12px;border-radius:var(--radius-lg);padding:1rem 1.25rem;padding:var(--space-4) var(--space-5);font-family:Geist,system-ui,-apple-system,sans-serif;font-family:var(--font-sans);font-size:1rem;font-size:var(--text-body);line-height:1.3;line-height:var(--leading-snug);position:relative}.callout:after{content:"";border-top:12px solid #000;border-left:10px solid #0000;border-right:10px solid #0000;border-top:12px solid var(--color-ink);width:0;height:0;position:absolute;bottom:-12px;left:24px}.callout-invert{background:#000;background:var(--color-ink);color:var(--color-paper);border-color:#fff;border-color:var(--color-paper)}.callout-invert:after{border-top-color:#fff;border-top-color:var(--color-paper)}.callout-emphasis{background:#fff;background:var(--color-paper);color:var(--color-ink);border:3px solid #000;border:3px solid var(--color-ink);padding:1rem;padding:var(--space-4);font-family:Geist,system-ui,-apple-system,sans-serif;font-family:var(--font-sans);font-size:1.125rem;font-weight:700;font-size:var(--text-lg);clip-path:polygon(0 8%,6% 0,18% 4%,28% 0,40% 6%,52% 0,64% 5%,76% 0,88% 4%,100% 10%,96% 22%,100% 34%,95% 46%,100% 58%,96% 70%,100% 82%,94% 94%,84% 100%,72% 96%,60% 100%,48% 95%,36% 100%,24% 96%,12% 100%,4% 94%,0 84%,5% 72%,0 60%,4% 48%,0 36%,5% 24%,0 12%);position:relative}.screentone-overlay{position:relative}.screentone-overlay:before{content:"";background-image:radial-gradient(#ffffff0f 1px,#0000 0);background-image:radial-gradient(var(--texture-06) 1px,transparent 1px);pointer-events:none;z-index:1;opacity:.6;background-size:6px 6px;position:absolute;inset:0}@keyframes motion-lines-scroll{0%{transform:translate(0)}to{transform:translate(-18px)}}@keyframes motion-lines-scroll-vertical{0%{transform:translateY(0)}to{transform:translateY(-14px)}}@keyframes motion-lines-radial-spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.motion-lines-horizontal:before,.motion-lines-radial:before,.motion-lines:before{animation:none!important}}.btn{font-family:Geist Mono,ui-monospace,SF Mono,menlo,monospace;font-family:var(--font-mono);font-size:.6875rem;font-size:var(--text-mono-label);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;padding:.75rem 1.25rem;padding:var(--space-3) var(--space-5);border-radius:4px;border-radius:var(--radius-sm);white-space:nowrap;transition:background .24s cubic-bezier(.16,1,.3,1),border-color .24s cubic-bezier(.16,1,.3,1),box-shadow .24s cubic-bezier(.16,1,.3,1);transition:background var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out);border:none;justify-content:center;align-items:center;gap:10px;font-weight:500;line-height:1.2;display:inline-flex;position:relative}.btn-primary{color:var(--brand-primary);border:1px solid #f0f;border:1px solid var(--brand-primary);background:0 0}.btn-primary:hover{background:#303;background:var(--brand-primary-subtle);border-color:#f3f;border-color:var(--brand-primary-hover);color:var(--brand-primary-hover);box-shadow:0 0 16px #ff00ff40;box-shadow:0 0 16px var(--brand-primary-glow)}.btn-primary:focus-visible{box-shadow:0 0 0 2px #0a0a0d,0 0 0 4px #f0f;box-shadow:var(--focus-ring)}.btn-primary:active{background:purple;background:var(--brand-primary-muted);border-color:#d600d6;border-color:var(--brand-primary-active);color:var(--color-paper)}.btn-secondary{background:#1c1c22;background:var(--bg-raised);color:var(--text-primary)}.btn-secondary:hover{background:#26262b;background:var(--bg-overlay)}.btn-secondary:focus-visible{box-shadow:0 0 0 2px #0a0a0d,0 0 0 4px #f0f;box-shadow:var(--focus-ring)}.btn-secondary:active{background:#3a3a42;background:var(--bg-pressed)}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover{color:var(--text-primary);background:#ffffff0f}.btn-ghost:focus-visible{box-shadow:0 0 0 2px #0a0a0d,0 0 0 4px #f0f;box-shadow:var(--focus-ring)}.btn-glow{color:var(--brand-primary);border:1px solid #f0f;border:1px solid var(--brand-primary);box-shadow:0 0 16px #ff00ff40;box-shadow:0 0 16px var(--brand-primary-glow);background:0 0}.btn-glow:hover{background:#303;background:var(--brand-primary-subtle);border-color:#f3f;border-color:var(--brand-primary-hover);color:var(--brand-primary-hover);box-shadow:0 0 24px #ff00ff40,0 0 48px #ff00ff40;box-shadow:0 0 24px var(--brand-primary-glow),0 0 48px var(--brand-primary-glow)}.btn-glow:focus-visible{box-shadow:0 0 0 2px #0a0a0d,0 0 0 4px #f0f,0 0 24px #ff00ff40,0 0 48px #ff00ff40;box-shadow:var(--focus-ring),0 0 24px var(--brand-primary-glow),0 0 48px var(--brand-primary-glow)}.btn-glow:active{background:purple;background:var(--brand-primary-muted);border-color:#d600d6;border-color:var(--brand-primary-active);color:var(--color-paper)}.btn-accent{color:var(--brand-secondary);border:1px solid #00e5ff;border:1px solid var(--brand-secondary);background:0 0}.btn-accent:hover{background:#002a2e;background:var(--brand-secondary-subtle);border-color:#2ee2ff;border-color:var(--brand-secondary-hover);color:var(--brand-secondary-hover);box-shadow:0 0 16px #00e5ff40;box-shadow:0 0 16px var(--brand-secondary-glow)}.btn-accent:focus-visible{box-shadow:0 0 0 2px #0a0a0d,0 0 0 4px #00e5ff;box-shadow:var(--focus-ring-secondary)}.btn-accent:active{background:#006b78;background:var(--brand-secondary-muted);border-color:#00b8cc;border-color:var(--brand-secondary-active);color:var(--brand-secondary)}.btn-glow-accent{background:#00e5ff;background:var(--brand-secondary);color:var(--text-on-brand);box-shadow:0 0 20px #00e5ff40,0 0 60px #00e5ff1f;box-shadow:0 0 20px color-mix(in srgb,var(--brand-secondary) 25%,transparent),0 0 60px color-mix(in srgb,var(--brand-secondary) 12%,transparent)}.btn-glow-accent:hover{background:#2ee2ff;background:var(--brand-secondary-hover);box-shadow:0 0 30px #00e5ff59,0 0 80px #00e5ff2e;box-shadow:0 0 30px color-mix(in srgb,var(--brand-secondary) 35%,transparent),0 0 80px color-mix(in srgb,var(--brand-secondary) 18%,transparent)}.btn-glow-accent:focus-visible{box-shadow:0 0 0 2px #0a0a0d,0 0 0 4px #00e5ff;box-shadow:var(--focus-ring-secondary)}.btn-glow-accent:active{background:#00b8cc;background:var(--brand-secondary-active)}.btn-glow-secondary{color:var(--brand-secondary);border:1px solid #00e5ff;border:1px solid var(--brand-secondary);box-shadow:0 0 16px #00e5ff40;box-shadow:0 0 16px var(--brand-secondary-glow);background:0 0}.btn-glow-secondary:hover{background:#002a2e;background:var(--brand-secondary-subtle);border-color:#2ee2ff;border-color:var(--brand-secondary-hover);color:var(--brand-secondary-hover);box-shadow:0 0 24px #00e5ff40,0 0 48px #00e5ff40;box-shadow:0 0 24px var(--brand-secondary-glow),0 0 48px var(--brand-secondary-glow)}.btn-glow-secondary:focus-visible{box-shadow:0 0 0 2px #0a0a0d,0 0 0 4px #00e5ff;box-shadow:var(--focus-ring-secondary)}.btn-glow-secondary:active{background:#006b78;background:var(--brand-secondary-muted);border-color:#00b8cc;border-color:var(--brand-secondary-active);color:var(--color-paper)}.btn-danger{color:var(--danger-500);border:1.5px solid #ff3b5c;border:1.5px solid var(--danger-500);background:0 0}.btn-danger:hover{background:#ff3b5c;background:var(--danger-500);color:var(--text-on-brand);box-shadow:0 0 20px #ff3b5c40;box-shadow:0 0 20px color-mix(in srgb,var(--danger-500) 25%,transparent)}.btn-danger:focus-visible{box-shadow:0 0 0 2px #0a0a0d,0 0 0 4px #ff3b5c;box-shadow:var(--focus-ring-danger)}.btn-danger:active{background:#d62e4a;background:var(--danger-600);color:var(--text-on-brand)}.btn-sm{padding:.5rem 1rem;padding:var(--space-2) var(--space-4)}.btn-lg{padding:1rem 2rem;padding:var(--space-4) var(--space-8)}.btn-icon{width:40px;height:40px;padding:0}.btn-lg-icon{width:52px;height:52px;padding:0}.theme-toggle{background:#1c1c22;background:var(--bg-raised);color:var(--text-primary);border:1px solid #ffffff2e;border:1px solid var(--border-strong);border-radius:4px;border-radius:var(--radius-sm)}.theme-toggle:hover{background:#26262b;background:var(--bg-overlay);border-color:#f0f;border-color:var(--brand-primary);color:var(--brand-primary);box-shadow:0 0 12px #ff00ff40;box-shadow:0 0 12px var(--brand-primary-glow)}.theme-toggle:focus-visible{box-shadow:0 0 0 2px #0a0a0d,0 0 0 4px #f0f;box-shadow:var(--focus-ring)}.theme-toggle:active{background:#3a3a42;background:var(--bg-pressed)}.btn-loading{pointer-events:none;position:relative}.btn-loading:before{content:"";border:2px solid #0000;border-top-color:currentColor;flex-shrink:0;width:14px;height:14px;animation:.6s steps(4,end) infinite spin-steps}.btn-loading .btn-label{opacity:.6}.btn:disabled,.btn[aria-disabled=true]{opacity:.4;box-shadow:none;pointer-events:none}.btn-group{gap:0;display:inline-flex}.btn-group>.btn:not(:first-child){border-left:1px solid #ffffff1f}.btn-group>.btn:first-child,.btn-group>.btn:last-child{border-radius:0}.btn-split{display:inline-flex}.btn-split .btn:last-child{border-left:1px solid #ffffff1f;padding-left:12px;padding-right:12px}.input,.select-native,.textarea{font-family:Geist,system-ui,-apple-system,sans-serif;font-family:var(--font-sans);background:#1c1c22;background:var(--bg-raised);color:var(--text-primary);border:1px solid #ffffff2e;border:1px solid var(--border-strong);border-radius:4px;border-radius:var(--radius-sm);padding:.75rem 1rem;padding:var(--space-3) var(--space-4);transition:background .24s cubic-bezier(.16,1,.3,1),border-color .24s cubic-bezier(.16,1,.3,1),box-shadow .24s cubic-bezier(.16,1,.3,1);transition:background var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out);outline:none;width:100%;font-size:14px;font-weight:500;line-height:1.5}.input:hover,.select-native:hover,.textarea:hover{background:#26262b;background:var(--bg-overlay);border-color:#ffffff2e;border-color:var(--border-strong)}.input::-moz-placeholder{color:var(--text-placeholder)}.textarea::-moz-placeholder{color:var(--text-placeholder)}.input::placeholder,.textarea::placeholder{color:var(--text-placeholder)}.input:focus,.select-native:focus,.textarea:focus{background:#26262b;background:var(--bg-overlay);border-color:#f0f;border-color:var(--border-focus);box-shadow:0 0 0 2px #0a0a0d,0 0 0 4px #f0f,0 0 16px #ff00ff40;box-shadow:var(--focus-ring),0 0 16px var(--brand-primary-glow)}.input.error,.select-native.error,.textarea.error{border-color:#ff3b5c;border-color:var(--danger-500)}.input.error:focus,.select-native.error:focus,.textarea.error:focus{box-shadow:0 0 0 2px #0a0a0d,0 0 0 4px #ff3b5c,0 0 16px #ff3b5c40;box-shadow:var(--focus-ring-danger),0 0 16px color-mix(in srgb,var(--danger-500) 25%,transparent)}.input:disabled,.select-native:disabled,.textarea:disabled{opacity:.4;cursor:not-allowed}.textarea{resize:vertical;min-height:80px}.select-native{appearance:none;background-image:url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%228%22%20fill%3D%22%2382828a%22%3E%3Cpath%20d%3D%22m1%201%205%205%205-5%22%2F%3E%3C%2Fsvg%3E);background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.select-native option{background:#1c1c22;background:var(--bg-raised);color:var(--text-primary)}.form-group{flex-direction:column;gap:4px;display:flex}.form-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-primary);font-weight:600}.field-error,.form-label{font-family:Geist Mono,ui-monospace,SF Mono,menlo,monospace;font-family:var(--font-mono);font-size:11px}.field-error{color:var(--danger-500);margin-top:2px}.input-addon{font-family:Geist Mono,ui-monospace,SF Mono,menlo,monospace;font-family:var(--font-mono);background:#1c1c22;background:var(--bg-raised);color:var(--text-secondary);border:1px solid #ffffff2e;border:1px solid var(--border-strong);border-radius:4px 0 0 4px;border-radius:var(--radius-sm) 0 0 var(--radius-sm);border-right:none;flex-shrink:0;align-items:center;padding:0 12px;font-size:13px;display:flex}.input-group{display:flex}.input-group .input{border-radius:0;flex:1}.input-group .input:first-child,.input-group>:first-child{border-radius:4px 0 0 4px;border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.input-group .input:last-child,.input-group>:last-child{border-radius:0 4px 4px 0;border-radius:0 var(--radius-sm) var(--radius-sm) 0}.input-group .input:first-child{border-right:none}.input-group .input:last-child{border-left:none}.checkbox{cursor:pointer;font-family:Geist,system-ui,-apple-system,sans-serif;font-family:var(--font-sans);color:var(--color-paper);-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:13px;font-weight:500;display:inline-flex}.checkbox-box{background:#000;background:var(--color-ink);border:2px solid #fff;border:2px solid var(--color-paper);border-radius:0;flex-shrink:0;place-items:center;width:16px;height:16px;transition:background .1s;display:grid}.checkbox.checked .checkbox-box{background:#fff;background:var(--color-paper)}.checkbox.checked .checkbox-box:after{content:"";border:solid #000;border:solid var(--color-ink);border-width:0 2px 2px 0;width:4px;height:8px;margin-top:-1px;transform:rotate(45deg)}.checkbox-accent.checked .checkbox-box{background:#00e5ff;background:var(--brand-secondary)}.checkbox-accent.checked .checkbox-box:after{border-color:#000;border-color:var(--color-ink)}.checkbox:has(input:focus-visible) .checkbox-box{outline:2px solid #f0f;outline:2px solid var(--border-focus);outline-offset:2px}.checkbox:has(input:disabled){opacity:.4;cursor:not-allowed}.radio{cursor:pointer;font-family:Geist,system-ui,-apple-system,sans-serif;font-family:var(--font-sans);color:var(--color-paper);-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:13px;font-weight:500;display:inline-flex}.radio-circle{background:#000;background:var(--color-ink);border:2px solid #fff;border:2px solid var(--color-paper);border-radius:0;flex-shrink:0;place-items:center;width:16px;height:16px;transition:background .1s;display:grid}.radio.selected .radio-circle{background:#fff;background:var(--color-paper)}.radio.selected .radio-circle:after{content:"";background:#000;background:var(--color-ink);width:6px;height:6px}.radio-accent.selected .radio-circle{background:#00e5ff;background:var(--brand-secondary)}.radio-accent.selected .radio-circle:after{background:#000;background:var(--color-ink)}.radio:has(input:focus-visible) .radio-circle{outline:2px solid #f0f;outline:2px solid var(--border-focus);outline-offset:2px}.radio:has(input:disabled){opacity:.4;cursor:not-allowed}.toggle{cursor:pointer;font-family:Geist,system-ui,-apple-system,sans-serif;font-family:var(--font-sans);color:var(--color-paper);-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:13px;font-weight:500;display:inline-flex}.toggle-track{background:#000;background:var(--color-ink);border:2px solid #fff;border:2px solid var(--color-paper);border-radius:0;flex-shrink:0;width:36px;height:18px;transition:background .1s;position:relative}.toggle-thumb{width:12px;height:12px;transition:left .1s;position:absolute;top:1px;left:1px}.toggle-thumb,.toggle.on .toggle-track{background:#fff;background:var(--color-paper)}.toggle.on .toggle-thumb{background:#000;background:var(--color-ink);left:19px}.toggle-accent.on .toggle-track{background:#00e5ff;background:var(--brand-secondary);border-color:#00e5ff;border-color:var(--brand-secondary)}.toggle-accent.on .toggle-thumb{background:#000;background:var(--color-ink)}.toggle:has(input:focus-visible) .toggle-track{outline:2px solid #f0f;outline:2px solid var(--border-focus);outline-offset:2px}.toggle:has(input:disabled){opacity:.4;cursor:not-allowed}.range{appearance:none;background:#000;background:var(--color-ink);border:2px solid #fff;border:2px solid var(--color-paper);cursor:pointer;border-radius:0;outline:none;width:100%;height:6px}.range::-webkit-slider-thumb{appearance:none;background:#fff;background:var(--color-paper);border:2px solid #000;border:2px solid var(--color-ink);cursor:pointer;border-radius:0;width:16px;height:16px}.range::-moz-range-thumb{background:#fff;background:var(--color-paper);border:2px solid #000;border:2px solid var(--color-ink);cursor:pointer;border-radius:0;width:16px;height:16px}.color-swatch{border:2px solid #fff;border:2px solid var(--color-paper);cursor:pointer;width:32px;height:32px;transition:border-color .1s;display:inline-block}.color-swatch.selected{border-color:#00e5ff;border-color:var(--brand-secondary);box-shadow:0 0 0 2px #0a0a0d,0 0 0 4px #00e5ff;box-shadow:var(--focus-ring-secondary)}.color-swatch:hover{border-color:#ffffff80}.nav{flex-direction:column;gap:2px;display:flex}.nav-item{align-items:center;gap:.5rem;gap:var(--space-2);padding:.5rem 1rem;padding:var(--space-2) var(--space-4);font-family:Geist,system-ui,-apple-system,sans-serif;font-family:var(--font-sans);color:var(--text-secondary);cursor:pointer;border-radius:4px;border-radius:var(--radius-sm);transition:background .24s cubic-bezier(.16,1,.3,1),color .24s cubic-bezier(.16,1,.3,1),border-color .24s cubic-bezier(.16,1,.3,1);transition:background var(--duration-base) var(--ease-out),color var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out);border:1px solid #0000;font-size:13px;font-weight:500;text-decoration:none;display:flex;position:relative}.nav-item:hover{background:#26262b;background:var(--bg-overlay);color:var(--text-primary)}.nav-item.active{background:#303;background:var(--brand-primary-subtle);color:var(--brand-primary);font-weight:600}.nav-item.active:before{content:"";background:#f0f;background:var(--brand-primary);width:2px;box-shadow:0 0 8px #ff00ff40;box-shadow:0 0 8px var(--brand-primary-glow);border-radius:2px;position:absolute;top:20%;bottom:20%;left:0}.nav-horizontal .nav-item.active:before{width:auto;height:2px;inset:auto 20% 0}.nav-item-accent.active{background:#002a2e;background:var(--brand-secondary-subtle);color:var(--brand-secondary)}.nav-item-accent.active:before{background:#00e5ff;background:var(--brand-secondary);box-shadow:0 0 8px #00e5ff40;box-shadow:0 0 8px var(--brand-secondary-glow)}.nav-item-bullet{background:#82828a;background:var(--text-tertiary);border-radius:50%;flex-shrink:0;width:6px;height:6px}.nav-item.active .nav-item-bullet{background:currentColor}.tabs{border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--border-default);gap:4px;display:flex}.tab{font-family:Geist Mono,ui-monospace,SF Mono,menlo,monospace;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);cursor:pointer;transition:color .24s cubic-bezier(.16,1,.3,1),border-color .24s cubic-bezier(.16,1,.3,1);transition:color var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 18px;font-size:12px;font-weight:600}.tab:hover{color:var(--text-primary)}.tab.active{color:var(--brand-primary);border-bottom-color:#f0f;border-bottom-color:var(--brand-primary);box-shadow:0 8px 16px -8px #ff00ff40;box-shadow:0 8px 16px -8px var(--brand-primary-glow)}.tab-accent.active{color:var(--brand-secondary);border-bottom-color:#00e5ff;border-bottom-color:var(--brand-secondary);box-shadow:0 8px 16px -8px #00e5ff40;box-shadow:0 8px 16px -8px var(--brand-secondary-glow)}.pagination{align-items:center;gap:2px;display:flex}.page-btn{min-width:32px;height:32px;font-family:Geist Mono,ui-monospace,SF Mono,menlo,monospace;font-family:var(--font-mono);background:#1c1c22;background:var(--bg-raised);color:var(--text-secondary);border:1px solid #ffffff2e;border:1px solid var(--border-strong);border-radius:4px;border-radius:var(--radius-sm);cursor:pointer;transition:background .24s cubic-bezier(.16,1,.3,1),color .24s cubic-bezier(.16,1,.3,1),border-color .24s cubic-bezier(.16,1,.3,1),box-shadow .24s cubic-bezier(.16,1,.3,1);transition:background var(--duration-base) var(--ease-out),color var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out);justify-content:center;align-items:center;font-size:12px;font-weight:500;display:inline-flex}.page-btn:hover{background:#26262b;background:var(--bg-overlay);color:var(--text-primary)}.page-btn.active{background:#303;background:var(--brand-primary-subtle);color:var(--brand-primary);border-color:#f0f;border-color:var(--brand-primary);box-shadow:0 0 12px #ff00ff40;box-shadow:0 0 12px var(--brand-primary-glow);font-weight:700}.page-btn[disabled]{opacity:.3;cursor:default}.breadcrumb{font-family:Geist Mono,ui-monospace,SF Mono,menlo,monospace;font-family:var(--font-mono);color:var(--color-paper);align-items:center;gap:4px;font-size:12px;font-weight:500;display:flex}.breadcrumb-item{color:#ffffff80;cursor:pointer;padding:2px 4px;text-decoration:none}.breadcrumb-item.current,.breadcrumb-item:hover{color:var(--color-paper)}.breadcrumb-item.current{font-weight:700}.breadcrumb-sep{color:#ffffff61;font-size:10px}.stepper{counter-reset:step;gap:0}.step,.stepper{align-items:center;display:flex}.step{font-family:Geist Mono,ui-monospace,SF Mono,menlo,monospace;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:#ffffff40;flex:1;gap:8px;font-size:11px;font-weight:600;position:relative}.step:before{counter-increment:step;content:counter(step);color:#ffffff40;border:2px solid #ffffff40;flex-shrink:0;place-items:center;width:24px;height:24px;font-size:11px;font-weight:700;display:grid}.step.active,.step.active:before{color:var(--color-paper)}.step.active:before{border-color:#fff;border-color:var(--color-paper)}.step.completed{color:#ffffff80}.step.completed:before{background:#fff;background:var(--color-paper);color:var(--color-ink);border-color:#fff;border-color:var(--color-paper)}.step-line{background:#ffffff1f;flex:1;height:1px;margin:0 8px}.step.completed+.step-line{background:#fff;background:var(--color-paper)}.table{border-collapse:collapse;width:100%;font-family:Geist,system-ui,-apple-system,sans-serif;font-family:var(--font-sans)}.table th{text-transform:uppercase;letter-spacing:.06em;text-align:left;border-bottom:2px solid #fff;border-bottom:2px solid var(--color-paper);color:var(--color-paper);font-family:Geist Mono,ui-monospace,SF Mono,menlo,monospace;font-size:11px;font-weight:600;font-family:var(--font-mono);padding:10px 14px}.table td{color:var(--text-secondary);border-bottom:1px solid #ffffff1f;padding:10px 14px;font-size:13px}.table tr:hover td{background:#ffffff0a}.table-sort{all:unset;cursor:pointer;font:inherit;text-transform:inherit;letter-spacing:inherit;color:inherit}.table-sort:focus-visible{outline:2px solid #f0f;outline:2px solid var(--border-focus,var(--color-paper));outline-offset:2px}.table td.mono{font-family:Geist Mono,ui-monospace,SF Mono,menlo,monospace;font-family:var(--font-mono);font-variant-numeric:tabular-nums}.datatable{width:100%;overflow-x:auto}.datatable-pagination{justify-content:flex-end;padding-top:12px;display:flex}@media (width<=640px){.datatable table,.datatable tbody,.datatable td,.datatable thead,.datatable tr{width:100%;display:block}.datatable thead{display:none}.datatable tr{border:1px solid #ffffff1f;margin-bottom:8px;padding:8px 0}.datatable td{border-bottom:none;justify-content:space-between;gap:16px;padding:4px 14px;display:flex}.datatable td:before{content:attr(data-label);font-family:Geist Mono,ui-monospace,SF Mono,menlo,monospace;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:#ffffff80;font-size:11px}}.badge{font-family:Geist Mono,ui-monospace,SF Mono,menlo,monospace;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;padding:.25rem .5rem;padding:var(--space-1) var(--space-2);background:#1c1c22;background:var(--bg-raised);color:var(--text-primary);border:1px solid #ffffff2e;border:1px solid var(--border-strong);border-radius:4px;border-radius:var(--radius-sm);align-items:center;font-size:11px;font-weight:600;display:inline-flex}.badge-inverted{background:#fff;background:var(--color-paper);color:var(--color-ink);border-color:#fff;border-color:var(--color-paper)}.badge-accent{background:#002a2e;background:var(--brand-secondary-subtle);border-color:#00e5ff;border-color:var(--brand-secondary);color:var(--brand-secondary)}.badge-success{background:#002915;background:var(--status-success-bg);border-color:#00e676;border-color:var(--status-success);color:var(--status-success-fg)}.badge-warning{background:#332400;background:var(--status-warning-bg);border-color:#ffb300;border-color:var(--status-warning);color:var(--status-warning-fg)}.badge-danger{background:#330a10;background:var(--status-danger-bg);border-color:#ff3b5c;border-color:var(--status-danger);color:var(--status-danger-fg)}.badge-info{background:#091a33;background:var(--status-info-bg);border-color:#3f8eff;border-color:var(--status-info);color:var(--status-info-fg)}.badge-neutral{background:#1c1c22;background:var(--status-neutral-bg);border-color:#82828a;border-color:var(--status-neutral);color:var(--status-neutral-fg)}.tag{font-family:Geist,system-ui,-apple-system,sans-serif;font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.08em;background:#000;background:var(--color-ink);border:1px solid #fff;border:1px solid var(--color-paper);border-radius:0;align-items:center;padding:2px 8px;font-size:11px;font-weight:700;display:inline-flex}.tag,.tag-outlined{color:var(--color-paper)}.tag-outlined{background:0 0}.tag-inverted{background:#fff;background:var(--color-paper);color:var(--color-ink);border:none}.chip{font-family:Geist,system-ui,-apple-system,sans-serif;font-family:var(--font-sans);background:#000;background:var(--color-ink);color:var(--color-paper);border:1px solid #fff;border:1px solid var(--color-paper);border-radius:0;gap:4px;padding:3px 8px;font-size:11px;font-weight:600}.chip,.chip-remove{align-items:center;display:inline-flex}.chip-remove{background:#fff;background:var(--color-paper);color:var(--color-ink);width:12px;height:12px;cursor:pointer;justify-content:center;margin-left:2px;font-size:9px;font-weight:700;line-height:1}.chip-accent{border-color:#00e5ff;border-color:var(--brand-secondary);color:var(--brand-secondary)}.chip-accent .chip-remove{background:#00e5ff;background:var(--brand-secondary)}.avatar{background:#1c1c22;background:var(--bg-raised);color:var(--text-primary);width:40px;height:40px;border:1px solid #ffffff2e;border:1px solid var(--border-strong);border-radius:4px;border-radius:var(--radius-sm);font-family:Geist Mono,ui-monospace,SF Mono,menlo,monospace;font-family:var(--font-mono);font-size:.6875rem;font-size:var(--text-mono-label);letter-spacing:.08em;text-transform:uppercase;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:inline-flex;overflow:hidden}.avatar img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.avatar-sm{width:28px;height:28px;font-size:10px}.avatar-lg{width:56px;height:56px;font-size:16px}.avatar-circle{border-radius:50%}.avatar-accent{border-color:#00e5ff;border-color:var(--brand-secondary);color:var(--brand-secondary)}.avatar-group{display:flex}.avatar-group .avatar{margin-left:-8px}.avatar-group .avatar:first-child{margin-left:0}.stat{flex-direction:column;gap:2px;display:flex}.stat-value{font-family:Geist Mono,ui-monospace,SF Mono,menlo,monospace;font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--color-paper);font-size:28px;font-weight:700;line-height:1}.stat-label{font-family:Geist,system-ui,-apple-system,sans-serif;font-family:var(--font-sans);color:#ffffff80;text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:500}.stat-accent .stat-value{color:var(--brand-secondary)}.stat-trend{font-family:Geist Mono,ui-monospace,SF Mono,menlo,monospace;font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:#ffffff80;font-size:11px}.stat-success .stat-value{color:var(--status-success)}.stat-warning .stat-value{color:var(--status-warning)}.stat-danger .stat-value{color:var(--status-danger)}.kbd{min-width:28px;height:28px;font-family:Geist Mono,ui-monospace,SF Mono,menlo,monospace;font-family:var(--font-mono);background:#000;background:var(--color-ink);color:var(--color-paper);border:1px solid #fff;border:1px solid var(--color-paper);border-bottom-width:3px;border-radius:0;justify-content:center;align-items:center;padding:0 8px;font-size:12px;font-weight:500;display:inline-flex}.kbd-sm{border-bottom-width:2px;min-width:22px;height:22px;padding:0 4px;font-size:10px}.code-block{border:2px solid #fff;border:2px solid var(--color-paper);white-space:pre;padding:16px;line-height:1.6;display:block;overflow-x:auto}.code-block,.code-inline{font-family:Geist Mono,ui-monospace,SF Mono,menlo,monospace;font-family:var(--font-mono);background:#000;background:var(--color-ink);color:var(--color-paper);font-size:13px}.code-inline{border:1px solid #fff;border:1px solid var(--color-paper);padding:1px 6px;display:inline}.link{color:var(--color-paper);text-underline-offset:3px;cursor:pointer;text-decoration:underline;text-decoration-thickness:1px;transition:opacity .1s}.link:hover{opacity:.7;text-decoration-thickness:2px}.link-accent{color:var(--brand-secondary)}.list{border:2px solid #fff;border:2px solid var(--color-paper);background:#000;background:var(--color-ink);margin:0;padding:0;list-style:none}.list-item{color:var(--color-paper);font-family:Geist,system-ui,-apple-system,sans-serif;font-family:var(--font-sans);cursor:pointer;border-bottom:1px solid #ffffff40;align-items:center;gap:10px;padding:10px 14px;font-size:13px;transition:background .1s;display:flex}.list-item:last-child{border-bottom:none}.list-item:hover{background:#ffffff14}.list-item.active{color:var(--color-ink);font-weight:600}.list-item-bullet,.list-item.active{background:#fff;background:var(--color-paper)}.list-item-bullet{flex-shrink:0;width:6px;height:6px}.tree{margin:0;padding:0;list-style:none}.tree-item{font-family:Geist,system-ui,-apple-system,sans-serif;font-family:var(--font-sans);color:var(--color-paper);cursor:pointer;border-left:1px solid #ffffff1f;align-items:center;gap:8px;padding:6px 0 6px 20px;font-size:13px;display:flex;position:relative}.tree-item:before{content:"";background:#ffffff1f;width:10px;height:1px;position:absolute;top:50%;left:0}.tree-item:hover{background:#ffffff0a}.tree-item.active{color:var(--brand-secondary);border-left-color:#00e5ff;border-left-color:var(--brand-secondary)}.tree-toggle{cursor:pointer;color:#ffffff61;flex-shrink:0;place-items:center;width:16px;height:16px;font-size:8px;display:grid}.tree-children{display:none}.tree-children.open{display:block}.modal{background:#131318;background:var(--bg-elevated);border:1px solid #ffffff2e;border:1px solid var(--border-strong);border-radius:8px;border-radius:var(--radius-md);padding:1.5rem;padding:var(--space-6);color:var(--text-primary);max-width:420px;box-shadow:0 24px 64px #000000b3;box-shadow:var(--shadow-xl);animation:.24s cubic-bezier(.16,1,.3,1) slide-up-reveal;animation:slide-up-reveal var(--duration-base) var(--ease-out)}.modal-header{border-bottom:1px solid #ffffff0f;border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:16px;display:flex}.modal-close{color:var(--text-secondary);width:28px;height:28px;border-radius:4px;border-radius:var(--radius-sm);cursor:pointer;transition:background .15s cubic-bezier(.16,1,.3,1),color .15s cubic-bezier(.16,1,.3,1);transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out);background:0 0;border:none;place-items:center;font-size:14px;font-weight:700;line-height:1;display:grid}.modal-close:hover{background:#26262b;background:var(--bg-overlay);color:var(--text-primary)}.modal-close:focus-visible{box-shadow:0 0 0 2px #0a0a0d,0 0 0 4px #f0f;box-shadow:var(--focus-ring)}.modal-body{color:var(--text-secondary);font-size:14px;line-height:1.6}.modal-footer{border-top:1px solid #ffffff0f;border-top:1px solid var(--border-subtle);margin-top:1rem;margin-top:var(--space-4);justify-content:flex-end;gap:12px;padding-top:16px;display:flex}.drawer{background:#131318;background:var(--bg-elevated);border-left:1px solid #ffffff2e;border-left:1px solid var(--border-strong);padding:1.5rem;padding:var(--space-6);color:var(--text-primary);box-shadow:0 24px 64px #000000b3;box-shadow:var(--shadow-xl);min-width:300px;max-width:480px;height:100%;animation:.24s cubic-bezier(.16,1,.3,1) drawer-slide-in;animation:drawer-slide-in var(--duration-base) var(--ease-out);border-radius:0;overflow-y:auto}.drawer-header{border-bottom:1px solid #fff;border-bottom:1px solid var(--color-paper);justify-content:space-between;align-items:center;padding-bottom:16px;display:flex}.drawer-close{background:#fff;background:var(--color-paper);color:var(--color-ink);width:24px;height:24px;cursor:pointer;border:none;place-items:center;font-size:14px;font-weight:700;display:grid}.toast{background:#131318;background:var(--bg-elevated);border:1px solid #ffffff2e;border:1px solid var(--border-strong);border-radius:4px;border-radius:var(--radius-sm);color:var(--text-primary);font-family:Geist,system-ui,-apple-system,sans-serif;font-family:var(--font-sans);box-shadow:0 12px 32px #0009;box-shadow:var(--shadow-lg);align-items:center;gap:12px;max-width:360px;padding:12px 16px;font-size:13px;animation:.3s ease-out forwards slide-up-reveal;display:flex}.toast-icon{background:#fff;background:var(--color-paper);color:var(--color-ink);width:20px;height:20px;flex-shrink:0;place-items:center;font-size:10px;font-weight:700;display:grid}.toast-success .toast-icon{background:#00e676;background:var(--status-success)}.toast-error .toast-icon{background:#ff3b5c;background:var(--status-danger)}.toast-warning .toast-icon{background:#ffb300;background:var(--status-warning)}.toast-info .toast-icon{background:#3f8eff;background:var(--status-info)}.toast-content{flex:1}.toast-dismiss:focus-visible{outline:2px solid #fff;outline:2px solid var(--color-paper);outline-offset:2px;opacity:1}.toast-dismiss{cursor:pointer;opacity:.5;flex-shrink:0;place-items:center;width:18px;height:18px;margin-left:auto;font-size:14px;display:grid}.toast-dismiss:hover{opacity:1}.tooltip{display:inline-flex;position:relative}.tooltip-content{padding:.5rem .75rem;padding:var(--space-2) var(--space-3);background:#26262b;background:var(--bg-overlay);color:var(--text-primary);border:1px solid #ffffff2e;border:1px solid var(--border-strong);border-radius:4px;border-radius:var(--radius-sm);box-shadow:0 4px 12px #00000080;box-shadow:var(--shadow-md);font-family:Geist Mono,ui-monospace,SF Mono,menlo,monospace;font-family:var(--font-mono);white-space:nowrap;z-index:100;z-index:var(--z-sticky);opacity:0;visibility:hidden;transition:opacity .15s cubic-bezier(.16,1,.3,1),transform .15s cubic-bezier(.16,1,.3,1),visibility .15s;transition:opacity var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out),visibility var(--duration-fast);font-size:11px;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)translateY(4px)}.tooltip:focus-within .tooltip-content,.tooltip:hover .tooltip-content{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}.alert{align-items:flex-start;gap:.75rem;gap:var(--space-3);padding:.75rem 1rem;padding:var(--space-3) var(--space-4);border:1px solid #ffffff2e;border:1px solid var(--border-strong);background:#131318;background:var(--bg-elevated);color:var(--text-primary);font-size:13px;line-height:1.5;display:flex}.alert,.alert-icon{border-radius:4px;border-radius:var(--radius-sm)}.alert-icon{background:#1c1c22;background:var(--bg-raised);color:var(--text-primary);width:20px;height:20px;flex-shrink:0;place-items:center;font-size:10px;font-weight:700;display:grid}.alert-success{border-color:#00e676;border-color:var(--status-success);background:#002915;background:var(--status-success-bg)}.alert-success .alert-icon{background:#00e676;background:var(--status-success);color:var(--color-ink)}.alert-error{border-color:#ff3b5c;border-color:var(--status-danger);background:#330a10;background:var(--status-danger-bg)}.alert-error .alert-icon{background:#ff3b5c;background:var(--status-danger);color:var(--color-ink)}.alert-danger{border-color:#ff3b5c;border-color:var(--status-danger);background:#330a10;background:var(--status-danger-bg)}.alert-danger .alert-icon{background:#ff3b5c;background:var(--status-danger);color:var(--color-ink)}.alert-warning{border-color:#ffb300;border-color:var(--status-warning)}.alert-info{border-color:#3f8eff;border-color:var(--status-info);background:#091a33;background:var(--status-info-bg)}.alert-info .alert-icon{background:#3f8eff;background:var(--status-info);color:var(--color-ink)}.alert-content{flex:1}.alert-close{color:inherit;cursor:pointer;background:0 0;border:none;flex-shrink:0;margin-left:auto;padding:2px;font-size:14px;line-height:1}.alert-close:hover{opacity:.6}.alert-close:focus-visible{box-shadow:0 0 0 2px #0a0a0d,0 0 0 4px #f0f;box-shadow:var(--focus-ring);opacity:1}.progress{background:#1c1c22;background:var(--bg-raised);border-radius:4px;border-radius:var(--radius-sm);width:100%;height:6px;position:relative;overflow:hidden}.progress-bar{background:#f0f;background:var(--brand-primary);height:100%;box-shadow:0 0 12px #ff00ff40;box-shadow:0 0 12px var(--brand-primary-glow);transition:width .24s cubic-bezier(.16,1,.3,1);transition:width var(--duration-base) var(--ease-out)}.progress-indeterminate .progress-bar{width:30%;animation:1.5s ease-in-out infinite progress-scan}.progress-striped .progress-bar{background-image:repeating-linear-gradient(-45deg,#0000,#0000 4px,#000 0 8px);background-image:repeating-linear-gradient(-45deg,transparent,transparent 4px,var(--color-ink) 4px,var(--color-ink) 8px)}.progress-accent .progress-bar{background:#00e5ff;background:var(--brand-secondary);box-shadow:0 0 12px #00e5ff40;box-shadow:0 0 12px var(--brand-secondary-glow)}.progress-danger .progress-bar{background:#ff3b5c;background:var(--danger-500);box-shadow:0 0 12px #ff3b5c40;box-shadow:0 0 12px color-mix(in srgb,var(--danger-500) 25%,transparent)}.spinner{border:2px solid #ffffff2e;border:2px solid var(--border-strong);border-top-color:#f0f;border-top-color:var(--brand-primary);border-radius:50%;width:24px;height:24px;animation:.8s steps(8,end) infinite spin-steps;display:inline-block}.spinner-lg{border-width:3px;width:32px;height:32px}.spinner-sm{border-width:2px;width:14px;height:14px}.spinner-accent{border-color:#00e5ff;border-color:var(--brand-secondary);border-top-color:#0000}.spinner-cyan{border-color:#00e5ff;border-color:var(--cyan-500);border-top-color:#0000}.skeleton{background:#1c1c22;background:var(--bg-raised);border-radius:4px;border-radius:var(--radius-sm);display:block;position:relative;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(90deg,#0000 0,#ffffff08 40%,#ffffff17 50%,#ffffff08 60%,#0000);background:linear-gradient(90deg,transparent 0,var(--texture-03) 40%,var(--texture-09) 50%,var(--texture-03) 60%,transparent 100%);background-size:200% 100%;animation:1.6s linear infinite shimmer-sweep;position:absolute;inset:0}.empty{text-align:center;background:0 0;border:2px dashed #ffffff40;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:48px 24px;display:flex}.empty-icon{border:2px solid #fff;border:2px solid var(--color-paper);color:var(--color-paper);width:40px;height:40px;opacity:.5;place-items:center;font-size:20px;font-weight:700;display:grid;transform:rotate(45deg)}.empty-text{color:#ffffff80;max-width:240px;font-size:13px}.empty-text,.empty-title{font-family:Geist Mono,ui-monospace,SF Mono,menlo,monospace;font-family:var(--font-mono)}.empty-title{text-transform:uppercase;letter-spacing:.12em;color:var(--color-paper);margin:0;font-size:11px;font-weight:600}.empty-action{margin-top:4px}.loading-screen{background:#000;background:var(--color-ink);border:2px solid #fff;border:2px solid var(--color-paper);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:64px;display:flex}.loading-screen-label{font-family:Geist Mono,ui-monospace,SF Mono,menlo,monospace;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:#ffffff80;font-size:12px;font-weight:600;animation:1s step-end infinite blink}.banner{border:2px solid #fff;border:2px solid var(--color-paper);align-items:center;gap:16px;padding:12px 20px;font-size:13px;display:flex}.banner-dismiss{cursor:pointer;opacity:.5;margin-left:auto;font-size:16px}.banner-success{border-color:#00e676;border-color:var(--success-500);color:var(--success-500)}.banner-error,.banner-success{background:#000;background:var(--color-ink)}.banner-error{border-color:#ff3b5c;border-color:var(--danger-500);color:var(--danger-500)}.banner-warning{border-color:#ffb300;border-color:var(--status-warning);background:#000;background:var(--color-ink);color:var(--status-warning)}.banner-count{font-family:Geist Mono,ui-monospace,SF Mono,menlo,monospace;font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-weight:700}.banner-link{font-family:Geist Mono,ui-monospace,SF Mono,menlo,monospace;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:inherit;cursor:pointer;margin-left:auto;font-size:11px;text-decoration:underline}.image-frame{border:2px solid #fff;border:2px solid var(--color-paper);background:#000;background:var(--color-ink);justify-content:center;align-items:center;min-height:80px;display:flex;position:relative;overflow:hidden}.image-frame-icon{color:#ffffff40;border:1px solid #ffffff40;place-items:center;width:32px;height:32px;font-size:14px;display:grid}.video-frame{border:2px solid #fff;border:2px solid var(--color-paper);background:#000;background:var(--color-ink);aspect-ratio:16/9;justify-content:center;align-items:center;display:flex;position:relative}.video-frame-play{background:#fff;background:var(--color-paper);color:var(--color-ink);width:48px;height:48px;cursor:pointer;border:none;place-items:center;font-size:20px;display:grid}.video-frame-timeline{background:#ffffff1f;height:4px;position:absolute;bottom:0;left:0;right:0}.video-frame-timeline-fill{background:#fff;background:var(--color-paper);width:0;height:100%;transition:width .3s}.card{background:#131318;background:var(--bg-elevated);color:var(--text-primary);border:1px solid #ffffff1a;border:1px solid var(--border-default);border-radius:8px;border-radius:var(--radius-md);box-shadow:0 4px 12px #00000080;box-shadow:var(--shadow-md);transition:border-color .24s cubic-bezier(.16,1,.3,1),box-shadow .24s cubic-bezier(.16,1,.3,1),transform .24s cubic-bezier(.16,1,.3,1);transition:border-color var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out),transform var(--duration-base) var(--ease-out);flex-direction:column;display:flex}.card:hover{border-color:#ffffff2e;border-color:var(--border-strong);box-shadow:0 12px 32px #0009;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-static:hover{border-color:#ffffff1a;border-color:var(--border-default);box-shadow:0 4px 12px #00000080;box-shadow:var(--shadow-md);transform:none}.card-header{border-bottom:1px solid #ffffff0f;border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding-bottom:12px;display:flex}.icon-box{background:#1c1c22;background:var(--bg-raised);border:1px solid #ffffff2e;border:1px solid var(--border-strong);border-radius:4px;border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.icon-box-sm{border-width:1px;width:28px;height:28px}.icon-box-lg{width:56px;height:56px}.icon-box-accent{border-color:#00e5ff;border-color:var(--brand-secondary)}.icon-box-cyan,.icon-box-cyan.icon-box-filled{border-color:#00e5ff;border-color:var(--cyan-500)}.icon-box-cyan.icon-box-filled{background:#00e5ff;background:var(--cyan-500);color:var(--color-ink)}.icon-box-filled{background:#fff;background:var(--color-paper);color:var(--color-ink)}.container{max-width:1280px;margin:0 auto;padding:0 24px}.grid{gap:24px;display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.hr{background:#fff;background:var(--color-paper);opacity:.3;border:none;height:2px;margin:24px 0}.hr-thick{background:#000;background:var(--color-ink);border:2px solid #fff;border:2px solid var(--color-paper);opacity:1;height:4px}.section{padding:64px 0}.section-header{margin-bottom:24px}.section-title-text{font-family:Geist Mono,ui-monospace,SF Mono,menlo,monospace;font-size:14px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:#ffffff80;font-weight:600}.spacer-4{height:24px}.spacer-8{height:48px}.spacer-12{height:64px}.rating{align-items:center;gap:4px;display:inline-flex}.rating-star{border:2px solid #fff;border:2px solid var(--color-paper);cursor:pointer;width:20px;height:20px;transition:background .1s,border-color .1s}.rating-star.filled{background:#fff;background:var(--color-paper)}.rating-star.half{background:linear-gradient(90deg,#fff 50%,#0000 0);background:linear-gradient(90deg,var(--color-paper) 50%,transparent 50%)}.rating-star:hover{border-color:#00e5ff;border-color:var(--brand-secondary)}.combobox{font-family:Geist,system-ui,-apple-system,sans-serif;font-family:var(--font-sans);position:relative}.combobox-input{background:#000;background:var(--color-ink);color:var(--color-paper);width:100%;border:2px solid #fff;border:2px solid var(--color-paper);cursor:pointer;outline:none;padding:10px 36px 10px 14px;font-size:14px;font-weight:500}.combobox-chevron{pointer-events:none;width:12px;height:8px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.combobox-menu{border:2px solid #fff;border:2px solid var(--color-paper);background:#000;background:var(--color-ink);z-index:10;z-index:var(--z-raised);border-top:none;max-height:200px;display:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.combobox.open .combobox-menu{display:block}.combobox-option{color:var(--color-paper);cursor:pointer;padding:8px 14px;font-size:13px;transition:background .1s}.combobox-option:hover{background:#ffffff14}.combobox-option.selected{background:#fff;background:var(--color-paper);color:var(--color-ink);font-weight:600}.date-input{border:2px solid #fff;border:2px solid var(--color-paper);background:#000;background:var(--color-ink);gap:2px;padding:10px 14px;display:inline-flex}.date-input,.date-input-part{font-family:Geist Mono,ui-monospace,SF Mono,menlo,monospace;font-family:var(--font-mono);color:var(--color-paper);font-size:14px}.date-input-part{text-align:center;background:0 0;border:none;outline:none;width:32px}.date-input-sep{color:#ffffff40}.menu{border:2px solid #fff;border:2px solid var(--color-paper);background:#000;background:var(--color-ink);min-width:180px;margin:0;padding:0;list-style:none}.menu-item{align-items:center;gap:.5rem;gap:var(--space-2);padding:.5rem 1rem;padding:var(--space-2) var(--space-4);font-family:Geist,system-ui,-apple-system,sans-serif;font-family:var(--font-sans);color:var(--color-paper);cursor:pointer;border-bottom:1px solid #ffffff1f;font-size:13px;transition:background .1s;display:flex}.menu-item:last-child{border-bottom:none}.menu-item:hover{background:#ffffff14}.menu-item.active{background:#fff;background:var(--color-paper);color:var(--color-ink);font-weight:600}.menu-item[disabled]{opacity:.3;cursor:default}.menu-divider{background:#ffffff1f;height:1px;margin:4px 0}.toolbar{border:2px solid #fff;border:2px solid var(--color-paper);background:#000;background:var(--color-ink);align-items:center;gap:4px;padding:8px;display:flex}.toolbar-item{cursor:pointer;width:32px;height:32px;font-family:Geist Mono,ui-monospace,SF Mono,menlo,monospace;font-family:var(--font-mono);color:var(--color-paper);border:1px solid #0000;place-items:center;font-size:12px;transition:background .1s,border-color .1s;display:grid}.toolbar-item:hover{background:#ffffff14}.toolbar-item.active{border-color:#fff;border-color:var(--color-paper);background:#ffffff1f}.toolbar-sep{background:#ffffff1f;width:1px;height:20px;margin:0 4px}.status-dot{border:1px solid #fff;border:1px solid var(--color-paper);flex-shrink:0;width:8px;height:8px;display:inline-block}.status-dot-live{background:#00e676;background:var(--success-500);border-color:#00e676;border-color:var(--success-500)}.status-dot-away{background:#ffb300;background:var(--status-warning);border-color:#ffb300;border-color:var(--status-warning)}.status-dot-busy{background:#ff3b5c;background:var(--danger-500);border-color:#ff3b5c;border-color:var(--danger-500)}.status-dot-offline{background:0 0}.timeline{margin:0;padding:0;list-style:none}.timeline-item{gap:14px;padding-bottom:24px;display:flex;position:relative}.timeline-item:last-child{padding-bottom:0}.timeline-dot{border:2px solid #fff;border:2px solid var(--color-paper);background:#000;background:var(--color-ink);z-index:1;flex-shrink:0;width:12px;height:12px;margin-top:4px;position:relative}.timeline-item:not(:last-child) .timeline-dot:after{content:"";background:#ffffff1f;width:2px;height:calc(100% + 20px);position:absolute;top:12px;left:4px}.timeline-content{color:var(--color-paper);font-size:13px}.timeline-time{color:#ffffff61;margin-bottom:4px;font-size:11px;display:block}.countdown,.timeline-time{font-family:Geist Mono,ui-monospace,SF Mono,menlo,monospace;font-family:var(--font-mono)}.countdown{color:var(--color-paper);font-variant-numeric:tabular-nums;gap:4px;font-size:24px;font-weight:700;display:inline-flex}.countdown-part{flex-direction:column;align-items:center;gap:2px;display:flex}.countdown-label{text-transform:uppercase;letter-spacing:.08em;color:#ffffff61;font-family:Geist,system-ui,-apple-system,sans-serif;font-size:9px;font-weight:600;font-family:var(--font-sans)}.countdown-sep{color:#ffffff40;align-self:flex-start;margin-top:4px}.card-crosshatch,.card-dots,.card-halftone,.card-noise,.card-scanline,.card-textured{isolation:isolate;position:relative}.card-crosshatch:before,.card-dots:before,.card-halftone:before,.card-noise:before,.card-scanline:before,.card-textured:before{content:"";pointer-events:none;z-index:0;border-radius:inherit;opacity:.35;position:absolute;inset:0}.card-halftone:before{background-image:radial-gradient(#ffffff0d 1px,#0000 0);background-image:radial-gradient(var(--texture-05) 1px,transparent 1px);background-size:6px 6px}.card-scanline:before{background:repeating-linear-gradient(0deg,#0000,#0000 2px,#ffffff0a 0 4px);background:repeating-linear-gradient(0deg,transparent,transparent 2px,var(--texture-04) 2px,var(--texture-04) 4px)}.card-noise:before{background-image:url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cfilter%20id%3D%22a%22%3E%3CfeTurbulence%20baseFrequency%3D%22.85%22%20numOctaves%3D%224%22%20stitchTiles%3D%22stitch%22%20type%3D%22fractalNoise%22%2F%3E%3C%2Ffilter%3E%3Crect%20width%3D%22100%25%22%20height%3D%22100%25%22%20fill%3D%22%23fff%22%20filter%3D%22url\(%23a\)%22%20opacity%3D%22.04%22%2F%3E%3C%2Fsvg%3E);background-image:var(--texture-noise-svg);opacity:.25;background-size:128px 128px}.card-crosshatch:before{background-image:repeating-linear-gradient(45deg,#0000,#0000 6px,#ffffff08 0 7px),repeating-linear-gradient(-45deg,#0000,#0000 6px,#ffffff08 0 7px);background-image:repeating-linear-gradient(45deg,transparent,transparent 6px,var(--texture-03) 6px,var(--texture-03) 7px),repeating-linear-gradient(-45deg,transparent,transparent 6px,var(--texture-03) 6px,var(--texture-03) 7px)}.card-dots:before{background-image:radial-gradient(#ffffff0f .5px,#0000 0);background-image:radial-gradient(var(--texture-06) .5px,transparent .5px);background-size:6px 6px}.card-crosshatch>*,.card-dots>*,.card-halftone>*,.card-noise>*,.card-scanline>*,.card-textured>*{z-index:1;position:relative}.modal-halftone,.modal-noise,.modal-scanline,.modal-textured{isolation:isolate;position:relative}.modal-halftone:before,.modal-noise:before,.modal-scanline:before,.modal-textured:before{content:"";pointer-events:none;z-index:0;opacity:.3;position:absolute;inset:0}.modal-halftone:before{background-image:radial-gradient(#ffffff0f 1px,#0000 0);background-image:radial-gradient(var(--texture-06) 1px,transparent 1px);background-size:6px 6px}.modal-scanline:before{background:repeating-linear-gradient(0deg,#0000,#0000 2px,#ffffff0d 0 4px);background:repeating-linear-gradient(0deg,transparent,transparent 2px,var(--texture-05) 2px,var(--texture-05) 4px)}.modal-noise:before{background-image:url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cfilter%20id%3D%22a%22%3E%3CfeTurbulence%20baseFrequency%3D%22.85%22%20numOctaves%3D%224%22%20stitchTiles%3D%22stitch%22%20type%3D%22fractalNoise%22%2F%3E%3C%2Ffilter%3E%3Crect%20width%3D%22100%25%22%20height%3D%22100%25%22%20fill%3D%22%23fff%22%20filter%3D%22url\(%23a\)%22%20opacity%3D%22.04%22%2F%3E%3C%2Fsvg%3E);background-image:var(--texture-noise-svg);opacity:.2;background-size:128px 128px}.modal-halftone>*,.modal-noise>*,.modal-scanline>*,.modal-textured>*{z-index:1;position:relative}.drawer-halftone,.drawer-scanline,.drawer-textured{isolation:isolate;position:relative}.drawer-halftone:before,.drawer-scanline:before,.drawer-textured:before{content:"";pointer-events:none;z-index:0;opacity:.3;position:absolute;inset:0}.drawer-halftone:before{background-image:radial-gradient(#ffffff0f 1px,#0000 0);background-image:radial-gradient(var(--texture-06) 1px,transparent 1px);background-size:6px 6px}.drawer-scanline:before{background:repeating-linear-gradient(0deg,#0000,#0000 2px,#ffffff0d 0 4px);background:repeating-linear-gradient(0deg,transparent,transparent 2px,var(--texture-05) 2px,var(--texture-05) 4px)}.drawer-halftone>*,.drawer-scanline>*,.drawer-textured>*{z-index:1;position:relative}.toast-halftone,.toast-textured{isolation:isolate;position:relative}.toast-halftone:before,.toast-textured:before{content:"";pointer-events:none;z-index:0;opacity:.25;position:absolute;inset:0}.toast-halftone:before{background-image:radial-gradient(#ffffff0f 1px,#0000 0);background-image:radial-gradient(var(--texture-06) 1px,transparent 1px);background-size:5px 5px}.toast-halftone>*,.toast-textured>*{z-index:1;position:relative}.btn-dots,.btn-halftone,.btn-scanline,.btn-textured{isolation:isolate;position:relative;overflow:hidden}.btn-dots:before,.btn-halftone:before,.btn-scanline:before,.btn-textured:before{content:"";pointer-events:none;z-index:0;opacity:.25;transition:opacity .24s cubic-bezier(.16,1,.3,1);transition:opacity var(--duration-base) var(--ease-out);position:absolute;inset:0}.btn-halftone:before{opacity:.15;background-image:radial-gradient(currentColor .5px,#0000 0);background-size:4px 4px}.btn-scanline:before{opacity:.08;background:repeating-linear-gradient(0deg,#0000,#0000 1px,currentColor 0 2px)}.btn-dots:before{opacity:.12;background-image:radial-gradient(currentColor .5px,#0000 0);background-size:6px 6px}.btn-dots:hover:before,.btn-halftone:hover:before,.btn-scanline:hover:before,.btn-textured:hover:before{opacity:.35}.btn-dots>*,.btn-halftone>*,.btn-scanline>*,.btn-textured>*{z-index:1;position:relative}.surface-halftone,.surface-noise,.surface-scanline,.surface-textured{isolation:isolate;position:relative}.surface-halftone:before,.surface-noise:before,.surface-scanline:before,.surface-textured:before{content:"";pointer-events:none;z-index:0;opacity:.3;position:absolute;inset:0}.surface-halftone:before{background-image:radial-gradient(#ffffff0f 1px,#0000 0);background-image:radial-gradient(var(--texture-06) 1px,transparent 1px);background-size:6px 6px}.surface-scanline:before{background:repeating-linear-gradient(0deg,#0000,#0000 2px,#ffffff0d 0 4px);background:repeating-linear-gradient(0deg,transparent,transparent 2px,var(--texture-05) 2px,var(--texture-05) 4px)}.surface-noise:before{background-image:url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cfilter%20id%3D%22a%22%3E%3CfeTurbulence%20baseFrequency%3D%22.85%22%20numOctaves%3D%224%22%20stitchTiles%3D%22stitch%22%20type%3D%22fractalNoise%22%2F%3E%3C%2Ffilter%3E%3Crect%20width%3D%22100%25%22%20height%3D%22100%25%22%20fill%3D%22%23fff%22%20filter%3D%22url\(%23a\)%22%20opacity%3D%22.04%22%2F%3E%3C%2Fsvg%3E);background-image:var(--texture-noise-svg);opacity:.2;background-size:128px 128px}.surface-halftone>*,.surface-noise>*,.surface-scanline>*,.surface-textured>*{z-index:1;position:relative}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.card-body{padding:1rem 0;padding:var(--space-4) 0;flex:1}.drawer-backdrop,.modal-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:.24s cubic-bezier(.16,1,.3,1) fade-in;animation:fade-in var(--duration-base) var(--ease-out)}.nav-horizontal{flex-direction:row;align-items:center}.nav-vertical{flex-direction:column}.tab-panel{padding:1rem 0;padding:var(--space-4) 0}.checkbox-text,.radio-text,.toggle-text{line-height:1.4}.listbox{width:100%;position:relative}.listbox-trigger{justify-content:space-between;align-items:center;gap:.5rem;gap:var(--space-2);width:100%;font-family:Geist,system-ui,-apple-system,sans-serif;font-family:var(--font-sans);background:#1c1c22;background:var(--bg-raised);color:var(--text-primary);border:1px solid #ffffff2e;border:1px solid var(--border-strong);border-radius:4px;border-radius:var(--radius-sm);padding:.75rem 1rem;padding:var(--space-3) var(--space-4);cursor:pointer;transition:background .24s cubic-bezier(.16,1,.3,1),border-color .24s cubic-bezier(.16,1,.3,1),box-shadow .24s cubic-bezier(.16,1,.3,1);transition:background var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out);font-size:14px;font-weight:500;display:flex}.listbox-trigger:hover{background:#26262b;background:var(--bg-overlay)}.listbox-trigger:focus-visible{border-color:#f0f;border-color:var(--border-focus);box-shadow:0 0 0 2px #0a0a0d,0 0 0 4px #f0f;box-shadow:var(--focus-ring);outline:none}.listbox-trigger[aria-expanded=true]{border-color:#f0f;border-color:var(--border-focus)}.listbox-trigger:disabled{opacity:.4;cursor:not-allowed}.listbox-placeholder{color:var(--text-placeholder)}.listbox-chevron{color:var(--text-tertiary);transition:transform .15s cubic-bezier(.16,1,.3,1);transition:transform var(--duration-fast) var(--ease-out)}.listbox-chevron.open{transform:rotate(180deg)}.listbox-options{padding:.25rem;padding:var(--space-1);background:#131318;background:var(--bg-elevated);border:1px solid #ffffff2e;border:1px solid var(--border-strong);border-radius:4px;border-radius:var(--radius-sm);box-shadow:0 12px 32px #0009;box-shadow:var(--shadow-lg);z-index:100;z-index:var(--z-sticky);max-height:240px;animation:.15s cubic-bezier(.16,1,.3,1) fade-in;animation:fade-in var(--duration-fast) var(--ease-out);margin:0;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto}.listbox-option{padding:.5rem .75rem;padding:var(--space-2) var(--space-3);color:var(--text-secondary);border-radius:2px;border-radius:var(--radius-xs);cursor:pointer;font-size:14px}.listbox-option.highlight{background:#26262b;background:var(--bg-overlay);color:var(--text-primary)}.listbox-option.selected{color:var(--brand-primary);font-weight:600}.listbox-option[aria-disabled=true]{opacity:.4;cursor:not-allowed}.accent-border-top{border-top:3px solid #f0f!important;border-top:3px solid var(--brand-primary)!important}.accent-border-left{border-left:3px solid #f0f!important;border-left:3px solid var(--brand-primary)!important}.accent-border-bottom{border-bottom:3px solid #f0f!important;border-bottom:3px solid var(--brand-primary)!important}.accent-secondary-border-top{border-top:3px solid #00e5ff!important;border-top:3px solid var(--brand-secondary)!important}.accent-secondary-border-left{border-left:3px solid #00e5ff!important;border-left:3px solid var(--brand-secondary)!important}.accent-secondary-border-bottom{border-bottom:3px solid #00e5ff!important;border-bottom:3px solid var(--brand-secondary)!important}.accent-underline{-webkit-text-decoration:underline #f0f;text-decoration:underline #f0f;text-decoration-thickness:2px;-webkit-text-decoration:underline var(--brand-primary) 2px;-webkit-text-decoration:underline var(--brand-primary) 2px;text-decoration:underline var(--brand-primary) 2px;text-underline-offset:4px}.accent-secondary-underline{-webkit-text-decoration:underline #00e5ff;text-decoration:underline #00e5ff;text-decoration-thickness:2px;-webkit-text-decoration:underline var(--brand-secondary) 2px;-webkit-text-decoration:underline var(--brand-secondary) 2px;text-decoration:underline var(--brand-secondary) 2px;text-underline-offset:4px}.accent-dot:after{background:#f0f;background:var(--brand-primary)}.accent-dot:after,.accent-secondary-dot:after{content:"";vertical-align:middle;width:6px;height:6px;margin-left:6px;display:inline-block}.accent-secondary-dot:after{background:#00e5ff;background:var(--brand-secondary)}.accent-bar{position:relative}.accent-bar:before{content:"";background:#f0f;background:var(--brand-primary);z-index:1;height:3px;position:absolute;top:0;left:0;right:0}.accent-secondary-bar{position:relative}.accent-secondary-bar:before{content:"";background:#00e5ff;background:var(--brand-secondary);z-index:1;height:3px;position:absolute;top:0;left:0;right:0}.glow-mod{box-shadow:0 0 20px #ff00ff40;box-shadow:0 0 20px color-mix(in srgb,var(--brand-primary) 25%,transparent)}.glow-mod-secondary{box-shadow:0 0 20px #00e5ff40;box-shadow:0 0 20px color-mix(in srgb,var(--brand-secondary) 25%,transparent)}.border-mod-accent{border-color:#f0f!important;border-color:var(--brand-primary)!important}.border-mod-secondary{border-color:#00e5ff!important;border-color:var(--brand-secondary)!important}.texture-crosshatch,.texture-dots,.texture-grid-dots,.texture-halftone,.texture-noise,.texture-overlay,.texture-scanline{isolation:isolate;position:relative}.texture-crosshatch:before,.texture-dots:before,.texture-grid-dots:before,.texture-halftone:before,.texture-noise:before,.texture-overlay:before,.texture-scanline:before{content:"";pointer-events:none;z-index:0;opacity:.5;position:absolute;inset:0}.texture-halftone:before{background-image:radial-gradient(#ffffff0d 1px,#0000 0);background-image:radial-gradient(var(--texture-05) 1px,transparent 1px);background-size:6px 6px}.texture-scanline:before{background:repeating-linear-gradient(0deg,#0000,#0000 2px,#ffffff0a 0 4px);background:repeating-linear-gradient(0deg,transparent,transparent 2px,var(--texture-04) 2px,var(--texture-04) 4px)}.texture-noise:before{background-image:url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cfilter%20id%3D%22a%22%3E%3CfeTurbulence%20baseFrequency%3D%22.85%22%20numOctaves%3D%224%22%20stitchTiles%3D%22stitch%22%20type%3D%22fractalNoise%22%2F%3E%3C%2Ffilter%3E%3Crect%20width%3D%22100%25%22%20height%3D%22100%25%22%20fill%3D%22%23fff%22%20filter%3D%22url\(%23a\)%22%20opacity%3D%22.04%22%2F%3E%3C%2Fsvg%3E);background-image:var(--texture-noise-svg);opacity:.35;background-size:128px 128px}.texture-crosshatch:before{background-image:repeating-linear-gradient(45deg,#0000,#0000 6px,#ffffff08 0 7px),repeating-linear-gradient(-45deg,#0000,#0000 6px,#ffffff08 0 7px);background-image:repeating-linear-gradient(45deg,transparent,transparent 6px,var(--texture-03) 6px,var(--texture-03) 7px),repeating-linear-gradient(-45deg,transparent,transparent 6px,var(--texture-03) 6px,var(--texture-03) 7px)}.texture-dots:before{background-image:radial-gradient(#ffffff0f .5px,#0000 0);background-image:radial-gradient(var(--texture-06) .5px,transparent .5px);background-size:6px 6px}.texture-grid-dots:before{background-image:radial-gradient(#ffffff0d 1px,#0000 0),radial-gradient(#ffffff0d 1px,#0000 0);background-image:radial-gradient(var(--texture-05) 1px,transparent 1px),radial-gradient(var(--texture-05) 1px,transparent 1px);background-position:0 0,8px 8px;background-size:16px 16px,16px 16px}.texture-crosshatch>*,.texture-dots>*,.texture-grid-dots>*,.texture-halftone>*,.texture-noise>*,.texture-overlay>*,.texture-scanline>*{z-index:1;position:relative}.texture-muted:before{opacity:.25}.texture-animated:before{animation:4s linear infinite texture-shift}@keyframes texture-shift{0%{background-position:0 0}to{background-position:16px 16px}}@media (prefers-reduced-motion:reduce){.texture-animated:before{animation:none!important}}.accent-corner:after{background:#f0f;background:var(--brand-primary)}.accent-corner:after,.accent-secondary-corner:after{content:"";z-index:2;width:8px;height:8px;position:absolute;top:-1px;right:-1px}.accent-secondary-corner:after{background:#00e5ff;background:var(--brand-secondary)}@keyframes scanline-scroll{0%{transform:translateY(0)}to{transform:translateY(100vh)}}@keyframes glitch{0%{transform:translate(0)}20%{transform:translate(-1px,1px)}40%{transform:translate(1px,-1px)}60%{transform:translate(-1px,-1px)}80%{transform:translate(1px,1px)}to{transform:translate(0)}}.glitch{animation:.3s ease-in-out 3 glitch}@keyframes glitch-complex{0%{clip-path:inset(0 0 100%);transform:translate(0)skew(0deg)}5%{clip-path:inset(20% 0 60%);transform:translate(-2px)skew(.5deg)}10%{transform:translateY(-1px)skew(-.3deg)}15%{clip-path:inset(40% 0 30%);transform:translate(1px)skew(0deg)}20%{transform:translate(-1px,1px)skew(0deg)}25%{clip-path:inset(10% 0 70%);transform:translate(2px)skew(-.5deg)}30%{clip-path:inset(0 0 100%);transform:translate(0)skew(0deg)}to{clip-path:inset(0);transform:translate(0)skew(0deg)}}.glitch-complex{animation:.8s ease-in-out 2 glitch-complex}@keyframes flicker{0%{opacity:1}5%{opacity:.85}10%{opacity:1}15%{opacity:.7}20%{opacity:1}50%{opacity:1}52%{opacity:.9}54%{opacity:1}80%{opacity:1}82%{opacity:.92}84%{opacity:1}to{opacity:1}}.flicker{animation:4s infinite flicker}.flicker-fast{animation:1.5s infinite flicker}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}.blink{animation:1s step-end infinite blink}.blink-fast{animation:.4s step-end infinite blink}@keyframes typewriter{0%{width:0}to{width:100%}}.typewriter{white-space:nowrap;max-width:fit-content;animation:1.5s steps(30,end) forwards typewriter;display:inline-block;overflow:hidden}@keyframes neon-pulse{0%,to{box-shadow:0 0 8px #ff00ff4d,0 0 20px #f0f3;box-shadow:0 0 8px color-mix(in srgb,var(--magenta-500) 30%,transparent),0 0 20px color-mix(in srgb,var(--magenta-500) 20%,transparent)}50%{box-shadow:0 0 16px #ff00ff80,0 0 40px #ff00ff4d;box-shadow:0 0 16px color-mix(in srgb,var(--magenta-500) 50%,transparent),0 0 40px color-mix(in srgb,var(--magenta-500) 30%,transparent)}}.neon-pulse{animation:2s ease-in-out infinite neon-pulse}@keyframes neon-pulse-cyan{0%,to{box-shadow:0 0 8px #00e5ff4d,0 0 20px #00e5ff33;box-shadow:0 0 8px color-mix(in srgb,var(--cyan-500) 30%,transparent),0 0 20px color-mix(in srgb,var(--cyan-500) 20%,transparent)}50%{box-shadow:0 0 16px #00e5ff80,0 0 40px #00e5ff4d;box-shadow:0 0 16px color-mix(in srgb,var(--cyan-500) 50%,transparent),0 0 40px color-mix(in srgb,var(--cyan-500) 30%,transparent)}}.neon-pulse-cyan{animation:2s ease-in-out infinite neon-pulse-cyan}@keyframes noise-shift{0%{transform:translate(0)}20%{transform:translate(-5px,3px)}40%{transform:translate(3px,-5px)}60%{transform:translate(-3px,5px)}80%{transform:translate(5px,-3px)}to{transform:translate(0)}}.bg-noise-animated:before{animation:.5s steps(5,end) infinite noise-shift!important}@keyframes scan-reveal{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.scan-reveal{position:relative;overflow:hidden}.scan-reveal:after{content:"";background:#fff;background:var(--texture-solid);opacity:.6;pointer-events:none;width:100%;height:4px;animation:2s ease-in-out scan-reveal;position:absolute;top:0;left:0}@keyframes step-fade-in{0%{clip-path:inset(0 0 0 100%)}to{clip-path:inset(0)}}.step-fade-in{animation:.6s steps(8,end) forwards step-fade-in;overflow:hidden}@keyframes invert-flash{0%{filter:invert(0)}50%{filter:invert()}to{filter:invert(0)}}.invert-flash{animation:.15s 2 invert-flash}@keyframes step-dots{0%{box-shadow:4px 8px #000,28px 3px #000,52px 18px #000,76px 5px #000,14px 24px #000,38px 12px #000,62px 28px #000,86px 15px #000,8px 32px #000;box-shadow:4px 8px 0 0 var(--color-ink),28px 3px 0 0 var(--color-ink),52px 18px 0 0 var(--color-ink),76px 5px 0 0 var(--color-ink),14px 24px 0 0 var(--color-ink),38px 12px 0 0 var(--color-ink),62px 28px 0 0 var(--color-ink),86px 15px 0 0 var(--color-ink),8px 32px 0 0 var(--color-ink)}25%{box-shadow:6px 12px #000,32px 8px #000,48px 25px #000,82px 3px #000,10px 18px #000,42px 30px #000,68px 10px #000,90px 22px #000,20px 5px #000;box-shadow:6px 12px 0 0 var(--color-ink),32px 8px 0 0 var(--color-ink),48px 25px 0 0 var(--color-ink),82px 3px 0 0 var(--color-ink),10px 18px 0 0 var(--color-ink),42px 30px 0 0 var(--color-ink),68px 10px 0 0 var(--color-ink),90px 22px 0 0 var(--color-ink),20px 5px 0 0 var(--color-ink)}50%{box-shadow:12px 4px #000,22px 20px #000,58px 8px #000,72px 28px #000,4px 15px #000,36px 6px #000,66px 22px #000,92px 12px #000,50px 30px #000;box-shadow:12px 4px 0 0 var(--color-ink),22px 20px 0 0 var(--color-ink),58px 8px 0 0 var(--color-ink),72px 28px 0 0 var(--color-ink),4px 15px 0 0 var(--color-ink),36px 6px 0 0 var(--color-ink),66px 22px 0 0 var(--color-ink),92px 12px 0 0 var(--color-ink),50px 30px 0 0 var(--color-ink)}75%{box-shadow:2px 10px #000,26px 22px #000,44px 4px #000,70px 14px #000,18px 28px #000,54px 20px #000,84px 8px #000,8px 6px #000,40px 26px #000;box-shadow:2px 10px 0 0 var(--color-ink),26px 22px 0 0 var(--color-ink),44px 4px 0 0 var(--color-ink),70px 14px 0 0 var(--color-ink),18px 28px 0 0 var(--color-ink),54px 20px 0 0 var(--color-ink),84px 8px 0 0 var(--color-ink),8px 6px 0 0 var(--color-ink),40px 26px 0 0 var(--color-ink)}to{box-shadow:none}}.step-dots{animation:.3s steps(4,end) 2 step-dots}.step-dots-fast{animation:.15s steps(2,end) step-dots}@keyframes progress-scan{0%{transform:translate(-100%)}to{transform:translate(400%)}}@keyframes matrix-rain{0%{opacity:0;transform:translateY(-100%)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(1000%)}}.matrix-rain-char{font-family:Geist Mono,ui-monospace,SF Mono,menlo,monospace;font-family:var(--font-mono);color:var(--texture-19);font-size:14px;animation:2s linear infinite matrix-rain;display:block}@keyframes frame-step{0%,24%{content:"▌"}25%,49%{content:"▐"}50%,74%{content:"█"}75%,99%{content:"▀"}}.frame-step:after{content:"▌";font-family:Geist Mono,ui-monospace,SF Mono,menlo,monospace;font-family:var(--font-mono);animation:.8s step-end infinite frame-step}@keyframes slide-up-reveal{0%{opacity:0;clip-path:inset(0 0 100%);transform:translateY(40px)}to{opacity:1;clip-path:inset(0);transform:translateY(0)}}.slide-up-reveal{animation:.5s ease-out forwards slide-up-reveal}.slide-up-reveal-fast{animation:.25s ease-out forwards slide-up-reveal}@keyframes shimmer-sweep{0%{background-position:-200% 0}to{background-position:200% 0}}.shimmer{background:linear-gradient(90deg,#0000 0,#ffffff08 40%,#ffffff17 50%,#ffffff08 60%,#0000);background:linear-gradient(90deg,transparent 0,var(--texture-03) 40%,var(--texture-09) 50%,var(--texture-03) 60%,transparent 100%);background-size:200% 100%;animation:2s linear infinite shimmer-sweep}@keyframes spin-steps{0%{transform:rotate(0)}25%{transform:rotate(90deg)}50%{transform:rotate(180deg)}75%{transform:rotate(270deg)}to{transform:rotate(1turn)}}@keyframes glitch-accent{0%{box-shadow:0 0 #f0f;box-shadow:0 0 0 var(--magenta-500);transform:translate(0)}20%{box-shadow:-4px 0 8px #f0f;box-shadow:-4px 0 8px var(--magenta-500);transform:translate(-2px)}40%{box-shadow:4px 0 8px #f0f;box-shadow:4px 0 8px var(--magenta-500);transform:translateY(-2px)}60%{box-shadow:-2px 0 4px #f0f;box-shadow:-2px 0 4px var(--magenta-500);transform:translate(2px)}80%{box-shadow:2px 0 4px #f0f;box-shadow:2px 0 4px var(--magenta-500);transform:translate(-1px,1px)}to{box-shadow:0 0 #f0f;box-shadow:0 0 0 var(--magenta-500);transform:translate(0)}}.glitch-accent{animation:.4s ease-in-out 2 glitch-accent}@keyframes accent-flicker{0%,to{opacity:1;color:var(--magenta-500)}20%{opacity:.3;color:var(--texture-solid)}40%{opacity:1;color:var(--magenta-500)}55%{opacity:.5}70%{opacity:1;color:var(--magenta-500)}}.accent-flicker{animation:1.8s step-end infinite accent-flicker}@keyframes iso-float{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-12px)scale(1.02)}}.iso-float{animation:3s ease-in-out infinite iso-float}@keyframes iso-float-spin{0%{transform:translateY(0)rotateY(0)}25%{transform:translateY(-10px)rotateY(90deg)}50%{transform:translateY(0)rotateY(180deg)}75%{transform:translateY(-10px)rotateY(270deg)}to{transform:translateY(0)rotateY(1turn)}}.iso-float-spin{animation:4s ease-in-out infinite iso-float-spin}@keyframes iso-assemble{0%{opacity:0;transform:translateY(80px)scale(.8)}60%{opacity:1;transform:translateY(-4px)scale(1.02)}to{opacity:1;transform:translateY(0)scale(1)}}.iso-assemble{animation:.8s ease-out forwards iso-assemble}.iso-assemble-2{animation-delay:.15s}.iso-assemble-3{animation-delay:.3s}.iso-assemble-4{animation-delay:.45s}.iso-assemble-5{animation-delay:.6s}@keyframes iso-rotate-cube{0%{transform:rotateX(35deg)rotate(-45deg)}25%{transform:rotateX(35deg)rotate(45deg)}50%{transform:rotateX(35deg)rotate(135deg)}75%{transform:rotateX(35deg)rotate(225deg)}to{transform:rotateX(35deg)rotate(315deg)}}.iso-rotate-cube{transform-style:preserve-3d;animation:6s linear infinite iso-rotate-cube}@keyframes iso-grid-scroll{0%{background-position:0 0}to{background-position:-40px 20px}}.iso-grid-scroll{animation:4s linear infinite iso-grid-scroll}@keyframes iso-terrain-shift{0%{background-position:0 0,0 0,0 0}to{background-position:-20px 10px,-40px 20px,-60px 30px}}.iso-terrain-shift{animation:6s linear infinite iso-terrain-shift}@keyframes iso-perspective-dolly{0%{opacity:0;filter:blur(2px);transform:perspective(800px)translateZ(-100px)scale(.9)}60%{opacity:1;filter:blur()}to{opacity:1;filter:blur();transform:perspective(800px)translateZ(0)scale(1)}}.iso-perspective-dolly{animation:1s ease-out forwards iso-perspective-dolly}@keyframes iso-step-build{0%{clip-path:inset(0 100% 0 0);opacity:0}50%{opacity:1}to{clip-path:inset(0);opacity:1}}.iso-step-build{animation:.4s steps(6,end) forwards iso-step-build}@keyframes iso-drift{0%,to{transform:translate(0)rotate(0)}25%{transform:translate(8px,-6px)rotate(2deg)}50%{transform:translate(-4px,-12px)rotate(-1deg)}75%{transform:translate(-8px,-4px)rotate(1deg)}}.iso-drift{animation:5s ease-in-out infinite iso-drift}@keyframes iso-bounce{0%,to{transform:translateY(0)scaleY(1)}30%{transform:translateY(-20px)scaleY(1.05)}50%{transform:translateY(0)scaleY(.95)}70%{transform:translateY(-8px)scaleY(1.02)}90%{transform:translateY(0)scaleY(.98)}}.iso-bounce{animation:2s ease-in-out infinite iso-bounce}.iso-bounce-once{animation:.8s ease-in-out forwards iso-bounce}@keyframes iso-sway{0%,to{transform:rotate(-3deg)translate(0)}25%{transform:rotate(0)translate(6px)}50%{transform:rotate(3deg)translate(0)}75%{transform:rotate(0)translate(-6px)}}.iso-sway{transform-origin:bottom;animation:4s ease-in-out infinite iso-sway}@keyframes iso-card-flip{0%{transform:perspective(600px)rotateY(0)}50%{transform:perspective(600px)rotateY(90deg)scale(.95)}to{transform:perspective(600px)rotateY(180deg)}}.iso-card-flip{animation:1.2s ease-in-out forwards iso-card-flip}.iso-card-flip-2{animation:1.2s ease-in-out .2s forwards iso-card-flip}@keyframes iso-hinge{0%{transform-origin:0;transform:perspective(600px)rotateY(0)}to{transform-origin:0;transform:perspective(600px)rotateY(-90deg)}}.iso-hinge{animation:.8s ease-in-out forwards iso-hinge}@keyframes iso-morph{0%,to{border-radius:0;transform:scale(1)rotate(0)}25%{border-radius:30%;transform:scale(1.15)rotate(5deg)}50%{border-radius:50%;transform:scale(.9)rotate(0)}75%{border-radius:20%;transform:scale(1.08)rotate(-5deg)}}.iso-morph{animation:3s ease-in-out infinite iso-morph}@keyframes iso-rain{0%{opacity:0;transform:translateY(-60px)rotateX(10deg)}20%{opacity:1}80%{opacity:1}to{opacity:0;transform:translateY(60px)rotateX(-10deg)}}.iso-rain{animation:2.4s ease-in infinite iso-rain}.iso-rain-2{animation:2.4s ease-in .3s infinite iso-rain}.iso-rain-3{animation:2.4s ease-in .6s infinite iso-rain}.iso-rain-4{animation:2.4s ease-in .9s infinite iso-rain}.iso-rain-5{animation:2.4s ease-in 1.2s infinite iso-rain}@keyframes iso-ripple{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.iso-ripple{animation:2s ease-in-out infinite iso-ripple}.iso-ripple-2{animation:2s ease-in-out .15s infinite iso-ripple}.iso-ripple-3{animation:2s ease-in-out .3s infinite iso-ripple}.iso-ripple-4{animation:2s ease-in-out .45s infinite iso-ripple}.iso-ripple-5{animation:2s ease-in-out .6s infinite iso-ripple}@keyframes iso-glitch{0%,to{transform:perspective(400px)rotateX(5deg)rotateY(0)}10%{transform:perspective(400px)rotateX(8deg)rotateY(-2deg)skew(1deg)}20%{transform:perspective(400px)rotateX(3deg)rotateY(1deg)skew(-.5deg)}30%{transform:perspective(400px)rotateX(7deg)rotateY(-1deg)skew(.5deg)}40%{transform:perspective(400px)rotateX(4deg)rotateY(0)skew(0)}to{transform:perspective(400px)rotateX(5deg)rotateY(0)}}.iso-glitch{animation:.6s ease-in-out 3 iso-glitch}.iso-float-2{animation-delay:.5s}.iso-float-3{animation-delay:1s}.iso-float-4{animation-delay:1.5s}.iso-float-5{animation-delay:2s}@keyframes iso-step-rise{0%{transform:translateY(0)}40%{transform:translateY(-12px)}60%{transform:translateY(-12px)}to{transform:translateY(0)}}.iso-step-rise{animation:1.6s ease-in-out infinite iso-step-rise}.iso-step-rise-2{animation:1.6s ease-in-out .2s infinite iso-step-rise}.iso-step-rise-3{animation:1.6s ease-in-out .4s infinite iso-step-rise}.iso-step-rise-4{animation:1.6s ease-in-out .6s infinite iso-step-rise}.iso-step-rise-5{animation:1.6s ease-in-out .8s infinite iso-step-rise}@keyframes drawer-slide-in{0%{opacity:0;transform:translate(32px)}to{opacity:1;transform:translate(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.u-muted{color:var(--text-secondary)}.u-danger{color:var(--status-danger)}.u-raised{background:#1c1c22;background:var(--bg-raised)}.u-fg{color:var(--text-primary)}.u-brand{color:var(--brand-secondary)}.u-base{background:#0a0a0d;background:var(--bg-base)}.u-danger-bg{background:#ff3b5c;background:var(--status-danger)}.u-brand-border{border-color:#00e5ff;border-color:var(--brand-secondary)}.u-brand-accent{accent-color:#f0f;accent-color:var(--brand-primary)}.u-brand-bg{background:#f0f;background:var(--brand-primary)}.u-brand-foreground{color:var(--text-on-brand)}.u-raised\/50{background:#1c1c2280;background:color-mix(in srgb,var(--bg-raised) 50%,transparent)}.u-raised\/40{background:#1c1c2266;background:color-mix(in srgb,var(--bg-raised) 40%,transparent)}.u-raised\/20{background:#1c1c2233;background:color-mix(in srgb,var(--bg-raised) 20%,transparent)}.u-muted\/50{color:color-mix(in srgb,var(--text-secondary) 50%,transparent)}.u-danger-bg\/10{background:#ff3b5c1a;background:color-mix(in srgb,var(--status-danger) 10%,transparent)}.hover\:u-raised\/30:hover{background:#1c1c224d;background:color-mix(in srgb,var(--bg-raised) 30%,transparent)}.hover\:u-raised\/50:hover{background:#1c1c2280;background:color-mix(in srgb,var(--bg-raised) 50%,transparent)}.hover\:u-fg:hover{color:var(--text-primary)}.hover\:u-danger-bg\/10:hover{background:#ff3b5c1a;background:color-mix(in srgb,var(--status-danger) 10%,transparent)}.u-raised-foreground{background:#b0b0b8;background:var(--text-secondary)}.u-border{border-color:#ffffff0f;border-color:var(--border-subtle)}.u-danger-border\/40{border-color:#ff3b5c66;border-color:color-mix(in srgb,var(--status-danger) 40%,transparent)}@media (prefers-reduced-motion:reduce){*,:after,:before{transition-duration:.01ms!important;animation-duration:.01ms!important}.bg-noise-animated:before,.iso-assemble,.iso-assemble-2,.iso-assemble-3,.iso-assemble-4,.iso-assemble-5,.iso-bounce,.iso-bounce-once,.iso-card-flip,.iso-card-flip-2,.iso-city-animated,.iso-cubes-animated,.iso-drift,.iso-float,.iso-float-2,.iso-float-3,.iso-float-4,.iso-float-5,.iso-float-spin,.iso-glitch,.iso-grid-animated,.iso-grid-dense-animated,.iso-grid-scroll,.iso-hex-animated,.iso-hinge,.iso-morph,.iso-perspective-dolly,.iso-pipes-animated,.iso-rain,.iso-rain-2,.iso-rain-3,.iso-rain-4,.iso-rain-5,.iso-ripple,.iso-ripple-2,.iso-ripple-3,.iso-ripple-4,.iso-ripple-5,.iso-rotate-cube,.iso-step-build,.iso-step-rise,.iso-step-rise-2,.iso-step-rise-3,.iso-step-rise-4,.iso-step-rise-5,.iso-sway,.iso-terrain-animated,.iso-terrain-shift,.iso-wave-animated,.motion-lines-horizontal:before,.motion-lines-radial:before,.motion-lines:before,.texture-animated:before{animation:none!important}}@media (prefers-contrast:more){.badge,.btn,.card,.drawer,.input,.menu,.modal,.select-native,.surface,.tag,.textarea,.toast,.toolbar{border-width:2px;border-color:currentColor}.border-default,.border-strong,.border-subtle{border-color:currentColor}.focus-visible,:focus-visible{outline-offset:3px;outline:3px solid}}