7k-design-system 1.0.0-alpha.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (89) hide show
  1. package/CHANGELOG.md +45 -0
  2. package/CONSUMER_GUIDE.md +471 -0
  3. package/DESIGN.md +1207 -0
  4. package/LICENSE +21 -0
  5. package/README.md +192 -0
  6. package/SKILL.md +252 -0
  7. package/build/icon.svg +10 -0
  8. package/build/logo-7k-light.svg +10 -0
  9. package/build/logo-7k.svg +10 -0
  10. package/dist/7k-design-system.css +1 -0
  11. package/dist/animations.css +1 -0
  12. package/dist/build/icon.svg +10 -0
  13. package/dist/build/logo-7k-light.svg +10 -0
  14. package/dist/build/logo-7k.svg +10 -0
  15. package/dist/components.css +1 -0
  16. package/dist/fonts/GeistPixel-Circle.ttf +0 -0
  17. package/dist/fonts/GeistPixel-Grid.ttf +0 -0
  18. package/dist/fonts/GeistPixel-Line.ttf +0 -0
  19. package/dist/fonts/GeistPixel-Square.ttf +0 -0
  20. package/dist/fonts/GeistPixel-Triangle.ttf +0 -0
  21. package/dist/preview/brand-assets.html +83 -0
  22. package/dist/preview/brand-assets.html.artifact.json +19 -0
  23. package/dist/preview/colors-primary.html +101 -0
  24. package/dist/preview/colors-primary.html.artifact.json +19 -0
  25. package/dist/preview/components-buttons.html +84 -0
  26. package/dist/preview/components-buttons.html.artifact.json +19 -0
  27. package/dist/preview/spacing-tokens.html +79 -0
  28. package/dist/preview/spacing-tokens.html.artifact.json +19 -0
  29. package/dist/preview/textures-backgrounds.html +102 -0
  30. package/dist/preview/textures-backgrounds.html.artifact.json +19 -0
  31. package/dist/preview/typography-specimens.html +73 -0
  32. package/dist/preview/typography-specimens.html.artifact.json +19 -0
  33. package/dist/react/index.cjs +1 -0
  34. package/dist/react/index.js +129 -0
  35. package/dist/react/react/components/Badge.d.ts +3 -0
  36. package/dist/react/react/components/Badge.d.ts.map +1 -0
  37. package/dist/react/react/components/Badge.stories.d.ts +12 -0
  38. package/dist/react/react/components/Badge.stories.d.ts.map +1 -0
  39. package/dist/react/react/components/Button.d.ts +3 -0
  40. package/dist/react/react/components/Button.d.ts.map +1 -0
  41. package/dist/react/react/components/Button.stories.d.ts +16 -0
  42. package/dist/react/react/components/Button.stories.d.ts.map +1 -0
  43. package/dist/react/react/components/Input.d.ts +3 -0
  44. package/dist/react/react/components/Input.d.ts.map +1 -0
  45. package/dist/react/react/components/Input.stories.d.ts +11 -0
  46. package/dist/react/react/components/Input.stories.d.ts.map +1 -0
  47. package/dist/react/react/components/ThemeToggle.d.ts +4 -0
  48. package/dist/react/react/components/ThemeToggle.d.ts.map +1 -0
  49. package/dist/react/react/components/ThemeToggle.stories.d.ts +7 -0
  50. package/dist/react/react/components/ThemeToggle.stories.d.ts.map +1 -0
  51. package/dist/react/react/hooks/useTheme.d.ts +11 -0
  52. package/dist/react/react/hooks/useTheme.d.ts.map +1 -0
  53. package/dist/react/react/index.d.ts +8 -0
  54. package/dist/react/react/index.d.ts.map +1 -0
  55. package/dist/react/react/theme/ThemeContext.d.ts +3 -0
  56. package/dist/react/react/theme/ThemeProvider.d.ts +9 -0
  57. package/dist/react/react/theme/useTheme.d.ts +3 -0
  58. package/dist/react/react/types.d.ts +33 -0
  59. package/dist/react/react/types.d.ts.map +1 -0
  60. package/dist/react/stories/Button.d.ts +17 -0
  61. package/dist/react/stories/Button.d.ts.map +1 -0
  62. package/dist/react/stories/Button.stories.d.ts +25 -0
  63. package/dist/react/stories/Button.stories.d.ts.map +1 -0
  64. package/dist/react/stories/Components.stories.d.ts +10 -0
  65. package/dist/react/stories/Components.stories.d.ts.map +1 -0
  66. package/dist/react/stories/Header.d.ts +14 -0
  67. package/dist/react/stories/Header.d.ts.map +1 -0
  68. package/dist/react/stories/Header.stories.d.ts +20 -0
  69. package/dist/react/stories/Header.stories.d.ts.map +1 -0
  70. package/dist/react/stories/Page.d.ts +4 -0
  71. package/dist/react/stories/Page.d.ts.map +1 -0
  72. package/dist/react/stories/Page.stories.d.ts +14 -0
  73. package/dist/react/stories/Page.stories.d.ts.map +1 -0
  74. package/dist/react/stories/Textures.stories.d.ts +11 -0
  75. package/dist/react/stories/Textures.stories.d.ts.map +1 -0
  76. package/dist/textures.css +1 -0
  77. package/dist/tokens.css +1 -0
  78. package/fonts/GeistPixel-Circle.ttf +0 -0
  79. package/fonts/GeistPixel-Grid.ttf +0 -0
  80. package/fonts/GeistPixel-Line.ttf +0 -0
  81. package/fonts/GeistPixel-Square.ttf +0 -0
  82. package/fonts/GeistPixel-Triangle.ttf +0 -0
  83. package/package.json +147 -0
  84. package/preview/brand-assets.html +83 -0
  85. package/preview/colors-primary.html +101 -0
  86. package/preview/components-buttons.html +84 -0
  87. package/preview/spacing-tokens.html +79 -0
  88. package/preview/textures-backgrounds.html +102 -0
  89. package/preview/typography-specimens.html +73 -0
