vanilla-breeze 0.4.0 → 0.5.0

package/dist/cdn/themes/tokyo-night.css

@@ -1,2 +1,2 @@
-@layer tokens, reset, native-elements, custom-elements, web-components, utils, bundle-theme, bundle-effects, bundle-components;@layer bundle-theme{:root[data-theme~=tokyo-night],[data-theme~=tokyo-night]{color-scheme:light;--theme-border-style: soft;--theme-icon-set: lucide;--color-background: oklch(92% .01 260);--color-surface: oklch(89% .012 260);--color-surface-alt: oklch(86% .015 260);--color-surface-raised: oklch(94% .008 260);--color-surface-sunken: oklch(84% .015 260);--color-text: oklch(25% .03 260);--color-text-muted: oklch(42% .025 260);--color-text-subtle: oklch(55% .02 260);--color-primary: oklch(58% .14 260);--color-primary-hover: oklch(53% .15 260);--color-primary-subtle: oklch(90% .03 260);--color-accent: oklch(68% .14 300);--color-accent-hover: oklch(63% .15 300);--color-border: oklch(82% .012 260);--color-border-muted: oklch(87% .01 260);--color-border-strong: oklch(60% .02 260);--color-success: oklch(62% .14 135);--color-warning: oklch(72% .12 75);--color-error: oklch(60% .18 15);--color-info: oklch(65% .1 220);--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: "SF Mono", "Cascadia Code", "JetBrains Mono", Consolas, monospace;--line-height-normal: 1.6;--line-height-tight: 1.2;--radius-xs: .125rem;--radius-s: .25rem;--radius-m: .375rem;--radius-l: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-full: 9999px;--shadow-xs: 0 1px 2px oklch(25% .02 260 / .06);--shadow-s: 0 1px 3px oklch(25% .02 260 / .08), 0 1px 2px oklch(25% .02 260 / .04);--shadow-m: 0 4px 6px oklch(25% .02 260 / .08), 0 2px 4px oklch(25% .02 260 / .04);--shadow-l: 0 10px 15px oklch(25% .02 260 / .08), 0 4px 6px oklch(25% .02 260 / .03);--shadow-xl: 0 20px 25px oklch(25% .02 260 / .08);--shadow-2xl: 0 25px 50px oklch(25% .02 260 / .12);--duration-instant: 50ms;--duration-fast: .1s;--duration-normal: .2s;--duration-slow: .3s;--ease-default: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(0, 0, .2, 1)}:root[data-theme~=tokyo-night],[data-theme~=tokyo-night]{:is(main,article){& hr:not([data-ornament]){border:none;border-block-start:1px solid oklch(82% .012 260);margin-block:2rem}& h1,h2{font-weight:600;letter-spacing:-.01em;color:#192230}& a:not([class]){color:var(--color-primary);text-decoration-color:#4678cc66;text-underline-offset:.15em;&:hover{text-decoration-color:currentColor}}& blockquote{border-inline-start:3px solid oklch(68% .14 300);padding-inline-start:1.25rem;color:#333b48}.button,button{font-weight:500;letter-spacing:.01em}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(58% .14 260);--cb-string: oklch(62% .14 135);--cb-function: oklch(68% .14 300);--cb-number: oklch(65% .12 65);--cb-button-bg: var(--color-surface)}::selection{background:#4678cc40;color:#192230}}:root[data-theme~=tokyo-night][data-mode=dark],[data-theme~=tokyo-night][data-mode=dark]{color-scheme:dark;--color-background: oklch(18% .025 260);--color-surface: oklch(22% .025 260);--color-surface-alt: oklch(26% .025 260);--color-surface-raised: oklch(30% .025 260);--color-surface-sunken: oklch(15% .025 260);--color-text: oklch(78% .03 260);--color-text-muted: oklch(65% .025 260);--color-text-subtle: oklch(48% .025 260);--color-primary: oklch(72% .14 260);--color-primary-hover: oklch(77% .15 260);--color-primary-subtle: oklch(28% .06 260);--color-accent: oklch(72% .14 300);--color-accent-hover: oklch(77% .15 300);--color-border: oklch(30% .025 260);--color-border-muted: oklch(26% .025 260);--color-border-strong: oklch(45% .025 260);--color-success: oklch(72% .14 135);--color-warning: oklch(78% .12 75);--color-error: oklch(70% .18 15);--color-info: oklch(78% .1 220);--shadow-xs: 0 1px 2px oklch(10% .02 260 / .25);--shadow-s: 0 1px 3px oklch(10% .02 260 / .3), 0 1px 2px oklch(10% .02 260 / .2);--shadow-m: 0 4px 6px oklch(10% .02 260 / .3), 0 2px 4px oklch(10% .02 260 / .2);--shadow-l: 0 10px 15px oklch(10% .02 260 / .3), 0 4px 6px oklch(10% .02 260 / .15);--shadow-xl: 0 20px 25px oklch(10% .02 260 / .3);--shadow-2xl: 0 25px 50px oklch(10% .02 260 / .35);:is(main,article){& hr:not([data-ornament]){border-color:#272e3b}& h1,h2{color:#c3cfe2}& blockquote{color:#86909f}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(72% .14 260);--cb-string: oklch(72% .14 135);--cb-function: oklch(72% .14 300);--cb-number: oklch(75% .12 65)}::selection{background:#6fa4fc4d;color:#d6dfec}}}
+@layer tokens, reset, native-elements, custom-elements, web-components, utils, bundle-theme, bundle-effects, bundle-components;@layer bundle-theme{:root[data-theme~=tokyo-night],[data-theme~=tokyo-night]{color-scheme:light;--theme-border-style: soft;--theme-icon-set: lucide;--color-background: oklch(92% .01 260);--color-surface: oklch(89% .012 260);--color-surface-alt: oklch(86% .015 260);--color-surface-raised: oklch(94% .008 260);--color-surface-sunken: oklch(84% .015 260);--color-text: oklch(25% .03 260);--color-text-muted: oklch(42% .025 260);--color-text-subtle: oklch(55% .02 260);--color-primary: oklch(58% .14 260);--color-primary-hover: oklch(53% .15 260);--color-interactive: oklch(48% .14 260);--color-interactive-hover: oklch(43% .15 260);--color-primary-subtle: oklch(90% .03 260);--color-accent: oklch(68% .14 300);--color-accent-hover: oklch(63% .15 300);--color-border: oklch(82% .012 260);--color-border-muted: oklch(87% .01 260);--color-border-strong: oklch(60% .02 260);--color-success: oklch(62% .14 135);--color-warning: oklch(72% .12 75);--color-error: oklch(60% .18 15);--color-info: oklch(65% .1 220);--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: "SF Mono", "Cascadia Code", "JetBrains Mono", Consolas, monospace;--line-height-normal: 1.6;--line-height-tight: 1.2;--radius-xs: .125rem;--radius-s: .25rem;--radius-m: .375rem;--radius-l: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-full: 9999px;--shadow-xs: 0 1px 2px oklch(25% .02 260 / .06);--shadow-s: 0 1px 3px oklch(25% .02 260 / .08), 0 1px 2px oklch(25% .02 260 / .04);--shadow-m: 0 4px 6px oklch(25% .02 260 / .08), 0 2px 4px oklch(25% .02 260 / .04);--shadow-l: 0 10px 15px oklch(25% .02 260 / .08), 0 4px 6px oklch(25% .02 260 / .03);--shadow-xl: 0 20px 25px oklch(25% .02 260 / .08);--shadow-2xl: 0 25px 50px oklch(25% .02 260 / .12);--duration-instant: 50ms;--duration-fast: .1s;--duration-normal: .2s;--duration-slow: .3s;--ease-default: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(0, 0, .2, 1)}:root[data-theme~=tokyo-night],[data-theme~=tokyo-night]{:is(main,article){& hr:not([data-ornament]){border:none;border-block-start:1px solid oklch(82% .012 260);margin-block:2rem}& h1,h2{font-weight:600;letter-spacing:-.01em;color:#192230}& a:not([class]){color:var(--color-interactive);text-decoration-color:#4678cc66;text-underline-offset:.15em;&:hover{text-decoration-color:currentColor}}& blockquote{border-inline-start:3px solid oklch(68% .14 300);padding-inline-start:1.25rem;color:#333b48}.button,button{font-weight:500;letter-spacing:.01em}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(58% .14 260);--cb-string: oklch(62% .14 135);--cb-function: oklch(68% .14 300);--cb-number: oklch(65% .12 65);--cb-button-bg: var(--color-surface)}::selection{background:#4678cc40;color:#192230}}:root[data-theme~=tokyo-night][data-mode=dark],[data-theme~=tokyo-night][data-mode=dark]{color-scheme:dark;--color-background: oklch(18% .025 260);--color-surface: oklch(22% .025 260);--color-surface-alt: oklch(26% .025 260);--color-surface-raised: oklch(30% .025 260);--color-surface-sunken: oklch(15% .025 260);--color-text: oklch(78% .03 260);--color-text-muted: oklch(65% .025 260);--color-text-subtle: oklch(48% .025 260);--color-primary: oklch(72% .14 260);--color-primary-hover: oklch(77% .15 260);--color-interactive: var(--color-primary);--color-interactive-hover: var(--color-primary-hover);--color-primary-subtle: oklch(28% .06 260);--color-accent: oklch(72% .14 300);--color-accent-hover: oklch(77% .15 300);--color-border: oklch(30% .025 260);--color-border-muted: oklch(26% .025 260);--color-border-strong: oklch(45% .025 260);--color-success: oklch(72% .14 135);--color-warning: oklch(78% .12 75);--color-error: oklch(70% .18 15);--color-info: oklch(78% .1 220);--shadow-xs: 0 1px 2px oklch(10% .02 260 / .25);--shadow-s: 0 1px 3px oklch(10% .02 260 / .3), 0 1px 2px oklch(10% .02 260 / .2);--shadow-m: 0 4px 6px oklch(10% .02 260 / .3), 0 2px 4px oklch(10% .02 260 / .2);--shadow-l: 0 10px 15px oklch(10% .02 260 / .3), 0 4px 6px oklch(10% .02 260 / .15);--shadow-xl: 0 20px 25px oklch(10% .02 260 / .3);--shadow-2xl: 0 25px 50px oklch(10% .02 260 / .35);:is(main,article){& hr:not([data-ornament]){border-color:#272e3b}& h1,h2{color:#c3cfe2}& blockquote{color:#86909f}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(72% .14 260);--cb-string: oklch(72% .14 135);--cb-function: oklch(72% .14 300);--cb-number: oklch(75% .12 65)}::selection{background:#6fa4fc4d;color:#d6dfec}}}
 /*# sourceMappingURL=tokyo-night.css.map */

package/dist/cdn/themes/tokyo-night.tokens.json

@@ -110,6 +110,28 @@
         ]
       }
     },
+    "interactive": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.48,
+          0.14,
+          260
+        ]
+      }
+    },
+    "interactive-hover": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.43,
+          0.15,
+          260
+        ]
+      }
+    },
     "primary-subtle": {
       "$type": "color",
       "$value": {
@@ -598,7 +620,7 @@
   "$extensions": {
     "com.vanilla-breeze": {
       "spec": "2025.10",
-      "vbVersion": "0.4.0",
+      "vbVersion": "0.5.0",
       "unmapped": [
         "--theme-border-style",
         "--theme-icon-set"

package/dist/cdn/themes/vaporwave-dark.tokens.json

@@ -99,6 +99,38 @@
         ]
       }
     },
+    "interactive": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0,
+          0,
+          0
+        ]
+      },
+      "$extensions": {
+        "com.vanilla-breeze": {
+          "literal": "var(--color-primary)"
+        }
+      }
+    },
+    "interactive-hover": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0,
+          0,
+          0
+        ]
+      },
+      "$extensions": {
+        "com.vanilla-breeze": {
+          "literal": "var(--color-primary-hover)"
+        }
+      }
+    },
     "primary-hover": {
       "$type": "color",
       "$value": {
@@ -384,7 +416,7 @@
   "$extensions": {
     "com.vanilla-breeze": {
       "spec": "2025.10",
-      "vbVersion": "0.4.0",
+      "vbVersion": "0.5.0",
       "unmapped": [
         "--input-bg",
         "--input-border",

package/dist/cdn/themes/vaporwave.css

@@ -1,2 +1,2 @@
-@layer tokens, reset, native-elements, custom-elements, web-components, utils, bundle-theme, bundle-effects, bundle-components;@layer bundle-theme{:root[data-theme~=vaporwave],[data-theme~=vaporwave]{color-scheme:light;--theme-border-style: soft;--theme-icon-set: lucide;--color-background: oklch(95% .02 320);--color-surface: oklch(92% .025 310);--color-surface-alt: oklch(89% .03 300);--color-surface-raised: oklch(96% .015 320);--color-surface-sunken: oklch(87% .03 310);--color-text: oklch(22% .04 300);--color-text-muted: oklch(38% .035 300);--color-text-subtle: oklch(52% .03 300);--color-primary: oklch(58% .22 330);--caret-color: var(--color-primary);--color-primary-hover: oklch(53% .23 330);--color-primary-subtle: oklch(92% .04 330);--color-accent: oklch(80% .12 195);--color-accent-hover: oklch(75% .13 195);--color-border: oklch(85% .02 310);--color-border-muted: oklch(90% .015 310);--color-border-strong: oklch(55% .03 300);--color-success: oklch(65% .12 195);--color-warning: oklch(75% .14 75);--color-error: oklch(55% .2 15);--color-info: oklch(60% .15 300);--_vaporwave-glow-pink: 0 0 20px oklch(58% .22 330 / .3);--_vaporwave-glow-cyan: 0 0 20px oklch(80% .12 195 / .3);--_vaporwave-glow-text: 0 0 8px currentColor;--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: "SF Mono", "Cascadia Code", "JetBrains Mono", Consolas, monospace;--line-height-normal: 1.6;--line-height-tight: 1.2;--radius-xs: .125rem;--radius-s: .25rem;--radius-m: .5rem;--radius-l: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-xs: 0 0 4px oklch(58% .22 330 / .1);--shadow-s: 0 0 8px oklch(58% .22 330 / .12);--shadow-m: 0 0 16px oklch(58% .22 330 / .12);--shadow-l: 0 0 24px oklch(58% .22 330 / .15);--shadow-xl: 0 0 36px oklch(58% .22 330 / .15);--shadow-2xl: 0 0 50px oklch(58% .22 330 / .2);--duration-instant: 50ms;--duration-fast: .13s;--duration-normal: .26s;--duration-slow: .4s;--ease-default: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--page-bg-gradient: linear-gradient( to right, oklch(90% .06 330) 0%, oklch(88% .04 310) 50%, oklch(90% .06 195) 100% );--control-border: oklch(70% .08 310);--control-checked-bg: oklch(58% .22 330);--control-checked-border: oklch(58% .22 330);--input-border: oklch(80% .04 310);--input-border-focus: oklch(58% .22 330);--range-track-bg: oklch(85% .03 310);--range-track-fill: oklch(58% .22 330);--range-thumb-bg: oklch(92% .02 310);--range-thumb-border: oklch(58% .22 330);--progress-track-bg: oklch(85% .03 310);--progress-fill: oklch(58% .22 330)}:root[data-theme~=vaporwave]:after{content:"";position:fixed;inset:0;pointer-events:none;opacity:.025;background-image:linear-gradient(oklch(58% .22 330 / .4) 1px,transparent 1px),linear-gradient(90deg,oklch(80% .12 195 / .4) 1px,transparent 1px);background-size:60px 60px;background-position:center;z-index:-1}:root[data-theme~=vaporwave],[data-theme~=vaporwave]{:is(main,article){& hr:not([data-ornament]){border:none;height:1px;background:linear-gradient(90deg,transparent,oklch(58% .22 330) 20%,oklch(80% .12 195) 80%,transparent);box-shadow:0 0 8px #bd35b633;margin-block:2rem}& h1,h2{font-weight:700;letter-spacing:.05em;text-shadow:var(--_vaporwave-glow-text)}& h1{color:var(--color-primary)}& h2{color:oklch(50% .1 195)}& a:not([class]){color:var(--color-primary);text-decoration:none;position:relative;&:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:1px;background:var(--color-primary);box-shadow:var(--_vaporwave-glow-pink);transform:scaleX(0);transition:transform .3s var(--ease-out)}&:hover:after{transform:scaleX(1)}}.button,button{background:linear-gradient(135deg,#bd35b6,#9b7dcd);border:1px solid oklch(58% .22 330 / .5);color:#fff;font-weight:600;text-transform:uppercase;letter-spacing:.08em;box-shadow:inset 0 0 10px #bd35b626;transition:box-shadow .3s,transform .3s;&:hover{box-shadow:var(--_vaporwave-glow-pink),inset 0 0 20px #bd35b640;transform:translateY(-1px)}&:active{transform:translateY(0)}}& blockquote{background:linear-gradient(135deg,#e1daf0,#efdfed);border-inline-start:3px solid oklch(50% .1 195);padding:1.25rem 1.5rem 1.25rem 2rem;border-radius:var(--radius-m);color:#453e53;position:relative;&:before{content:"\2593";position:absolute;top:.75rem;left:-.75rem;color:oklch(50% .1 195);font-size:1.25rem;text-shadow:0 0 6px oklch(80% .12 195 / .4)}}.card{position:relative;overflow:hidden;&:before{content:"";position:absolute;top:0;left:1rem;right:1rem;height:2px;background:linear-gradient(90deg,transparent,oklch(58% .22 330),oklch(80% .12 195),transparent)}}& pre{border-inline-start:3px solid oklch(58% .22 330 / .6)}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(58% .22 330);--cb-string: oklch(65% .12 195);--cb-function: oklch(60% .15 300);--cb-number: oklch(72% .14 75);--cb-button-bg: var(--color-surface)}::selection{background:#bd35b633;color:#1d162a}}:root[data-theme~=vaporwave][data-mode=dark],[data-theme~=vaporwave][data-mode=dark]{color-scheme:dark;--color-background: oklch(12% .04 300);--color-surface: oklch(10% .04 300);--color-surface-alt: oklch(16% .04 300);--color-surface-raised: oklch(20% .04 300);--color-surface-sunken: oklch(8% .04 300);--color-text: oklch(92% .02 320);--color-text-muted: oklch(78% .025 310);--color-text-subtle: oklch(58% .03 300);--color-primary: oklch(72% .22 330);--color-primary-hover: oklch(77% .23 330);--color-primary-subtle: oklch(22% .08 330);--color-accent: oklch(88% .12 195);--color-accent-hover: oklch(92% .1 195);--color-border: oklch(22% .04 300);--color-border-muted: oklch(18% .04 300);--color-border-strong: oklch(40% .04 300);--color-success: oklch(80% .12 195);--color-warning: oklch(80% .14 75);--color-error: oklch(65% .2 15);--color-info: oklch(72% .15 300);--input-bg: oklch(10% .04 300);--input-border: oklch(22% .04 300);--input-border-focus: oklch(72% .22 330);--control-border: oklch(40% .06 300);--control-checked-bg: oklch(72% .22 330);--control-checked-border: oklch(72% .22 330);--range-track-bg: oklch(18% .04 300);--range-track-fill: oklch(72% .22 330);--range-thumb-bg: oklch(20% .04 300);--range-thumb-border: oklch(72% .22 330);--progress-track-bg: oklch(18% .04 300);--progress-fill: oklch(72% .22 330);--_vaporwave-glow-pink: 0 0 20px oklch(72% .22 330 / .5);--_vaporwave-glow-cyan: 0 0 20px oklch(88% .12 195 / .5);--_vaporwave-glow-text: 0 0 10px currentColor;--shadow-xs: 0 0 6px oklch(72% .22 330 / .15);--shadow-s: 0 0 12px oklch(72% .22 330 / .2);--shadow-m: 0 0 20px oklch(72% .22 330 / .2);--shadow-l: 0 0 30px oklch(72% .22 330 / .25);--shadow-xl: 0 0 45px oklch(72% .22 330 / .25);--shadow-2xl: 0 0 60px oklch(72% .22 330 / .3);--page-bg-gradient: linear-gradient( to right, oklch(15% .06 330) 0%, oklch(12% .04 300) 50%, oklch(15% .06 195) 100% );:is(main,article){& hr:not([data-ornament]){background:linear-gradient(90deg,transparent,oklch(72% .22 330) 20%,oklch(88% .12 195) 80%,transparent);box-shadow:0 0 12px #ed66e566}& h1{color:#ed66e5}& h2{color:#65f0f0}& a:not([class]){color:#ed66e5;&:after{background:#ed66e5;box-shadow:var(--_vaporwave-glow-pink)}}.button,button{background:linear-gradient(135deg,#ed66e5,#8f68cb);border-color:#ed66e580;box-shadow:inset 0 0 10px #ed66e533;&:hover{box-shadow:var(--_vaporwave-glow-pink),inset 0 0 20px #ed66e54d}}& blockquote{background:linear-gradient(135deg,#10091c,#1d081c);border-inline-start-color:#65f0f0;color:#bcb3c4;&:before{color:#65f0f0;text-shadow:0 0 8px oklch(88% .12 195 / .5)}}.card:before{background:linear-gradient(90deg,transparent,oklch(72% .22 330),oklch(88% .12 195),transparent)}& pre{border-inline-start-color:#ed66e5cc}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(72% .22 330);--cb-string: oklch(80% .12 195);--cb-function: oklch(72% .15 300);--cb-number: oklch(80% .14 75)}::selection{background:#ed66e54d;color:#f2ecf3}}:root[data-theme~=vaporwave][data-mode=dark]:after{opacity:.04;background-image:linear-gradient(oklch(72% .22 330 / .4) 1px,transparent 1px),linear-gradient(90deg,oklch(88% .12 195 / .4) 1px,transparent 1px);background-size:60px 60px}}
+@layer tokens, reset, native-elements, custom-elements, web-components, utils, bundle-theme, bundle-effects, bundle-components;@layer bundle-theme{:root[data-theme~=vaporwave],[data-theme~=vaporwave]{color-scheme:light;--theme-border-style: soft;--theme-icon-set: lucide;--color-background: oklch(95% .02 320);--color-surface: oklch(92% .025 310);--color-surface-alt: oklch(89% .03 300);--color-surface-raised: oklch(96% .015 320);--color-surface-sunken: oklch(87% .03 310);--color-text: oklch(22% .04 300);--color-text-muted: oklch(38% .035 300);--color-text-subtle: oklch(52% .03 300);--color-primary: oklch(58% .22 330);--color-interactive: oklch(52% .22 330);--color-interactive-hover: oklch(47% .22 330);--caret-color: var(--color-primary);--color-primary-hover: oklch(53% .23 330);--color-primary-subtle: oklch(92% .04 330);--color-accent: oklch(80% .12 195);--color-accent-hover: oklch(75% .13 195);--color-border: oklch(85% .02 310);--color-border-muted: oklch(90% .015 310);--color-border-strong: oklch(55% .03 300);--color-success: oklch(65% .12 195);--color-warning: oklch(75% .14 75);--color-error: oklch(55% .2 15);--color-info: oklch(60% .15 300);--_vaporwave-glow-pink: 0 0 20px oklch(58% .22 330 / .3);--_vaporwave-glow-cyan: 0 0 20px oklch(80% .12 195 / .3);--_vaporwave-glow-text: 0 0 8px currentColor;--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: "SF Mono", "Cascadia Code", "JetBrains Mono", Consolas, monospace;--line-height-normal: 1.6;--line-height-tight: 1.2;--radius-xs: .125rem;--radius-s: .25rem;--radius-m: .5rem;--radius-l: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-xs: 0 0 4px oklch(58% .22 330 / .1);--shadow-s: 0 0 8px oklch(58% .22 330 / .12);--shadow-m: 0 0 16px oklch(58% .22 330 / .12);--shadow-l: 0 0 24px oklch(58% .22 330 / .15);--shadow-xl: 0 0 36px oklch(58% .22 330 / .15);--shadow-2xl: 0 0 50px oklch(58% .22 330 / .2);--duration-instant: 50ms;--duration-fast: .13s;--duration-normal: .26s;--duration-slow: .4s;--ease-default: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--page-bg-gradient: linear-gradient( to right, oklch(90% .06 330) 0%, oklch(88% .04 310) 50%, oklch(90% .06 195) 100% );--control-border: oklch(70% .08 310);--control-checked-bg: oklch(58% .22 330);--control-checked-border: oklch(58% .22 330);--input-border: oklch(80% .04 310);--input-border-focus: oklch(58% .22 330);--range-track-bg: oklch(85% .03 310);--range-track-fill: oklch(58% .22 330);--range-thumb-bg: oklch(92% .02 310);--range-thumb-border: oklch(58% .22 330);--progress-track-bg: oklch(85% .03 310);--progress-fill: oklch(58% .22 330)}:root[data-theme~=vaporwave]:after{content:"";position:fixed;inset:0;pointer-events:none;opacity:.025;background-image:linear-gradient(oklch(58% .22 330 / .4) 1px,transparent 1px),linear-gradient(90deg,oklch(80% .12 195 / .4) 1px,transparent 1px);background-size:60px 60px;background-position:center;z-index:-1}:root[data-theme~=vaporwave],[data-theme~=vaporwave]{:is(main,article){& hr:not([data-ornament]){border:none;height:1px;background:linear-gradient(90deg,transparent,oklch(58% .22 330) 20%,oklch(80% .12 195) 80%,transparent);box-shadow:0 0 8px #bd35b633;margin-block:2rem}& h1,h2{font-weight:700;letter-spacing:.05em;text-shadow:var(--_vaporwave-glow-text)}& h1{color:var(--color-primary)}& h2{color:oklch(50% .1 195)}& a:not([class]){color:var(--color-interactive);text-decoration:none;position:relative;&:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:1px;background:var(--color-primary);box-shadow:var(--_vaporwave-glow-pink);transform:scaleX(0);transition:transform .3s var(--ease-out)}&:hover:after{transform:scaleX(1)}}.button,button{background:linear-gradient(135deg,#bd35b6,#9b7dcd);--btn-border-width: 1px;border-color:#bd35b680;color:#fff;font-weight:600;text-transform:uppercase;letter-spacing:.08em;box-shadow:inset 0 0 10px #bd35b626;transition:box-shadow .3s,transform .3s;&:hover{box-shadow:var(--_vaporwave-glow-pink),inset 0 0 20px #bd35b640;transform:translateY(-1px)}&:active{transform:translateY(0)}}& blockquote{background:linear-gradient(135deg,#e1daf0,#efdfed);border-inline-start:3px solid oklch(50% .1 195);padding-block:1.25rem;padding-inline:2rem 1.5rem;border-radius:var(--radius-m);color:#453e53;position:relative;&:before{content:"\2593" / "";position:absolute;inset-block-start:.75rem;inset-inline-start:-.75rem;color:oklch(50% .1 195);font-size:1.25rem;text-shadow:0 0 6px oklch(80% .12 195 / .4)}}.card{position:relative;overflow:hidden;&:before{content:"";position:absolute;top:0;left:1rem;right:1rem;height:2px;background:linear-gradient(90deg,transparent,oklch(58% .22 330),oklch(80% .12 195),transparent)}}& pre{border-inline-start:3px solid oklch(58% .22 330 / .6)}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(58% .22 330);--cb-string: oklch(65% .12 195);--cb-function: oklch(60% .15 300);--cb-number: oklch(72% .14 75);--cb-button-bg: var(--color-surface)}::selection{background:#bd35b633;color:#1d162a}}:root[data-theme~=vaporwave][data-mode=dark],[data-theme~=vaporwave][data-mode=dark]{color-scheme:dark;--color-background: oklch(12% .04 300);--color-surface: oklch(10% .04 300);--color-surface-alt: oklch(16% .04 300);--color-surface-raised: oklch(20% .04 300);--color-surface-sunken: oklch(8% .04 300);--color-text: oklch(92% .02 320);--color-text-muted: oklch(78% .025 310);--color-text-subtle: oklch(58% .03 300);--color-primary: oklch(72% .22 330);--color-interactive: var(--color-primary);--color-interactive-hover: var(--color-primary-hover);--color-primary-hover: oklch(77% .23 330);--color-primary-subtle: oklch(22% .08 330);--color-accent: oklch(88% .12 195);--color-accent-hover: oklch(92% .1 195);--color-border: oklch(22% .04 300);--color-border-muted: oklch(18% .04 300);--color-border-strong: oklch(40% .04 300);--color-success: oklch(80% .12 195);--color-warning: oklch(80% .14 75);--color-error: oklch(65% .2 15);--color-info: oklch(72% .15 300);--input-bg: oklch(10% .04 300);--input-border: oklch(22% .04 300);--input-border-focus: oklch(72% .22 330);--control-border: oklch(40% .06 300);--control-checked-bg: oklch(72% .22 330);--control-checked-border: oklch(72% .22 330);--range-track-bg: oklch(18% .04 300);--range-track-fill: oklch(72% .22 330);--range-thumb-bg: oklch(20% .04 300);--range-thumb-border: oklch(72% .22 330);--progress-track-bg: oklch(18% .04 300);--progress-fill: oklch(72% .22 330);--_vaporwave-glow-pink: 0 0 20px oklch(72% .22 330 / .5);--_vaporwave-glow-cyan: 0 0 20px oklch(88% .12 195 / .5);--_vaporwave-glow-text: 0 0 10px currentColor;--shadow-xs: 0 0 6px oklch(72% .22 330 / .15);--shadow-s: 0 0 12px oklch(72% .22 330 / .2);--shadow-m: 0 0 20px oklch(72% .22 330 / .2);--shadow-l: 0 0 30px oklch(72% .22 330 / .25);--shadow-xl: 0 0 45px oklch(72% .22 330 / .25);--shadow-2xl: 0 0 60px oklch(72% .22 330 / .3);--page-bg-gradient: linear-gradient( to right, oklch(15% .06 330) 0%, oklch(12% .04 300) 50%, oklch(15% .06 195) 100% );:is(main,article){& hr:not([data-ornament]){background:linear-gradient(90deg,transparent,oklch(72% .22 330) 20%,oklch(88% .12 195) 80%,transparent);box-shadow:0 0 12px #ed66e566}& h1{color:#ed66e5}& h2{color:#65f0f0}& a:not([class]){color:#ed66e5;&:after{background:#ed66e5;box-shadow:var(--_vaporwave-glow-pink)}}.button,button{background:linear-gradient(135deg,#ed66e5,#8f68cb);border-color:#ed66e580;box-shadow:inset 0 0 10px #ed66e533;&:hover{box-shadow:var(--_vaporwave-glow-pink),inset 0 0 20px #ed66e54d}}& blockquote{background:linear-gradient(135deg,#10091c,#1d081c);border-inline-start-color:#65f0f0;color:#bcb3c4;&:before{color:#65f0f0;text-shadow:0 0 8px oklch(88% .12 195 / .5)}}.card:before{background:linear-gradient(90deg,transparent,oklch(72% .22 330),oklch(88% .12 195),transparent)}& pre{border-inline-start-color:#ed66e5cc}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(72% .22 330);--cb-string: oklch(80% .12 195);--cb-function: oklch(72% .15 300);--cb-number: oklch(80% .14 75)}::selection{background:#ed66e54d;color:#f2ecf3}}:root[data-theme~=vaporwave][data-mode=dark]:after{opacity:.04;background-image:linear-gradient(oklch(72% .22 330 / .4) 1px,transparent 1px),linear-gradient(90deg,oklch(88% .12 195 / .4) 1px,transparent 1px);background-size:60px 60px}}
 /*# sourceMappingURL=vaporwave.css.map */

package/dist/cdn/themes/vaporwave.tokens.json

@@ -99,6 +99,28 @@
         ]
       }
     },
+    "interactive": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.52,
+          0.22,
+          330
+        ]
+      }
+    },
+    "interactive-hover": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.47,
+          0.22,
+          330
+        ]
+      }
+    },
     "primary-hover": {
       "$type": "color",
       "$value": {
@@ -523,7 +545,7 @@
   "$extensions": {
     "com.vanilla-breeze": {
       "spec": "2025.10",
-      "vbVersion": "0.4.0",
+      "vbVersion": "0.5.0",
       "unmapped": [
         "--theme-border-style",
         "--theme-icon-set",

package/dist/cdn/themes/win9x-dark.tokens.json

@@ -87,7 +87,7 @@
       "$value": {
         "colorSpace": "oklch",
         "components": [
-          0.7,
+          0.8,
           0,
           0
         ]
@@ -116,7 +116,7 @@
       },
       "$extensions": {
         "com.vanilla-breeze": {
-          "literal": "var(--color-primary)"
+          "literal": "var(--color-interactive)"
         }
       }
     },
@@ -132,7 +132,7 @@
       },
       "$extensions": {
         "com.vanilla-breeze": {
-          "literal": "var(--color-primary)"
+          "literal": "var(--color-interactive)"
         }
       }
     },
@@ -147,6 +147,17 @@
         ]
       }
     },
+    "interactive": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.74,
+          0.13,
+          250
+        ]
+      }
+    },
     "primary-hover": {
       "$type": "color",
       "$value": {
@@ -520,7 +531,7 @@
   "$extensions": {
     "com.vanilla-breeze": {
       "spec": "2025.10",
-      "vbVersion": "0.4.0",
+      "vbVersion": "0.5.0",
       "unmapped": [
         "--_win9x-bg",
         "--_win9x-highlight",

package/dist/cdn/themes/win9x.css

@@ -1,2 +1,2 @@
-@layer tokens, reset, native-elements, custom-elements, web-components, utils, bundle-theme, bundle-effects, bundle-components;@layer bundle-theme{:root[data-theme~=win9x],[data-theme~=win9x]{--_win9x-bg: oklch(78% 0 0);--_win9x-highlight: oklch(100% 0 0);--_win9x-light: oklch(87% 0 0);--_win9x-shadow: oklch(50% 0 0);--_win9x-dark-shadow: oklch(0% 0 0);--_win9x-title-active: oklch(25% .15 250);--_win9x-title-inactive: oklch(50% 0 0);--_win9x-title-text: oklch(100% 0 0);--_win9x-window-bg: oklch(100% 0 0);--color-surface: var(--_win9x-bg);--color-surface-alt: oklch(74% 0 0);--color-surface-raised: oklch(85% 0 0);--color-surface-sunken: oklch(70% 0 0);--color-surface-overlay: var(--_win9x-bg);--color-background: oklch(42% .06 195);--color-text: oklch(0% 0 0);--color-text-muted: oklch(25% 0 0);--color-text-subtle: oklch(40% 0 0);--color-primary: oklch(30% .15 250);--caret-color: var(--color-primary);--color-primary-hover: oklch(30% .17 250);--color-primary-subtle: oklch(80% .05 250);--color-accent: oklch(50% .15 250);--color-accent-hover: oklch(45% .17 250);--color-success: oklch(45% .15 145);--color-success-subtle: oklch(90% .05 145);--color-success-text: oklch(30% .12 145);--color-warning: oklch(75% .15 90);--color-warning-subtle: oklch(92% .06 90);--color-warning-text: oklch(38% .12 90);--color-error: oklch(50% .2 25);--color-error-subtle: oklch(90% .05 25);--color-error-text: oklch(35% .15 25);--color-info: oklch(48% .15 250);--color-info-subtle: oklch(90% .05 250);--color-info-text: oklch(30% .12 250);--color-border: var(--_win9x-dark-shadow);--color-border-muted: var(--_win9x-shadow);--color-border-strong: var(--_win9x-dark-shadow);--_win9x-raised: inset 1px 1px 0 var(--_win9x-highlight), inset 2px 2px 0 var(--_win9x-light), inset -1px -1px 0 var(--_win9x-dark-shadow), inset -2px -2px 0 var(--_win9x-shadow);--_win9x-pressed: inset 1px 1px 0 var(--_win9x-dark-shadow), inset 2px 2px 0 var(--_win9x-shadow), inset -1px -1px 0 var(--_win9x-highlight), inset -2px -2px 0 var(--_win9x-light);--_win9x-sunken: inset 1px 1px 0 var(--_win9x-shadow), inset 2px 2px 0 var(--_win9x-dark-shadow), inset -1px -1px 0 var(--_win9x-light), inset -2px -2px 0 var(--_win9x-highlight);--_win9x-window: inset 1px 1px 0 var(--_win9x-light), inset -1px -1px 0 var(--_win9x-dark-shadow), inset 2px 2px 0 var(--_win9x-highlight), inset -2px -2px 0 var(--_win9x-shadow);--font-sans: "Tahoma", "MS Sans Serif", Arial, sans-serif;--font-mono: "Fixedsys", "Lucida Console", monospace;--line-height-normal: 1.4;--line-height-tight: 1.2;--letter-spacing-normal: 0;--radius-xs: 0;--radius-s: 0;--radius-m: 0;--radius-l: 0;--radius-xl: 0;--radius-2xl: 0;--radius-full: 0;--shadow-xs: 2px 2px 0 oklch(0% 0 0 / .3);--shadow-s: 2px 2px 0 oklch(0% 0 0 / .3);--shadow-m: 4px 4px 0 oklch(0% 0 0 / .3);--shadow-l: 4px 4px 0 oklch(0% 0 0 / .3);--shadow-xl: 6px 6px 0 oklch(0% 0 0 / .3);--shadow-2xl: 8px 8px 0 oklch(0% 0 0 / .3);--duration-instant: 0ms;--duration-fast: 0ms;--duration-normal: 0ms;--duration-slow: .1s;--ease-default: linear;--ease-out: linear;--control-size: .8125rem;--control-border: var(--_win9x-shadow);--control-checked-bg: var(--_win9x-window-bg);--control-checked-border: var(--_win9x-shadow);--control-radius-check: 0;--control-radius-radio: var(--radius-full);--input-bg: var(--_win9x-window-bg);--input-border: var(--_win9x-shadow);--input-border-focus: var(--color-primary);--range-track-bg: var(--_win9x-shadow);--range-track-fill: var(--color-primary);--range-thumb-bg: var(--_win9x-bg);--range-thumb-border: var(--_win9x-shadow);--progress-track-bg: var(--_win9x-light);--progress-fill: var(--color-primary)}:root[data-theme~=win9x],[data-theme~=win9x]{:is(main,article){.button,button{background:var(--_win9x-bg);color:var(--color-text);border:none;box-shadow:var(--_win9x-raised);padding:.25rem .75rem;font-family:var(--font-sans);font-size:.6875rem;min-height:23px;cursor:pointer;&:hover{background:var(--color-surface-alt)}&:active{box-shadow:var(--_win9x-pressed);padding-top:calc(.25rem + 1px);padding-left:calc(.75rem + 1px)}&:focus{outline:1px dotted var(--color-text);outline-offset:-4px}&:disabled{color:var(--_win9x-shadow);text-shadow:1px 1px 0 var(--_win9x-highlight);cursor:not-allowed}&.default,&[data-default=true]{outline:1px solid var(--_win9x-dark-shadow);outline-offset:-1px}}}.win9x-window,dialog{background:var(--_win9x-bg);border:none;box-shadow:var(--_win9x-window);padding:0;max-width:90vw;&::backdrop{background:transparent}}.win9x-titlebar,dialog header{background:linear-gradient(90deg,var(--_win9x-title-active),oklch(50% .1 250));color:var(--_win9x-title-text);padding:2px 3px;font-family:var(--font-sans);font-size:.6875rem;font-weight:700;align-items:center;justify-content:space-between;gap:.5rem;user-select:none}.win9x-titlebar{display:flex}.win9x-titlebar[data-inactive],dialog[data-inactive] header{background:linear-gradient(90deg,var(--_win9x-title-inactive),oklch(65% 0 0))}.win9x-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.win9x-buttons{display:flex;gap:2px}.win9x-btn{width:16px;height:14px;padding:0;min-height:auto;font-size:8px;display:flex;align-items:center;justify-content:center;box-shadow:var(--_win9x-raised);background:var(--_win9x-bg);color:var(--color-text);&:active{box-shadow:var(--_win9x-pressed)}}.win9x-body,dialog .dialog-body{padding:1rem;background:var(--_win9x-bg)}.win9x-content{background:var(--_win9x-window-bg);box-shadow:var(--_win9x-sunken);padding:.5rem}.win9x-footer,dialog footer{padding:.75rem 1rem;gap:.5rem;justify-content:center;background:var(--_win9x-bg)}.win9x-footer{display:flex}.menu-bar,.win9x-menubar{display:flex;background:var(--_win9x-bg);padding:2px 0;border-bottom:1px solid var(--_win9x-shadow);>button,>details>summary{background:transparent;box-shadow:none;padding:2px 8px;min-height:auto;&:hover{box-shadow:var(--_win9x-raised)}&:active,&[aria-expanded=true]{box-shadow:var(--_win9x-pressed)}}}.win9x-menu,menu{background:var(--_win9x-bg);box-shadow:var(--_win9x-raised);padding:2px;margin:0;list-style:none;min-width:150px;& li{margin:0}& button,a{display:flex;align-items:center;gap:1rem;width:100%;padding:2px 1.5rem;text-align:left;background:transparent;border:none;box-shadow:none;font-family:var(--font-sans);font-size:.6875rem;color:var(--color-text);text-decoration:none;cursor:pointer;min-height:auto;&:hover{background:var(--color-primary);color:var(--_win9x-title-text)}&:disabled{color:var(--_win9x-shadow);text-shadow:1px 1px 0 var(--_win9x-highlight)}}.shortcut{margin-left:auto;color:var(--color-text-muted)}& hr:not([data-ornament]){border:none;height:2px;background:var(--_win9x-shadow);box-shadow:0 1px 0 var(--_win9x-highlight);margin:2px 0}}:is(main,article){& details{background:var(--_win9x-bg);box-shadow:var(--_win9x-raised);margin-block-end:4px}& summary{padding:.25rem .5rem;cursor:pointer;font-family:var(--font-sans);font-size:.6875rem;list-style:none;align-items:center;gap:.5rem;&:before{content:"+";font-family:var(--font-mono);width:1em;text-align:center}}& details[open]>summary:before{content:"-"}& details>:not(summary){padding:.5rem;background:var(--_win9x-window-bg);box-shadow:var(--_win9x-sunken);margin:0 .5rem .5rem}}& input[type=text],input[type=email],input[type=password],input[type=number],input[type=search],input[type=url],input[type=tel],textarea{background:var(--_win9x-window-bg);border:none;box-shadow:var(--_win9x-sunken);padding:2px 4px;font-family:var(--font-sans);font-size:.6875rem;color:var(--color-text);min-height:21px;&:focus{outline:none}&::placeholder{color:var(--color-text-muted)}&:disabled{background:var(--_win9x-bg);color:var(--_win9x-shadow)}}& select{appearance:none;background:var(--_win9x-window-bg);border:none;box-shadow:var(--_win9x-sunken);padding:2px 20px 2px 4px;font-family:var(--font-sans);font-size:.6875rem;color:var(--color-text);min-height:21px;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Crect fill='%23c0c0c0' x='0' y='0' width='16' height='16'/%3E%3Cpath fill='black' d='M4 6l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 0 center;&:focus{outline:none}}:is(main,article) input[type=checkbox]{appearance:none;width:13px;height:13px;background:var(--_win9x-window-bg);box-shadow:var(--_win9x-sunken);cursor:pointer;position:relative;&:checked:after{content:"\2714";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:10px;color:var(--color-text)}&:focus{outline:1px dotted var(--color-text);outline-offset:2px}}:is(main,article) input[type=radio]{appearance:none;width:12px;height:12px;border-radius:50%;background:var(--_win9x-window-bg);box-shadow:var(--_win9x-sunken);cursor:pointer;position:relative;&:checked:after{content:"";position:absolute;top:3px;left:3px;width:6px;height:6px;border-radius:50%;background:var(--color-text)}&:focus{outline:1px dotted var(--color-text);outline-offset:2px}}& input[type=range]{appearance:none;height:21px;background:transparent;&::-webkit-slider-runnable-track{height:4px;background:var(--_win9x-bg);box-shadow:var(--_win9x-sunken)}&::-webkit-slider-thumb{appearance:none;width:11px;height:21px;background:var(--_win9x-bg);box-shadow:var(--_win9x-raised);margin-top:-8px}}& progress{appearance:none;height:16px;background:var(--_win9x-bg);box-shadow:var(--_win9x-sunken);border:none;&::-webkit-progress-bar{background:transparent}&::-webkit-progress-value{background:repeating-linear-gradient(90deg,var(--color-primary) 0,var(--color-primary) 8px,var(--_win9x-bg) 8px,var(--_win9x-bg) 10px)}&::-moz-progress-bar{background:repeating-linear-gradient(90deg,var(--color-primary) 0,var(--color-primary) 8px,var(--_win9x-bg) 8px,var(--_win9x-bg) 10px)}}.tabs,.win9x-tabs{display:flex;gap:0;position:relative;z-index:1;padding-left:4px}.tab,.win9x-tab{background:var(--_win9x-bg);box-shadow:inset 1px 1px 0 var(--_win9x-highlight),inset 2px 2px 0 var(--_win9x-light),inset -1px 0 0 var(--_win9x-shadow),inset -2px 0 0 var(--_win9x-dark-shadow);padding:4px 12px;font-family:var(--font-sans);font-size:.6875rem;cursor:pointer;border:none;position:relative;top:2px;margin-right:2px;&[aria-selected=true],&.active,&:checked{top:0;padding-bottom:6px;box-shadow:inset 1px 1px 0 var(--_win9x-highlight),inset 2px 2px 0 var(--_win9x-light),inset -1px 0 0 var(--_win9x-shadow),inset -2px 0 0 var(--_win9x-dark-shadow),0 2px 0 var(--_win9x-bg)}}.tab-panel,.win9x-panel{background:var(--_win9x-bg);box-shadow:var(--_win9x-raised);padding:1rem;position:relative}.win9x-groupbox,fieldset{background:var(--_win9x-bg);border:1px solid var(--_win9x-shadow);box-shadow:inset 0 0 0 1px var(--_win9x-highlight),0 0 0 1px var(--_win9x-highlight);padding:1rem;margin:.5rem 0}& legend{background:var(--_win9x-bg);padding:0 .5rem;font-family:var(--font-sans);font-size:.6875rem}.win9x-statusbar{display:flex;gap:2px;background:var(--_win9x-bg);padding:2px;border-top:1px solid var(--_win9x-shadow);box-shadow:inset 0 1px 0 var(--_win9x-highlight)}.win9x-status-section{background:var(--_win9x-bg);box-shadow:var(--_win9x-sunken);padding:2px 8px;font-family:var(--font-sans);font-size:.6875rem;flex:1;&:last-child{flex:none}}.win9x-toolbar{display:flex;gap:2px;background:var(--_win9x-bg);padding:2px;box-shadow:var(--_win9x-raised);& button{box-shadow:none;padding:2px 4px;min-height:auto;&:hover{box-shadow:var(--_win9x-raised)}&:active{box-shadow:var(--_win9x-pressed)}}.separator{width:2px;background:var(--_win9x-shadow);box-shadow:1px 0 0 var(--_win9x-highlight);margin:2px 4px}}:is(main,article){& hr:not([data-ornament]){border:none;height:2px;background:var(--_win9x-shadow);box-shadow:0 1px 0 var(--_win9x-highlight);margin-block:1rem}& h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);margin-block-end:.5rem}& a:not([class]){color:oklch(35% .2 250);text-decoration:underline;&:visited{color:#692278}&:hover{color:oklch(50% .22 25)}}.card{background:var(--_win9x-bg);box-shadow:var(--_win9x-raised);padding:1rem}& pre{background:var(--_win9x-window-bg);box-shadow:var(--_win9x-sunken);padding:.5rem;font-family:var(--font-mono);font-size:.6875rem;overflow-x:auto}& code{background:var(--color-surface-alt);padding:1px 4px;font-family:var(--font-mono);font-size:.6875rem}& pre code{background:transparent;padding:0}}:is(main,article) code-block{--cb-bg: var(--_win9x-window-bg);--cb-code-bg: var(--_win9x-window-bg);--cb-header-bg: var(--_win9x-bg);--cb-border-color: var(--_win9x-shadow);--cb-keyword: oklch(35% .2 250);--cb-string: oklch(40% .15 145);--cb-function: oklch(35% .15 320);--cb-number: oklch(50% .15 25);--cb-button-bg: var(--_win9x-bg);--cb-button-color: var(--color-text);--cb-button-border: var(--_win9x-shadow);--cb-scrollbar-track: var(--_win9x-bg);--cb-scrollbar-thumb: var(--_win9x-shadow)}:is(main,article) browser-window{--browser-window-bg: var(--_win9x-bg);--browser-window-header-bg: linear-gradient(90deg, var(--_win9x-title-active), oklch(50% .1 250));--browser-window-content-bg: var(--_win9x-window-bg);--browser-window-border-color: var(--_win9x-dark-shadow);--browser-window-text-color: var(--_win9x-title-text);--browser-window-url-bg: var(--_win9x-window-bg);--browser-window-hover-bg: var(--color-surface-alt)}& table{width:100%;border-collapse:collapse;background:var(--_win9x-window-bg);box-shadow:var(--_win9x-sunken);font-size:.6875rem}& th,td{padding:2px 8px;text-align:left;border:1px solid var(--_win9x-shadow)}& th{background:var(--_win9x-bg);font-weight:700}.win9x-listview-header{display:flex;background:var(--_win9x-bg);& button{flex:1;box-shadow:var(--_win9x-raised);padding:2px 8px;text-align:left;min-height:auto;border-right:1px solid var(--_win9x-dark-shadow);&:active{box-shadow:var(--_win9x-pressed)}}}.win9x-treeview{background:var(--_win9x-window-bg);box-shadow:var(--_win9x-sunken);padding:2px;font-family:var(--font-sans);font-size:.6875rem;& ul{list-style:none;margin:0;padding-left:16px}& li{position:relative;&:before{content:"";position:absolute;left:-12px;top:0;width:1px;height:100%;border-left:1px dotted var(--_win9x-shadow)}&:after{content:"";position:absolute;left:-12px;top:8px;width:8px;border-top:1px dotted var(--_win9x-shadow)}}}::selection{background:var(--color-primary);color:var(--_win9x-title-text)}}:root[data-theme~=win9x][data-mode=dark],[data-theme~=win9x][data-mode=dark]{color-scheme:dark;--_win9x-bg: oklch(30% 0 0);--_win9x-highlight: oklch(50% 0 0);--_win9x-light: oklch(40% 0 0);--_win9x-shadow: oklch(15% 0 0);--_win9x-dark-shadow: oklch(0% 0 0);--_win9x-window-bg: oklch(25% 0 0);--color-surface: var(--_win9x-bg);--color-surface-alt: oklch(26% 0 0);--color-surface-raised: oklch(38% 0 0);--color-surface-sunken: oklch(22% 0 0);--color-surface-overlay: oklch(33% 0 0);--color-background: oklch(15% .05 195);--color-text: oklch(90% 0 0);--color-text-muted: oklch(70% 0 0);--color-hover-bg: oklch(38% 0 0);--color-hover-text: var(--color-primary);--color-active-text: var(--color-primary);--color-primary: oklch(60% .15 250);--color-primary-hover: oklch(65% .18 250);--color-primary-subtle: oklch(25% .06 250);--color-accent: oklch(65% .15 250);--color-accent-hover: oklch(70% .17 250);--color-text-subtle: oklch(55% 0 0);--color-success: oklch(60% .15 145);--color-success-subtle: oklch(22% .05 145);--color-success-text: oklch(75% .12 145);--color-warning: oklch(80% .15 90);--color-warning-subtle: oklch(25% .06 90);--color-warning-text: oklch(82% .12 90);--color-error: oklch(62% .2 25);--color-error-subtle: oklch(22% .05 25);--color-error-text: oklch(75% .15 25);--color-info: oklch(62% .15 250);--color-info-subtle: oklch(22% .05 250);--color-info-text: oklch(75% .12 250);--color-border: oklch(40% 0 0);--color-border-strong: oklch(60% 0 0);--shadow-xs: 2px 2px 0 oklch(0% 0 0 / .5);--shadow-s: 2px 2px 0 oklch(0% 0 0 / .5);--shadow-m: 4px 4px 0 oklch(0% 0 0 / .5);--shadow-l: 4px 4px 0 oklch(0% 0 0 / .5);--shadow-xl: 6px 6px 0 oklch(0% 0 0 / .5);--shadow-2xl: 8px 8px 0 oklch(0% 0 0 / .5);--control-size: .8125rem;--control-border: var(--_win9x-highlight);--control-checked-bg: var(--_win9x-window-bg);--control-checked-border: var(--_win9x-highlight);--input-bg: var(--_win9x-window-bg);--input-border: var(--_win9x-highlight);--input-border-focus: var(--color-primary);--range-track-bg: var(--_win9x-shadow);--range-track-fill: var(--color-primary);--range-thumb-bg: var(--_win9x-bg);--range-thumb-border: var(--_win9x-highlight);--progress-track-bg: var(--_win9x-light);--progress-fill: var(--color-primary);:is(main,article) a:not([class]){color:#3a93e6}:is(main,article) code{background:#161616;color:#dedede}:is(main,article) code-block{--cb-bg: var(--_win9x-window-bg);--cb-code-bg: var(--_win9x-window-bg);--cb-header-bg: var(--_win9x-bg);--cb-text-color: oklch(90% 0 0);--cb-border-color: oklch(40% 0 0);--cb-comment: oklch(55% 0 0);--cb-keyword: oklch(70% .18 250);--cb-string: oklch(72% .12 145);--cb-function: oklch(70% .12 320);--cb-number: oklch(75% .12 25);--cb-tag: oklch(75% .08 145);--cb-button-bg: var(--_win9x-bg);--cb-button-color: oklch(90% 0 0);--cb-scrollbar-track: var(--_win9x-bg);--cb-scrollbar-thumb: oklch(50% 0 0)}:is(main,article) browser-window{--browser-window-header-bg: linear-gradient(90deg, oklch(30% .15 250), oklch(45% .08 250))}}}
+@layer tokens, reset, native-elements, custom-elements, web-components, utils, bundle-theme, bundle-effects, bundle-components;@layer bundle-theme{:root[data-theme~=win9x],[data-theme~=win9x]{--_win9x-bg: oklch(78% 0 0);--_win9x-highlight: oklch(100% 0 0);--_win9x-light: oklch(87% 0 0);--_win9x-shadow: oklch(50% 0 0);--_win9x-dark-shadow: oklch(0% 0 0);--_win9x-title-active: oklch(25% .15 250);--_win9x-title-inactive: oklch(50% 0 0);--_win9x-title-text: oklch(100% 0 0);--_win9x-window-bg: oklch(100% 0 0);--color-surface: var(--_win9x-bg);--color-surface-alt: oklch(74% 0 0);--color-surface-raised: oklch(85% 0 0);--color-surface-sunken: oklch(70% 0 0);--color-surface-overlay: var(--_win9x-bg);--color-background: oklch(42% .06 195);--color-text: oklch(0% 0 0);--color-text-muted: oklch(25% 0 0);--color-text-subtle: oklch(40% 0 0);--color-primary: oklch(30% .15 250);--caret-color: var(--color-primary);--color-primary-hover: oklch(30% .17 250);--color-primary-subtle: oklch(80% .05 250);--color-accent: oklch(50% .15 250);--color-accent-hover: oklch(45% .17 250);--color-success: oklch(45% .15 145);--color-success-subtle: oklch(90% .05 145);--color-success-text: oklch(30% .12 145);--color-warning: oklch(75% .15 90);--color-warning-subtle: oklch(92% .06 90);--color-warning-text: oklch(38% .12 90);--color-error: oklch(50% .2 25);--color-error-subtle: oklch(90% .05 25);--color-error-text: oklch(35% .15 25);--color-info: oklch(48% .15 250);--color-info-subtle: oklch(90% .05 250);--color-info-text: oklch(30% .12 250);--color-border: var(--_win9x-dark-shadow);--color-border-muted: var(--_win9x-shadow);--color-border-strong: var(--_win9x-dark-shadow);--_win9x-raised: inset 1px 1px 0 var(--_win9x-highlight), inset 2px 2px 0 var(--_win9x-light), inset -1px -1px 0 var(--_win9x-dark-shadow), inset -2px -2px 0 var(--_win9x-shadow);--_win9x-pressed: inset 1px 1px 0 var(--_win9x-dark-shadow), inset 2px 2px 0 var(--_win9x-shadow), inset -1px -1px 0 var(--_win9x-highlight), inset -2px -2px 0 var(--_win9x-light);--_win9x-sunken: inset 1px 1px 0 var(--_win9x-shadow), inset 2px 2px 0 var(--_win9x-dark-shadow), inset -1px -1px 0 var(--_win9x-light), inset -2px -2px 0 var(--_win9x-highlight);--_win9x-window: inset 1px 1px 0 var(--_win9x-light), inset -1px -1px 0 var(--_win9x-dark-shadow), inset 2px 2px 0 var(--_win9x-highlight), inset -2px -2px 0 var(--_win9x-shadow);--font-sans: "Tahoma", "MS Sans Serif", Arial, sans-serif;--font-mono: "Fixedsys", "Lucida Console", monospace;--line-height-normal: 1.4;--line-height-tight: 1.2;--letter-spacing-normal: 0;--radius-xs: 0;--radius-s: 0;--radius-m: 0;--radius-l: 0;--radius-xl: 0;--radius-2xl: 0;--radius-full: 0;--shadow-xs: 2px 2px 0 oklch(0% 0 0 / .3);--shadow-s: 2px 2px 0 oklch(0% 0 0 / .3);--shadow-m: 4px 4px 0 oklch(0% 0 0 / .3);--shadow-l: 4px 4px 0 oklch(0% 0 0 / .3);--shadow-xl: 6px 6px 0 oklch(0% 0 0 / .3);--shadow-2xl: 8px 8px 0 oklch(0% 0 0 / .3);--duration-instant: 0ms;--duration-fast: 0ms;--duration-normal: 0ms;--duration-slow: .1s;--ease-default: linear;--ease-out: linear;--control-size: .8125rem;--control-border: var(--_win9x-shadow);--control-checked-bg: var(--_win9x-window-bg);--control-checked-border: var(--_win9x-shadow);--control-radius-check: 0;--control-radius-radio: var(--radius-full);--input-bg: var(--_win9x-window-bg);--input-border: var(--_win9x-shadow);--input-border-focus: var(--color-primary);--range-track-bg: var(--_win9x-shadow);--range-track-fill: var(--color-primary);--range-thumb-bg: var(--_win9x-bg);--range-thumb-border: var(--_win9x-shadow);--progress-track-bg: var(--_win9x-light);--progress-fill: var(--color-primary)}:root[data-theme~=win9x],[data-theme~=win9x]{:is(main,article){.button,button{background:var(--_win9x-bg);color:var(--color-text);--btn-border-width: 0px;box-shadow:var(--_win9x-raised);padding:.25rem .75rem;font-family:var(--font-sans);font-size:.6875rem;min-height:23px;cursor:pointer;&:hover{background:var(--color-surface-alt)}&:active{box-shadow:var(--_win9x-pressed);padding-top:calc(.25rem + 1px);padding-left:calc(.75rem + 1px)}&:focus{outline:1px dotted var(--color-text);outline-offset:-4px}&:disabled{color:var(--_win9x-shadow);text-shadow:1px 1px 0 var(--_win9x-highlight);cursor:not-allowed}&.default,&[data-default=true]{outline:1px solid var(--_win9x-dark-shadow);outline-offset:-1px}}}& main{background:var(--_win9x-bg);border:clamp(4px,1.5vw,var(--size-s)) solid var(--color-background);box-shadow:var(--_win9x-window)}.win9x-window,dialog{background:var(--_win9x-bg);border:none;box-shadow:var(--_win9x-window);padding:0;max-width:90vw;&::backdrop{background:transparent}}.win9x-titlebar,dialog header{background:linear-gradient(90deg,var(--_win9x-title-active),oklch(50% .1 250));color:var(--_win9x-title-text);padding:2px 3px;font-family:var(--font-sans);font-size:.6875rem;font-weight:700;align-items:center;justify-content:space-between;gap:.5rem;user-select:none}.win9x-titlebar{display:flex}.win9x-titlebar[data-inactive],dialog[data-inactive] header{background:linear-gradient(90deg,var(--_win9x-title-inactive),oklch(65% 0 0))}.win9x-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.win9x-buttons{display:flex;gap:2px}.win9x-btn{width:16px;height:14px;padding:0;min-height:auto;font-size:8px;display:flex;align-items:center;justify-content:center;box-shadow:var(--_win9x-raised);background:var(--_win9x-bg);color:var(--color-text);&:active{box-shadow:var(--_win9x-pressed)}}.win9x-body,dialog .dialog-body{padding:1rem;background:var(--_win9x-bg)}.win9x-content{background:var(--_win9x-window-bg);box-shadow:var(--_win9x-sunken);padding:.5rem}.win9x-footer,dialog footer{padding:.75rem 1rem;gap:.5rem;justify-content:center;background:var(--_win9x-bg)}.win9x-footer{display:flex}.menu-bar,.win9x-menubar{display:flex;background:var(--_win9x-bg);padding:2px 0;border-bottom:1px solid var(--_win9x-shadow);>button,>details>summary{background:transparent;box-shadow:none;padding:2px 8px;min-height:auto;&:hover{box-shadow:var(--_win9x-raised)}&:active,&[aria-expanded=true]{box-shadow:var(--_win9x-pressed)}}}.win9x-menu,menu{background:var(--_win9x-bg);box-shadow:var(--_win9x-raised);padding:2px;margin:0;list-style:none;min-width:150px;& li{margin:0}& button,a{display:flex;align-items:center;gap:1rem;width:100%;padding:2px 1.5rem;text-align:left;background:transparent;border:none;box-shadow:none;font-family:var(--font-sans);font-size:.6875rem;color:var(--color-text);text-decoration:none;cursor:pointer;min-height:auto;&:hover{background:var(--color-primary);color:var(--_win9x-title-text)}&:disabled{color:var(--_win9x-shadow);text-shadow:1px 1px 0 var(--_win9x-highlight)}}.shortcut{margin-left:auto;color:var(--color-text-muted)}& hr:not([data-ornament]){border:none;height:2px;background:var(--_win9x-shadow);box-shadow:0 1px 0 var(--_win9x-highlight);margin:2px 0}}:is(main,article){& details{background:var(--_win9x-bg);box-shadow:var(--_win9x-raised);margin-block-end:4px}& summary{padding:.25rem .5rem;cursor:pointer;font-family:var(--font-sans);font-size:.6875rem;list-style:none;align-items:center;gap:.5rem;&:before{content:"+";font-family:var(--font-mono);width:1em;text-align:center}}& details[open]>summary:before{content:"-"}& details>:not(summary){padding:.5rem;background:var(--_win9x-window-bg);box-shadow:var(--_win9x-sunken);margin:0 .5rem .5rem}}& input[type=text],input[type=email],input[type=password],input[type=number],input[type=search],input[type=url],input[type=tel],textarea{background:var(--_win9x-window-bg);border:none;box-shadow:var(--_win9x-sunken);padding:2px 4px;font-family:var(--font-sans);font-size:.6875rem;color:var(--color-text);min-height:21px;&:focus{outline:none}&::placeholder{color:var(--color-text-muted)}&:disabled{background:var(--_win9x-bg);color:var(--_win9x-shadow)}}& select{appearance:none;background:var(--_win9x-window-bg);border:none;box-shadow:var(--_win9x-sunken);padding:2px 20px 2px 4px;font-family:var(--font-sans);font-size:.6875rem;color:var(--color-text);min-height:21px;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Crect fill='%23c0c0c0' x='0' y='0' width='16' height='16'/%3E%3Cpath fill='black' d='M4 6l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 0 center;&:focus{outline:none}}:is(main,article) input[type=checkbox]{appearance:none;width:13px;height:13px;background:var(--_win9x-window-bg);box-shadow:var(--_win9x-sunken);cursor:pointer;position:relative;&:checked:after{content:"\2714";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:10px;color:var(--color-text)}&:focus{outline:1px dotted var(--color-text);outline-offset:2px}}:is(main,article) input[type=radio]{appearance:none;width:12px;height:12px;border-radius:50%;background:var(--_win9x-window-bg);box-shadow:var(--_win9x-sunken);cursor:pointer;position:relative;&:checked:after{content:"";position:absolute;top:3px;left:3px;width:6px;height:6px;border-radius:50%;background:var(--color-text)}&:focus{outline:1px dotted var(--color-text);outline-offset:2px}}& input[type=range]{appearance:none;height:21px;background:transparent;&::-webkit-slider-runnable-track{height:4px;background:var(--_win9x-bg);box-shadow:var(--_win9x-sunken)}&::-webkit-slider-thumb{appearance:none;width:11px;height:21px;background:var(--_win9x-bg);box-shadow:var(--_win9x-raised);margin-top:-8px}}& progress{appearance:none;height:16px;background:var(--_win9x-bg);box-shadow:var(--_win9x-sunken);border:none;&::-webkit-progress-bar{background:transparent}&::-webkit-progress-value{background:repeating-linear-gradient(90deg,var(--color-primary) 0,var(--color-primary) 8px,var(--_win9x-bg) 8px,var(--_win9x-bg) 10px)}&::-moz-progress-bar{background:repeating-linear-gradient(90deg,var(--color-primary) 0,var(--color-primary) 8px,var(--_win9x-bg) 8px,var(--_win9x-bg) 10px)}}.tabs,.win9x-tabs{display:flex;gap:0;position:relative;z-index:1;padding-left:4px}.tab,.win9x-tab{background:var(--_win9x-bg);box-shadow:inset 1px 1px 0 var(--_win9x-highlight),inset 2px 2px 0 var(--_win9x-light),inset -1px 0 0 var(--_win9x-shadow),inset -2px 0 0 var(--_win9x-dark-shadow);padding:4px 12px;font-family:var(--font-sans);font-size:.6875rem;cursor:pointer;border:none;position:relative;top:2px;margin-right:2px;&[aria-selected=true],&.active,&:checked{top:0;padding-bottom:6px;box-shadow:inset 1px 1px 0 var(--_win9x-highlight),inset 2px 2px 0 var(--_win9x-light),inset -1px 0 0 var(--_win9x-shadow),inset -2px 0 0 var(--_win9x-dark-shadow),0 2px 0 var(--_win9x-bg)}}.tab-panel,.win9x-panel{background:var(--_win9x-bg);box-shadow:var(--_win9x-raised);padding:1rem;position:relative}.win9x-groupbox,fieldset{background:var(--_win9x-bg);border:1px solid var(--_win9x-shadow);box-shadow:inset 0 0 0 1px var(--_win9x-highlight),0 0 0 1px var(--_win9x-highlight);padding:1rem;margin:.5rem 0}& legend{background:var(--_win9x-bg);padding:0 .5rem;font-family:var(--font-sans);font-size:.6875rem}.win9x-statusbar{display:flex;gap:2px;background:var(--_win9x-bg);padding:2px;border-top:1px solid var(--_win9x-shadow);box-shadow:inset 0 1px 0 var(--_win9x-highlight)}.win9x-status-section{background:var(--_win9x-bg);box-shadow:var(--_win9x-sunken);padding:2px 8px;font-family:var(--font-sans);font-size:.6875rem;flex:1;&:last-child{flex:none}}.win9x-toolbar{display:flex;gap:2px;background:var(--_win9x-bg);padding:2px;box-shadow:var(--_win9x-raised);& button{box-shadow:none;padding:2px 4px;min-height:auto;&:hover{box-shadow:var(--_win9x-raised)}&:active{box-shadow:var(--_win9x-pressed)}}.separator{width:2px;background:var(--_win9x-shadow);box-shadow:1px 0 0 var(--_win9x-highlight);margin:2px 4px}}:is(main,article){& hr:not([data-ornament]){border:none;height:2px;background:var(--_win9x-shadow);box-shadow:0 1px 0 var(--_win9x-highlight);margin-block:1rem}& h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);margin-block-end:.5rem}& a:not([class]){color:oklch(35% .2 250);text-decoration:underline;&:visited{color:#692278}&:hover{color:oklch(50% .22 25)}}.card{background:var(--_win9x-bg);box-shadow:var(--_win9x-raised);padding:1rem}& pre{background:var(--_win9x-window-bg);box-shadow:var(--_win9x-sunken);padding:.5rem;font-family:var(--font-mono);font-size:.6875rem;overflow-x:auto}& code{background:var(--color-surface-alt);padding:1px 4px;font-family:var(--font-mono);font-size:.6875rem}& pre code{background:transparent;padding:0}}:is(main,article) code-block{--cb-bg: var(--_win9x-window-bg);--cb-code-bg: var(--_win9x-window-bg);--cb-header-bg: var(--_win9x-bg);--cb-border-color: var(--_win9x-shadow);--cb-keyword: oklch(35% .2 250);--cb-string: oklch(40% .15 145);--cb-function: oklch(35% .15 320);--cb-number: oklch(50% .15 25);--cb-button-bg: var(--_win9x-bg);--cb-button-color: var(--color-text);--cb-button-border: var(--_win9x-shadow);--cb-scrollbar-track: var(--_win9x-bg);--cb-scrollbar-thumb: var(--_win9x-shadow)}:is(main,article) browser-window{--browser-window-bg: var(--_win9x-bg);--browser-window-header-bg: linear-gradient(90deg, var(--_win9x-title-active), oklch(50% .1 250));--browser-window-content-bg: var(--_win9x-window-bg);--browser-window-border-color: var(--_win9x-dark-shadow);--browser-window-text-color: var(--_win9x-title-text);--browser-window-url-bg: var(--_win9x-window-bg);--browser-window-hover-bg: var(--color-surface-alt)}& table{width:100%;border-collapse:collapse;background:var(--_win9x-window-bg);box-shadow:var(--_win9x-sunken);font-size:.6875rem}& th,td{padding:2px 8px;text-align:left;border:1px solid var(--_win9x-shadow)}& th{background:var(--_win9x-bg);font-weight:700}.win9x-listview-header{display:flex;background:var(--_win9x-bg);& button{flex:1;box-shadow:var(--_win9x-raised);padding:2px 8px;text-align:left;min-height:auto;border-right:1px solid var(--_win9x-dark-shadow);&:active{box-shadow:var(--_win9x-pressed)}}}.win9x-treeview{background:var(--_win9x-window-bg);box-shadow:var(--_win9x-sunken);padding:2px;font-family:var(--font-sans);font-size:.6875rem;& ul{list-style:none;margin:0;padding-left:16px}& li{position:relative;&:before{content:"";position:absolute;left:-12px;top:0;width:1px;height:100%;border-left:1px dotted var(--_win9x-shadow)}&:after{content:"";position:absolute;left:-12px;top:8px;width:8px;border-top:1px dotted var(--_win9x-shadow)}}}::selection{background:var(--color-primary);color:var(--_win9x-title-text)}}:root[data-theme~=win9x][data-mode=dark],[data-theme~=win9x][data-mode=dark]{color-scheme:dark;--_win9x-bg: oklch(30% 0 0);--_win9x-highlight: oklch(50% 0 0);--_win9x-light: oklch(40% 0 0);--_win9x-shadow: oklch(15% 0 0);--_win9x-dark-shadow: oklch(0% 0 0);--_win9x-window-bg: oklch(25% 0 0);--color-surface: var(--_win9x-bg);--color-surface-alt: oklch(26% 0 0);--color-surface-raised: oklch(38% 0 0);--color-surface-sunken: oklch(22% 0 0);--color-surface-overlay: oklch(33% 0 0);--color-background: oklch(15% .05 195);--color-text: oklch(90% 0 0);--color-text-muted: oklch(80% 0 0);--color-hover-bg: oklch(38% 0 0);--color-hover-text: var(--color-interactive);--color-active-text: var(--color-interactive);--color-primary: oklch(60% .15 250);--color-interactive: oklch(74% .13 250);--color-primary-hover: oklch(65% .18 250);--color-primary-subtle: oklch(25% .06 250);--color-accent: oklch(65% .15 250);--color-accent-hover: oklch(70% .17 250);--color-text-subtle: oklch(55% 0 0);--color-success: oklch(60% .15 145);--color-success-subtle: oklch(22% .05 145);--color-success-text: oklch(75% .12 145);--color-warning: oklch(80% .15 90);--color-warning-subtle: oklch(25% .06 90);--color-warning-text: oklch(82% .12 90);--color-error: oklch(62% .2 25);--color-error-subtle: oklch(22% .05 25);--color-error-text: oklch(75% .15 25);--color-info: oklch(62% .15 250);--color-info-subtle: oklch(22% .05 250);--color-info-text: oklch(75% .12 250);--color-border: oklch(40% 0 0);--color-border-strong: oklch(60% 0 0);--shadow-xs: 2px 2px 0 oklch(0% 0 0 / .5);--shadow-s: 2px 2px 0 oklch(0% 0 0 / .5);--shadow-m: 4px 4px 0 oklch(0% 0 0 / .5);--shadow-l: 4px 4px 0 oklch(0% 0 0 / .5);--shadow-xl: 6px 6px 0 oklch(0% 0 0 / .5);--shadow-2xl: 8px 8px 0 oklch(0% 0 0 / .5);--control-size: .8125rem;--control-border: var(--_win9x-highlight);--control-checked-bg: var(--_win9x-window-bg);--control-checked-border: var(--_win9x-highlight);--input-bg: var(--_win9x-window-bg);--input-border: var(--_win9x-highlight);--input-border-focus: var(--color-primary);--range-track-bg: var(--_win9x-shadow);--range-track-fill: var(--color-primary);--range-thumb-bg: var(--_win9x-bg);--range-thumb-border: var(--_win9x-highlight);--progress-track-bg: var(--_win9x-light);--progress-fill: var(--color-primary);:is(main,article) a:not([class]){color:oklch(76% .13 250)}:is(main,article) code{background:#161616;color:#dedede}:is(main,article) code-block{--cb-bg: var(--_win9x-window-bg);--cb-code-bg: var(--_win9x-window-bg);--cb-header-bg: var(--_win9x-bg);--cb-text-color: oklch(90% 0 0);--cb-border-color: oklch(40% 0 0);--cb-comment: oklch(55% 0 0);--cb-keyword: oklch(70% .18 250);--cb-string: oklch(72% .12 145);--cb-function: oklch(70% .12 320);--cb-number: oklch(75% .12 25);--cb-tag: oklch(75% .08 145);--cb-button-bg: var(--_win9x-bg);--cb-button-color: oklch(90% 0 0);--cb-scrollbar-track: var(--_win9x-bg);--cb-scrollbar-thumb: oklch(50% 0 0)}:is(main,article) browser-window{--browser-window-header-bg: linear-gradient(90deg, oklch(30% .15 250), oklch(45% .08 250))}}}
 /*# sourceMappingURL=win9x.css.map */

package/dist/cdn/themes/win9x.tokens.json

@@ -663,7 +663,7 @@
   "$extensions": {
     "com.vanilla-breeze": {
       "spec": "2025.10",
-      "vbVersion": "0.4.0",
+      "vbVersion": "0.5.0",
       "unmapped": [
         "--_win9x-bg",
         "--_win9x-highlight",