7k-design-system 1.1.0 → 1.2.0

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 (89) hide show
  1. package/CHANGELOG.md +34 -0
  2. package/CONSUMER_GUIDE.md +109 -50
  3. package/DESIGN.md +631 -439
  4. package/README.md +76 -75
  5. package/SKILL.md +107 -78
  6. package/build/icons/icon-7kgroup-light.svg +10 -0
  7. package/build/icons/icon-7kgroup.svg +10 -0
  8. package/build/icons/icon-7kminato-light.svg +10 -0
  9. package/build/icons/icon-7kminato.svg +10 -0
  10. package/build/icons/icon-base.svg +10 -0
  11. package/build/icons/icon-inari-light.svg +10 -0
  12. package/build/icons/icon-inari.svg +10 -0
  13. package/dist/7k-design-system.css +1 -1
  14. package/dist/animations.css +1 -1
  15. package/dist/build/icons/icon-7kgroup-light.svg +10 -0
  16. package/dist/build/icons/icon-7kgroup.svg +10 -0
  17. package/dist/build/icons/icon-7kminato-light.svg +10 -0
  18. package/dist/build/icons/icon-7kminato.svg +10 -0
  19. package/dist/build/icons/icon-base.svg +10 -0
  20. package/dist/build/icons/icon-inari-light.svg +10 -0
  21. package/dist/build/icons/icon-inari.svg +10 -0
  22. package/dist/components.css +1 -1
  23. package/dist/mockServiceWorker.js +361 -0
  24. package/dist/projects.css +1 -0
  25. package/dist/react/components/Alert.d.ts +2 -0
  26. package/dist/react/components/Avatar.d.ts +2 -0
  27. package/dist/react/{react/components → components}/Badge.d.ts +0 -1
  28. package/dist/react/{react/components → components}/Button.d.ts +0 -1
  29. package/dist/react/components/Card.d.ts +4 -0
  30. package/dist/react/components/Checkbox.d.ts +2 -0
  31. package/dist/react/components/Drawer.d.ts +2 -0
  32. package/dist/react/components/Icon.d.ts +2 -0
  33. package/dist/react/{react/components → components}/Input.d.ts +0 -1
  34. package/dist/react/components/IsometricBackground.d.ts +2 -0
  35. package/dist/react/components/Listbox.d.ts +2 -0
  36. package/dist/react/components/Modal.d.ts +4 -0
  37. package/dist/react/components/Nav.d.ts +3 -0
  38. package/dist/react/components/Progress.d.ts +2 -0
  39. package/dist/react/components/ProjectIcon.d.ts +6 -0
  40. package/dist/react/components/Radio.d.ts +2 -0
  41. package/dist/react/components/Select.d.ts +3 -0
  42. package/dist/react/components/Skeleton.d.ts +2 -0
  43. package/dist/react/components/Spinner.d.ts +2 -0
  44. package/dist/react/components/Tabs.d.ts +8 -0
  45. package/dist/react/components/TextureOverlay.d.ts +2 -0
  46. package/dist/react/components/Toast.d.ts +2 -0
  47. package/dist/react/components/Toggle.d.ts +2 -0
  48. package/dist/react/components/Tooltip.d.ts +2 -0
  49. package/dist/react/index.cjs +1 -1
  50. package/dist/react/index.d.ts +32 -0
  51. package/dist/react/index.js +1188 -128
  52. package/dist/react/mockServiceWorker.js +361 -0
  53. package/dist/react/theme/ProjectProvider.d.ts +14 -0
  54. package/dist/react/{react/theme → theme}/ThemeContext.d.ts +0 -1
  55. package/dist/react/{react/theme → theme}/ThemeProvider.d.ts +0 -1
  56. package/dist/react/theme/projects.d.ts +4 -0
  57. package/dist/react/theme/useProject.d.ts +2 -0
  58. package/dist/react/{react/theme → theme}/useTheme.d.ts +0 -1
  59. package/dist/react/types.d.ts +160 -0
  60. package/dist/textures.css +1 -1
  61. package/dist/tokens.css +1 -1
  62. package/package.json +49 -35
  63. package/dist/preview/brand-assets.html +0 -83
  64. package/dist/preview/colors-primary.html +0 -101
  65. package/dist/preview/components-buttons.html +0 -84
  66. package/dist/preview/spacing-tokens.html +0 -79
  67. package/dist/preview/textures-backgrounds.html +0 -102
  68. package/dist/preview/typography-specimens.html +0 -73
  69. package/dist/react/react/components/Badge.stories.d.ts +0 -12
  70. package/dist/react/react/components/Button.stories.d.ts +0 -16
  71. package/dist/react/react/components/Input.stories.d.ts +0 -11
  72. package/dist/react/react/components/ThemeToggle.stories.d.ts +0 -7
  73. package/dist/react/react/index.d.ts +0 -8
  74. package/dist/react/react/types.d.ts +0 -33
  75. package/dist/react/stories/Components.stories.d.ts +0 -10
  76. package/dist/react/stories/Textures.stories.d.ts +0 -11
  77. package/preview/brand-assets.html +0 -83
  78. package/preview/colors-primary.html +0 -101
  79. package/preview/components-buttons.html +0 -84
  80. package/preview/spacing-tokens.html +0 -79
  81. package/preview/textures-backgrounds.html +0 -102
  82. package/preview/typography-specimens.html +0 -73
  83. /package/build/{icon.svg → icons/icon.svg} +0 -0
  84. /package/build/{logo-7k-light.svg → logos/logo-7k-light.svg} +0 -0
  85. /package/build/{logo-7k.svg → logos/logo-7k.svg} +0 -0
  86. /package/dist/build/{icon.svg → icons/icon.svg} +0 -0
  87. /package/dist/build/{logo-7k-light.svg → logos/logo-7k-light.svg} +0 -0
  88. /package/dist/build/{logo-7k.svg → logos/logo-7k.svg} +0 -0
  89. /package/dist/react/{react/components → components}/ThemeToggle.d.ts +0 -0
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-display:swap;font-family:Geist Pixel;font-style:normal;font-weight:400;src:url(../fonts/GeistPixel-Square.ttf) format("truetype")}@font-face{font-display:swap;font-family:Geist Pixel;font-style:normal;font-weight:500;src:url(../fonts/GeistPixel-Circle.ttf) format("truetype")}@font-face{font-display:swap;font-family:Geist Pixel;font-style:normal;font-weight:600;src:url(../fonts/GeistPixel-Grid.ttf) format("truetype")}@font-face{font-display:swap;font-family:Geist Pixel;font-style:normal;font-weight:700;src:url(../fonts/GeistPixel-Line.ttf) format("truetype")}@font-face{font-display:swap;font-family:Geist Pixel;font-style:normal;font-weight:800;src:url(../fonts/GeistPixel-Triangle.ttf) format("truetype")}: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;--solar-50:#fffce5;--solar-100:#fff5b8;--solar-200:#ffee8a;--solar-300:#ffe65c;--solar-400:#ffde2e;--solar-500:#ffd60a;--solar-600:#d6b208;--solar-700:#a88d06;--solar-800:#806c04;--solar-900:#574903;--solar-950:#332b02;--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;--acid-50:#f2ffe5;--acid-100:#deffb8;--acid-200:#caff8a;--acid-300:#b7ff5c;--acid-400:#a3ff2e;--acid-500:#7cff00;--acid-600:#6c0;--acid-700:#4d9900;--acid-800:#3a7300;--acid-900:#274d00;--acid-950:#172e00;--ember-50:#ffeee5;--ember-100:#ffd2b8;--ember-200:#ffb68a;--ember-300:#ff9b5c;--ember-400:#ff7f2e;--ember-500:#ff6b35;--ember-600:#d45929;--ember-700:#a8431c;--ember-800:#802f13;--ember-900:#57200c;--ember-950:#331205;--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;--onebit-black:#000;--onebit-white:#fff;--texture-02:hsla(0,0%,100%,.02);--texture-03:hsla(0,0%,100%,.03);--texture-04:hsla(0,0%,100%,.04);--texture-05:hsla(0,0%,100%,.05);--texture-06:hsla(0,0%,100%,.06);--texture-07:hsla(0,0%,100%,.07);--texture-08:hsla(0,0%,100%,.08);--texture-09:hsla(0,0%,100%,.09);--texture-13:hsla(0,0%,100%,.13);--texture-19:hsla(0,0%,100%,.19);--texture-38:hsla(0,0%,100%,.38);--texture-50:hsla(0,0%,100%,.5);--texture-solid:#fff;--texture-noise-svg:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cfilter id='a'%3E%3CfeTurbulence baseFrequency='.85' numOctaves='4' stitchTiles='stitch' type='fractalNoise'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' fill='%23fff' filter='url(%23a)' opacity='.04'/%3E%3C/svg%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:hsla(0,0%,100%,.04);--text-primary:var(--neutral-50);--text-secondary:var(--neutral-300);--text-tertiary:var(--neutral-500);--text-placeholder:var(--neutral-500);--text-disabled:var(--neutral-700);--text-inverse:var(--neutral-void);--border-subtle:hsla(0,0%,100%,.06);--border-default:hsla(0,0%,100%,.1);--border-strong:hsla(0,0%,100%,.18);--border-focus:var(--magenta-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);--accent-square:var(--magenta-500);--accent-triangle:var(--solar-500);--accent-circle:var(--cyan-500);--accent-grid:var(--acid-500);--accent-line:var(--ember-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-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 rgba(0,0,0,.4);--shadow-md:0 4px 12px rgba(0,0,0,.5);--shadow-lg:0 12px 32px rgba(0,0,0,.6);--shadow-xl:0 24px 64px rgba(0,0,0,.7);--shadow-glow:0 0 0 1px var(--brand-primary),0 0 24px var(--brand-primary-glow);--shadow-inset:inset 0 1px 0 hsla(0,0%,100%,.04);--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{--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:rgba(0,0,0,.04);--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:rgba(0,0,0,.06);--border-default:rgba(0,0,0,.1);--border-strong:rgba(0,0,0,.18);--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);--accent-square:var(--magenta-500);--accent-triangle:var(--solar-600);--accent-circle:var(--cyan-600);--accent-grid:var(--acid-600);--accent-line:var(--ember-600);--shadow-sm:0 1px 2px rgba(0,0,0,.08);--shadow-md:0 4px 12px rgba(0,0,0,.1);--shadow-lg:0 12px 32px rgba(0,0,0,.12);--shadow-xl:0 24px 64px rgba(0,0,0,.15);--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 hsla(0,0%,100%,.6);--texture-02:rgba(0,0,0,.02);--texture-03:rgba(0,0,0,.03);--texture-04:rgba(0,0,0,.04);--texture-05:rgba(0,0,0,.05);--texture-06:rgba(0,0,0,.06);--texture-07:rgba(0,0,0,.07);--texture-08:rgba(0,0,0,.08);--texture-09:rgba(0,0,0,.09);--texture-13:rgba(0,0,0,.13);--texture-19:rgba(0,0,0,.19);--texture-38:rgba(0,0,0,.38);--texture-50:rgba(0,0,0,.5);--texture-solid:var(--onebit-black);--texture-noise-svg:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cfilter id='a'%3E%3CfeTurbulence baseFrequency='.85' numOctaves='4' stitchTiles='stitch' type='fractalNoise'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='.04'/%3E%3C/svg%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:rgba(0,0,0,.04);--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:rgba(0,0,0,.06);--border-default:rgba(0,0,0,.1);--border-strong:rgba(0,0,0,.18);--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);--accent-square:var(--magenta-500);--accent-triangle:var(--solar-600);--accent-circle:var(--cyan-600);--accent-grid:var(--acid-600);--accent-line:var(--ember-600);--shadow-sm:0 1px 2px rgba(0,0,0,.08);--shadow-md:0 4px 12px rgba(0,0,0,.1);--shadow-lg:0 12px 32px rgba(0,0,0,.12);--shadow-xl:0 24px 64px rgba(0,0,0,.15);--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 hsla(0,0%,100%,.6);--texture-02:rgba(0,0,0,.02);--texture-03:rgba(0,0,0,.03);--texture-04:rgba(0,0,0,.04);--texture-05:rgba(0,0,0,.05);--texture-06:rgba(0,0,0,.06);--texture-07:rgba(0,0,0,.07);--texture-08:rgba(0,0,0,.08);--texture-09:rgba(0,0,0,.09);--texture-13:rgba(0,0,0,.13);--texture-19:rgba(0,0,0,.19);--texture-38:rgba(0,0,0,.38);--texture-50:rgba(0,0,0,.5);--texture-solid:var(--onebit-black);--texture-noise-svg:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cfilter id='a'%3E%3CfeTurbulence baseFrequency='.85' numOctaves='4' stitchTiles='stitch' type='fractalNoise'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='.04'/%3E%3C/svg%3E")}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{background:#0a0a0d;background:var(--bg-base);color:#fafafb;color:var(--text-primary);font-family:Geist,system-ui,-apple-system,sans-serif;font-family:var(--font-sans);font-size:1rem;font-size:var(--text-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{color:#fafafb;color:var(--text-primary);font-family:Geist,system-ui,-apple-system,sans-serif;font-family:var(--font-sans);letter-spacing:-.04em}.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);font-weight:700;letter-spacing:-.03em;line-height:1.15}.h2,.h3,h2,h3{color:#fafafb;color:var(--text-primary);font-family:Geist,system-ui,-apple-system,sans-serif;font-family:var(--font-sans)}.h3,h3{font-size:2rem;font-size:var(--text-h3);line-height:1.2}.h3,.h4,h3,h4{font-weight:600;letter-spacing:-.02em}.h4,h4{color:#fafafb;color:var(--text-primary);font-family:Geist,system-ui,-apple-system,sans-serif;font-family:var(--font-sans);font-size:1.5rem;font-size:var(--text-h4);line-height:1.3}.body-lg{font-size:1.125rem;font-size:var(--text-body-lg)}.body,.body-lg{color:#b0b0b8;color:var(--text-secondary);font-family:Geist,system-ui,-apple-system,sans-serif;font-family:var(--font-sans);font-weight:400;letter-spacing:-.01em;line-height:1.6}.body{font-size:1rem;font-size:var(--text-body)}.body-sm{color:#6b6b72;color:var(--text-tertiary);font-family:Geist,system-ui,-apple-system,sans-serif;font-family:var(--font-sans);font-size:.875rem;font-size:var(--text-body-sm);font-weight:400;letter-spacing:-.01em;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:#b0b0b8;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;line-height:1.2;text-transform:uppercase}.mono,.mono-body{color:#fafafb;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}.pixel-square{font-weight:400}.pixel-circle,.pixel-square{font-family:Geist Pixel,monospace}.pixel-circle{font-weight:500}.pixel-grid{font-weight:600}.pixel-grid,.pixel-line{font-family:Geist Pixel,monospace}.pixel-line{font-weight:700}.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-bottom:8px;padding-top:8px}.py-4{padding-bottom:16px;padding-top:16px}.py-6{padding-bottom:24px;padding-top: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:#f0f;color:var(--brand-primary)}.text-cyan{color:#00e5ff;color:var(--accent-circle)}.text-grid{color:#7cff00;color:var(--accent-grid)}.text-line{color:#ff6b35;color:var(--accent-line)}.text-success{color:#00e676;color:var(--status-success)}.text-warning{color:#ffb300;color:var(--status-warning)}.text-danger{color:#ff3b5c;color:var(--status-danger)}.text-fg-secondary{color:#b0b0b8;color:var(--text-secondary)}.text-onebit-black{color:#000;color:var(--onebit-black)}.text-onebit-white{color:#fff;color:var(--onebit-white)}.bg-accent{background:#f0f;background:var(--brand-primary)}.bg-cyan{background:#00e5ff;background:var(--accent-circle)}.bg-surface{background:#131318;background:var(--bg-elevated)}.bg-surface-elevated{background:#1c1c22;background:var(--bg-raised)}.bg-onebit-black{background:#000;background:var(--onebit-black)}.bg-onebit-white{background:#fff;background:var(--onebit-white)}.border-accent{border-color:#f0f;border-color:var(--brand-primary)}.border-cyan{border-color:#00e5ff;border-color:var(--accent-circle)}.border-danger{border-color:#ff3b5c;border-color:var(--status-danger)}.glow-accent{box-shadow:0 0 20px color-mix(in srgb,#f0f 25%,transparent);box-shadow:0 0 20px color-mix(in srgb,var(--brand-primary) 25%,transparent)}.glow-cyan{box-shadow:0 0 20px color-mix(in srgb,#00e5ff 25%,transparent);box-shadow:0 0 20px color-mix(in srgb,var(--accent-circle) 25%,transparent)}.glow-grid{box-shadow:0 0 20px color-mix(in srgb,#7cff00 25%,transparent);box-shadow:0 0 20px color-mix(in srgb,var(--accent-grid) 25%,transparent)}.glow-line{box-shadow:0 0 20px color-mix(in srgb,#ff6b35 25%,transparent);box-shadow:0 0 20px color-mix(in srgb,var(--accent-line) 25%,transparent)}.text-neutral-50{color:#fafafb;color:var(--neutral-50)}.text-neutral-100{color:#eeeef1;color:var(--neutral-100)}.text-neutral-200{color:#d7d7dc;color:var(--neutral-200)}.text-neutral-300{color:#b0b0b8;color:var(--neutral-300)}.text-neutral-400{color:#82828a;color:var(--neutral-400)}.text-neutral-500{color:#6b6b72;color:var(--neutral-500)}.text-neutral-600{color:#50505a;color:var(--neutral-600)}.text-neutral-700{color:#3a3a42;color:var(--neutral-700)}.text-neutral-800{color:#26262b;color:var(--neutral-800)}.text-neutral-900{color:#1c1c22;color:var(--neutral-900)}.text-neutral-950{color:#131318;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:#ffe5ff;color:var(--magenta-50)}.text-magenta-100{color:#ffc2ff;color:var(--magenta-100)}.text-magenta-200{color:#f9f;color:var(--magenta-200)}.text-magenta-300{color:#f6f;color:var(--magenta-300)}.text-magenta-400{color:#f3f;color:var(--magenta-400)}.text-magenta-500{color:#f0f;color:var(--magenta-500)}.text-magenta-600{color:#d600d6;color:var(--magenta-600)}.text-magenta-700{color:#a800a8;color:var(--magenta-700)}.text-magenta-800{color:purple;color:var(--magenta-800)}.text-magenta-900{color:#570057;color:var(--magenta-900)}.text-magenta-950{color:#303;color:var(--magenta-950)}.bg-accent-subtle{background:color-mix(in srgb,#f0f 10%,transparent);background:color-mix(in srgb,var(--brand-primary) 10%,transparent)}.bg-cyan-subtle{background:color-mix(in srgb,#00e5ff 10%,transparent);background:color-mix(in srgb,var(--accent-circle) 10%,transparent)}.bg-grid-subtle{background:color-mix(in srgb,#7cff00 10%,transparent);background:color-mix(in srgb,var(--accent-grid) 10%,transparent)}.bg-line-subtle{background:color-mix(in srgb,#ff6b35 10%,transparent);background:color-mix(in srgb,var(--accent-line) 10%,transparent)}:focus-visible{outline:2px solid #f0f;outline:2px solid var(--brand-primary);outline-offset:2px}::-moz-selection{background:#f0f;background:var(--brand-primary);color:#fff;color:var(--onebit-white)}::selection{background:#f0f;background:var(--brand-primary);color:#fff;color:var(--onebit-white)}.scanline{overflow:hidden;position:relative}.scanline:after{animation:scanline-scroll 8s linear infinite;background:repeating-linear-gradient(0deg,transparent,transparent 2px,hsla(0,0%,100%,.03) 0,hsla(0,0%,100%,.03) 4px);background:repeating-linear-gradient(0deg,transparent,transparent 2px,var(--texture-03) 2px,var(--texture-03) 4px);content:"";top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute;z-index:1}.scanline-fast{overflow:hidden;position:relative}.scanline-fast:after{animation:scanline-scroll 3s linear infinite;background:repeating-linear-gradient(0deg,transparent,transparent 1px,hsla(0,0%,100%,.05) 0,hsla(0,0%,100%,.05) 2px);background:repeating-linear-gradient(0deg,transparent,transparent 1px,var(--texture-05) 1px,var(--texture-05) 2px);content:"";top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute;z-index:1}.halftone-sm{background-image:radial-gradient(hsla(0,0%,100%,.08) .5px,transparent 0);background-image:radial-gradient(var(--texture-08) .5px,transparent .5px);background-size:4px 4px}.halftone-md{background-image:radial-gradient(hsla(0,0%,100%,.05) 1px,transparent 0);background-image:radial-gradient(var(--texture-05) 1px,transparent 1px);background-size:6px 6px}.halftone-lg{background-image:radial-gradient(hsla(0,0%,100%,.04) 1.5px,transparent 0);background-image:radial-gradient(var(--texture-04) 1.5px,transparent 1.5px);background-size:10px 10px}.halftone-accent{background-image:radial-gradient(#f0f 1px,transparent 0);background-image:radial-gradient(var(--brand-primary) 1px,transparent 1px);background-size:8px 8px}.dot-matrix{background-image:radial-gradient(hsla(0,0%,100%,.07) .5px,transparent 0);background-image:radial-gradient(var(--texture-07) .5px,transparent .5px);background-size:6px 6px}.dot-matrix-dense{background-image:radial-gradient(hsla(0,0%,100%,.09) .5px,transparent 0);background-image:radial-gradient(var(--texture-09) .5px,transparent .5px);background-size:3px 3px}.dot-matrix-sparse{background-image:radial-gradient(hsla(0,0%,100%,.04) 1px,transparent 0);background-image:radial-gradient(var(--texture-04) 1px,transparent 1px);background-size:12px 12px}.diagonal-stripes{background:repeating-linear-gradient(45deg,transparent,transparent 6px,hsla(0,0%,100%,.04) 0,hsla(0,0%,100%,.04) 7px);background:repeating-linear-gradient(45deg,transparent,transparent 6px,var(--texture-04) 6px,var(--texture-04) 7px)}.diagonal-stripes-dense{background:repeating-linear-gradient(45deg,transparent,transparent 3px,hsla(0,0%,100%,.08) 0,hsla(0,0%,100%,.08) 4px);background:repeating-linear-gradient(45deg,transparent,transparent 3px,var(--texture-08) 3px,var(--texture-08) 4px)}.diagonal-stripes-negative{background:repeating-linear-gradient(45deg,#000,#000 6px,#fff 0,#fff 7px);background:repeating-linear-gradient(45deg,var(--onebit-black),var(--onebit-black) 6px,var(--onebit-white) 6px,var(--onebit-white) 7px)}.stripes-h{background:repeating-linear-gradient(0deg,transparent,transparent 8px,hsla(0,0%,100%,.04) 0,hsla(0,0%,100%,.04) 9px);background:repeating-linear-gradient(0deg,transparent,transparent 8px,var(--texture-04) 8px,var(--texture-04) 9px)}.stripes-h-dense{background:repeating-linear-gradient(0deg,transparent,transparent 4px,hsla(0,0%,100%,.08) 0,hsla(0,0%,100%,.08) 5px);background:repeating-linear-gradient(0deg,transparent,transparent 4px,var(--texture-08) 4px,var(--texture-08) 5px)}.stripes-v{background:repeating-linear-gradient(90deg,transparent,transparent 8px,hsla(0,0%,100%,.04) 0,hsla(0,0%,100%,.04) 9px);background:repeating-linear-gradient(90deg,transparent,transparent 8px,var(--texture-04) 8px,var(--texture-04) 9px)}.stripes-v-dense{background:repeating-linear-gradient(90deg,transparent,transparent 4px,hsla(0,0%,100%,.08) 0,hsla(0,0%,100%,.08) 5px);background:repeating-linear-gradient(90deg,transparent,transparent 4px,var(--texture-08) 4px,var(--texture-08) 5px)}.crosshatch{background-image:repeating-linear-gradient(45deg,transparent,transparent 6px,hsla(0,0%,100%,.04) 0,hsla(0,0%,100%,.04) 7px),repeating-linear-gradient(-45deg,transparent,transparent 6px,hsla(0,0%,100%,.04) 0,hsla(0,0%,100%,.04) 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)}.crosshatch-dense{background-image:repeating-linear-gradient(45deg,transparent,transparent 3px,hsla(0,0%,100%,.08) 0,hsla(0,0%,100%,.08) 4px),repeating-linear-gradient(-45deg,transparent,transparent 3px,hsla(0,0%,100%,.08) 0,hsla(0,0%,100%,.08) 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)}.checkerboard{background-image:linear-gradient(45deg,hsla(0,0%,100%,.04) 25%,transparent 0),linear-gradient(-45deg,hsla(0,0%,100%,.04) 25%,transparent 0),linear-gradient(45deg,transparent 75%,hsla(0,0%,100%,.04) 0),linear-gradient(-45deg,transparent 75%,hsla(0,0%,100%,.04) 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}.checkerboard-onebit{background-image:linear-gradient(45deg,#000 25%,transparent 0),linear-gradient(-45deg,#000 25%,transparent 0),linear-gradient(45deg,transparent 75%,#000 0),linear-gradient(-45deg,transparent 75%,#000 0);background-image:linear-gradient(45deg,var(--onebit-black) 25%,transparent 25%),linear-gradient(-45deg,var(--onebit-black) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--onebit-black) 75%),linear-gradient(-45deg,transparent 75%,var(--onebit-black) 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}.noise{position:relative}.noise:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cfilter id='a'%3E%3CfeTurbulence baseFrequency='.85' numOctaves='4' stitchTiles='stitch' type='fractalNoise'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' fill='%23fff' filter='url(%23a)' opacity='.04'/%3E%3C/svg%3E");background-image:var(--texture-noise-svg);background-size:128px 128px;content:"";top:0;right:0;bottom:0;left:0;opacity:.5;pointer-events:none;position:absolute;z-index:1}.noise-heavy:before{opacity:.12}.vignette-onebit{position:relative}.vignette-onebit:after{background:radial-gradient(ellipse at center,transparent 50%,#00080 100%);background:radial-gradient(ellipse at center,transparent 50%,var(--onebit-black)80 100%);content:"";top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute;z-index:1}.vignette-onebit-sharp:after{background:radial-gradient(ellipse at center,transparent 30%,#000 100%);background:radial-gradient(ellipse at center,transparent 30%,var(--onebit-black) 100%)}.waves{background:radial-gradient(ellipse at 50% 0,transparent 60%,hsla(0,0%,100%,.02) 0,hsla(0,0%,100%,.02) 61%),radial-gradient(ellipse at 50% 0,transparent 50%,hsla(0,0%,100%,.02) 0,hsla(0,0%,100%,.02) 51%),radial-gradient(ellipse at 50% 0,transparent 40%,hsla(0,0%,100%,.03) 0,hsla(0,0%,100%,.03) 41%),radial-gradient(ellipse at 50% 0,transparent 30%,hsla(0,0%,100%,.02) 0,hsla(0,0%,100%,.02) 31%),radial-gradient(ellipse at 50% 0,transparent 20%,hsla(0,0%,100%,.03) 0,hsla(0,0%,100%,.03) 21%),radial-gradient(ellipse at 50% 0,transparent 10%,hsla(0,0%,100%,.02) 0,hsla(0,0%,100%,.02) 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}.waves-dense{background:radial-gradient(ellipse at 50% 0,transparent 65%,hsla(0,0%,100%,.05) 0,hsla(0,0%,100%,.05) 66%),radial-gradient(ellipse at 50% 0,transparent 55%,hsla(0,0%,100%,.04) 0,hsla(0,0%,100%,.04) 56%),radial-gradient(ellipse at 50% 0,transparent 45%,hsla(0,0%,100%,.05) 0,hsla(0,0%,100%,.05) 46%),radial-gradient(ellipse at 50% 0,transparent 35%,hsla(0,0%,100%,.04) 0,hsla(0,0%,100%,.04) 36%),radial-gradient(ellipse at 50% 0,transparent 25%,hsla(0,0%,100%,.05) 0,hsla(0,0%,100%,.05) 26%),radial-gradient(ellipse at 50% 0,transparent 15%,hsla(0,0%,100%,.04) 0,hsla(0,0%,100%,.04) 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}.concentric-rings{background:radial-gradient(circle at 50% 50%,transparent 10%,hsla(0,0%,100%,.03) 0,hsla(0,0%,100%,.03) 11%,transparent 0),radial-gradient(circle at 50% 50%,transparent 20%,hsla(0,0%,100%,.03) 0,hsla(0,0%,100%,.03) 21%,transparent 0),radial-gradient(circle at 50% 50%,transparent 30%,hsla(0,0%,100%,.04) 0,hsla(0,0%,100%,.04) 31%,transparent 0),radial-gradient(circle at 50% 50%,transparent 40%,hsla(0,0%,100%,.03) 0,hsla(0,0%,100%,.03) 41%,transparent 0),radial-gradient(circle at 50% 50%,transparent 50%,hsla(0,0%,100%,.03) 0,hsla(0,0%,100%,.03) 51%,transparent 0),radial-gradient(circle at 50% 50%,transparent 60%,hsla(0,0%,100%,.02) 0,hsla(0,0%,100%,.02) 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}.concentric-rings-dense{background:radial-gradient(circle at 50% 50%,transparent 8%,hsla(0,0%,100%,.06) 0,hsla(0,0%,100%,.06) 9%,transparent 0),radial-gradient(circle at 50% 50%,transparent 16%,hsla(0,0%,100%,.05) 0,hsla(0,0%,100%,.05) 17%,transparent 0),radial-gradient(circle at 50% 50%,transparent 24%,hsla(0,0%,100%,.06) 0,hsla(0,0%,100%,.06) 25%,transparent 0),radial-gradient(circle at 50% 50%,transparent 32%,hsla(0,0%,100%,.05) 0,hsla(0,0%,100%,.05) 33%,transparent 0),radial-gradient(circle at 50% 50%,transparent 40%,hsla(0,0%,100%,.06) 0,hsla(0,0%,100%,.06) 41%,transparent 0),radial-gradient(circle at 50% 50%,transparent 48%,hsla(0,0%,100%,.05) 0,hsla(0,0%,100%,.05) 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}.grid-dots{background-image:radial-gradient(hsla(0,0%,100%,.06) 1px,transparent 0),radial-gradient(hsla(0,0%,100%,.06) 1px,transparent 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}.grid-dots-dense{background-image:radial-gradient(hsla(0,0%,100%,.09) .8px,transparent 0),radial-gradient(hsla(0,0%,100%,.09) .8px,transparent 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}.grid-dots-accent{background-image:radial-gradient(var(--magenta-500/.15) 1px,transparent 1px),radial-gradient(var(--magenta-500/.15) 1px,transparent 1px);background-position:0 0,10px 10px;background-size:20px 20px,20px 20px}.rain{background:repeating-linear-gradient(20deg,transparent,transparent 3px,hsla(0,0%,100%,.02) 0,hsla(0,0%,100%,.02) 4px);background:repeating-linear-gradient(20deg,transparent,transparent 3px,var(--texture-02) 3px,var(--texture-02) 4px);background-size:8px 20px}.rain-dense{background:repeating-linear-gradient(20deg,transparent,transparent 2px,hsla(0,0%,100%,.05) 0,hsla(0,0%,100%,.05) 3px);background:repeating-linear-gradient(20deg,transparent,transparent 2px,var(--texture-05) 2px,var(--texture-05) 3px);background-size:6px 12px}.rain-angled{background:repeating-linear-gradient(35deg,transparent,transparent 3px,hsla(0,0%,100%,.03) 0,hsla(0,0%,100%,.03) 4px),repeating-linear-gradient(-35deg,transparent,transparent 6px,hsla(0,0%,100%,.02) 0,hsla(0,0%,100%,.02) 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}.starburst{background:repeating-conic-gradient(hsla(0,0%,100%,.03) 0,hsla(0,0%,100%,.03) .5%,transparent .5%,transparent 5%);background:repeating-conic-gradient(var(--texture-03) 0,var(--texture-03) .5%,transparent .5%,transparent 5%);background-size:100% 100%}.starburst-dense{background:repeating-conic-gradient(hsla(0,0%,100%,.06) 0,hsla(0,0%,100%,.06) .3%,transparent .3%,transparent 3%);background:repeating-conic-gradient(var(--texture-06) 0,var(--texture-06) .3%,transparent .3%,transparent 3%)}.starburst-accent{background:repeating-conic-gradient(color-mix(in srgb,#f0f 12%,transparent) 0,color-mix(in srgb,#f0f 12%,transparent) .5%,transparent .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) .5%,transparent .5%,transparent 4%)}.zigzag{background:repeating-linear-gradient(75deg,transparent,transparent 8px,hsla(0,0%,100%,.04) 0,hsla(0,0%,100%,.04) 9px),repeating-linear-gradient(-75deg,transparent,transparent 8px,hsla(0,0%,100%,.04) 0,hsla(0,0%,100%,.04) 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}.zigzag-dense{background:repeating-linear-gradient(75deg,transparent,transparent 4px,hsla(0,0%,100%,.07) 0,hsla(0,0%,100%,.07) 5px),repeating-linear-gradient(-75deg,transparent,transparent 4px,hsla(0,0%,100%,.07) 0,hsla(0,0%,100%,.07) 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}.zigzag-horizontal{background:repeating-linear-gradient(165deg,transparent,transparent 8px,hsla(0,0%,100%,.04) 0,hsla(0,0%,100%,.04) 9px),repeating-linear-gradient(-165deg,transparent,transparent 8px,hsla(0,0%,100%,.04) 0,hsla(0,0%,100%,.04) 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}.separator-onebit{background:#fff;background:var(--texture-solid);border:none;height:1px;margin:0;opacity:.25;width:100%}.separator-onebit-thick{height:2px;opacity:.4}.separator-onebit-dashed{background:transparent;border-top:2px dashed #fff;border-top:2px dashed var(--texture-solid);height:0;opacity:.3}.separator-onebit-dotted{background:transparent;border-top:2px dotted #fff;border-top:2px dotted var(--texture-solid);height:0;opacity:.25}.isometric-grid{background:repeating-linear-gradient(30deg,transparent,transparent 24px,hsla(0,0%,100%,.03) 0,hsla(0,0%,100%,.03) 25px),repeating-linear-gradient(-30deg,transparent,transparent 24px,hsla(0,0%,100%,.03) 0,hsla(0,0%,100%,.03) 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)}.isometric-grid-dense{background:repeating-linear-gradient(30deg,transparent,transparent 12px,hsla(0,0%,100%,.05) 0,hsla(0,0%,100%,.05) 13px),repeating-linear-gradient(-30deg,transparent,transparent 12px,hsla(0,0%,100%,.05) 0,hsla(0,0%,100%,.05) 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)}.isometric-grid-accent{background:repeating-linear-gradient(30deg,transparent,transparent 24px,var(--magenta-500/.12) 24px,var(--magenta-500/.12) 25px),repeating-linear-gradient(-30deg,transparent,transparent 24px,var(--magenta-500/.12) 24px,var(--magenta-500/.12) 25px)}.isometric-cubes{background:repeating-linear-gradient(150deg,transparent,transparent 20px,hsla(0,0%,100%,.06) 0,hsla(0,0%,100%,.06) 21px),repeating-linear-gradient(-30deg,transparent,transparent 20px,hsla(0,0%,100%,.09) 0,hsla(0,0%,100%,.09) 21px),repeating-linear-gradient(30deg,transparent,transparent 20px,hsla(0,0%,100%,.03) 0,hsla(0,0%,100%,.03) 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}.isometric-cubes-dense{background:repeating-linear-gradient(150deg,transparent,transparent 10px,hsla(0,0%,100%,.07) 0,hsla(0,0%,100%,.07) 11px),repeating-linear-gradient(-30deg,transparent,transparent 10px,hsla(0,0%,100%,.13) 0,hsla(0,0%,100%,.13) 11px),repeating-linear-gradient(30deg,transparent,transparent 10px,hsla(0,0%,100%,.04) 0,hsla(0,0%,100%,.04) 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}.isometric-cubes-accent{background:repeating-linear-gradient(150deg,transparent,transparent 20px,var(--magenta-500/.12) 20px,var(--magenta-500/.12) 21px),repeating-linear-gradient(-30deg,transparent,transparent 20px,var(--magenta-500/.2) 20px,var(--magenta-500/.2) 21px),repeating-linear-gradient(30deg,transparent,transparent 20px,var(--magenta-500/.08) 20px,var(--magenta-500/.08) 21px);background-size:40px 40px}.isometric-pyramid{background:repeating-linear-gradient(150deg,transparent,transparent 15px,hsla(0,0%,100%,.04) 0,hsla(0,0%,100%,.04) 16px),repeating-linear-gradient(-30deg,transparent,transparent 30px,hsla(0,0%,100%,.09) 0,hsla(0,0%,100%,.09) 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}.isometric-hex{background:repeating-linear-gradient(60deg,transparent,transparent 18px,hsla(0,0%,100%,.02) 0,hsla(0,0%,100%,.02) 19px),repeating-linear-gradient(-60deg,transparent,transparent 18px,hsla(0,0%,100%,.02) 0,hsla(0,0%,100%,.02) 19px),repeating-linear-gradient(0deg,transparent,transparent 9px,hsla(0,0%,100%,.04) 0,hsla(0,0%,100%,.04) 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)}.isometric-pipes{background:repeating-linear-gradient(30deg,transparent,transparent 16px,hsla(0,0%,100%,.04) 0,hsla(0,0%,100%,.04) 17px),repeating-linear-gradient(-30deg,transparent,transparent 16px,hsla(0,0%,100%,.04) 0,hsla(0,0%,100%,.04) 17px),repeating-linear-gradient(0deg,transparent,transparent 12px,hsla(0,0%,100%,.02) 0,hsla(0,0%,100%,.02) 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)}.isometric-pipes-fast{background:repeating-linear-gradient(30deg,transparent,transparent 8px,hsla(0,0%,100%,.05) 0,hsla(0,0%,100%,.05) 9px),repeating-linear-gradient(-30deg,transparent,transparent 8px,hsla(0,0%,100%,.05) 0,hsla(0,0%,100%,.05) 9px),repeating-linear-gradient(0deg,transparent,transparent 6px,hsla(0,0%,100%,.03) 0,hsla(0,0%,100%,.03) 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)}.isometric-terrain{background:repeating-linear-gradient(0deg,transparent,transparent 8px,hsla(0,0%,100%,.03) 0,hsla(0,0%,100%,.03) 9px),repeating-linear-gradient(30deg,transparent,transparent 20px,hsla(0,0%,100%,.05) 0,hsla(0,0%,100%,.05) 21px),repeating-linear-gradient(-30deg,transparent,transparent 20px,hsla(0,0%,100%,.04) 0,hsla(0,0%,100%,.04) 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)}.isometric-staircase{background:repeating-linear-gradient(0deg,transparent,transparent 8px,hsla(0,0%,100%,.03) 0,hsla(0,0%,100%,.03) 10px,transparent 0,transparent 18px,hsla(0,0%,100%,.03) 0,hsla(0,0%,100%,.03) 20px),repeating-linear-gradient(-30deg,transparent,transparent 16px,hsla(0,0%,100%,.05) 0,hsla(0,0%,100%,.05) 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}.isometric-diamond-facet{background:repeating-linear-gradient(150deg,transparent,transparent 20px,hsla(0,0%,100%,.06) 0,hsla(0,0%,100%,.06) 21px),repeating-linear-gradient(-30deg,transparent,transparent 20px,hsla(0,0%,100%,.03) 0,hsla(0,0%,100%,.03) 21px),repeating-linear-gradient(30deg,transparent,transparent 20px,hsla(0,0%,100%,.09) 0,hsla(0,0%,100%,.09) 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}.isometric-diamond-facet-dense{background:repeating-linear-gradient(150deg,transparent,transparent 10px,hsla(0,0%,100%,.07) 0,hsla(0,0%,100%,.07) 11px),repeating-linear-gradient(-30deg,transparent,transparent 10px,hsla(0,0%,100%,.04) 0,hsla(0,0%,100%,.04) 11px),repeating-linear-gradient(30deg,transparent,transparent 10px,hsla(0,0%,100%,.13) 0,hsla(0,0%,100%,.13) 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}.isometric-diamond-facet-accent{background:repeating-linear-gradient(150deg,transparent,transparent 20px,var(--magenta-500/.1) 20px,var(--magenta-500/.1) 21px),repeating-linear-gradient(-30deg,transparent,transparent 20px,var(--magenta-500/.06) 20px,var(--magenta-500/.06) 21px),repeating-linear-gradient(30deg,transparent,transparent 20px,var(--magenta-500/.2) 20px,var(--magenta-500/.2) 21px);background-size:52px 30px}.isometric-wave{background:repeating-linear-gradient(0deg,transparent,transparent 10px,hsla(0,0%,100%,.03) 0,hsla(0,0%,100%,.03) 11px),repeating-linear-gradient(15deg,transparent,transparent 12px,hsla(0,0%,100%,.05) 0,hsla(0,0%,100%,.05) 13px),repeating-linear-gradient(-15deg,transparent,transparent 20px,hsla(0,0%,100%,.04) 0,hsla(0,0%,100%,.04) 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}.isometric-wave-fluid{background:repeating-linear-gradient(0deg,transparent,transparent 16px,hsla(0,0%,100%,.02) 0,hsla(0,0%,100%,.02) 17px),repeating-linear-gradient(10deg,transparent,transparent 24px,hsla(0,0%,100%,.04) 0,hsla(0,0%,100%,.04) 25px),repeating-linear-gradient(-10deg,transparent,transparent 16px,hsla(0,0%,100%,.04) 0,hsla(0,0%,100%,.04) 17px),repeating-linear-gradient(30deg,transparent,transparent 32px,hsla(0,0%,100%,.02) 0,hsla(0,0%,100%,.02) 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}.isometric-rooms{background:repeating-linear-gradient(150deg,transparent,transparent 20px,hsla(0,0%,100%,.03) 0,hsla(0,0%,100%,.03) 22px),repeating-linear-gradient(-30deg,transparent,transparent 20px,hsla(0,0%,100%,.04) 0,hsla(0,0%,100%,.04) 22px),repeating-linear-gradient(15deg,transparent,transparent 8px,hsla(0,0%,100%,.02) 0,hsla(0,0%,100%,.02) 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}.isometric-city{background:repeating-linear-gradient(90deg,transparent,transparent 24px,hsla(0,0%,100%,.06) 0,hsla(0,0%,100%,.06) 25px),repeating-linear-gradient(150deg,transparent 12px,transparent 24px,hsla(0,0%,100%,.03) 0,hsla(0,0%,100%,.03) 25px),repeating-linear-gradient(0deg,transparent,transparent 6px,hsla(0,0%,100%,.03) 0,hsla(0,0%,100%,.03) 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}.isometric-city-dense{background:repeating-linear-gradient(90deg,transparent,transparent 16px,hsla(0,0%,100%,.08) 0,hsla(0,0%,100%,.08) 17px),repeating-linear-gradient(150deg,transparent 8px,transparent 16px,hsla(0,0%,100%,.04) 0,hsla(0,0%,100%,.04) 17px),repeating-linear-gradient(0deg,transparent,transparent 4px,hsla(0,0%,100%,.05) 0,hsla(0,0%,100%,.05) 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}.isometric-city-accent{background:repeating-linear-gradient(90deg,transparent,transparent 24px,var(--magenta-500/.15) 24px,var(--magenta-500/.15) 25px),repeating-linear-gradient(150deg,transparent 12px,transparent 24px,var(--magenta-500/.08) 24px,var(--magenta-500/.08) 25px),repeating-linear-gradient(0deg,transparent,transparent 6px,var(--magenta-500/.06) 6px,var(--magenta-500/.06) 7px);background-position:0 0,24px 0,6px 4px;background-size:48px 32px,48px 32px,24px 16px}.isometric-spiral{background:repeating-conic-gradient(from 30deg at 50% 50%,transparent 0deg,transparent 8deg,hsla(0,0%,100%,.03) 8deg,hsla(0,0%,100%,.03) 10deg,transparent 10deg,transparent 18deg,hsla(0,0%,100%,.03) 18deg,hsla(0,0%,100%,.03) 20deg,transparent 20deg,transparent 28deg,hsla(0,0%,100%,.03) 28deg,hsla(0,0%,100%,.03) 30deg,transparent 30deg,transparent 38deg,hsla(0,0%,100%,.03) 38deg,hsla(0,0%,100%,.03) 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)}.isometric-spiral-dense{background:repeating-conic-gradient(from 30deg at 50% 50%,transparent 0deg,transparent 5deg,hsla(0,0%,100%,.06) 5deg,hsla(0,0%,100%,.06) 6deg,transparent 6deg,transparent 11deg,hsla(0,0%,100%,.06) 11deg,hsla(0,0%,100%,.06) 12deg,transparent 12deg,transparent 17deg,hsla(0,0%,100%,.06) 17deg,hsla(0,0%,100%,.06) 18deg,transparent 18deg,transparent 23deg,hsla(0,0%,100%,.06) 23deg,hsla(0,0%,100%,.06) 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)}.texture-overlay{top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute;z-index:1}.has-halftone-accent{position:relative}.has-halftone-accent:before{background-image:radial-gradient(#f0f 1px,transparent 0);background-image:radial-gradient(var(--brand-primary) 1px,transparent 1px);background-size:8px 8px;content:"";top:0;right:0;bottom:0;left:0;opacity:.4;pointer-events:none;position:absolute;z-index:0}.has-dot-matrix{position:relative}.has-dot-matrix:before{background-image:radial-gradient(hsla(0,0%,100%,.07) .5px,transparent 0);background-image:radial-gradient(var(--texture-07) .5px,transparent .5px);background-size:6px 6px;content:"";top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute;z-index:0}.scanline-layer{background:repeating-linear-gradient(0deg,transparent,transparent 2px,hsla(0,0%,100%,.03) 0,hsla(0,0%,100%,.03) 4px);background:repeating-linear-gradient(0deg,transparent,transparent 2px,var(--texture-03) 2px,var(--texture-03) 4px);pointer-events:none}.btn-modern{align-items:center;border:none;border-radius:4px;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-family:Geist Mono,ui-monospace,SF Mono,menlo,monospace;font-family:var(--font-mono);font-size:.6875rem;font-size:var(--text-mono-label);font-weight:500;gap:10px;justify-content:center;letter-spacing:.12em;line-height:1.2;padding:12px 20px;position:relative;text-transform:uppercase;transition:background .24s ease,border-color .24s ease,box-shadow .24s ease;white-space:nowrap}.btn-modern-primary{background:#f0f;background:var(--brand-primary);color:#000;color:var(--text-on-brand)}.btn-modern-primary:hover{background:#f3f;background:var(--brand-primary-hover);box-shadow:0 0 24px color-mix(in srgb,#f0f 25%,transparent);box-shadow:0 0 24px var(--brand-primary-glow)}.btn-modern-primary:focus-visible{outline:2px solid #f0f;outline:2px solid var(--brand-primary);outline-offset:2px}.btn-modern-primary:active{background:#d600d6;background:var(--brand-primary-active)}.btn-modern-secondary{background:#1c1c22;background:var(--bg-raised);color:#fafafb;color:var(--text-primary)}.btn-modern-secondary:hover{background:#26262b;background:var(--bg-overlay)}.btn-modern-secondary:focus-visible{outline:2px solid #f0f;outline:2px solid var(--brand-primary);outline-offset:2px}.btn-modern-secondary:active{background:#3a3a42;background:var(--bg-pressed)}.btn-modern-ghost{background:transparent;color:#b0b0b8;color:var(--text-secondary)}.btn-modern-ghost:hover{background:#ffffff0f;color:#fafafb;color:var(--text-primary)}.btn-modern-ghost:focus-visible{outline:2px solid #f0f;outline:2px solid var(--brand-primary);outline-offset:2px}.btn-modern-glow{background:#f0f;background:var(--brand-primary);box-shadow:0 0 20px color-mix(in srgb,#f0f 25%,transparent),0 0 60px color-mix(in srgb,#f0f 25%,transparent);box-shadow:0 0 20px var(--brand-primary-glow),0 0 60px var(--brand-primary-glow);color:#000;color:var(--text-on-brand)}.btn-modern-glow:hover{background:#f3f;background:var(--brand-primary-hover);box-shadow:0 0 30px color-mix(in srgb,#f0f 25%,transparent),0 0 80px color-mix(in srgb,#f0f 25%,transparent);box-shadow:0 0 30px var(--brand-primary-glow),0 0 80px var(--brand-primary-glow)}.btn-modern-glow:focus-visible{box-shadow:0 0 30px color-mix(in srgb,#f0f 25%,transparent),0 0 80px color-mix(in srgb,#f0f 25%,transparent);box-shadow:0 0 30px var(--brand-primary-glow),0 0 80px var(--brand-primary-glow);outline:2px solid #f0f;outline:2px solid var(--brand-primary);outline-offset:2px}.btn-modern-glow:active{background:#d600d6;background:var(--brand-primary-active)}.btn-modern-glow-cyan{background:#00e5ff;background:var(--cyan-500);box-shadow:0 0 20px color-mix(in srgb,#00e5ff 25%,transparent),0 0 60px color-mix(in srgb,#00e5ff 12%,transparent);box-shadow:0 0 20px color-mix(in srgb,var(--cyan-500) 25%,transparent),0 0 60px color-mix(in srgb,var(--cyan-500) 12%,transparent);color:#000;color:var(--text-on-brand)}.btn-modern-glow-cyan:hover{background:#2ee2ff;background:var(--cyan-400);box-shadow:0 0 30px color-mix(in srgb,#00e5ff 35%,transparent),0 0 80px color-mix(in srgb,#00e5ff 18%,transparent);box-shadow:0 0 30px color-mix(in srgb,var(--cyan-500) 35%,transparent),0 0 80px color-mix(in srgb,var(--cyan-500) 18%,transparent)}.btn-modern-glow-cyan:focus-visible{outline:2px solid #00e5ff;outline:2px solid var(--cyan-500);outline-offset:2px}.btn-modern-glow-cyan:active{background:#00b8cc;background:var(--cyan-600)}.btn-modern-glow-grid{background:#7cff00;background:var(--acid-500);box-shadow:0 0 20px color-mix(in srgb,#7cff00 25%,transparent),0 0 60px color-mix(in srgb,#7cff00 12%,transparent);box-shadow:0 0 20px color-mix(in srgb,var(--acid-500) 25%,transparent),0 0 60px color-mix(in srgb,var(--acid-500) 12%,transparent);color:#000;color:var(--text-on-brand)}.btn-modern-glow-grid:hover{background:#a3ff2e;background:var(--acid-400);box-shadow:0 0 30px color-mix(in srgb,#7cff00 35%,transparent),0 0 80px color-mix(in srgb,#7cff00 18%,transparent);box-shadow:0 0 30px color-mix(in srgb,var(--acid-500) 35%,transparent),0 0 80px color-mix(in srgb,var(--acid-500) 18%,transparent)}.btn-modern-glow-grid:focus-visible{outline:2px solid #7cff00;outline:2px solid var(--acid-500);outline-offset:2px}.btn-modern-glow-grid:active{background:#6c0;background:var(--acid-600)}.btn-modern-danger{background:transparent;border:1.5px solid #ff3b5c;border:1.5px solid var(--danger-500);color:#ff3b5c;color:var(--danger-500)}.btn-modern-danger:hover{background:#ff3b5c;background:var(--danger-500);box-shadow:0 0 20px color-mix(in srgb,#ff3b5c 25%,transparent);box-shadow:0 0 20px color-mix(in srgb,var(--danger-500) 25%,transparent);color:#000;color:var(--text-on-brand)}.btn-modern-danger:focus-visible{outline:2px solid #ff3b5c;outline:2px solid var(--danger-500);outline-offset:2px}.btn-modern-danger:active{background:#d62e4a;background:var(--danger-600);color:#000;color:var(--text-on-brand)}.btn-modern-sm{padding:8px 16px}.btn-modern-lg{padding:16px 28px}.btn-modern-icon{height:40px;padding:0;width:40px}.btn-modern-lg-icon{height:52px;padding:0;width:52px}.btn-modern-loading{pointer-events:none;position:relative}.btn-modern-loading:before{animation:onebit-spin .6s steps(4) infinite;border:2px solid transparent;border-top-color:currentcolor;content:"";flex-shrink:0;height:14px;width:14px}.btn-modern-loading .btn-label{opacity:.6}.btn-group{display:inline-flex;gap:0}.btn-group>.btn-modern:not(:first-child){border-left:1px solid hsla(0,0%,100%,.12)}.btn-group>.btn-modern:first-child,.btn-group>.btn-modern:last-child{border-radius:0}.btn-split{display:inline-flex}.btn-split .btn-modern:last-child{border-left:1px solid hsla(0,0%,100%,.12);padding-left:12px;padding-right:12px}.input,.select-native,.textarea{background:#000;background:var(--onebit-black);border:2px solid #fff;border:2px solid var(--onebit-white);border-radius:0;color:#fff;color:var(--onebit-white);font-family:Geist,system-ui,-apple-system,sans-serif;font-family:var(--font-sans);font-size:14px;font-weight:500;line-height:1.5;outline:none;padding:10px 14px;transition:border-color .1s ease,box-shadow .1s ease;width:100%}.input::-moz-placeholder,.textarea::-moz-placeholder{color:#ffffff61}.input::placeholder,.textarea::placeholder{color:#ffffff61}.input:focus,.select-native:focus,.textarea:focus{border-color:#f0f;border-color:var(--magenta-500);box-shadow:4px 4px #f0f;box-shadow:4px 4px 0 var(--magenta-500)}.input.error,.select-native.error,.textarea.error{border-color:#ff3b5c;border-color:var(--danger-500);box-shadow:4px 4px #ff3b5c;box-shadow:4px 4px 0 var(--danger-500)}.input:disabled,.textarea:disabled{cursor:not-allowed;opacity:.4}.textarea{min-height:80px;resize:vertical}.select-native{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='%23fff'%3E%3Cpath d='m1 1 5 5 5-5'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.select-native option{background:#000;background:var(--onebit-black);color:#fff;color:var(--onebit-white)}.form-group{display:flex;flex-direction:column;gap:4px}.form-label{color:#fff;color:var(--onebit-white);font-weight:600;letter-spacing:.06em;text-transform:uppercase}.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:#ff3b5c;color:var(--danger-500);margin-top:2px}.input-addon{align-items:center;background:#000;background:var(--onebit-black);border:2px solid #fff;border:2px solid var(--onebit-white);border-right:none;color:#ffffff80;display:flex;flex-shrink:0;font-family:Geist Mono,ui-monospace,SF Mono,menlo,monospace;font-family:var(--font-mono);font-size:13px;padding:0 12px}.input-group{display:flex}.input-group .input{flex:1}.input-group .input:first-child{border-right:none}.input-group .input:last-child{border-left:none}.checkbox{align-items:center;color:#fff;color:var(--onebit-white);cursor:pointer;display:inline-flex;font-family:Geist,system-ui,-apple-system,sans-serif;font-family:var(--font-sans);font-size:13px;font-weight:500;gap:8px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.checkbox-box{background:#000;background:var(--onebit-black);border:2px solid #fff;border:2px solid var(--onebit-white);border-radius:0;display:grid;flex-shrink:0;height:16px;place-items:center;transition:background .1s;width:16px}.checkbox.checked .checkbox-box{background:#fff;background:var(--onebit-white)}.checkbox.checked .checkbox-box:after{border:solid #000;border:solid var(--onebit-black);border-width:0 2px 2px 0;content:"";height:8px;margin-top:-1px;transform:rotate(45deg);width:4px}.checkbox-accent.checked .checkbox-box{background:#f0f;background:var(--magenta-500)}.checkbox-accent.checked .checkbox-box:after{border-color:#000;border-color:var(--onebit-black)}.radio{align-items:center;color:#fff;color:var(--onebit-white);cursor:pointer;display:inline-flex;font-family:Geist,system-ui,-apple-system,sans-serif;font-family:var(--font-sans);font-size:13px;font-weight:500;gap:8px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.radio-circle{background:#000;background:var(--onebit-black);border:2px solid #fff;border:2px solid var(--onebit-white);border-radius:0;display:grid;flex-shrink:0;height:16px;place-items:center;transition:background .1s;width:16px}.radio.selected .radio-circle{background:#fff;background:var(--onebit-white)}.radio.selected .radio-circle:after{background:#000;background:var(--onebit-black);content:"";height:6px;width:6px}.radio-accent.selected .radio-circle{background:#f0f;background:var(--magenta-500)}.radio-accent.selected .radio-circle:after{background:#000;background:var(--onebit-black)}.toggle{align-items:center;color:#fff;color:var(--onebit-white);cursor:pointer;display:inline-flex;font-family:Geist,system-ui,-apple-system,sans-serif;font-family:var(--font-sans);font-size:13px;font-weight:500;gap:8px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.toggle-track{background:#000;background:var(--onebit-black);border:2px solid #fff;border:2px solid var(--onebit-white);border-radius:0;flex-shrink:0;height:18px;position:relative;transition:background .1s;width:36px}.toggle-thumb{height:12px;left:1px;position:absolute;top:1px;transition:left .1s;width:12px}.toggle-thumb,.toggle.on .toggle-track{background:#fff;background:var(--onebit-white)}.toggle.on .toggle-thumb{background:#000;background:var(--onebit-black);left:19px}.toggle-accent.on .toggle-track{background:#f0f;background:var(--magenta-500);border-color:#f0f;border-color:var(--magenta-500)}.range,.toggle-accent.on .toggle-thumb{background:#000;background:var(--onebit-black)}.range{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid #fff;border:2px solid var(--onebit-white);border-radius:0;cursor:pointer;height:6px;outline:none;width:100%}.range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;background:var(--onebit-white);border:2px solid #000;border:2px solid var(--onebit-black);border-radius:0;cursor:pointer;height:16px;width:16px}.range::-moz-range-thumb{background:#fff;background:var(--onebit-white);border:2px solid #000;border:2px solid var(--onebit-black);border-radius:0;cursor:pointer;height:16px;width:16px}.color-swatch{border:2px solid #fff;border:2px solid var(--onebit-white);cursor:pointer;display:inline-block;height:32px;transition:border-color .1s;width:32px}.color-swatch.selected{border-color:#fff;border-color:var(--onebit-white);box-shadow:4px 4px #f0f;box-shadow:4px 4px 0 var(--magenta-500)}.color-swatch:hover{border-color:#ffffff80}.nav{display:flex;flex-direction:column;gap:2px}.nav-item{align-items:center;border:1px solid transparent;color:#fff;color:var(--onebit-white);cursor:pointer;display:flex;font-family:Geist,system-ui,-apple-system,sans-serif;font-family:var(--font-sans);font-size:13px;font-weight:500;gap:10px;padding:10px 14px;text-decoration:none;transition:background .1s,color .1s}.nav-item:hover{background:#ffffff14}.nav-item.active{background:#fff;background:var(--onebit-white);border-color:#fff;border-color:var(--onebit-white);color:#000;color:var(--onebit-black);font-weight:600}.nav-item-accent.active{background:#000;background:var(--onebit-black);border-color:#f0f;border-color:var(--magenta-500);color:#f0f;color:var(--magenta-500)}.nav-item-bullet{background:#ffffff80;flex-shrink:0;height:6px;width:6px}.nav-item.active .nav-item-bullet{background:#000;background:var(--onebit-black)}.tabs{border-bottom:2px solid #fff;border-bottom:2px solid var(--onebit-white);display:flex;gap:0}.tab{background:transparent;border:none;border-bottom:2px solid transparent;color:#ffffff61;cursor:pointer;font-family:Geist Mono,ui-monospace,SF Mono,menlo,monospace;font-family:var(--font-mono);font-size:12px;font-weight:600;letter-spacing:.06em;margin-bottom:-2px;padding:10px 18px;text-transform:uppercase;transition:color .1s,border-color .1s}.tab.active,.tab:hover{color:#fff;color:var(--onebit-white)}.tab.active{border-bottom-color:#fff;border-bottom-color:var(--onebit-white)}.tab-accent.active{border-bottom-color:#f0f;border-bottom-color:var(--magenta-500);color:#f0f;color:var(--magenta-500)}.pagination{align-items:center;display:flex;gap:2px}.page-btn{align-items:center;background:#000;background:var(--onebit-black);border:1px solid #fff;border:1px solid var(--onebit-white);color:#fff;color:var(--onebit-white);cursor:pointer;display:inline-flex;font-family:Geist Mono,ui-monospace,SF Mono,menlo,monospace;font-family:var(--font-mono);font-size:12px;font-weight:500;height:32px;justify-content:center;min-width:32px;transition:background .1s,color .1s}.page-btn:hover{background:#ffffff1f}.page-btn.active{background:#fff;background:var(--onebit-white);color:#000;color:var(--onebit-black);font-weight:700}.page-btn[disabled]{cursor:default;opacity:.3}.breadcrumb{align-items:center;color:#fff;color:var(--onebit-white);display:flex;font-family:Geist Mono,ui-monospace,SF Mono,menlo,monospace;font-family:var(--font-mono);font-size:12px;font-weight:500;gap:4px}.breadcrumb-item{color:#ffffff80;cursor:pointer;padding:2px 4px;text-decoration:none}.breadcrumb-item.current,.breadcrumb-item:hover{color:#fff;color:var(--onebit-white)}.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{color:#ffffff40;flex:1;font-family:Geist Mono,ui-monospace,SF Mono,menlo,monospace;font-family:var(--font-mono);font-size:11px;font-weight:600;gap:8px;letter-spacing:.06em;position:relative;text-transform:uppercase}.step:before{border:2px solid hsla(0,0%,100%,.25);color:#ffffff40;content:counter(step);counter-increment:step;display:grid;flex-shrink:0;font-size:11px;font-weight:700;height:24px;place-items:center;width:24px}.step.active,.step.active:before{color:#fff;color:var(--onebit-white)}.step.active:before{border-color:#fff;border-color:var(--onebit-white)}.step.completed{color:#ffffff80}.step.completed:before{background:#fff;background:var(--onebit-white);border-color:#fff;border-color:var(--onebit-white);color:#000;color:var(--onebit-black)}.step-line{background:#ffffff1f;flex:1;height:1px;margin:0 8px}.step.completed+.step-line{background:#fff;background:var(--onebit-white)}.table{border-collapse:collapse;font-family:Geist,system-ui,-apple-system,sans-serif;font-family:var(--font-sans);width:100%}.table th{border-bottom:2px solid #fff;border-bottom:2px solid var(--onebit-white);color:#fff;color:var(--onebit-white);font-family:Geist Mono,ui-monospace,SF Mono,menlo,monospace;font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.06em;padding:10px 14px;text-align:left;text-transform:uppercase}.table td{border-bottom:1px solid hsla(0,0%,100%,.12);color:#b0b0b8;color:var(--neutral-300);font-size:13px;padding:10px 14px}.table tr:hover td{background:#ffffff0a}.badge{align-items:center;background:#000;background:var(--onebit-black);border:1px solid #fff;border:1px solid var(--onebit-white);border-radius:0;color:#fff;color:var(--onebit-white);display:inline-flex;font-family:Geist,system-ui,-apple-system,sans-serif;font-family:var(--font-sans);font-size:11px;font-weight:700;letter-spacing:.06em;padding:2px 6px;text-transform:uppercase}.badge-inverted{background:#fff;background:var(--onebit-white);border:none;color:#000;color:var(--onebit-black)}.badge-accent{border-color:#f0f;border-color:var(--magenta-500);color:#f0f;color:var(--magenta-500)}.badge-success{border-color:#00e676;border-color:var(--success-500);color:#00e676;color:var(--success-500)}.badge-warning{border-color:#ffb300;border-color:var(--status-warning);color:#ffb300;color:var(--status-warning)}.badge-danger{border-color:#ff3b5c;border-color:var(--danger-500);color:#ff3b5c;color:var(--danger-500)}.badge-info{border-color:#3f8eff;border-color:var(--info-500);color:#3f8eff;color:var(--info-500)}.badge-neutral{border-color:#6b6b72;border-color:var(--neutral-500);color:#6b6b72;color:var(--neutral-500)}.tag{align-items:center;background:#000;background:var(--onebit-black);border:1px solid #fff;border:1px solid var(--onebit-white);border-radius:0;display:inline-flex;font-family:Geist,system-ui,-apple-system,sans-serif;font-family:var(--font-sans);font-size:11px;font-weight:700;letter-spacing:.08em;padding:2px 8px;text-transform:uppercase}.tag,.tag-outlined{color:#fff;color:var(--onebit-white)}.tag-outlined{background:transparent}.tag-inverted{background:#fff;background:var(--onebit-white);border:none;color:#000;color:var(--onebit-black)}.chip{background:#000;background:var(--onebit-black);border:1px solid #fff;border:1px solid var(--onebit-white);border-radius:0;color:#fff;color:var(--onebit-white);font-family:Geist,system-ui,-apple-system,sans-serif;font-family:var(--font-sans);font-size:11px;font-weight:600;gap:4px;padding:3px 8px}.chip,.chip-remove{align-items:center;display:inline-flex}.chip-remove{background:#fff;background:var(--onebit-white);color:#000;color:var(--onebit-black);cursor:pointer;font-size:9px;font-weight:700;height:12px;justify-content:center;line-height:1;margin-left:2px;width:12px}.chip-accent{border-color:#f0f;border-color:var(--magenta-500);color:#f0f;color:var(--magenta-500)}.chip-accent .chip-remove{background:#f0f;background:var(--magenta-500)}.avatar{align-items:center;background:#000;background:var(--onebit-black);border:2px solid #fff;border:2px solid var(--onebit-white);color:#fff;color:var(--onebit-white);display:inline-flex;flex-shrink:0;font-family:Geist Mono,ui-monospace,SF Mono,menlo,monospace;font-family:var(--font-mono);font-size:13px;font-weight:700;height:32px;justify-content:center;width:32px}.avatar-sm{border-width:1px;font-size:10px;height:24px;width:24px}.avatar-lg{font-size:18px;height:48px;width:48px}.avatar-accent{border-color:#f0f;border-color:var(--magenta-500);color:#f0f;color:var(--magenta-500)}.avatar-group{display:flex}.avatar-group .avatar{margin-left:-8px}.avatar-group .avatar:first-child{margin-left:0}.stat{display:flex;flex-direction:column;gap:2px}.stat-value{color:#fff;color:var(--onebit-white);font-family:Geist Mono,ui-monospace,SF Mono,menlo,monospace;font-family:var(--font-mono);font-size:28px;font-variant-numeric:tabular-nums;font-weight:700;line-height:1}.stat-label{color:#ffffff80;font-family:Geist,system-ui,-apple-system,sans-serif;font-family:var(--font-sans);font-size:12px;font-weight:500;letter-spacing:.06em;text-transform:uppercase}.stat-accent .stat-value{color:#f0f;color:var(--magenta-500)}.kbd{align-items:center;background:#000;background:var(--onebit-black);border:1px solid #fff;border:solid var(--onebit-white);border-radius:0;border-width:1px 1px 3px;color:#fff;color:var(--onebit-white);display:inline-flex;font-family:Geist Mono,ui-monospace,SF Mono,menlo,monospace;font-family:var(--font-mono);font-size:12px;font-weight:500;height:28px;justify-content:center;min-width:28px;padding:0 8px}.kbd-sm{border-bottom-width:2px;font-size:10px;height:22px;min-width:22px;padding:0 4px}.code-block{border:2px solid #fff;border:2px solid var(--onebit-white);display:block;line-height:1.6;overflow-x:auto;padding:16px;white-space:pre}.code-block,.code-inline{background:#000;background:var(--onebit-black);color:#fff;color:var(--onebit-white);font-family:Geist Mono,ui-monospace,SF Mono,menlo,monospace;font-family:var(--font-mono);font-size:13px}.code-inline{border:1px solid #fff;border:1px solid var(--onebit-white);display:inline;padding:1px 6px}.link{color:#fff;color:var(--onebit-white);cursor:pointer;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;transition:opacity .1s}.link:hover{opacity:.7;text-decoration-thickness:2px}.link-accent{color:#f0f;color:var(--magenta-500)}.list{background:#000;background:var(--onebit-black);border:2px solid #fff;border:2px solid var(--onebit-white);list-style:none;margin:0;padding:0}.list-item{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.25);color:#fff;color:var(--onebit-white);cursor:pointer;display:flex;font-family:Geist,system-ui,-apple-system,sans-serif;font-family:var(--font-sans);font-size:13px;gap:10px;padding:10px 14px;transition:background .1s}.list-item:last-child{border-bottom:none}.list-item:hover{background:#ffffff14}.list-item.active{color:#000;color:var(--onebit-black);font-weight:600}.list-item-bullet,.list-item.active{background:#fff;background:var(--onebit-white)}.list-item-bullet{flex-shrink:0;height:6px;width:6px}.tree{list-style:none;margin:0;padding:0}.tree-item{align-items:center;border-left:1px solid hsla(0,0%,100%,.12);color:#fff;color:var(--onebit-white);cursor:pointer;display:flex;font-family:Geist,system-ui,-apple-system,sans-serif;font-family:var(--font-sans);font-size:13px;gap:8px;padding:6px 0 6px 20px;position:relative}.tree-item:before{background:#ffffff1f;content:"";height:1px;left:0;position:absolute;top:50%;width:10px}.tree-item:hover{background:#ffffff0a}.tree-item.active{border-left-color:#f0f;border-left-color:var(--magenta-500);color:#f0f;color:var(--magenta-500)}.tree-toggle{color:#ffffff61;cursor:pointer;display:grid;flex-shrink:0;font-size:8px;height:16px;place-items:center;width:16px}.tree-children{display:none}.tree-children.open{display:block}.modal{background:#000;background:var(--onebit-black);border:2px solid #fff;border:2px solid var(--onebit-white);border-radius:0;box-shadow:8px 8px #fff;box-shadow:8px 8px 0 var(--onebit-white);color:#fff;color:var(--onebit-white);max-width:420px;padding:24px}.modal-header{align-items:center;border-bottom:1px solid #fff;border-bottom:1px solid var(--onebit-white);display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:16px}.modal-close{background:#fff;background:var(--onebit-white);border:none;color:#000;color:var(--onebit-black);cursor:pointer;display:grid;font-size:14px;font-weight:700;height:24px;line-height:1;place-items:center;width:24px}.modal-body{color:#b0b0b8;color:var(--neutral-300);font-size:14px;line-height:1.6}.modal-footer{border-top:1px solid #fff;border-top:1px solid var(--onebit-white);display:flex;gap:12px;justify-content:flex-end;margin-top:16px;padding-top:16px}.drawer{background:#000;background:var(--onebit-black);border:2px solid #fff;border:2px solid var(--onebit-white);border-radius:0;color:#fff;color:var(--onebit-white);height:100%;max-width:480px;min-width:300px;overflow-y:auto;padding:24px}.drawer-header{align-items:center;border-bottom:1px solid #fff;border-bottom:1px solid var(--onebit-white);display:flex;justify-content:space-between;padding-bottom:16px}.drawer-close{background:#fff;background:var(--onebit-white);border:none;color:#000;color:var(--onebit-black);cursor:pointer;display:grid;font-size:14px;font-weight:700;height:24px;place-items:center;width:24px}.toast{align-items:center;animation:slide-up-reveal .3s ease-out forwards;background:#000;background:var(--onebit-black);border:2px solid #fff;border:2px solid var(--onebit-white);box-shadow:4px 4px #fff;box-shadow:4px 4px 0 var(--onebit-white);color:#fff;color:var(--onebit-white);display:flex;font-family:Geist,system-ui,-apple-system,sans-serif;font-family:var(--font-sans);font-size:13px;gap:12px;max-width:360px;padding:12px 16px}.toast-icon{background:#fff;background:var(--onebit-white);color:#000;color:var(--onebit-black);display:grid;flex-shrink:0;font-size:10px;font-weight:700;height:20px;place-items:center;width:20px}.toast-success .toast-icon{background:#00e676;background:var(--success-500)}.toast-error .toast-icon{background:#ff3b5c;background:var(--danger-500)}.toast-warning .toast-icon{background:#ffb300;background:var(--status-warning)}.toast-dismiss{cursor:pointer;display:grid;flex-shrink:0;font-size:14px;height:18px;margin-left:auto;opacity:.5;place-items:center;width:18px}.toast-dismiss:hover{opacity:1}.tooltip{display:inline-flex;position:relative}.tooltip-content{background:#000;background:var(--onebit-black);border:1px solid #fff;border:1px solid var(--onebit-white);bottom:calc(100% + 8px);color:#fff;color:var(--onebit-white);display:none;font-family:Geist Mono,ui-monospace,SF Mono,menlo,monospace;font-family:var(--font-mono);font-size:11px;left:50%;padding:6px 10px;position:absolute;transform:translate(-50%);white-space:nowrap;z-index:100}.tooltip:hover .tooltip-content{display:block}.alert{align-items:flex-start;background:#000;background:var(--onebit-black);border:2px solid #fff;border:2px solid var(--onebit-white);color:#fff;color:var(--onebit-white);display:flex;font-size:13px;gap:12px;line-height:1.5;padding:14px}.alert-icon{background:#fff;background:var(--onebit-white);color:#000;color:var(--onebit-black);display:grid;flex-shrink:0;font-size:10px;font-weight:700;height:20px;place-items:center;width:20px}.alert-success{border-color:#00e676;border-color:var(--success-500)}.alert-success .alert-icon{background:#00e676;background:var(--success-500)}.alert-error{border-color:#ff3b5c;border-color:var(--danger-500)}.alert-error .alert-icon{background:#ff3b5c;background:var(--danger-500)}.alert-warning{border-color:#ffb300;border-color:var(--status-warning)}.alert-warning .alert-icon{background:#ffb300;background:var(--status-warning);border:none}.progress{background:#000;background:var(--onebit-black);border:2px solid #fff;border:2px solid var(--onebit-white);border-radius:0;height:12px;overflow:hidden;position:relative;width:100%}.progress-fill{background:#fff;background:var(--onebit-white);height:100%;transition:width .3s ease}.progress-indeterminate .progress-fill{animation:progress-scan 1.5s ease-in-out infinite;width:30%}.progress-striped .progress-fill{background-image:repeating-linear-gradient(-45deg,transparent,transparent 4px,#000 0,#000 8px);background-image:repeating-linear-gradient(-45deg,transparent,transparent 4px,var(--onebit-black) 4px,var(--onebit-black) 8px)}.progress-accent .progress-fill{background:#f0f;background:var(--magenta-500)}.spinner{animation:onebit-spin .6s linear infinite;border:2px solid #fff;border:2px solid var(--onebit-white);border-radius:0;border-top:2px solid transparent;display:inline-block;height:20px;width:20px}.spinner-lg{border-width:3px;height:32px;width:32px}.spinner-sm{border-width:2px;height:14px;width:14px}.spinner-accent{border-color:#f0f;border-color:var(--magenta-500);border-top-color:transparent}.spinner-cyan{border-color:#00e5ff;border-color:var(--cyan-500);border-top-color:transparent}.skeleton{animation:skeleton-pulse 1.2s ease-in-out infinite;background:#ffffff14;border:1px solid hsla(0,0%,100%,.19);border-radius:0}.empty{align-items:center;background:transparent;border:2px dashed hsla(0,0%,100%,.25);display:flex;flex-direction:column;gap:12px;justify-content:center;padding:48px 24px;text-align:center}.empty-icon{border:2px solid #fff;border:2px solid var(--onebit-white);color:#fff;color:var(--onebit-white);display:grid;font-size:20px;font-weight:700;height:40px;opacity:.5;place-items:center;transform:rotate(45deg);width:40px}.empty-text{color:#ffffff80;font-family:Geist Mono,ui-monospace,SF Mono,menlo,monospace;font-family:var(--font-mono);font-size:13px;max-width:240px}.loading-screen{align-items:center;background:#000;background:var(--onebit-black);border:2px solid #fff;border:2px solid var(--onebit-white);display:flex;flex-direction:column;gap:16px;justify-content:center;padding:64px}.loading-screen-label{animation:blink 1s step-end infinite;color:#ffffff80;font-family:Geist Mono,ui-monospace,SF Mono,menlo,monospace;font-family:var(--font-mono);font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.banner{align-items:center;border:2px solid #fff;border:2px solid var(--onebit-white);display:flex;font-size:13px;gap:16px;padding:12px 20px}.banner-dismiss{cursor:pointer;font-size:16px;margin-left:auto;opacity:.5}.banner-success{border-color:#00e676;border-color:var(--success-500);color:#00e676;color:var(--success-500)}.banner-error,.banner-success{background:#000;background:var(--onebit-black)}.banner-error{border-color:#ff3b5c;border-color:var(--danger-500);color:#ff3b5c;color:var(--danger-500)}.banner-warning{border-color:#ffb300;border-color:var(--status-warning);color:#ffb300;color:var(--status-warning)}.banner-warning,.image-frame{background:#000;background:var(--onebit-black)}.image-frame{align-items:center;border:2px solid #fff;border:2px solid var(--onebit-white);display:flex;justify-content:center;min-height:80px;overflow:hidden;position:relative}.image-frame-icon{border:1px solid hsla(0,0%,100%,.25);color:#ffffff40;display:grid;font-size:14px;height:32px;place-items:center;width:32px}.video-frame{align-items:center;aspect-ratio:16/9;background:#000;background:var(--onebit-black);border:2px solid #fff;border:2px solid var(--onebit-white);display:flex;justify-content:center;position:relative}.video-frame-play{background:#fff;background:var(--onebit-white);border:none;color:#000;color:var(--onebit-black);cursor:pointer;display:grid;font-size:20px;height:48px;place-items:center;width:48px}.video-frame-timeline{background:#ffffff1f;bottom:0;height:4px;left:0;position:absolute;right:0}.video-frame-timeline-fill{background:#fff;background:var(--onebit-white);height:100%;transition:width .3s;width:0}.card{background:#000;background:var(--onebit-black);border:2px solid #fff;border:2px solid var(--onebit-white);border-radius:0;color:#fff;color:var(--onebit-white);display:flex;flex-direction:column}.card-header{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.1);border-bottom:1px solid var(--border-default);display:flex;justify-content:space-between;padding-bottom:12px}.icon-box{align-items:center;border:2px solid #fff;border:2px solid var(--onebit-white);display:inline-flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.icon-box-sm{border-width:1px;height:28px;width:28px}.icon-box-lg{height:56px;width:56px}.icon-box-accent{border-color:#f0f;border-color:var(--magenta-500)}.icon-box-cyan{border-color:#00e5ff;border-color:var(--cyan-500)}.icon-box-filled{background:#fff;background:var(--onebit-white);color:#000;color:var(--onebit-black)}.container{margin:0 auto;max-width:1280px;padding:0 24px}.grid{display:grid;gap:24px}.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(--onebit-white);border:none;height:2px;margin:24px 0;opacity:.3}.hr-thick{background:#000;background:var(--onebit-black);border:2px solid #fff;border:2px solid var(--onebit-white);height:4px;opacity:1}.section{padding:64px 0}.section-header{margin-bottom:24px}.section-title-text{color:#ffffff80;font-family:Geist Mono,ui-monospace,SF Mono,menlo,monospace;font-family:var(--font-mono);font-size:14px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.spacer-4{height:24px}.spacer-8{height:48px}.spacer-12{height:64px}.rating{align-items:center;display:inline-flex;gap:4px}.rating-star{border:2px solid #fff;border:2px solid var(--onebit-white);cursor:pointer;height:20px;transition:background .1s,border-color .1s;width:20px}.rating-star.filled{background:#fff;background:var(--onebit-white)}.rating-star.half{background:linear-gradient(90deg,#fff 50%,transparent 0);background:linear-gradient(90deg,var(--onebit-white) 50%,transparent 50%)}.rating-star:hover{border-color:#f0f;border-color:var(--magenta-500)}.combobox{font-family:Geist,system-ui,-apple-system,sans-serif;font-family:var(--font-sans);position:relative}.combobox-input{background:#000;background:var(--onebit-black);border:2px solid #fff;border:2px solid var(--onebit-white);color:#fff;color:var(--onebit-white);cursor:pointer;font-size:14px;font-weight:500;outline:none;padding:10px 36px 10px 14px;width:100%}.combobox-chevron{height:8px;pointer-events:none;position:absolute;right:12px;top:50%;transform:translateY(-50%);width:12px}.combobox-menu{background:#000;background:var(--onebit-black);border:2px solid #fff;border:2px solid var(--onebit-white);border-top:none;display:none;left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:50}.combobox.open .combobox-menu{display:block}.combobox-option{color:#fff;color:var(--onebit-white);cursor:pointer;font-size:13px;padding:8px 14px;transition:background .1s}.combobox-option:hover{background:#ffffff14}.combobox-option.selected{background:#fff;background:var(--onebit-white);color:#000;color:var(--onebit-black);font-weight:600}.date-input{background:#000;background:var(--onebit-black);border:2px solid #fff;border:2px solid var(--onebit-white);display:inline-flex;gap:2px;padding:10px 14px}.date-input,.date-input-part{color:#fff;color:var(--onebit-white);font-family:Geist Mono,ui-monospace,SF Mono,menlo,monospace;font-family:var(--font-mono);font-size:14px}.date-input-part{background:transparent;border:none;outline:none;text-align:center;width:32px}.date-input-sep{color:#ffffff40}.menu{background:#000;background:var(--onebit-black);border:2px solid #fff;border:2px solid var(--onebit-white);list-style:none;margin:0;min-width:180px;padding:0}.menu-item{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.12);color:#fff;color:var(--onebit-white);cursor:pointer;display:flex;font-family:Geist,system-ui,-apple-system,sans-serif;font-family:var(--font-sans);font-size:13px;gap:10px;padding:10px 14px;transition:background .1s}.menu-item:last-child{border-bottom:none}.menu-item:hover{background:#ffffff14}.menu-item.active{background:#fff;background:var(--onebit-white);color:#000;color:var(--onebit-black);font-weight:600}.menu-item[disabled]{cursor:default;opacity:.3}.menu-divider{background:#ffffff1f;height:1px;margin:4px 0}.toolbar{align-items:center;background:#000;background:var(--onebit-black);border:2px solid #fff;border:2px solid var(--onebit-white);display:flex;gap:4px;padding:8px}.toolbar-item{border:1px solid transparent;color:#fff;color:var(--onebit-white);cursor:pointer;display:grid;font-family:Geist Mono,ui-monospace,SF Mono,menlo,monospace;font-family:var(--font-mono);font-size:12px;height:32px;place-items:center;transition:background .1s,border-color .1s;width:32px}.toolbar-item:hover{background:#ffffff14}.toolbar-item.active{background:#ffffff1f;border-color:#fff;border-color:var(--onebit-white)}.toolbar-sep{background:#ffffff1f;height:20px;margin:0 4px;width:1px}.status-dot{border:1px solid #fff;border:1px solid var(--onebit-white);display:inline-block;flex-shrink:0;height:8px;width:8px}.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:transparent}.timeline{list-style:none;margin:0;padding:0}.timeline-item{display:flex;gap:14px;padding-bottom:24px;position:relative}.timeline-item:last-child{padding-bottom:0}.timeline-dot{background:#000;background:var(--onebit-black);border:2px solid #fff;border:2px solid var(--onebit-white);flex-shrink:0;height:12px;margin-top:4px;position:relative;width:12px;z-index:1}.timeline-item:not(:last-child) .timeline-dot:after{background:#ffffff1f;content:"";height:calc(100% + 20px);left:4px;position:absolute;top:12px;width:2px}.timeline-content{color:#fff;color:var(--onebit-white);font-size:13px}.timeline-time{color:#ffffff61;display:block;font-size:11px;margin-bottom:4px}.countdown,.timeline-time{font-family:Geist Mono,ui-monospace,SF Mono,menlo,monospace;font-family:var(--font-mono)}.countdown{color:#fff;color:var(--onebit-white);display:inline-flex;font-size:24px;font-variant-numeric:tabular-nums;font-weight:700;gap:4px}.countdown-part{align-items:center;display:flex;flex-direction:column;gap:2px}.countdown-label{color:#ffffff61;font-family:Geist,system-ui,-apple-system,sans-serif;font-family:var(--font-sans);font-size:9px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.countdown-sep{align-self:flex-start;color:#ffffff40;margin-top:4px}.accent-border-top{border-top:3px solid #f0f!important;border-top:3px solid var(--magenta-500)!important}.accent-border-left{border-left:3px solid #f0f!important;border-left:3px solid var(--magenta-500)!important}.accent-border-bottom{border-bottom:3px solid #f0f!important;border-bottom:3px solid var(--magenta-500)!important}.cyan-border-top{border-top:3px solid #00e5ff!important;border-top:3px solid var(--cyan-500)!important}.lime-border-top{border-top:3px solid #7cff00!important;border-top:3px solid var(--acid-500)!important}.ember-border-top{border-top:3px solid #ff6b35!important;border-top:3px solid var(--accent-line)!important}.accent-underline{-webkit-text-decoration:underline #f0f 2px;text-decoration:underline #f0f 2px;-webkit-text-decoration:underline var(--magenta-500) 2px;text-decoration:underline var(--magenta-500) 2px;text-underline-offset:4px}.cyan-underline{-webkit-text-decoration:underline #00e5ff 2px;text-decoration:underline #00e5ff 2px;-webkit-text-decoration:underline var(--cyan-500) 2px;text-decoration:underline var(--cyan-500) 2px;text-underline-offset:4px}.accent-dot:after{background:#f0f;background:var(--magenta-500);content:"";display:inline-block;height:6px;margin-left:6px;vertical-align:middle;width:6px}.cyan-dot:after{background:#00e5ff;background:var(--cyan-500)}.lime-dot:after{background:#7cff00;background:var(--acid-500)}.accent-bar{position:relative}.accent-bar:before{background:#f0f;background:var(--magenta-500);content:"";height:3px;left:0;position:absolute;right:0;top:0;z-index:1}.cyan-bar:before{background:#00e5ff;background:var(--cyan-500)}.lime-bar:before{background:#7cff00;background:var(--acid-500)}.ember-bar:before{background:#ff6b35;background:var(--accent-line)}.glow-mod{box-shadow:0 0 20px #F0F4D;box-shadow:0 0 20px var(--magenta-500) 4D}.glow-mod-cyan{box-shadow:0 0 20px #00e5ff4d;box-shadow:0 0 20px var(--cyan-500) 4D}.border-mod-accent{border-color:#f0f!important;border-color:var(--magenta-500)!important}.border-mod-cyan{border-color:#00e5ff!important;border-color:var(--cyan-500)!important}.accent-corner:after{background:#f0f;background:var(--magenta-500);content:"";height:8px;position:absolute;right:-1px;top:-1px;width:8px;z-index:2}.cyan-corner:after{background:#00e5ff;background:var(--cyan-500)}@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:glitch .3s ease-in-out 3}@keyframes glitch-complex{0%{clip-path:inset(0 0 100% 0);transform:translate(0) skew(0)}5%{clip-path:inset(20% 0 60% 0);transform:translate(-2px) skew(.5deg)}10%{transform:translateY(-1px) skew(-.3deg)}15%{clip-path:inset(40% 0 30% 0);transform:translate(1px) skew(0)}20%{transform:translate(-1px,1px) skew(0)}25%{clip-path:inset(10% 0 70% 0);transform:translate(2px) skew(-.5deg)}30%{clip-path:inset(0 0 100% 0);transform:translate(0) skew(0)}to{clip-path:inset(0 0 0 0);transform:translate(0) skew(0)}}.glitch-complex{animation:glitch-complex .8s ease-in-out 2}@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:flicker 4s infinite}.flicker-fast{animation:flicker 1.5s infinite}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}.blink{animation:blink 1s step-end infinite}.blink-fast{animation:blink .4s step-end infinite}@keyframes typewriter{0%{width:0}to{width:100%}}.typewriter{animation:typewriter 1.5s steps(30) forwards;display:inline-block;max-width:-moz-fit-content;max-width:fit-content;overflow:hidden;white-space:nowrap}@keyframes neon-pulse{0%,to{box-shadow:0 0 8px #F0F4D,0 0 20px #F0F33;box-shadow:0 0 8px var(--magenta-500) 4D,0 0 20px var(--magenta-500) 33}50%{box-shadow:0 0 16px #F0F80,0 0 40px #F0F4D;box-shadow:0 0 16px var(--magenta-500) 80,0 0 40px var(--magenta-500) 4D}}.neon-pulse{animation:neon-pulse 2s ease-in-out infinite}@keyframes neon-pulse-cyan{0%,to{box-shadow:0 0 8px #00e5ff4d,0 0 20px #00e5ff33;box-shadow:0 0 8px var(--cyan-500) 4D,0 0 20px var(--cyan-500) 33}50%{box-shadow:0 0 16px #00e5ff80,0 0 40px #00e5ff4d;box-shadow:0 0 16px var(--cyan-500) 80,0 0 40px var(--cyan-500) 4D}}.neon-pulse-cyan{animation:neon-pulse-cyan 2s ease-in-out infinite}@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)}}.noise-animated:before{animation:noise-shift .5s steps(5) infinite!important}@keyframes scan-reveal{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.scan-reveal{overflow:hidden;position:relative}.scan-reveal:after{animation:scan-reveal 2s ease-in-out 1;background:#fff;background:var(--texture-solid);content:"";height:4px;left:0;opacity:.6;pointer-events:none;position:absolute;top:0;width:100%}@keyframes pixel-fade-in{0%{clip-path:inset(0 0 0 100%)}to{clip-path:inset(0 0 0 0)}}.pixel-fade-in{animation:pixel-fade-in .6s steps(8) forwards;overflow:hidden}@keyframes invert-flash{0%{filter:invert(0)}50%{filter:invert(1)}to{filter:invert(0)}}.invert-flash{animation:invert-flash .15s ease 2}@keyframes pixel-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}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}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}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}to{box-shadow:none}}.pixel-dots{animation:pixel-dots .3s steps(4) 2}.pixel-dots-fast{animation:pixel-dots .15s steps(2) 1}@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{animation:matrix-rain 2s linear infinite;color:#ffffff30;color:var(--texture-19);display:block;font-family:Geist Mono,ui-monospace,SF Mono,menlo,monospace;font-family:var(--font-mono);font-size:14px}@keyframes frame-step{0%,24%{content:"▌"}25%,49%{content:"▐"}50%,74%{content:"█"}75%,99%{content:"▀"}}.frame-step:after{animation:frame-step .8s steps(1) infinite;content:"▌";font-family:Geist Mono,ui-monospace,SF Mono,menlo,monospace;font-family:var(--font-mono)}@keyframes slide-up-reveal{0%{clip-path:inset(0 0 100% 0);opacity:0;transform:translateY(40px)}to{clip-path:inset(0 0 0 0);opacity:1;transform:translateY(0)}}.slide-up-reveal{animation:slide-up-reveal .5s ease-out forwards}.slide-up-reveal-fast{animation:slide-up-reveal .25s ease-out forwards}@keyframes shimmer-sweep{0%{background-position:-200% 0}to{background-position:200% 0}}.shimmer{animation:shimmer-sweep 2s linear infinite;background:linear-gradient(90deg,transparent,#ffffff08 40%,#ffffff18 50%,#ffffff08 60%,transparent);background-size:200% 100%}@keyframes onebit-spin{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:glitch-accent .4s ease-in-out 2}@keyframes accent-flicker{0%,to{color:#f0f;color:var(--magenta-500);opacity:1}20%{color:#fff;color:var(--texture-solid);opacity:.3}40%{color:#f0f;color:var(--magenta-500);opacity:1}55%{opacity:.5}70%{color:#f0f;color:var(--magenta-500);opacity:1}}.accent-flicker{animation:accent-flicker 1.8s step-end infinite}@keyframes iso-float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-12px) scale(1.02)}}.iso-float{animation:iso-float 3s ease-in-out infinite}@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:iso-float-spin 4s ease-in-out infinite}@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:iso-assemble .8s ease-out forwards}.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{animation:iso-rotate-cube 6s linear infinite;transform-style:preserve-3d}@keyframes iso-grid-scroll{0%{background-position:0 0}to{background-position:-40px 20px}}.iso-grid-scroll{animation:iso-grid-scroll 4s linear infinite}@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:iso-terrain-shift 6s linear infinite}@keyframes iso-perspective-dolly{0%{filter:blur(2px);opacity:0;transform:perspective(800px) translateZ(-100px) scale(.9)}60%{filter:blur(0);opacity:1}to{filter:blur(0);opacity:1;transform:perspective(800px) translateZ(0) scale(1)}}.iso-perspective-dolly{animation:iso-perspective-dolly 1s ease-out forwards}@keyframes iso-step-build{0%{clip-path:inset(0 100% 0 0);opacity:0}50%{opacity:1}to{clip-path:inset(0 0 0 0);opacity:1}}.iso-step-build{animation:iso-step-build .4s steps(6) forwards}@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:iso-drift 5s ease-in-out infinite}@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:iso-bounce 2s ease-in-out infinite}.iso-bounce-once{animation:iso-bounce .8s ease-in-out forwards}@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{animation:iso-sway 4s ease-in-out infinite;transform-origin:center bottom}@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:iso-card-flip 1.2s ease-in-out forwards}.iso-card-flip-2{animation:iso-card-flip 1.2s ease-in-out .2s forwards}@keyframes iso-hinge{0%{transform:perspective(600px) rotateY(0);transform-origin:left center}to{transform:perspective(600px) rotateY(-90deg);transform-origin:left center}}.iso-hinge{animation:iso-hinge .8s ease-in-out forwards}@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:iso-morph 3s ease-in-out infinite}@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:iso-rain 2.4s ease-in infinite}.iso-rain-2{animation:iso-rain 2.4s ease-in .3s infinite}.iso-rain-3{animation:iso-rain 2.4s ease-in .6s infinite}.iso-rain-4{animation:iso-rain 2.4s ease-in .9s infinite}.iso-rain-5{animation:iso-rain 2.4s ease-in 1.2s infinite}@keyframes iso-ripple{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.iso-ripple{animation:iso-ripple 2s ease-in-out infinite}.iso-ripple-2{animation:iso-ripple 2s ease-in-out .15s infinite}.iso-ripple-3{animation:iso-ripple 2s ease-in-out .3s infinite}.iso-ripple-4{animation:iso-ripple 2s ease-in-out .45s infinite}.iso-ripple-5{animation:iso-ripple 2s ease-in-out .6s infinite}@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:iso-glitch .6s ease-in-out 3}.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:iso-step-rise 1.6s ease-in-out infinite}.iso-step-rise-2{animation:iso-step-rise 1.6s ease-in-out .2s infinite}.iso-step-rise-3{animation:iso-step-rise 1.6s ease-in-out .4s infinite}.iso-step-rise-4{animation:iso-step-rise 1.6s ease-in-out .6s infinite}.iso-step-rise-5{animation:iso-step-rise 1.6s ease-in-out .8s infinite}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;transition-duration:.01ms!important}.iso-bounce,.iso-drift,.iso-grid-scroll,.iso-morph,.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-step-rise,.iso-step-rise-2,.iso-step-rise-3,.iso-step-rise-4,.iso-step-rise-5,.iso-sway,.iso-terrain-shift,.noise-animated:before{animation:none!important}}
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}.pixel-square{font-weight:400}.pixel-circle,.pixel-square{font-family:Geist Pixel,monospace}.pixel-circle{font-weight:500}.pixel-grid{font-weight:600}.pixel-grid,.pixel-line{font-family:Geist Pixel,monospace}.pixel-line{font-weight:700}.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)}.scanline{position:relative;overflow:hidden}.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}.scanline-fast{position:relative;overflow:hidden}.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}.halftone-sm{background-image:radial-gradient(#ffffff14 .5px,#0000 0);background-image:radial-gradient(var(--texture-08) .5px,transparent .5px);background-size:4px 4px}.halftone-md{background-image:radial-gradient(#ffffff0d 1px,#0000 0);background-image:radial-gradient(var(--texture-05) 1px,transparent 1px);background-size:6px 6px}.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}.halftone-accent{background-image:radial-gradient(#f0f 1px,#0000 0);background-image:radial-gradient(var(--brand-primary) 1px,transparent 1px);background-size:8px 8px}.dot-matrix{background-image:radial-gradient(#ffffff12 .5px,#0000 0);background-image:radial-gradient(var(--texture-07) .5px,transparent .5px);background-size:6px 6px}.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}.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}.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)}.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)}.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)}.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)}.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)}.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)}.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)}.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)}.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)}.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}.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}.noise{position:relative}.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}.noise-heavy:before{opacity:.12}.vignette-ink{position:relative}.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}.vignette-ink-sharp:after{background:radial-gradient(#0000 30%,#000 100%);background:radial-gradient(ellipse at center,transparent 30%,var(--color-ink) 100%)}.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}.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}.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}.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}.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}.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}.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}.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}.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}.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}.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%}.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%)}.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%)}.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}.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}.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}.separator-solid{background:#fff;background:var(--texture-solid);opacity:.25;border:none;width:100%;height:1px;margin:0}.separator-thick{opacity:.4;height:2px}.separator-dashed{border-top:2px dashed #fff;border-top:2px dashed var(--texture-solid);opacity:.3;background:0 0;height:0}.separator-dotted{border-top:2px dotted #fff;border-top:2px dotted var(--texture-solid);opacity:.25;background:0 0;height:0}.isometric-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)}.isometric-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)}.isometric-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)}.isometric-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}.isometric-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}.isometric-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}.isometric-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}.isometric-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)}.isometric-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)}.isometric-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)}.isometric-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)}.isometric-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}.isometric-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}.isometric-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}.isometric-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}.isometric-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}.isometric-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}.isometric-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}.isometric-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}.isometric-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}.isometric-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}.isometric-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)}.isometric-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)}.texture-overlay{pointer-events:none;z-index:1;position:absolute;inset:0}.has-halftone-accent{position:relative}.has-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}.has-dot-matrix{position:relative}.has-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}.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}.isometric-grid-animated{animation:4s linear infinite iso-grid-scroll}.isometric-grid-dense-animated{animation:3s linear infinite iso-grid-scroll}.isometric-cubes-animated{animation:5s linear infinite iso-grid-scroll}.isometric-terrain-animated{animation:6s linear infinite iso-terrain-shift}.isometric-pipes-animated{animation:3s linear infinite iso-grid-scroll}.isometric-hex-animated{animation:6s linear infinite iso-grid-scroll}.isometric-city-animated{animation:5s linear infinite iso-grid-scroll}.isometric-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}.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)}.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{font-family:Geist Mono,ui-monospace,SF Mono,menlo,monospace;font-family:var(--font-mono);color:#ffffff80;max-width:240px;font-size:13px}.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);color:var(--status-warning)}.banner-warning,.image-frame{background:#000;background:var(--color-ink)}.image-frame{border:2px solid #fff;border:2px solid var(--color-paper);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)}}.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 pixel-fade-in{0%{clip-path:inset(0 0 0 100%)}to{clip-path:inset(0)}}.pixel-fade-in{animation:.6s steps(8,end) forwards pixel-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 pixel-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}}.pixel-dots{animation:.3s steps(4,end) 2 pixel-dots}.pixel-dots-fast{animation:.15s steps(2,end) pixel-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}}@media (prefers-reduced-motion:reduce){*,:after,:before{transition-duration:.01ms!important;animation-duration:.01ms!important}.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-drift,.iso-float,.iso-float-2,.iso-float-3,.iso-float-4,.iso-float-5,.iso-float-spin,.iso-glitch,.iso-grid-scroll,.iso-hinge,.iso-morph,.iso-perspective-dolly,.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-shift,.isometric-city-animated,.isometric-cubes-animated,.isometric-grid-animated,.isometric-grid-dense-animated,.isometric-hex-animated,.isometric-pipes-animated,.isometric-terrain-animated,.isometric-wave-animated,.motion-lines-horizontal:before,.motion-lines-radial:before,.motion-lines:before,.noise-animated: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}}