package/dist/7k-design-system.css ADDED
@@ -0,0 +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}}
package/dist/animations.css ADDED
@@ -0,0 +1 @@
1
+ @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 var(--magenta-500) 4D,0 0 20px var(--magenta-500) 33}50%{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 var(--cyan-500) 4D,0 0 20px var(--cyan-500) 33}50%{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: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:var(--texture-19);display:block;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: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 0 var(--magenta-500);transform:translate(0)}20%{box-shadow:-4px 0 8px var(--magenta-500);transform:translate(-2px)}40%{box-shadow:4px 0 8px var(--magenta-500);transform:translateY(-2px)}60%{box-shadow:-2px 0 4px var(--magenta-500);transform:translate(2px)}80%{box-shadow:2px 0 4px var(--magenta-500);transform:translate(-1px,1px)}to{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:var(--magenta-500);opacity:1}20%{color:var(--texture-solid);opacity:.3}40%{color:var(--magenta-500);opacity:1}55%{opacity:.5}70%{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}
package/dist/build/icon.svg ADDED
@@ -0,0 +1,10 @@
1
+ <?xml version="1.0" encoding="UTF-8"?>
2
+ <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="208" height="207">
3
+ <path d="M0 0 C5.31124964 0.603148 10.48703511 1.43913427 15.70556641 2.60717773 C16.43345084 2.76700921 17.16133528 2.92684069 17.91127682 3.09151554 C20.30879661 3.61883334 22.7051582 4.15123171 25.1015625 4.68359375 C26.80517693 5.05913826 28.50886821 5.43433426 30.21263123 5.8092041 C34.7498531 6.80842764 39.28611201 7.81195236 43.82210159 8.81675339 C51.28033334 10.46849791 58.73958849 12.11562021 66.19889259 13.76251411 C68.04881424 14.17100274 69.89869699 14.57966759 71.74854088 14.98850822 C83.02899365 17.48103879 94.31557491 19.93611433 105.62109375 22.3125 C107.79802212 22.77283097 109.97494311 23.23319683 112.15185547 23.69360352 C116.00363238 24.50743675 119.85834657 25.30477983 123.71533203 26.09350586 C125.3845784 26.44579716 127.05369683 26.79869553 128.72265625 27.15234375 C129.83367958 27.37150452 129.83367958 27.37150452 130.96714783 27.59509277 C132.96508789 28.02709961 132.96508789 28.02709961 136 29 C136.33 29.99 136.66 30.98 137 32 C129.29851279 34.38264441 121.53802394 36.48456869 113.73828125 38.51953125 C112.44506913 38.85815768 111.15188757 39.19690088 109.85873413 39.53575134 C106.39552234 40.44257301 102.93164295 41.3468178 99.467556 42.25028992 C97.30259146 42.81508493 95.13780023 43.38053979 92.97305298 43.94616699 C65.30194833 51.17500901 37.60064857 58.2829979 9.86859131 65.2746582 C6.95503557 66.01136955 4.04311103 66.75428619 1.13134766 67.49804688 C-0.69756438 67.96234502 -2.52650191 68.42654277 -4.35546875 68.890625 C-5.18959793 69.1051532 -6.02372711 69.3196814 -6.88313293 69.54071045 C-9.99400234 70.32656685 -12.77765467 71 -16 71 C-12.92929924 54.77377074 -9.40553704 38.66561099 -5.75 22.5625 C-5.52395081 21.56295288 -5.29790161 20.56340576 -5.06500244 19.53356934 C-4.41628654 16.66878444 -3.7636237 13.80493209 -3.109375 10.94140625 C-2.91163483 10.06849442 -2.71389465 9.19558258 -2.51016235 8.29621887 C-1.115605 2.23121 -1.115605 2.23121 0 0 Z " fill="#FF35EB" transform="translate(26,51)"/>
4
+ <path d="M0 0 C-1.67248293 10.01430524 -4.81990605 19.54309491 -7.84765625 29.2109375 C-8.4257994 31.07021702 -9.00346387 32.92964545 -9.58067322 34.78921509 C-11.09330629 39.65840935 -12.61175033 44.52577089 -14.13165283 49.3927002 C-16.27778373 56.26859344 -18.41607032 63.14693086 -20.55503845 70.02505493 C-21.69252479 73.68276675 -22.8322997 77.33975309 -23.97389221 80.9961853 C-24.49310597 82.66200356 -25.01230729 84.3278257 -25.53149414 85.99365234 C-25.76787598 86.74902283 -26.00425781 87.50439331 -26.24780273 88.28265381 C-27.25246686 91.50973417 -28.17985248 94.71940994 -29 98 C-49.13 98 -69.26 98 -90 98 C-89.08735353 94.34941413 -88.08326569 92.14101086 -86.21875 88.94140625 C-85.33932739 87.4243811 -85.33932739 87.4243811 -84.44213867 85.87670898 C-83.48078003 84.23617554 -83.48078003 84.23617554 -82.5 82.5625 C-81.83653564 81.42176025 -81.17307129 80.28102051 -80.48950195 79.10571289 C-78.70177289 76.03315466 -76.90744295 72.96450671 -75.11090088 69.89709473 C-74.00188698 68.00322241 -72.89407958 66.10864941 -71.78662109 64.21386719 C-64.64885447 52.00358705 -57.4869888 39.80737281 -50.30541992 27.62280273 C-49.79458862 26.75570679 -49.79458862 26.75570679 -49.2734375 25.87109375 C-48.90790771 25.28473145 -48.54237793 24.69836914 -48.16577148 24.09423828 C-46.89109403 21.91410493 -46.89109403 21.91410493 -45.85180664 19.07373047 C-43.51839101 13.84292684 -41.33140906 10.25401282 -35.90917969 8.10131836 C-30.9167507 6.46669422 -25.81795263 5.35419438 -20.6875 4.25 C-18.90454999 3.82731719 -17.122629 3.40026875 -15.34179688 2.96875 C-2.90837515 0 -2.90837515 0 0 0 Z " fill="#FF11F8" transform="translate(158,96)"/>
5
+ <path d="M0 0 C-1.43234259 3.83404835 -3.20394594 7.29062018 -5.23828125 10.83984375 C-6.211604 12.5417688 -6.211604 12.5417688 -7.20458984 14.27807617 C-7.90704252 15.49799011 -8.60968357 16.7177956 -9.3125 17.9375 C-10.03607495 19.19826337 -10.75954386 20.45908761 -11.48291016 21.7199707 C-17.41002821 32.0360915 -23.44411364 42.28753807 -29.52587891 52.51318359 C-30.98773375 54.97930706 -32.43927165 57.45117766 -33.88671875 59.92578125 C-34.33998535 60.70026611 -34.79325195 61.47475098 -35.26025391 62.27270508 C-36.09331585 63.69753149 -36.92514175 65.12308176 -37.75537109 66.54956055 C-40.04520076 70.46097972 -42.44977773 74.25273462 -45 78 C-50.07599137 74.46218783 -53.33453539 69.89206823 -57 65 C-58.53804041 62.97640538 -60.07999024 60.95577855 -61.625 58.9375 C-62.04023926 58.39496582 -62.45547852 57.85243164 -62.88330078 57.29345703 C-66.36160697 52.7738662 -69.95070177 48.35075295 -73.5625 43.9375 C-77.55147174 39.0540138 -81.50205965 34.14957782 -85.3125 29.125 C-86.03050781 28.17882812 -86.74851562 27.23265625 -87.48828125 26.2578125 C-89 24 -89 24 -89 22 C-85.42579333 21.07287008 -81.8515694 20.14580673 -78.27734375 19.21875 C-77.16125229 18.92924469 -76.04516083 18.63973938 -74.89524841 18.34146118 C-68.75872985 16.74984654 -62.62199379 15.1590777 -56.48486328 13.56982422 C-41.73019206 9.75106531 -41.73019206 9.75106531 -26.98371887 5.90081787 C-24.09145469 5.1418846 -21.19838391 4.38605777 -18.3052063 3.63061523 C-16.41473273 3.13540794 -14.52558699 2.63514046 -12.63647461 2.13476562 C-10.97177124 1.70067383 -10.97177124 1.70067383 -9.2734375 1.2578125 C-8.33935059 1.0117627 -7.40526367 0.76571289 -6.44287109 0.51220703 C-4 0 -4 0 0 0 Z " fill="#FFFFFF" transform="translate(102,111)"/>
6
+ <path d="M0 0 C6.0218352 1.73771685 11.46488166 4.56608463 17.05859375 7.33984375 C18.12110855 7.86260391 19.18362335 8.38536407 20.27833557 8.92396545 C23.66650824 10.59155047 27.05214804 12.26419708 30.4375 13.9375 C33.81962136 15.60652692 37.20228435 17.2744345 40.58595276 18.94032288 C42.68828272 19.9756357 44.7896776 21.01285013 46.88999939 22.05223083 C51.87620309 24.51034073 56.86222845 26.87564724 62 29 C61.43189471 34.79859195 60.26320265 39.97686594 58.4375 45.5 C58.08655273 46.59054688 58.08655273 46.59054688 57.72851562 47.703125 C57.15867219 49.47080261 56.58024596 51.23570969 56 53 C46.3204691 51.52601868 36.80148214 49.49993648 27.25 47.375 C25.76308304 47.0465932 24.27610421 46.71846643 22.7890625 46.390625 C19.19199117 45.59696823 15.59576525 44.79955605 12 44 C10.44527314 38.86073216 8.89724042 33.71951208 7.35522461 28.57641602 C6.83034259 26.82912627 6.30367432 25.08237204 5.77514648 23.33618164 C5.01329429 20.81797651 4.2580068 18.2978795 3.50390625 15.77734375 C3.26845596 15.00414291 3.03300568 14.23094208 2.79042053 13.43431091 C1.45836043 8.95540698 0.54040163 4.64315228 0 0 Z " fill="#FFFFFF" transform="translate(111,17)"/>
7
+ <path d="M0 0 C1.71425579 5.6400991 3.42311068 11.28179516 5.12695312 16.92504883 C5.70749658 18.84509566 6.28952054 20.76469549 6.87304688 22.68383789 C7.71091932 25.44040974 8.54347661 28.19853855 9.375 30.95703125 C9.63748535 31.81649857 9.8999707 32.67596588 10.17041016 33.56147766 C10.53078369 34.76238289 10.53078369 34.76238289 10.8984375 35.98754883 C11.21820557 37.04344963 11.21820557 37.04344963 11.54443359 38.12068176 C12 40 12 40 12 43 C4.19873204 42.31050991 -3.31933205 40.78209336 -10.96875 39.12890625 C-12.29867465 38.84351716 -13.62863128 38.55827702 -14.95861816 38.2731781 C-17.72603652 37.67869802 -20.49264423 37.08060107 -23.25878906 36.48022461 C-26.80899611 35.71025821 -30.36166632 34.9523694 -33.91509247 34.19741917 C-36.65289273 33.6138849 -39.38898738 33.02265354 -42.12464905 32.42918205 C-44.07186153 32.0086336 -46.02072887 31.59577132 -47.96960449 31.18299866 C-49.14172485 30.92610764 -50.31384521 30.66921661 -51.52148438 30.40454102 C-52.55801147 30.18105484 -53.59453857 29.95756866 -54.66247559 29.72731018 C-55.43385864 29.48729782 -56.2052417 29.24728546 -57 29 C-57.33 28.34 -57.66 27.68 -58 27 C-57.08057617 26.56300781 -57.08057617 26.56300781 -56.14257812 26.1171875 C-41.32711212 19.0810423 -41.32711212 19.0810423 -26.625 11.8125 C-20.99064284 8.97258449 -15.32501509 6.20591616 -9.625 3.5 C-8.8923291 3.1491333 -8.1596582 2.7982666 -7.40478516 2.43676758 C-2.2362567 0 -2.2362567 0 0 0 Z " fill="#FFFFFF" transform="translate(98,14)"/>
8
+ <path d="M0 0 C2.24002181 2.24002181 2.45082686 3.1646128 3.11328125 6.18334961 C3.30688232 7.04862778 3.5004834 7.91390594 3.69995117 8.80540466 C3.90209229 9.74489456 4.1042334 10.68438446 4.3125 11.65234375 C4.52688721 12.62224747 4.74127441 13.59215118 4.9621582 14.59144592 C5.41604476 16.65110903 5.86638389 18.71155655 6.31347656 20.77270508 C6.99078773 23.89503247 7.67792925 27.01505623 8.3671875 30.13476562 C8.80787659 32.14049657 9.24799807 34.14635233 9.6875 36.15234375 C9.88964111 37.07361557 10.09178223 37.99488739 10.30004883 38.94407654 C11.67118136 45.27311846 12.87807116 51.6222017 14 58 C2.81113703 61.65634825 -8.53429664 64.3657014 -20 67 C-19.3294196 59.88425139 -17.09664011 53.25199721 -15 46.4453125 C-14.59989789 45.13502886 -14.20016419 43.82463267 -13.80078125 42.51412964 C-12.96679201 39.78152421 -12.12928768 37.05003021 -11.2890625 34.31933594 C-10.2105854 30.81377395 -9.13961319 27.30597387 -8.07104492 23.79738045 C-7.24825293 21.09783944 -6.42226487 18.39928521 -5.59521484 15.70104599 C-5.19886693 14.40706524 -4.80335699 13.11282752 -4.40869141 11.81833267 C-3.8589483 10.01740832 -3.30459218 8.21789404 -2.75 6.41845703 C-2.43546875 5.39366241 -2.1209375 4.3688678 -1.796875 3.3130188 C-1 1 -1 1 0 0 Z " fill="#FFFFFF" transform="translate(179,68)"/>
9
+ <path d="M0 0 C0 4.13451443 -2.1839165 6.12255584 -4.6875 9.1875 C-5.17790771 9.79972412 -5.66831543 10.41194824 -6.17358398 11.04272461 C-7.77390181 13.03551151 -9.38541085 15.01876258 -11 17 C-11.53979492 17.66354492 -12.07958984 18.32708984 -12.63574219 19.01074219 C-14.82765052 21.7045544 -17.02015927 24.39786833 -19.21582031 27.08862305 C-26.00991117 35.43318627 -32.61724571 43.92838421 -38.84375 52.70703125 C-39.41609375 53.34705078 -39.41609375 53.34705078 -40 54 C-40.66 54 -41.32 54 -42 54 C-41.36203146 48.57570043 -40.13437376 43.55378766 -38.56640625 38.328125 C-38.32840805 37.52389099 -38.09040985 36.71965698 -37.84519958 35.89105225 C-37.34414963 34.20284521 -36.84061571 32.51537359 -36.3347168 30.82861328 C-35.56130014 28.2459934 -34.79872799 25.66033926 -34.03710938 23.07421875 C-33.54752064 21.42949517 -33.05730802 19.78495715 -32.56640625 18.140625 C-32.3392543 17.3687384 -32.11210236 16.59685181 -31.87806702 15.80157471 C-30.87795999 12.49041113 -29.9327526 9.8991289 -28 7 C-25.20263672 6.0168457 -25.20263672 6.0168457 -21.6796875 5.17578125 C-19.79443359 4.71655273 -19.79443359 4.71655273 -17.87109375 4.24804688 C-16.53912224 3.93594285 -15.20709016 3.6240972 -13.875 3.3125 C-12.53489546 2.99001409 -11.19504774 2.66645895 -9.85546875 2.34179688 C-6.57269188 1.55062403 -3.28767054 0.7705379 0 0 Z " fill="#FFFFFF" transform="translate(183,140)"/>
10
+ </svg>
package/dist/build/logo-7k-light.svg ADDED
@@ -0,0 +1,10 @@
1
+ <?xml version="1.0" encoding="UTF-8"?>
2
+ <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="208" height="207">
3
+ <path d="M0 0 C5.31124964 0.603148 10.48703511 1.43913427 15.70556641 2.60717773 C16.43345084 2.76700921 17.16133528 2.92684069 17.91127682 3.09151554 C20.30879661 3.61883334 22.7051582 4.15123171 25.1015625 4.68359375 C26.80517693 5.05913826 28.50886821 5.43433426 30.21263123 5.8092041 C34.7498531 6.80842764 39.28611201 7.81195236 43.82210159 8.81675339 C51.28033334 10.46849791 58.73958849 12.11562021 66.19889259 13.76251411 C68.04881424 14.17100274 69.89869699 14.57966759 71.74854088 14.98850822 C83.02899365 17.48103879 94.31557491 19.93611433 105.62109375 22.3125 C107.79802212 22.77283097 109.97494311 23.23319683 112.15185547 23.69360352 C116.00363238 24.50743675 119.85834657 25.30477983 123.71533203 26.09350586 C125.3845784 26.44579716 127.05369683 26.79869553 128.72265625 27.15234375 C129.83367958 27.37150452 129.83367958 27.37150452 130.96714783 27.59509277 C132.96508789 28.02709961 132.96508789 28.02709961 136 29 C136.33 29.99 136.66 30.98 137 32 C129.29851279 34.38264441 121.53802394 36.48456869 113.73828125 38.51953125 C112.44506913 38.85815768 111.15188757 39.19690088 109.85873413 39.53575134 C106.39552234 40.44257301 102.93164295 41.3468178 99.467556 42.25028992 C97.30259146 42.81508493 95.13780023 43.38053979 92.97305298 43.94616699 C65.30194833 51.17500901 37.60064857 58.2829979 9.86859131 65.2746582 C6.95503557 66.01136955 4.04311103 66.75428619 1.13134766 67.49804688 C-0.69756438 67.96234502 -2.52650191 68.42654277 -4.35546875 68.890625 C-5.18959793 69.1051532 -6.02372711 69.3196814 -6.88313293 69.54071045 C-9.99400234 70.32656685 -12.77765467 71 -16 71 C-12.92929924 54.77377074 -9.40553704 38.66561099 -5.75 22.5625 C-5.52395081 21.56295288 -5.29790161 20.56340576 -5.06500244 19.53356934 C-4.41628654 16.66878444 -3.7636237 13.80493209 -3.109375 10.94140625 C-2.91163483 10.06849442 -2.71389465 9.19558258 -2.51016235 8.29621887 C-1.115605 2.23121 -1.115605 2.23121 0 0 Z " fill="#FF35EB" transform="translate(26,51)"/>
4
+ <path d="M0 0 C-1.67248293 10.01430524 -4.81990605 19.54309491 -7.84765625 29.2109375 C-8.4257994 31.07021702 -9.00346387 32.92964545 -9.58067322 34.78921509 C-11.09330629 39.65840935 -12.61175033 44.52577089 -14.13165283 49.3927002 C-16.27778373 56.26859344 -18.41607032 63.14693086 -20.55503845 70.02505493 C-21.69252479 73.68276675 -22.8322997 77.33975309 -23.97389221 80.9961853 C-24.49310597 82.66200356 -25.01230729 84.3278257 -25.53149414 85.99365234 C-25.76787598 86.74902283 -26.00425781 87.50439331 -26.24780273 88.28265381 C-27.25246686 91.50973417 -28.17985248 94.71940994 -29 98 C-49.13 98 -69.26 98 -90 98 C-89.08735353 94.34941413 -88.08326569 92.14101086 -86.21875 88.94140625 C-85.33932739 87.4243811 -85.33932739 87.4243811 -84.44213867 85.87670898 C-83.48078003 84.23617554 -83.48078003 84.23617554 -82.5 82.5625 C-81.83653564 81.42176025 -81.17307129 80.28102051 -80.48950195 79.10571289 C-78.70177289 76.03315466 -76.90744295 72.96450671 -75.11090088 69.89709473 C-74.00188698 68.00322241 -72.89407958 66.10864941 -71.78662109 64.21386719 C-64.64885447 52.00358705 -57.4869888 39.80737281 -50.30541992 27.62280273 C-49.79458862 26.75570679 -49.79458862 26.75570679 -49.2734375 25.87109375 C-48.90790771 25.28473145 -48.54237793 24.69836914 -48.16577148 24.09423828 C-46.89109403 21.91410493 -46.89109403 21.91410493 -45.85180664 19.07373047 C-43.51839101 13.84292684 -41.33140906 10.25401282 -35.90917969 8.10131836 C-30.9167507 6.46669422 -25.81795263 5.35419438 -20.6875 4.25 C-18.90454999 3.82731719 -17.122629 3.40026875 -15.34179688 2.96875 C-2.90837515 0 -2.90837515 0 0 0 Z " fill="#FF11F8" transform="translate(158,96)"/>
5
+ <path d="M0 0 C-1.43234259 3.83404835 -3.20394594 7.29062018 -5.23828125 10.83984375 C-6.211604 12.5417688 -6.211604 12.5417688 -7.20458984 14.27807617 C-7.90704252 15.49799011 -8.60968357 16.7177956 -9.3125 17.9375 C-10.03607495 19.19826337 -10.75954386 20.45908761 -11.48291016 21.7199707 C-17.41002821 32.0360915 -23.44411364 42.28753807 -29.52587891 52.51318359 C-30.98773375 54.97930706 -32.43927165 57.45117766 -33.88671875 59.92578125 C-34.33998535 60.70026611 -34.79325195 61.47475098 -35.26025391 62.27270508 C-36.09331585 63.69753149 -36.92514175 65.12308176 -37.75537109 66.54956055 C-40.04520076 70.46097972 -42.44977773 74.25273462 -45 78 C-50.07599137 74.46218783 -53.33453539 69.89206823 -57 65 C-58.53804041 62.97640538 -60.07999024 60.95577855 -61.625 58.9375 C-62.04023926 58.39496582 -62.45547852 57.85243164 -62.88330078 57.29345703 C-66.36160697 52.7738662 -69.95070177 48.35075295 -73.5625 43.9375 C-77.55147174 39.0540138 -81.50205965 34.14957782 -85.3125 29.125 C-86.03050781 28.17882812 -86.74851562 27.23265625 -87.48828125 26.2578125 C-89 24 -89 24 -89 22 C-85.42579333 21.07287008 -81.8515694 20.14580673 -78.27734375 19.21875 C-77.16125229 18.92924469 -76.04516083 18.63973938 -74.89524841 18.34146118 C-68.75872985 16.74984654 -62.62199379 15.1590777 -56.48486328 13.56982422 C-41.73019206 9.75106531 -41.73019206 9.75106531 -26.98371887 5.90081787 C-24.09145469 5.1418846 -21.19838391 4.38605777 -18.3052063 3.63061523 C-16.41473273 3.13540794 -14.52558699 2.63514046 -12.63647461 2.13476562 C-10.97177124 1.70067383 -10.97177124 1.70067383 -9.2734375 1.2578125 C-8.33935059 1.0117627 -7.40526367 0.76571289 -6.44287109 0.51220703 C-4 0 -4 0 0 0 Z " fill="#000000" transform="translate(102,111)"/>
6
+ <path d="M0 0 C6.0218352 1.73771685 11.46488166 4.56608463 17.05859375 7.33984375 C18.12110855 7.86260391 19.18362335 8.38536407 20.27833557 8.92396545 C23.66650824 10.59155047 27.05214804 12.26419708 30.4375 13.9375 C33.81962136 15.60652692 37.20228435 17.2744345 40.58595276 18.94032288 C42.68828272 19.9756357 44.7896776 21.01285013 46.88999939 22.05223083 C51.87620309 24.51034073 56.86222845 26.87564724 62 29 C61.43189471 34.79859195 60.26320265 39.97686594 58.4375 45.5 C58.08655273 46.59054688 58.08655273 46.59054688 57.72851562 47.703125 C57.15867219 49.47080261 56.58024596 51.23570969 56 53 C46.3204691 51.52601868 36.80148214 49.49993648 27.25 47.375 C25.76308304 47.0465932 24.27610421 46.71846643 22.7890625 46.390625 C19.19199117 45.59696823 15.59576525 44.79955605 12 44 C10.44527314 38.86073216 8.89724042 33.71951208 7.35522461 28.57641602 C6.83034259 26.82912627 6.30367432 25.08237204 5.77514648 23.33618164 C5.01329429 20.81797651 4.2580068 18.2978795 3.50390625 15.77734375 C3.26845596 15.00414291 3.03300568 14.23094208 2.79042053 13.43431091 C1.45836043 8.95540698 0.54040163 4.64315228 0 0 Z " fill="#000000" transform="translate(111,17)"/>
7
+ <path d="M0 0 C1.71425579 5.6400991 3.42311068 11.28179516 5.12695312 16.92504883 C5.70749658 18.84509566 6.28952054 20.76469549 6.87304688 22.68383789 C7.71091932 25.44040974 8.54347661 28.19853855 9.375 30.95703125 C9.63748535 31.81649857 9.8999707 32.67596588 10.17041016 33.56147766 C10.53078369 34.76238289 10.53078369 34.76238289 10.8984375 35.98754883 C11.21820557 37.04344963 11.21820557 37.04344963 11.54443359 38.12068176 C12 40 12 40 12 43 C4.19873204 42.31050991 -3.31933205 40.78209336 -10.96875 39.12890625 C-12.29867465 38.84351716 -13.62863128 38.55827702 -14.95861816 38.2731781 C-17.72603652 37.67869802 -20.49264423 37.08060107 -23.25878906 36.48022461 C-26.80899611 35.71025821 -30.36166632 34.9523694 -33.91509247 34.19741917 C-36.65289273 33.6138849 -39.38898738 33.02265354 -42.12464905 32.42918205 C-44.07186153 32.0086336 -46.02072887 31.59577132 -47.96960449 31.18299866 C-49.14172485 30.92610764 -50.31384521 30.66921661 -51.52148438 30.40454102 C-52.55801147 30.18105484 -53.59453857 29.95756866 -54.66247559 29.72731018 C-55.43385864 29.48729782 -56.2052417 29.24728546 -57 29 C-57.33 28.34 -57.66 27.68 -58 27 C-57.08057617 26.56300781 -57.08057617 26.56300781 -56.14257812 26.1171875 C-41.32711212 19.0810423 -41.32711212 19.0810423 -26.625 11.8125 C-20.99064284 8.97258449 -15.32501509 6.20591616 -9.625 3.5 C-8.8923291 3.1491333 -8.1596582 2.7982666 -7.40478516 2.43676758 C-2.2362567 0 -2.2362567 0 0 0 Z " fill="#000000" transform="translate(98,14)"/>
8
+ <path d="M0 0 C2.24002181 2.24002181 2.45082686 3.1646128 3.11328125 6.18334961 C3.30688232 7.04862778 3.5004834 7.91390594 3.69995117 8.80540466 C3.90209229 9.74489456 4.1042334 10.68438446 4.3125 11.65234375 C4.52688721 12.62224747 4.74127441 13.59215118 4.9621582 14.59144592 C5.41604476 16.65110903 5.86638389 18.71155655 6.31347656 20.77270508 C6.99078773 23.89503247 7.67792925 27.01505623 8.3671875 30.13476562 C8.80787659 32.14049657 9.24799807 34.14635233 9.6875 36.15234375 C9.88964111 37.07361557 10.09178223 37.99488739 10.30004883 38.94407654 C11.67118136 45.27311846 12.87807116 51.6222017 14 58 C2.81113703 61.65634825 -8.53429664 64.3657014 -20 67 C-19.3294196 59.88425139 -17.09664011 53.25199721 -15 46.4453125 C-14.59989789 45.13502886 -14.20016419 43.82463267 -13.80078125 42.51412964 C-12.96679201 39.78152421 -12.12928768 37.05003021 -11.2890625 34.31933594 C-10.2105854 30.81377395 -9.13961319 27.30597387 -8.07104492 23.79738045 C-7.24825293 21.09783944 -6.42226487 18.39928521 -5.59521484 15.70104599 C-5.19886693 14.40706524 -4.80335699 13.11282752 -4.40869141 11.81833267 C-3.8589483 10.01740832 -3.30459218 8.21789404 -2.75 6.41845703 C-2.43546875 5.39366241 -2.1209375 4.3688678 -1.796875 3.3130188 C-1 1 -1 1 0 0 Z " fill="#000000" transform="translate(179,68)"/>
9
+ <path d="M0 0 C0 4.13451443 -2.1839165 6.12255584 -4.6875 9.1875 C-5.17790771 9.79972412 -5.66831543 10.41194824 -6.17358398 11.04272461 C-7.77390181 13.03551151 -9.38541085 15.01876258 -11 17 C-11.53979492 17.66354492 -12.07958984 18.32708984 -12.63574219 19.01074219 C-14.82765052 21.7045544 -17.02015927 24.39786833 -19.21582031 27.08862305 C-26.00991117 35.43318627 -32.61724571 43.92838421 -38.84375 52.70703125 C-39.41609375 53.34705078 -39.41609375 53.34705078 -40 54 C-40.66 54 -41.32 54 -42 54 C-41.36203146 48.57570043 -40.13437376 43.55378766 -38.56640625 38.328125 C-38.32840805 37.52389099 -38.09040985 36.71965698 -37.84519958 35.89105225 C-37.34414963 34.20284521 -36.84061571 32.51537359 -36.3347168 30.82861328 C-35.56130014 28.2459934 -34.79872799 25.66033926 -34.03710938 23.07421875 C-33.54752064 21.42949517 -33.05730802 19.78495715 -32.56640625 18.140625 C-32.3392543 17.3687384 -32.11210236 16.59685181 -31.87806702 15.80157471 C-30.87795999 12.49041113 -29.9327526 9.8991289 -28 7 C-25.20263672 6.0168457 -25.20263672 6.0168457 -21.6796875 5.17578125 C-19.79443359 4.71655273 -19.79443359 4.71655273 -17.87109375 4.24804688 C-16.53912224 3.93594285 -15.20709016 3.6240972 -13.875 3.3125 C-12.53489546 2.99001409 -11.19504774 2.66645895 -9.85546875 2.34179688 C-6.57269188 1.55062403 -3.28767054 0.7705379 0 0 Z " fill="#000000" transform="translate(183,140)"/>
10
+ </svg>
package/dist/build/logo-7k.svg ADDED
@@ -0,0 +1,10 @@
1
+ <?xml version="1.0" encoding="UTF-8"?>
2
+ <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="208" height="207">
3
+ <path d="M0 0 C5.31124964 0.603148 10.48703511 1.43913427 15.70556641 2.60717773 C16.43345084 2.76700921 17.16133528 2.92684069 17.91127682 3.09151554 C20.30879661 3.61883334 22.7051582 4.15123171 25.1015625 4.68359375 C26.80517693 5.05913826 28.50886821 5.43433426 30.21263123 5.8092041 C34.7498531 6.80842764 39.28611201 7.81195236 43.82210159 8.81675339 C51.28033334 10.46849791 58.73958849 12.11562021 66.19889259 13.76251411 C68.04881424 14.17100274 69.89869699 14.57966759 71.74854088 14.98850822 C83.02899365 17.48103879 94.31557491 19.93611433 105.62109375 22.3125 C107.79802212 22.77283097 109.97494311 23.23319683 112.15185547 23.69360352 C116.00363238 24.50743675 119.85834657 25.30477983 123.71533203 26.09350586 C125.3845784 26.44579716 127.05369683 26.79869553 128.72265625 27.15234375 C129.83367958 27.37150452 129.83367958 27.37150452 130.96714783 27.59509277 C132.96508789 28.02709961 132.96508789 28.02709961 136 29 C136.33 29.99 136.66 30.98 137 32 C129.29851279 34.38264441 121.53802394 36.48456869 113.73828125 38.51953125 C112.44506913 38.85815768 111.15188757 39.19690088 109.85873413 39.53575134 C106.39552234 40.44257301 102.93164295 41.3468178 99.467556 42.25028992 C97.30259146 42.81508493 95.13780023 43.38053979 92.97305298 43.94616699 C65.30194833 51.17500901 37.60064857 58.2829979 9.86859131 65.2746582 C6.95503557 66.01136955 4.04311103 66.75428619 1.13134766 67.49804688 C-0.69756438 67.96234502 -2.52650191 68.42654277 -4.35546875 68.890625 C-5.18959793 69.1051532 -6.02372711 69.3196814 -6.88313293 69.54071045 C-9.99400234 70.32656685 -12.77765467 71 -16 71 C-12.92929924 54.77377074 -9.40553704 38.66561099 -5.75 22.5625 C-5.52395081 21.56295288 -5.29790161 20.56340576 -5.06500244 19.53356934 C-4.41628654 16.66878444 -3.7636237 13.80493209 -3.109375 10.94140625 C-2.91163483 10.06849442 -2.71389465 9.19558258 -2.51016235 8.29621887 C-1.115605 2.23121 -1.115605 2.23121 0 0 Z " fill="#FF35EB" transform="translate(26,51)"/>
4
+ <path d="M0 0 C-1.67248293 10.01430524 -4.81990605 19.54309491 -7.84765625 29.2109375 C-8.4257994 31.07021702 -9.00346387 32.92964545 -9.58067322 34.78921509 C-11.09330629 39.65840935 -12.61175033 44.52577089 -14.13165283 49.3927002 C-16.27778373 56.26859344 -18.41607032 63.14693086 -20.55503845 70.02505493 C-21.69252479 73.68276675 -22.8322997 77.33975309 -23.97389221 80.9961853 C-24.49310597 82.66200356 -25.01230729 84.3278257 -25.53149414 85.99365234 C-25.76787598 86.74902283 -26.00425781 87.50439331 -26.24780273 88.28265381 C-27.25246686 91.50973417 -28.17985248 94.71940994 -29 98 C-49.13 98 -69.26 98 -90 98 C-89.08735353 94.34941413 -88.08326569 92.14101086 -86.21875 88.94140625 C-85.33932739 87.4243811 -85.33932739 87.4243811 -84.44213867 85.87670898 C-83.48078003 84.23617554 -83.48078003 84.23617554 -82.5 82.5625 C-81.83653564 81.42176025 -81.17307129 80.28102051 -80.48950195 79.10571289 C-78.70177289 76.03315466 -76.90744295 72.96450671 -75.11090088 69.89709473 C-74.00188698 68.00322241 -72.89407958 66.10864941 -71.78662109 64.21386719 C-64.64885447 52.00358705 -57.4869888 39.80737281 -50.30541992 27.62280273 C-49.79458862 26.75570679 -49.79458862 26.75570679 -49.2734375 25.87109375 C-48.90790771 25.28473145 -48.54237793 24.69836914 -48.16577148 24.09423828 C-46.89109403 21.91410493 -46.89109403 21.91410493 -45.85180664 19.07373047 C-43.51839101 13.84292684 -41.33140906 10.25401282 -35.90917969 8.10131836 C-30.9167507 6.46669422 -25.81795263 5.35419438 -20.6875 4.25 C-18.90454999 3.82731719 -17.122629 3.40026875 -15.34179688 2.96875 C-2.90837515 0 -2.90837515 0 0 0 Z " fill="#FF11F8" transform="translate(158,96)"/>
5
+ <path d="M0 0 C-1.43234259 3.83404835 -3.20394594 7.29062018 -5.23828125 10.83984375 C-6.211604 12.5417688 -6.211604 12.5417688 -7.20458984 14.27807617 C-7.90704252 15.49799011 -8.60968357 16.7177956 -9.3125 17.9375 C-10.03607495 19.19826337 -10.75954386 20.45908761 -11.48291016 21.7199707 C-17.41002821 32.0360915 -23.44411364 42.28753807 -29.52587891 52.51318359 C-30.98773375 54.97930706 -32.43927165 57.45117766 -33.88671875 59.92578125 C-34.33998535 60.70026611 -34.79325195 61.47475098 -35.26025391 62.27270508 C-36.09331585 63.69753149 -36.92514175 65.12308176 -37.75537109 66.54956055 C-40.04520076 70.46097972 -42.44977773 74.25273462 -45 78 C-50.07599137 74.46218783 -53.33453539 69.89206823 -57 65 C-58.53804041 62.97640538 -60.07999024 60.95577855 -61.625 58.9375 C-62.04023926 58.39496582 -62.45547852 57.85243164 -62.88330078 57.29345703 C-66.36160697 52.7738662 -69.95070177 48.35075295 -73.5625 43.9375 C-77.55147174 39.0540138 -81.50205965 34.14957782 -85.3125 29.125 C-86.03050781 28.17882812 -86.74851562 27.23265625 -87.48828125 26.2578125 C-89 24 -89 24 -89 22 C-85.42579333 21.07287008 -81.8515694 20.14580673 -78.27734375 19.21875 C-77.16125229 18.92924469 -76.04516083 18.63973938 -74.89524841 18.34146118 C-68.75872985 16.74984654 -62.62199379 15.1590777 -56.48486328 13.56982422 C-41.73019206 9.75106531 -41.73019206 9.75106531 -26.98371887 5.90081787 C-24.09145469 5.1418846 -21.19838391 4.38605777 -18.3052063 3.63061523 C-16.41473273 3.13540794 -14.52558699 2.63514046 -12.63647461 2.13476562 C-10.97177124 1.70067383 -10.97177124 1.70067383 -9.2734375 1.2578125 C-8.33935059 1.0117627 -7.40526367 0.76571289 -6.44287109 0.51220703 C-4 0 -4 0 0 0 Z " fill="#FFFFFF" transform="translate(102,111)"/>
6
+ <path d="M0 0 C6.0218352 1.73771685 11.46488166 4.56608463 17.05859375 7.33984375 C18.12110855 7.86260391 19.18362335 8.38536407 20.27833557 8.92396545 C23.66650824 10.59155047 27.05214804 12.26419708 30.4375 13.9375 C33.81962136 15.60652692 37.20228435 17.2744345 40.58595276 18.94032288 C42.68828272 19.9756357 44.7896776 21.01285013 46.88999939 22.05223083 C51.87620309 24.51034073 56.86222845 26.87564724 62 29 C61.43189471 34.79859195 60.26320265 39.97686594 58.4375 45.5 C58.08655273 46.59054688 58.08655273 46.59054688 57.72851562 47.703125 C57.15867219 49.47080261 56.58024596 51.23570969 56 53 C46.3204691 51.52601868 36.80148214 49.49993648 27.25 47.375 C25.76308304 47.0465932 24.27610421 46.71846643 22.7890625 46.390625 C19.19199117 45.59696823 15.59576525 44.79955605 12 44 C10.44527314 38.86073216 8.89724042 33.71951208 7.35522461 28.57641602 C6.83034259 26.82912627 6.30367432 25.08237204 5.77514648 23.33618164 C5.01329429 20.81797651 4.2580068 18.2978795 3.50390625 15.77734375 C3.26845596 15.00414291 3.03300568 14.23094208 2.79042053 13.43431091 C1.45836043 8.95540698 0.54040163 4.64315228 0 0 Z " fill="#FFFFFF" transform="translate(111,17)"/>
7
+ <path d="M0 0 C1.71425579 5.6400991 3.42311068 11.28179516 5.12695312 16.92504883 C5.70749658 18.84509566 6.28952054 20.76469549 6.87304688 22.68383789 C7.71091932 25.44040974 8.54347661 28.19853855 9.375 30.95703125 C9.63748535 31.81649857 9.8999707 32.67596588 10.17041016 33.56147766 C10.53078369 34.76238289 10.53078369 34.76238289 10.8984375 35.98754883 C11.21820557 37.04344963 11.21820557 37.04344963 11.54443359 38.12068176 C12 40 12 40 12 43 C4.19873204 42.31050991 -3.31933205 40.78209336 -10.96875 39.12890625 C-12.29867465 38.84351716 -13.62863128 38.55827702 -14.95861816 38.2731781 C-17.72603652 37.67869802 -20.49264423 37.08060107 -23.25878906 36.48022461 C-26.80899611 35.71025821 -30.36166632 34.9523694 -33.91509247 34.19741917 C-36.65289273 33.6138849 -39.38898738 33.02265354 -42.12464905 32.42918205 C-44.07186153 32.0086336 -46.02072887 31.59577132 -47.96960449 31.18299866 C-49.14172485 30.92610764 -50.31384521 30.66921661 -51.52148438 30.40454102 C-52.55801147 30.18105484 -53.59453857 29.95756866 -54.66247559 29.72731018 C-55.43385864 29.48729782 -56.2052417 29.24728546 -57 29 C-57.33 28.34 -57.66 27.68 -58 27 C-57.08057617 26.56300781 -57.08057617 26.56300781 -56.14257812 26.1171875 C-41.32711212 19.0810423 -41.32711212 19.0810423 -26.625 11.8125 C-20.99064284 8.97258449 -15.32501509 6.20591616 -9.625 3.5 C-8.8923291 3.1491333 -8.1596582 2.7982666 -7.40478516 2.43676758 C-2.2362567 0 -2.2362567 0 0 0 Z " fill="#FFFFFF" transform="translate(98,14)"/>
8
+ <path d="M0 0 C2.24002181 2.24002181 2.45082686 3.1646128 3.11328125 6.18334961 C3.30688232 7.04862778 3.5004834 7.91390594 3.69995117 8.80540466 C3.90209229 9.74489456 4.1042334 10.68438446 4.3125 11.65234375 C4.52688721 12.62224747 4.74127441 13.59215118 4.9621582 14.59144592 C5.41604476 16.65110903 5.86638389 18.71155655 6.31347656 20.77270508 C6.99078773 23.89503247 7.67792925 27.01505623 8.3671875 30.13476562 C8.80787659 32.14049657 9.24799807 34.14635233 9.6875 36.15234375 C9.88964111 37.07361557 10.09178223 37.99488739 10.30004883 38.94407654 C11.67118136 45.27311846 12.87807116 51.6222017 14 58 C2.81113703 61.65634825 -8.53429664 64.3657014 -20 67 C-19.3294196 59.88425139 -17.09664011 53.25199721 -15 46.4453125 C-14.59989789 45.13502886 -14.20016419 43.82463267 -13.80078125 42.51412964 C-12.96679201 39.78152421 -12.12928768 37.05003021 -11.2890625 34.31933594 C-10.2105854 30.81377395 -9.13961319 27.30597387 -8.07104492 23.79738045 C-7.24825293 21.09783944 -6.42226487 18.39928521 -5.59521484 15.70104599 C-5.19886693 14.40706524 -4.80335699 13.11282752 -4.40869141 11.81833267 C-3.8589483 10.01740832 -3.30459218 8.21789404 -2.75 6.41845703 C-2.43546875 5.39366241 -2.1209375 4.3688678 -1.796875 3.3130188 C-1 1 -1 1 0 0 Z " fill="#FFFFFF" transform="translate(179,68)"/>
9
+ <path d="M0 0 C0 4.13451443 -2.1839165 6.12255584 -4.6875 9.1875 C-5.17790771 9.79972412 -5.66831543 10.41194824 -6.17358398 11.04272461 C-7.77390181 13.03551151 -9.38541085 15.01876258 -11 17 C-11.53979492 17.66354492 -12.07958984 18.32708984 -12.63574219 19.01074219 C-14.82765052 21.7045544 -17.02015927 24.39786833 -19.21582031 27.08862305 C-26.00991117 35.43318627 -32.61724571 43.92838421 -38.84375 52.70703125 C-39.41609375 53.34705078 -39.41609375 53.34705078 -40 54 C-40.66 54 -41.32 54 -42 54 C-41.36203146 48.57570043 -40.13437376 43.55378766 -38.56640625 38.328125 C-38.32840805 37.52389099 -38.09040985 36.71965698 -37.84519958 35.89105225 C-37.34414963 34.20284521 -36.84061571 32.51537359 -36.3347168 30.82861328 C-35.56130014 28.2459934 -34.79872799 25.66033926 -34.03710938 23.07421875 C-33.54752064 21.42949517 -33.05730802 19.78495715 -32.56640625 18.140625 C-32.3392543 17.3687384 -32.11210236 16.59685181 -31.87806702 15.80157471 C-30.87795999 12.49041113 -29.9327526 9.8991289 -28 7 C-25.20263672 6.0168457 -25.20263672 6.0168457 -21.6796875 5.17578125 C-19.79443359 4.71655273 -19.79443359 4.71655273 -17.87109375 4.24804688 C-16.53912224 3.93594285 -15.20709016 3.6240972 -13.875 3.3125 C-12.53489546 2.99001409 -11.19504774 2.66645895 -9.85546875 2.34179688 C-6.57269188 1.55062403 -3.28767054 0.7705379 0 0 Z " fill="#FFFFFF" transform="translate(183,140)"/>
10
+ </svg>
package/dist/components.css ADDED
@@ -0,0 +1 @@
1
+ .btn-modern{align-items:center;border:none;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-family:var(--font-mono);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:var(--brand-primary);color:var(--text-on-brand)}.btn-modern-primary:hover{background:var(--brand-primary-hover);box-shadow:0 0 24px var(--brand-primary-glow)}.btn-modern-primary:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}.btn-modern-primary:active{background:var(--brand-primary-active)}.btn-modern-secondary{background:var(--bg-raised);color:var(--text-primary)}.btn-modern-secondary:hover{background:var(--bg-overlay)}.btn-modern-secondary:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}.btn-modern-secondary:active{background:var(--bg-pressed)}.btn-modern-ghost{background:transparent;color:var(--text-secondary)}.btn-modern-ghost:hover{background:#ffffff0f;color:var(--text-primary)}.btn-modern-ghost:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}.btn-modern-glow{background:var(--brand-primary);box-shadow:0 0 20px var(--brand-primary-glow),0 0 60px var(--brand-primary-glow);color:var(--text-on-brand)}.btn-modern-glow:hover{background:var(--brand-primary-hover);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 var(--brand-primary-glow),0 0 80px var(--brand-primary-glow);outline:2px solid var(--brand-primary);outline-offset:2px}.btn-modern-glow:active{background:var(--brand-primary-active)}.btn-modern-glow-cyan{background:var(--cyan-500);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:var(--text-on-brand)}.btn-modern-glow-cyan:hover{background:var(--cyan-400);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 var(--cyan-500);outline-offset:2px}.btn-modern-glow-cyan:active{background:var(--cyan-600)}.btn-modern-glow-grid{background:var(--acid-500);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:var(--text-on-brand)}.btn-modern-glow-grid:hover{background:var(--acid-400);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 var(--acid-500);outline-offset:2px}.btn-modern-glow-grid:active{background:var(--acid-600)}.btn-modern-danger{background:transparent;border:1.5px solid var(--danger-500);color:var(--danger-500)}.btn-modern-danger:hover{background:var(--danger-500);box-shadow:0 0 20px color-mix(in srgb,var(--danger-500) 25%,transparent);color:var(--text-on-brand)}.btn-modern-danger:focus-visible{outline:2px solid var(--danger-500);outline-offset:2px}.btn-modern-danger:active{background:var(--danger-600);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:var(--onebit-black);border:2px solid var(--onebit-white);border-radius:0;color:var(--onebit-white);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:var(--magenta-500);box-shadow:4px 4px 0 var(--magenta-500)}.input.error,.select-native.error,.textarea.error{border-color:var(--danger-500);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:var(--onebit-black);color:var(--onebit-white)}.form-group{display:flex;flex-direction:column;gap:4px}.form-label{color:var(--onebit-white);font-weight:600;letter-spacing:.06em;text-transform:uppercase}.field-error,.form-label{font-family:var(--font-mono);font-size:11px}.field-error{color:var(--danger-500);margin-top:2px}.input-addon{align-items:center;background:var(--onebit-black);border:2px solid var(--onebit-white);border-right:none;color:#ffffff80;display:flex;flex-shrink:0;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:var(--onebit-white);cursor:pointer;display:inline-flex;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:var(--onebit-black);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:var(--onebit-white)}.checkbox.checked .checkbox-box:after{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:var(--magenta-500)}.checkbox-accent.checked .checkbox-box:after{border-color:var(--onebit-black)}.radio{align-items:center;color:var(--onebit-white);cursor:pointer;display:inline-flex;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:var(--onebit-black);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:var(--onebit-white)}.radio.selected .radio-circle:after{background:var(--onebit-black);content:"";height:6px;width:6px}.radio-accent.selected .radio-circle{background:var(--magenta-500)}.radio-accent.selected .radio-circle:after{background:var(--onebit-black)}.toggle{align-items:center;color:var(--onebit-white);cursor:pointer;display:inline-flex;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:var(--onebit-black);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:var(--onebit-white)}.toggle.on .toggle-thumb{background:var(--onebit-black);left:19px}.toggle-accent.on .toggle-track{background:var(--magenta-500);border-color:var(--magenta-500)}.range,.toggle-accent.on .toggle-thumb{background:var(--onebit-black)}.range{-webkit-appearance:none;-moz-appearance:none;appearance:none;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:var(--onebit-white);border:2px solid var(--onebit-black);border-radius:0;cursor:pointer;height:16px;width:16px}.range::-moz-range-thumb{background:var(--onebit-white);border:2px solid var(--onebit-black);border-radius:0;cursor:pointer;height:16px;width:16px}.color-swatch{border:2px solid var(--onebit-white);cursor:pointer;display:inline-block;height:32px;transition:border-color .1s;width:32px}.color-swatch.selected{border-color:var(--onebit-white);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:var(--onebit-white);cursor:pointer;display:flex;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:var(--onebit-white);border-color:var(--onebit-white);color:var(--onebit-black);font-weight:600}.nav-item-accent.active{background:var(--onebit-black);border-color:var(--magenta-500);color:var(--magenta-500)}.nav-item-bullet{background:#ffffff80;flex-shrink:0;height:6px;width:6px}.nav-item.active .nav-item-bullet{background:var(--onebit-black)}.tabs{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: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:var(--onebit-white)}.tab.active{border-bottom-color:var(--onebit-white)}.tab-accent.active{border-bottom-color:var(--magenta-500);color:var(--magenta-500)}.pagination{align-items:center;display:flex;gap:2px}.page-btn{align-items:center;background:var(--onebit-black);border:1px solid var(--onebit-white);color:var(--onebit-white);cursor:pointer;display:inline-flex;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:var(--onebit-white);color:var(--onebit-black);font-weight:700}.page-btn[disabled]{cursor:default;opacity:.3}.breadcrumb{align-items:center;color:var(--onebit-white);display:flex;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: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: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:var(--onebit-white)}.step.active:before{border-color:var(--onebit-white)}.step.completed{color:#ffffff80}.step.completed:before{background:var(--onebit-white);border-color:var(--onebit-white);color:var(--onebit-black)}.step-line{background:#ffffff1f;flex:1;height:1px;margin:0 8px}.step.completed+.step-line{background:var(--onebit-white)}.table{border-collapse:collapse;font-family:var(--font-sans);width:100%}.table th{border-bottom:2px solid var(--onebit-white);color:var(--onebit-white);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:var(--neutral-300);font-size:13px;padding:10px 14px}.table tr:hover td{background:#ffffff0a}.badge{align-items:center;background:var(--onebit-black);border:1px solid var(--onebit-white);border-radius:0;color:var(--onebit-white);display:inline-flex;font-family:var(--font-sans);font-size:11px;font-weight:700;letter-spacing:.06em;padding:2px 6px;text-transform:uppercase}.badge-inverted{background:var(--onebit-white);border:none;color:var(--onebit-black)}.badge-accent{border-color:var(--magenta-500);color:var(--magenta-500)}.badge-success{border-color:var(--success-500);color:var(--success-500)}.badge-warning{border-color:var(--status-warning);color:var(--status-warning)}.badge-danger{border-color:var(--danger-500);color:var(--danger-500)}.badge-info{border-color:var(--info-500);color:var(--info-500)}.badge-neutral{border-color:var(--neutral-500);color:var(--neutral-500)}.tag{align-items:center;background:var(--onebit-black);border:1px solid var(--onebit-white);border-radius:0;display:inline-flex;font-family:var(--font-sans);font-size:11px;font-weight:700;letter-spacing:.08em;padding:2px 8px;text-transform:uppercase}.tag,.tag-outlined{color:var(--onebit-white)}.tag-outlined{background:transparent}.tag-inverted{background:var(--onebit-white);border:none;color:var(--onebit-black)}.chip{background:var(--onebit-black);border:1px solid var(--onebit-white);border-radius:0;color:var(--onebit-white);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:var(--onebit-white);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:var(--magenta-500);color:var(--magenta-500)}.chip-accent .chip-remove{background:var(--magenta-500)}.avatar{align-items:center;background:var(--onebit-black);border:2px solid var(--onebit-white);color:var(--onebit-white);display:inline-flex;flex-shrink:0;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:var(--magenta-500);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:var(--onebit-white);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:var(--font-sans);font-size:12px;font-weight:500;letter-spacing:.06em;text-transform:uppercase}.stat-accent .stat-value{color:var(--magenta-500)}.kbd{align-items:center;background:var(--onebit-black);border:solid var(--onebit-white);border-radius:0;border-width:1px 1px 3px;color:var(--onebit-white);display:inline-flex;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 var(--onebit-white);display:block;line-height:1.6;overflow-x:auto;padding:16px;white-space:pre}.code-block,.code-inline{background:var(--onebit-black);color:var(--onebit-white);font-family:var(--font-mono);font-size:13px}.code-inline{border:1px solid var(--onebit-white);display:inline;padding:1px 6px}.link{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:var(--magenta-500)}.list{background:var(--onebit-black);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:var(--onebit-white);cursor:pointer;display:flex;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{background:var(--onebit-white);color:var(--onebit-black);font-weight:600}.list-item-bullet{background:var(--onebit-white);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:var(--onebit-white);cursor:pointer;display:flex;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:var(--magenta-500);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:var(--onebit-black);border:2px solid var(--onebit-white);border-radius:0;box-shadow:8px 8px 0 var(--onebit-white);color:var(--onebit-white);max-width:420px;padding:24px}.modal-header{align-items:center;border-bottom:1px solid var(--onebit-white);display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:16px}.modal-close{background:var(--onebit-white);border:none;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:var(--neutral-300);font-size:14px;line-height:1.6}.modal-footer{border-top:1px solid var(--onebit-white);display:flex;gap:12px;justify-content:flex-end;margin-top:16px;padding-top:16px}.drawer{background:var(--onebit-black);border:2px solid var(--onebit-white);border-radius:0;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 var(--onebit-white);display:flex;justify-content:space-between;padding-bottom:16px}.drawer-close{background:var(--onebit-white);border:none;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:var(--onebit-black);border:2px solid var(--onebit-white);box-shadow:4px 4px 0 var(--onebit-white);color:var(--onebit-white);display:flex;font-family:var(--font-sans);font-size:13px;gap:12px;max-width:360px;padding:12px 16px}.toast-icon{background:var(--onebit-white);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:var(--success-500)}.toast-error .toast-icon{background:var(--danger-500)}.toast-warning .toast-icon{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:var(--onebit-black);border:1px solid var(--onebit-white);bottom:calc(100% + 8px);color:var(--onebit-white);display:none;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:var(--onebit-black);border:2px solid var(--onebit-white);color:var(--onebit-white);display:flex;font-size:13px;gap:12px;line-height:1.5;padding:14px}.alert-icon{background:var(--onebit-white);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:var(--success-500)}.alert-success .alert-icon{background:var(--success-500)}.alert-error{border-color:var(--danger-500)}.alert-error .alert-icon{background:var(--danger-500)}.alert-warning{border-color:var(--status-warning)}.alert-warning .alert-icon{background:var(--status-warning);border:none}.progress{background:var(--onebit-black);border:2px solid var(--onebit-white);border-radius:0;height:12px;overflow:hidden;position:relative;width:100%}.progress-fill{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,var(--onebit-black) 4px,var(--onebit-black) 8px)}.progress-accent .progress-fill{background:var(--magenta-500)}.spinner{animation:onebit-spin .6s linear infinite;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:var(--magenta-500);border-top-color:transparent}.spinner-cyan{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 var(--onebit-white);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:var(--font-mono);font-size:13px;max-width:240px}.loading-screen{align-items:center;background:var(--onebit-black);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:var(--font-mono);font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.banner{align-items:center;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:var(--success-500);color:var(--success-500)}.banner-error,.banner-success{background:var(--onebit-black)}.banner-error{border-color:var(--danger-500);color:var(--danger-500)}.banner-warning{border-color:var(--status-warning);color:var(--status-warning)}.banner-warning,.image-frame{background:var(--onebit-black)}.image-frame{align-items:center;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:var(--onebit-black);border:2px solid var(--onebit-white);display:flex;justify-content:center;position:relative}.video-frame-play{background:var(--onebit-white);border:none;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:var(--onebit-white);height:100%;transition:width .3s;width:0}.card{background:var(--onebit-black);border:2px solid var(--onebit-white);border-radius:0;color:var(--onebit-white);display:flex;flex-direction:column}.card-header{align-items:center;border-bottom:1px solid var(--border-default);display:flex;justify-content:space-between;padding-bottom:12px}.icon-box{align-items:center;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:var(--magenta-500)}.icon-box-cyan{border-color:var(--cyan-500)}.icon-box-filled{background:var(--onebit-white);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:var(--onebit-white);border:none;height:2px;margin:24px 0;opacity:.3}.hr-thick{background:var(--onebit-black);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: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 var(--onebit-white);cursor:pointer;height:20px;transition:background .1s,border-color .1s;width:20px}.rating-star.filled{background:var(--onebit-white)}.rating-star.half{background:linear-gradient(90deg,var(--onebit-white) 50%,transparent 50%)}.rating-star:hover{border-color:var(--magenta-500)}.combobox{font-family:var(--font-sans);position:relative}.combobox-input{background:var(--onebit-black);border:2px solid var(--onebit-white);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:var(--onebit-black);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:var(--onebit-white);cursor:pointer;font-size:13px;padding:8px 14px;transition:background .1s}.combobox-option:hover{background:#ffffff14}.combobox-option.selected{background:var(--onebit-white);color:var(--onebit-black);font-weight:600}.date-input{background:var(--onebit-black);border:2px solid var(--onebit-white);display:inline-flex;gap:2px;padding:10px 14px}.date-input,.date-input-part{color:var(--onebit-white);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:var(--onebit-black);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:var(--onebit-white);cursor:pointer;display:flex;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:var(--onebit-white);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:var(--onebit-black);border:2px solid var(--onebit-white);display:flex;gap:4px;padding:8px}.toolbar-item{border:1px solid transparent;color:var(--onebit-white);cursor:pointer;display:grid;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:var(--onebit-white)}.toolbar-sep{background:#ffffff1f;height:20px;margin:0 4px;width:1px}.status-dot{border:1px solid var(--onebit-white);display:inline-block;flex-shrink:0;height:8px;width:8px}.status-dot-live{background:var(--success-500);border-color:var(--success-500)}.status-dot-away{background:var(--status-warning);border-color:var(--status-warning)}.status-dot-busy{background:var(--danger-500);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:var(--onebit-black);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:var(--onebit-white);font-size:13px}.timeline-time{color:#ffffff61;display:block;font-size:11px;margin-bottom:4px}.countdown,.timeline-time{font-family:var(--font-mono)}.countdown{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: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}
package/dist/fonts/GeistPixel-Circle.ttf ADDED
Binary file
package/dist/fonts/GeistPixel-Grid.ttf ADDED
Binary file
package/dist/fonts/GeistPixel-Line.ttf ADDED
Binary file
package/dist/fonts/GeistPixel-Square.ttf ADDED
Binary file
package/dist/preview/brand-assets.html ADDED
@@ -0,0 +1,83 @@
1
+ <!doctype html>
2
+ <html lang="en" data-theme="dark">
3
+ <head>
4
+ <meta charset="utf-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1">
6
+ <title>Brand Assets · 7k-design-system</title>
7
+ <link rel="stylesheet" href="../colors_and_type.css">
8
+ <style>
9
+ body { padding: 32px; background: var(--bg-base); color: var(--text-primary); }
10
+ h1 { margin-bottom: 8px; }
11
+ .mono-label { margin-bottom: 32px; display: block; }
12
+ section { margin-bottom: 48px; }
13
+ h2 { margin-bottom: 16px; }
14
+ .logo-grid { display: flex; gap: 32px; flex-wrap: wrap; align-items: center; }
15
+ .logo-card { display: flex; flex-direction: column; align-items: center; gap: 8px; }
16
+ .logo-card img, .logo-card object { border: 2px solid #FFFFFF; padding: 24px; background: #000; max-width: 320px; }
17
+ .logo-label { font-family: var(--font-mono); font-size: 11px; color: var(--text-secondary); }
18
+ .logo-path { font-family: var(--font-mono); font-size: 10px; color: var(--text-tertiary); }
19
+ .preview-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 16px; }
20
+ .preview-card { border: 2px solid #FFFFFF; padding: 24px; position: relative; overflow: hidden; min-height: 160px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; }
21
+ .preview-card .preview-label { font-family: var(--font-mono); font-size: 11px; color: var(--text-primary); position: relative; z-index: 2; }
22
+ </style>
23
+ </head>
24
+ <body>
25
+ <h1>Brand Assets</h1>
26
+ <span class="mono-label">7k-design-system · Logo + brand marks</span>
27
+
28
+ <section>
29
+ <h2>Logos</h2>
30
+ <div class="logo-grid">
31
+ <div class="logo-card">
32
+ <img src="../build/logo-7k.svg" alt="7K Logo" style="width:240px;height:auto">
33
+ <span class="logo-label">build/logo-7k.svg</span>
34
+ <span class="logo-path">Color variant — star-burst pattern with #FF0FF accent</span>
35
+ </div>
36
+ <div class="logo-card">
37
+ <img src="../build/logo-7k-light.svg" alt="7K Light Logo" style="width:240px;height:auto">
38
+ <span class="logo-label">build/logo-7k-light.svg</span>
39
+ <span class="logo-path">Light variant — black polygons for light backgrounds</span>
40
+ </div>
41
+ <div class="logo-card">
42
+ <img src="../build/icon.svg" alt="7K Icon" style="width:64px;height:auto">
43
+ <span class="logo-label">build/icon.svg</span>
44
+ <span class="logo-path">App icon — 208×207, 7K star-burst pattern</span>
45
+ </div>
46
+ </div>
47
+ </section>
48
+
49
+ <section>
50
+ <h2>Brand in Context</h2>
51
+ <p class="body" style="margin-bottom:24px">The 7K wordmark uses Geist Pixel Triangle (800 weight) in brand-primary. Below: logo applied to dark canvas, scanline hero, and one-bit section.</p>
52
+ <div class="preview-grid">
53
+ <div class="preview-card scanline" style="background:#000">
54
+ <img src="../build/logo-7k.svg" alt="7K" style="width:160px;height:auto;position:relative;z-index:2">
55
+ <span class="preview-label">Scanline Hero</span>
56
+ </div>
57
+ <div class="preview-card halftone-sm" style="background:#000">
58
+ <img src="../build/logo-7k-light.svg" alt="7K" style="width:140px;height:auto;position:relative;z-index:2">
59
+ <span class="preview-label">Light variant / Manga Section</span>
60
+ </div>
61
+ <div class="preview-card" style="background:var(--brand-primary)">
62
+ <span style="font-family:'Geist Pixel',monospace;font-weight:800;font-size:48px;color:#000;position:relative;z-index:2">7K</span>
63
+ <span class="preview-label" style="color:#000">Invert — brand fill</span>
64
+ </div>
65
+ <div class="preview-card noise" style="background:#000">
66
+ <span style="font-family:'Geist Pixel',monospace;font-weight:800;font-size:36px;color:var(--brand-primary);position:relative;z-index:2">7K</span>
67
+ <span class="preview-label">Glow Wordmark</span>
68
+ </div>
69
+ </div>
70
+ </section>
71
+
72
+ <section>
73
+ <h2>Brand Application Rules</h2>
74
+ <ul class="list" style="max-width:600px">
75
+ <li class="list-item">Logo always uppercase "7K" — never lowercase</li>
76
+ <li class="list-item">Color variant on dark canvas, light variant on light backgrounds</li>
77
+ <li class="list-item">Brand accent (#FF0FF) only — no secondary brand color</li>
78
+ <li class="list-item">Parent 7K uses magenta; child projects swap accent hue</li>
79
+ <li class="list-item">Min 24px padding around logo in all contexts</li>
80
+ </ul>
81
+ </section>
82
+ </body>
83
+ </html>
package/dist/preview/brand-assets.html.artifact.json ADDED
@@ -0,0 +1,19 @@
1
+ {
2
+ "version": 1,
3
+ "kind": "html",
4
+ "title": "preview/brand-assets.html",
5
+ "entry": "preview/brand-assets.html",
6
+ "renderer": "html",
7
+ "status": "complete",
8
+ "exports": [
9
+ "html",
10
+ "pdf",
11
+ "zip"
12
+ ],
13
+ "createdAt": "2026-06-01T20:19:51.693Z",
14
+ "updatedAt": "2026-06-01T20:19:51.693Z",
15
+ "metadata": {
16
+ "inferred": true,
17
+ "reconciled": true
18
+ }
19
+ }