vanilla-breeze 0.4.0 → 0.5.0

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

@@ -507,7 +507,7 @@
   "$extensions": {
     "com.vanilla-breeze": {
       "spec": "2025.10",
-      "vbVersion": "0.4.0",
+      "vbVersion": "0.5.0",
       "unmapped": [
         "--scrollbar-thumb",
         "--scrollbar-track",

package/dist/cdn/themes/organic.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~=organic],[data-theme~=organic]{color-scheme:light;--theme-border-style: organic;--theme-icon-set: lucide;--color-surface: oklch(97% .02 80);--color-surface-alt: oklch(94% .03 75);--color-surface-raised: oklch(99% .01 80);--color-surface-sunken: oklch(90% .04 70);--color-background: oklch(97% .02 80);--color-text: oklch(22% .05 50);--color-text-muted: oklch(40% .04 50);--color-text-subtle: oklch(50% .03 60);--color-primary: oklch(50% .12 145);--caret-color: var(--color-primary);--color-primary-hover: oklch(45% .14 145);--color-primary-subtle: oklch(95% .04 145);--color-accent: oklch(65% .15 55);--color-accent-hover: oklch(55% .15 55);--color-accent-subtle: oklch(95% .05 55);--color-border: oklch(85% .04 70);--color-border-muted: oklch(90% .03 70);--color-border-strong: oklch(70% .06 60);--color-error: oklch(52% .14 18);--color-error-subtle: oklch(94% .04 18);--color-error-text: oklch(38% .12 18);--color-warning: oklch(65% .12 65);--color-warning-subtle: oklch(94% .05 65);--color-warning-text: oklch(40% .1 65);--color-success: oklch(50% .1 150);--color-success-subtle: oklch(94% .04 150);--color-success-text: oklch(35% .08 150);--color-info: oklch(50% .08 230);--color-info-subtle: oklch(94% .04 230);--color-info-text: oklch(38% .08 230);--font-sans: Charter, "Bitstream Charter", "Sitka Text", Cambria, Georgia, serif;--font-mono: "Source Code Pro", Menlo, Consolas, monospace;--line-height-normal: 1.7;--line-height-tight: 1.2;--radius-xs: .375rem;--radius-s: .5rem;--radius-m: .75rem;--radius-l: 1rem;--radius-xl: 1.5rem;--radius-2xl: 2rem;--radius-organic: 40% 60% 70% 30% / 40% 50% 60% 50%;--shadow-xs: 0 1px 4px -1px oklch(30% .05 60 / .1);--shadow-s: 0 2px 8px -2px oklch(30% .05 60 / .15);--shadow-m: 0 4px 16px -4px oklch(30% .05 60 / .2);--shadow-l: 0 8px 24px -6px oklch(30% .05 60 / .25);--shadow-xl: 0 16px 40px -8px oklch(30% .05 60 / .3);--shadow-2xl: 0 24px 56px -12px oklch(30% .05 60 / .35);--duration-instant: 50ms;--duration-fast: .15s;--duration-normal: .3s;--duration-slow: .5s;--ease-default: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(.22, 1, .36, 1);--motion-hover-lift: translateY(-3px);--motion-hover-scale: scale(1.03);--motion-stagger-delay: 80ms;--motion-bounce: cubic-bezier(.34, 1.56, .64, 1);--motion-smooth: cubic-bezier(.22, 1, .36, 1);--motion-elastic: cubic-bezier(.68, -.3, .32, 1.3);--motion-enter-duration: .4s;--motion-exit-duration: .25s;--surface-texture-opacity: .04;--page-bg-gradient: linear-gradient( 180deg, oklch(95% .025 80) 0%, oklch(90% .03 60) 100% );--control-size: 1.25rem;--control-border: oklch(65% .06 50);--control-checked-bg: oklch(50% .12 145);--control-checked-border: oklch(50% .12 145);--control-radius-check: var(--radius-s);--input-border: oklch(80% .04 70);--input-border-focus: oklch(50% .12 145);--range-track-bg: oklch(85% .03 70);--range-track-fill: oklch(50% .12 145);--range-thumb-bg: oklch(99% .01 80);--range-thumb-border: oklch(50% .12 145);--progress-track-bg: oklch(88% .03 70);--progress-fill: oklch(50% .12 145)}:root[data-theme~=organic]:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");z-index:500}:root[data-theme~=organic],[data-theme~=organic]{:is(main,article){& hr:not([data-ornament]){border:none;height:2px;margin-block:2.5rem;background:linear-gradient(90deg,transparent,var(--color-border-strong) 20%,var(--color-border-strong) 80%,transparent)}& h1,h2{position:relative;&:after{content:"";display:block;width:3rem;height:3px;margin-block-start:.75rem;background:var(--color-accent);border-radius:9999px}}& a:not([class]){color:var(--color-primary);text-decoration:none;background-image:linear-gradient(to right,var(--color-primary-subtle),var(--color-primary-subtle));background-position:0 100%;background-size:100% 2px;background-repeat:no-repeat;transition:background-size .3s ease;&:hover{background-size:100% 100%}}& article:not(.card)>p:first-of-type:first-letter{font-size:4rem;float:left;line-height:.8;margin-inline-end:.5rem;margin-block-start:.1em;color:var(--color-primary)}& blockquote{position:relative;padding:1.5rem 2rem;background:var(--color-surface-alt);border-radius:var(--radius-l);border:none;&:before{content:"\201c";position:absolute;top:-.5rem;left:1rem;font-size:4rem;line-height:1;color:var(--color-accent);opacity:.5}}.card:nth-child(odd){border-radius:1.5rem .75rem}.card:nth-child(2n){border-radius:.75rem 1.5rem}.button,button{border-radius:var(--radius-l);transition:all .3s ease}& input,textarea{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-m)}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-border-radius: var(--radius-l);--cb-function: oklch(45% .12 290);--cb-number: oklch(50% .12 250);--cb-button-bg: var(--color-surface)}:is(main,article) browser-window{--browser-window-border-radius: var(--radius-l)}}:root[data-theme~=organic][data-mode=dark],[data-theme~=organic][data-mode=dark]{color-scheme:dark;--color-surface: oklch(18% .03 60);--color-surface-alt: oklch(22% .04 55);--color-surface-raised: oklch(25% .03 60);--color-surface-sunken: oklch(12% .02 60);--color-background: oklch(15% .03 60);--color-text: oklch(92% .02 70);--color-text-muted: oklch(70% .03 65);--color-text-subtle: oklch(52% .02 60);--color-primary: oklch(65% .12 145);--color-primary-hover: oklch(70% .14 145);--color-primary-subtle: oklch(25% .06 145);--color-accent: oklch(72% .15 55);--color-accent-hover: oklch(65% .15 55);--color-accent-subtle: oklch(22% .04 55);--color-border: oklch(35% .04 55);--color-border-muted: oklch(28% .03 55);--color-border-strong: oklch(55% .04 55);--color-error: oklch(62% .14 18);--color-error-subtle: oklch(22% .06 18);--color-error-text: oklch(75% .12 18);--color-warning: oklch(72% .12 65);--color-warning-subtle: oklch(22% .06 65);--color-warning-text: oklch(80% .1 65);--color-success: oklch(62% .1 150);--color-success-subtle: oklch(22% .05 150);--color-success-text: oklch(75% .1 150);--color-info: oklch(60% .08 230);--color-info-subtle: oklch(22% .04 230);--color-info-text: oklch(75% .08 230);--shadow-xs: 0 1px 4px -1px oklch(10% .02 60 / .3);--shadow-s: 0 2px 8px -2px oklch(10% .02 60 / .35);--shadow-m: 0 4px 16px -4px oklch(10% .02 60 / .4);--shadow-l: 0 8px 24px -6px oklch(10% .02 60 / .45);--shadow-xl: 0 16px 40px -8px oklch(10% .02 60 / .5);--shadow-2xl: 0 24px 56px -12px oklch(10% .02 60 / .55);--scrollbar-thumb: oklch(45% .03 60);--scrollbar-track: oklch(20% .02 60);--input-bg: oklch(18% .03 60);--input-border: oklch(35% .04 55);--input-border-focus: oklch(60% .12 145);--control-border: oklch(50% .04 55);--control-checked-bg: oklch(60% .12 145);--control-checked-border: oklch(60% .12 145);--range-track-bg: oklch(30% .03 60);--range-track-fill: oklch(60% .12 145);--range-thumb-bg: oklch(25% .03 60);--range-thumb-border: oklch(60% .12 145);--progress-track-bg: oklch(28% .03 60);--progress-fill: oklch(60% .12 145);--page-bg-gradient: linear-gradient( 180deg, oklch(18% .03 60) 0%, oklch(12% .025 50) 100% );:is(main,article) code-block{--cb-function: oklch(65% .12 290);--cb-number: oklch(65% .12 250)}}:root[data-theme~=organic][data-mode=dark]:before{opacity:.05}}
+@layer tokens, reset, native-elements, custom-elements, web-components, utils, bundle-theme, bundle-effects, bundle-components;@layer bundle-theme{:root[data-theme~=organic],[data-theme~=organic]{color-scheme:light;--theme-border-style: organic;--theme-icon-set: lucide;--color-surface: oklch(97% .02 80);--color-surface-alt: oklch(94% .03 75);--color-surface-raised: oklch(99% .01 80);--color-surface-sunken: oklch(90% .04 70);--color-background: oklch(97% .02 80);--color-text: oklch(22% .05 50);--color-text-muted: oklch(40% .04 50);--color-text-subtle: oklch(50% .03 60);--color-primary: oklch(50% .12 145);--caret-color: var(--color-primary);--color-primary-hover: oklch(45% .14 145);--color-primary-subtle: oklch(95% .04 145);--color-accent: oklch(65% .15 55);--color-accent-hover: oklch(55% .15 55);--color-accent-subtle: oklch(95% .05 55);--color-border: oklch(85% .04 70);--color-border-muted: oklch(90% .03 70);--color-border-strong: oklch(70% .06 60);--color-error: oklch(52% .14 18);--color-error-subtle: oklch(94% .04 18);--color-error-text: oklch(38% .12 18);--color-warning: oklch(65% .12 65);--color-warning-subtle: oklch(94% .05 65);--color-warning-text: oklch(40% .1 65);--color-success: oklch(50% .1 150);--color-success-subtle: oklch(94% .04 150);--color-success-text: oklch(35% .08 150);--color-info: oklch(50% .08 230);--color-info-subtle: oklch(94% .04 230);--color-info-text: oklch(38% .08 230);--font-sans: Charter, "Bitstream Charter", "Sitka Text", Cambria, Georgia, serif;--font-mono: "Source Code Pro", Menlo, Consolas, monospace;--line-height-normal: 1.7;--line-height-tight: 1.2;--radius-xs: .375rem;--radius-s: .5rem;--radius-m: .75rem;--radius-l: 1rem;--radius-xl: 1.5rem;--radius-2xl: 2rem;--radius-organic: 40% 60% 70% 30% / 40% 50% 60% 50%;--shadow-xs: 0 1px 4px -1px oklch(30% .05 60 / .1);--shadow-s: 0 2px 8px -2px oklch(30% .05 60 / .15);--shadow-m: 0 4px 16px -4px oklch(30% .05 60 / .2);--shadow-l: 0 8px 24px -6px oklch(30% .05 60 / .25);--shadow-xl: 0 16px 40px -8px oklch(30% .05 60 / .3);--shadow-2xl: 0 24px 56px -12px oklch(30% .05 60 / .35);--duration-instant: 50ms;--duration-fast: .15s;--duration-normal: .3s;--duration-slow: .5s;--ease-default: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(.22, 1, .36, 1);--motion-hover-lift: translateY(-3px);--motion-hover-scale: scale(1.03);--motion-stagger-delay: 80ms;--motion-bounce: cubic-bezier(.34, 1.56, .64, 1);--motion-smooth: cubic-bezier(.22, 1, .36, 1);--motion-elastic: cubic-bezier(.68, -.3, .32, 1.3);--motion-enter-duration: .4s;--motion-exit-duration: .25s;--surface-texture-opacity: .04;--page-bg-gradient: linear-gradient( 180deg, oklch(95% .025 80) 0%, oklch(90% .03 60) 100% );--control-size: 1.25rem;--control-border: oklch(65% .06 50);--control-checked-bg: oklch(50% .12 145);--control-checked-border: oklch(50% .12 145);--control-radius-check: var(--radius-s);--input-border: oklch(80% .04 70);--input-border-focus: oklch(50% .12 145);--range-track-bg: oklch(85% .03 70);--range-track-fill: oklch(50% .12 145);--range-thumb-bg: oklch(99% .01 80);--range-thumb-border: oklch(50% .12 145);--progress-track-bg: oklch(88% .03 70);--progress-fill: oklch(50% .12 145)}:root[data-theme~=organic]:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");z-index:500}:root[data-theme~=organic],[data-theme~=organic]{:is(main,article){& hr:not([data-ornament]){border:none;height:2px;margin-block:2.5rem;background:linear-gradient(90deg,transparent,var(--color-border-strong) 20%,var(--color-border-strong) 80%,transparent)}& h1,h2{position:relative;&:after{content:"";display:block;width:3rem;height:3px;margin-block-start:.75rem;background:var(--color-accent);border-radius:9999px}}& a:not([class]){color:var(--color-primary);text-decoration:none;background-image:linear-gradient(to right,var(--color-primary-subtle),var(--color-primary-subtle));background-position:0 100%;background-size:100% 2px;background-repeat:no-repeat;transition:background-size .3s ease;&:hover{background-size:100% 100%}}& article:not(.card)>p:first-of-type:first-letter{font-size:4rem;float:left;line-height:.8;margin-inline-end:.5rem;margin-block-start:.1em;color:var(--color-primary)}& blockquote{position:relative;padding:1.5rem 2rem;background:var(--color-surface-alt);border-radius:var(--radius-l);border:none;&:before{content:"\201c" / "";position:absolute;inset-block-start:-.5rem;inset-inline-start:1rem;font-size:4rem;line-height:1;color:var(--color-accent);opacity:.5}&:dir(rtl):before{content:"\201d" / ""}}.card:nth-child(odd){border-radius:1.5rem .75rem}.card:nth-child(2n){border-radius:.75rem 1.5rem}.button,button{border-radius:var(--radius-l);transition:all .3s ease}& input,textarea{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-m)}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-border-radius: var(--radius-l);--cb-function: oklch(45% .12 290);--cb-number: oklch(50% .12 250);--cb-button-bg: var(--color-surface)}:is(main,article) browser-window{--browser-window-border-radius: var(--radius-l)}}:root[data-theme~=organic][data-mode=dark],[data-theme~=organic][data-mode=dark]{color-scheme:dark;--color-surface: oklch(18% .03 60);--color-surface-alt: oklch(22% .04 55);--color-surface-raised: oklch(25% .03 60);--color-surface-sunken: oklch(12% .02 60);--color-background: oklch(15% .03 60);--color-text: oklch(92% .02 70);--color-text-muted: oklch(70% .03 65);--color-text-subtle: oklch(52% .02 60);--color-primary: oklch(65% .12 145);--color-primary-hover: oklch(70% .14 145);--color-primary-subtle: oklch(25% .06 145);--color-accent: oklch(72% .15 55);--color-accent-hover: oklch(65% .15 55);--color-accent-subtle: oklch(22% .04 55);--color-border: oklch(35% .04 55);--color-border-muted: oklch(28% .03 55);--color-border-strong: oklch(55% .04 55);--color-error: oklch(62% .14 18);--color-error-subtle: oklch(22% .06 18);--color-error-text: oklch(75% .12 18);--color-warning: oklch(72% .12 65);--color-warning-subtle: oklch(22% .06 65);--color-warning-text: oklch(80% .1 65);--color-success: oklch(62% .1 150);--color-success-subtle: oklch(22% .05 150);--color-success-text: oklch(75% .1 150);--color-info: oklch(60% .08 230);--color-info-subtle: oklch(22% .04 230);--color-info-text: oklch(75% .08 230);--shadow-xs: 0 1px 4px -1px oklch(10% .02 60 / .3);--shadow-s: 0 2px 8px -2px oklch(10% .02 60 / .35);--shadow-m: 0 4px 16px -4px oklch(10% .02 60 / .4);--shadow-l: 0 8px 24px -6px oklch(10% .02 60 / .45);--shadow-xl: 0 16px 40px -8px oklch(10% .02 60 / .5);--shadow-2xl: 0 24px 56px -12px oklch(10% .02 60 / .55);--scrollbar-thumb: oklch(45% .03 60);--scrollbar-track: oklch(20% .02 60);--input-bg: oklch(18% .03 60);--input-border: oklch(35% .04 55);--input-border-focus: oklch(60% .12 145);--control-border: oklch(50% .04 55);--control-checked-bg: oklch(60% .12 145);--control-checked-border: oklch(60% .12 145);--range-track-bg: oklch(30% .03 60);--range-track-fill: oklch(60% .12 145);--range-thumb-bg: oklch(25% .03 60);--range-thumb-border: oklch(60% .12 145);--progress-track-bg: oklch(28% .03 60);--progress-fill: oklch(60% .12 145);--page-bg-gradient: linear-gradient( 180deg, oklch(18% .03 60) 0%, oklch(12% .025 50) 100% );:is(main,article) code-block{--cb-function: oklch(65% .12 290);--cb-number: oklch(65% .12 250)}}:root[data-theme~=organic][data-mode=dark]:before{opacity:.05}}
 /*# sourceMappingURL=organic.css.map */

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

@@ -651,7 +651,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/rose-pine-dark.tokens.json

@@ -459,7 +459,7 @@
   "$extensions": {
     "com.vanilla-breeze": {
       "spec": "2025.10",
-      "vbVersion": "0.4.0",
+      "vbVersion": "0.5.0",
       "unmapped": [
         "--cb-header-bg",
         "--cb-keyword",

package/dist/cdn/themes/rose-pine.tokens.json

@@ -598,7 +598,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/rough-dark.tokens.json

@@ -483,7 +483,7 @@
   "$extensions": {
     "com.vanilla-breeze": {
       "spec": "2025.10",
-      "vbVersion": "0.4.0",
+      "vbVersion": "0.5.0",
       "unmapped": [
         "--scrollbar-thumb",
         "--scrollbar-track",

package/dist/cdn/themes/rough.css

@@ -1,2 +1,2 @@
-@import"https://fonts.googleapis.com/css2?family=Caveat:wght@400..700&display=swap";@layer tokens, reset, native-elements, custom-elements, web-components, utils, bundle-theme, bundle-effects, bundle-components;@layer bundle-theme{:root[data-theme~=rough],[data-theme~=rough]{color-scheme:light;--theme-border-style: sketch;--theme-icon-set: lucide;--color-surface: oklch(96% .015 80);--color-surface-alt: oklch(93% .02 75);--color-surface-raised: oklch(98% .01 80);--color-surface-sunken: oklch(90% .025 70);--color-background: oklch(96% .015 80);--color-text: oklch(25% .01 60);--color-text-muted: oklch(40% .01 60);--color-text-subtle: oklch(55% .01 60);--color-primary: oklch(45% .15 250);--caret-color: var(--color-primary);--color-primary-hover: oklch(40% .18 250);--color-primary-subtle: oklch(92% .04 250);--color-accent: oklch(55% .2 25);--color-accent-hover: oklch(48% .22 25);--color-accent-subtle: oklch(93% .04 25);--color-border: oklch(70% .01 60);--color-border-muted: oklch(82% .01 60);--color-border-strong: oklch(45% .01 60);--color-success: oklch(48% .12 155);--color-success-subtle: oklch(93% .04 155);--color-success-text: oklch(32% .1 155);--color-warning: oklch(60% .12 70);--color-warning-subtle: oklch(93% .05 70);--color-warning-text: oklch(38% .1 70);--color-error: oklch(50% .16 20);--color-error-subtle: oklch(93% .04 20);--color-error-text: oklch(35% .12 20);--color-info: oklch(45% .1 240);--color-info-subtle: oklch(93% .04 240);--color-info-text: oklch(32% .08 240);--font-sans: "Caveat", "Segoe Print", "Bradley Hand", cursive;--font-mono: "Courier New", Courier, monospace;--line-height-normal: 1.6;--line-height-tight: 1.2;--radius-xs: 2px;--radius-s: 3px;--radius-m: 4px;--radius-l: 6px;--radius-xl: 8px;--radius-2xl: 8px;--radius-full: 8px;--shadow-xs: 1px 1px 0 oklch(25% .01 60 / .1);--shadow-s: 2px 2px 0 oklch(25% .01 60 / .12);--shadow-m: 3px 3px 0 oklch(25% .01 60 / .15);--shadow-l: 4px 4px 0 oklch(25% .01 60 / .15);--shadow-xl: 5px 5px 0 oklch(25% .01 60 / .18);--shadow-2xl: 6px 6px 0 oklch(25% .01 60 / .2);--border-width: 2px;--border-width-thick: 3px;--duration-instant: 50ms;--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s;--ease-default: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(.22, 1, .36, 1);--motion-hover-lift: translateY(-2px) rotate(-.5deg);--motion-hover-scale: scale(1.02) rotate(.5deg);--motion-stagger-delay: 60ms;--motion-bounce: cubic-bezier(.34, 1.56, .64, 1);--motion-smooth: cubic-bezier(.22, 1, .36, 1);--motion-elastic: cubic-bezier(.68, -.2, .32, 1.2);--motion-enter-duration: .3s;--motion-exit-duration: .2s;--filter-rough: var(--filter-rough-light)}:root[data-theme~=rough]:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='paper'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='5' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23paper)'/%3E%3C/svg%3E");z-index:500}:root[data-theme~=rough],[data-theme~=rough]{:is(main,article){& hr:not([data-ornament]){border:none;height:3px;margin-block:2rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='6' viewBox='0 0 400 6'%3E%3Cpath d='M0,3 C20,1 40,5 60,3 C80,1 100,5 120,3 C140,1 160,5 180,3 C200,1 220,5 240,3 C260,1 280,5 300,3 C320,1 340,5 360,3 C380,1 400,5 400,3' fill='none' stroke='oklch(45%25 0.01 60)' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");background-size:100% 100%;background-repeat:no-repeat}& h1{color:var(--color-primary);position:relative;padding-block-end:.5rem;&:after{content:"";display:block;width:80%;height:4px;margin-block-start:.25rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='6' viewBox='0 0 200 6'%3E%3Cpath d='M0,3 Q25,0 50,3 Q75,6 100,3 Q125,0 150,3 Q175,6 200,3' fill='none' stroke='oklch(45%25 0.15 250)' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E");background-size:100% 100%;background-repeat:no-repeat}}& h2{border-block-end:2px dashed var(--color-border);padding-block-end:.5rem;text-decoration-style:wavy}& h3{font-style:italic}& a:not([class]){color:var(--color-primary);text-decoration:underline;text-decoration-style:wavy;text-decoration-thickness:1.5px;text-underline-offset:3px;&:hover{color:var(--color-accent);text-decoration-color:var(--color-accent)}}.button,button{border-width:2px;box-shadow:var(--shadow-s);transform:rotate(-.5deg);transition:transform .2s ease,box-shadow .2s ease;&:hover{transform:rotate(.5deg) translateY(-1px);box-shadow:var(--shadow-m)}&:active{transform:rotate(0) translateY(1px);box-shadow:var(--shadow-xs)}}.card{border:2px solid var(--color-border);border-image:var(--border-image-sketch);box-shadow:var(--shadow-m);transition:transform .2s ease,box-shadow .2s ease;&:nth-child(odd){transform:rotate(-.5deg)}&:nth-child(2n){transform:rotate(.5deg)}&:hover{transform:rotate(0) translateY(-2px);box-shadow:var(--shadow-l)}}& blockquote{position:relative;padding:1.5rem 2rem;background:var(--color-surface-alt);border:2px solid var(--color-border);border-image:var(--border-image-sketch);border-radius:var(--radius-l);&:before{content:"";position:absolute;bottom:-12px;left:2rem;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:12px solid var(--color-border)}&:after{content:"";position:absolute;bottom:-9px;left:calc(2rem + 2px);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:10px solid var(--color-surface-alt)}}& table{transform:rotate(-.3deg)}& details{transform:rotate(.2deg)}& input,textarea{border:2px solid var(--color-border);background:var(--color-surface-raised);&:focus{border-color:var(--color-primary);box-shadow:var(--shadow-s);outline:none}}& pre{background:repeating-linear-gradient(0deg,transparent,transparent 19px,oklch(70% .1 250 / .12) 19px,oklch(70% .1 250 / .12) 20px),repeating-linear-gradient(90deg,transparent,transparent 19px,oklch(70% .1 250 / .12) 19px,oklch(70% .1 250 / .12) 20px),var(--color-surface);border:2px solid var(--color-border);border-image:var(--border-image-sketch);box-shadow:var(--shadow-s);color:var(--color-text);transform:rotate(.2deg)}& code{background:var(--color-surface-alt);border:1px solid var(--color-border-muted)}}& article.card{border:2px solid var(--color-border);border-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40'%3E%3Cpath d='M0,5 Q10,1 20,5 T40,5 M0,35 Q10,39 20,35 T40,35 M5,0 Q1,10 5,20 T5,40 M35,0 Q39,10 35,20 T35,40' fill='none' stroke='oklch(45%25 0.01 60)' stroke-width='2.5'/%3E%3C/svg%3E") 10 round;padding:var(--size-xl);filter:var(--filter-rough-light)}& page-toc{border:none;filter:none}:is(main,article) code-block{--cb-bg: repeating-linear-gradient( 0deg, transparent, transparent 19px, oklch(70% .1 250 / .1) 19px, oklch(70% .1 250 / .1) 20px ), repeating-linear-gradient( 90deg, transparent, transparent 19px, oklch(70% .1 250 / .1) 19px, oklch(70% .1 250 / .1) 20px ), var(--color-surface);--cb-code-bg: transparent;--cb-header-bg: var(--color-surface);--cb-comment: var(--color-text-subtle);--cb-function: oklch(40% .12 180);--cb-number: oklch(50% .15 25);--cb-button-bg: var(--color-surface);--cb-button-hover-bg: var(--color-primary-subtle)}::selection{background:var(--color-primary);color:var(--color-surface-raised)}--scrollbar-thumb: oklch(70% .01 60);--scrollbar-track: oklch(93% .02 75)}:root[data-theme~=rough][data-mode=dark],[data-theme~=rough][data-mode=dark]{color-scheme:dark;--color-surface: oklch(20% .02 160);--color-surface-alt: oklch(24% .025 155);--color-surface-raised: oklch(28% .02 160);--color-surface-sunken: oklch(15% .015 160);--color-background: oklch(18% .02 160);--color-text: oklch(92% .01 80);--color-text-muted: oklch(72% .01 80);--color-text-subtle: oklch(58% .01 80);--color-primary: oklch(70% .12 230);--color-primary-hover: oklch(75% .14 230);--color-primary-subtle: oklch(30% .05 230);--color-accent: oklch(78% .14 85);--color-accent-hover: oklch(83% .16 85);--color-accent-subtle: oklch(30% .05 85);--color-border: oklch(45% .02 160);--color-border-muted: oklch(35% .015 160);--color-border-strong: oklch(60% .02 160);--color-success: oklch(68% .12 155);--color-success-subtle: oklch(25% .05 155);--color-success-text: oklch(75% .1 155);--color-warning: oklch(75% .12 70);--color-warning-subtle: oklch(25% .06 70);--color-warning-text: oklch(80% .1 70);--color-error: oklch(65% .14 20);--color-error-subtle: oklch(25% .06 20);--color-error-text: oklch(75% .12 20);--color-info: oklch(65% .1 230);--color-info-subtle: oklch(25% .05 230);--color-info-text: oklch(72% .08 230);--shadow-xs: 1px 1px 0 oklch(10% 0 0 / .2);--shadow-s: 2px 2px 0 oklch(10% 0 0 / .25);--shadow-m: 3px 3px 0 oklch(10% 0 0 / .3);--shadow-l: 4px 4px 0 oklch(10% 0 0 / .3);--shadow-xl: 5px 5px 0 oklch(10% 0 0 / .35);--shadow-2xl: 6px 6px 0 oklch(10% 0 0 / .4);--scrollbar-thumb: oklch(50% .02 160);--scrollbar-track: oklch(22% .02 160);--input-bg: oklch(20% .02 160);--input-border: oklch(45% .02 160);--input-border-focus: oklch(70% .12 230);--control-border: oklch(55% .02 160);--control-checked-bg: oklch(70% .12 230);--control-checked-border: oklch(70% .12 230);--range-track-bg: oklch(30% .02 160);--range-track-fill: oklch(70% .12 230);--range-thumb-bg: oklch(25% .02 160);--range-thumb-border: oklch(70% .12 230);--progress-track-bg: oklch(28% .02 160);--progress-fill: oklch(70% .12 230);--filter-rough: var(--filter-rough-light);& article.card{border-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40'%3E%3Cpath d='M0,5 Q10,1 20,5 T40,5 M0,35 Q10,39 20,35 T40,35 M5,0 Q1,10 5,20 T5,40 M35,0 Q39,10 35,20 T35,40' fill='none' stroke='oklch(50%25 0.02 160)' stroke-width='2.5'/%3E%3C/svg%3E") 10 round}:is(main,article) code{background:var(--color-surface-raised);border-color:var(--color-border);color:var(--color-accent)}:is(main,article) h1:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='6' viewBox='0 0 200 6'%3E%3Cpath d='M0,3 Q25,0 50,3 Q75,6 100,3 Q125,0 150,3 Q175,6 200,3' fill='none' stroke='oklch(70%25 0.12 230)' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E")}:is(main,article) hr{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='6' viewBox='0 0 400 6'%3E%3Cpath d='M0,3 C20,1 40,5 60,3 C80,1 100,5 120,3 C140,1 160,5 180,3 C200,1 220,5 240,3 C260,1 280,5 300,3 C320,1 340,5 360,3 C380,1 400,5 400,3' fill='none' stroke='oklch(60%25 0.02 160)' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E")}:is(main,article) pre{background:repeating-linear-gradient(0deg,transparent,transparent 19px,oklch(40% .05 160 / .15) 19px,oklch(40% .05 160 / .15) 20px),repeating-linear-gradient(90deg,transparent,transparent 19px,oklch(40% .05 160 / .15) 19px,oklch(40% .05 160 / .15) 20px),var(--color-surface)}:is(main,article) code-block{--cb-bg: repeating-linear-gradient( 0deg, transparent, transparent 19px, oklch(40% .05 160 / .12) 19px, oklch(40% .05 160 / .12) 20px ), repeating-linear-gradient( 90deg, transparent, transparent 19px, oklch(40% .05 160 / .12) 19px, oklch(40% .05 160 / .12) 20px ), var(--color-surface);--cb-code-bg: transparent;--cb-header-bg: var(--color-surface);--cb-comment: var(--color-text-subtle);--cb-function: oklch(70% .1 180);--cb-number: oklch(78% .14 85);--cb-button-bg: var(--color-surface);--cb-button-hover-bg: var(--color-primary-subtle)}}:root[data-theme~=rough][data-mode=dark]:before{opacity:.03}}
+@import"https://fonts.googleapis.com/css2?family=Caveat:wght@400..700&display=swap";@layer tokens, reset, native-elements, custom-elements, web-components, utils, bundle-theme, bundle-effects, bundle-components;@layer bundle-theme{:root[data-theme~=rough],[data-theme~=rough]{color-scheme:light;--theme-border-style: sketch;--theme-icon-set: lucide;--color-surface: oklch(96% .015 80);--color-surface-alt: oklch(93% .02 75);--color-surface-raised: oklch(98% .01 80);--color-surface-sunken: oklch(90% .025 70);--color-background: oklch(96% .015 80);--color-text: oklch(25% .01 60);--color-text-muted: oklch(40% .01 60);--color-text-subtle: oklch(55% .01 60);--color-primary: oklch(45% .15 250);--caret-color: var(--color-primary);--color-primary-hover: oklch(40% .18 250);--color-primary-subtle: oklch(92% .04 250);--color-accent: oklch(55% .2 25);--color-accent-hover: oklch(48% .22 25);--color-accent-subtle: oklch(93% .04 25);--color-border: oklch(70% .01 60);--color-border-muted: oklch(82% .01 60);--color-border-strong: oklch(45% .01 60);--color-success: oklch(48% .12 155);--color-success-subtle: oklch(93% .04 155);--color-success-text: oklch(32% .1 155);--color-warning: oklch(60% .12 70);--color-warning-subtle: oklch(93% .05 70);--color-warning-text: oklch(38% .1 70);--color-error: oklch(50% .16 20);--color-error-subtle: oklch(93% .04 20);--color-error-text: oklch(35% .12 20);--color-info: oklch(45% .1 240);--color-info-subtle: oklch(93% .04 240);--color-info-text: oklch(32% .08 240);--font-sans: "Caveat", "Segoe Print", "Bradley Hand", cursive;--font-mono: "Courier New", Courier, monospace;--line-height-normal: 1.6;--line-height-tight: 1.2;--radius-xs: 2px;--radius-s: 3px;--radius-m: 4px;--radius-l: 6px;--radius-xl: 8px;--radius-2xl: 8px;--radius-full: 8px;--shadow-xs: 1px 1px 0 oklch(25% .01 60 / .1);--shadow-s: 2px 2px 0 oklch(25% .01 60 / .12);--shadow-m: 3px 3px 0 oklch(25% .01 60 / .15);--shadow-l: 4px 4px 0 oklch(25% .01 60 / .15);--shadow-xl: 5px 5px 0 oklch(25% .01 60 / .18);--shadow-2xl: 6px 6px 0 oklch(25% .01 60 / .2);--border-width: 2px;--border-width-thick: 3px;--duration-instant: 50ms;--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s;--ease-default: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(.22, 1, .36, 1);--motion-hover-lift: translateY(-2px) rotate(-.5deg);--motion-hover-scale: scale(1.02) rotate(.5deg);--motion-stagger-delay: 60ms;--motion-bounce: cubic-bezier(.34, 1.56, .64, 1);--motion-smooth: cubic-bezier(.22, 1, .36, 1);--motion-elastic: cubic-bezier(.68, -.2, .32, 1.2);--motion-enter-duration: .3s;--motion-exit-duration: .2s;--filter-rough: var(--filter-rough-light)}:root[data-theme~=rough]:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='paper'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='5' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23paper)'/%3E%3C/svg%3E");z-index:500}:root[data-theme~=rough],[data-theme~=rough]{:is(main,article){& hr:not([data-ornament]){border:none;height:3px;margin-block:2rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='6' viewBox='0 0 400 6'%3E%3Cpath d='M0,3 C20,1 40,5 60,3 C80,1 100,5 120,3 C140,1 160,5 180,3 C200,1 220,5 240,3 C260,1 280,5 300,3 C320,1 340,5 360,3 C380,1 400,5 400,3' fill='none' stroke='oklch(45%25 0.01 60)' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");background-size:100% 100%;background-repeat:no-repeat}& h1{color:var(--color-primary);position:relative;padding-block-end:.5rem;&:after{content:"";display:block;width:80%;height:4px;margin-block-start:.25rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='6' viewBox='0 0 200 6'%3E%3Cpath d='M0,3 Q25,0 50,3 Q75,6 100,3 Q125,0 150,3 Q175,6 200,3' fill='none' stroke='oklch(45%25 0.15 250)' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E");background-size:100% 100%;background-repeat:no-repeat}}& h2{border-block-end:2px dashed var(--color-border);padding-block-end:.5rem;text-decoration-style:wavy}& h3{font-style:italic}& a:not([class]){color:var(--color-primary);text-decoration:underline;text-decoration-style:wavy;text-decoration-thickness:1.5px;text-underline-offset:3px;&:hover{color:var(--color-accent);text-decoration-color:var(--color-accent)}}.button,button{--btn-border-width: 2px;box-shadow:var(--shadow-s);transform:rotate(-.5deg);transition:transform .2s ease,box-shadow .2s ease;&:hover{transform:rotate(.5deg) translateY(-1px);box-shadow:var(--shadow-m)}&:active{transform:rotate(0) translateY(1px);box-shadow:var(--shadow-xs)}}.card{border:2px solid var(--color-border);border-image:var(--border-image-sketch);box-shadow:var(--shadow-m);transition:transform .2s ease,box-shadow .2s ease;&:nth-child(odd){transform:rotate(-.5deg)}&:nth-child(2n){transform:rotate(.5deg)}&:hover{transform:rotate(0) translateY(-2px);box-shadow:var(--shadow-l)}}& blockquote{position:relative;padding:1.5rem 2rem;background:var(--color-surface-alt);border:2px solid var(--color-border);border-image:var(--border-image-sketch);border-radius:var(--radius-l);&:before{content:"";position:absolute;inset-block-end:-12px;inset-inline-start:2rem;width:0;height:0;border-inline:10px solid transparent;border-top:12px solid var(--color-border)}&:after{content:"";position:absolute;inset-block-end:-9px;inset-inline-start:calc(2rem + 2px);width:0;height:0;border-inline:8px solid transparent;border-top:10px solid var(--color-surface-alt)}}& table{transform:rotate(-.3deg)}& details{transform:rotate(.2deg)}& input,textarea{border:2px solid var(--color-border);background:var(--color-surface-raised);&:focus{border-color:var(--color-primary);box-shadow:var(--shadow-s);outline:none}}& pre{background:repeating-linear-gradient(0deg,transparent,transparent 19px,oklch(70% .1 250 / .12) 19px,oklch(70% .1 250 / .12) 20px),repeating-linear-gradient(90deg,transparent,transparent 19px,oklch(70% .1 250 / .12) 19px,oklch(70% .1 250 / .12) 20px),var(--color-surface);border:2px solid var(--color-border);border-image:var(--border-image-sketch);box-shadow:var(--shadow-s);color:var(--color-text);transform:rotate(.2deg)}& code{background:var(--color-surface-alt);border:1px solid var(--color-border-muted)}}& article.card{border:2px solid var(--color-border);border-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40'%3E%3Cpath d='M0,5 Q10,1 20,5 T40,5 M0,35 Q10,39 20,35 T40,35 M5,0 Q1,10 5,20 T5,40 M35,0 Q39,10 35,20 T35,40' fill='none' stroke='oklch(45%25 0.01 60)' stroke-width='2.5'/%3E%3C/svg%3E") 10 round;padding:var(--size-xl);filter:var(--filter-rough-light)}& page-toc{border:none;filter:none}:is(main,article) code-block{--cb-bg: repeating-linear-gradient( 0deg, transparent, transparent 19px, oklch(70% .1 250 / .1) 19px, oklch(70% .1 250 / .1) 20px ), repeating-linear-gradient( 90deg, transparent, transparent 19px, oklch(70% .1 250 / .1) 19px, oklch(70% .1 250 / .1) 20px ), var(--color-surface);--cb-code-bg: transparent;--cb-header-bg: var(--color-surface);--cb-comment: var(--color-text-subtle);--cb-function: oklch(40% .12 180);--cb-number: oklch(50% .15 25);--cb-button-bg: var(--color-surface);--cb-button-hover-bg: var(--color-primary-subtle)}::selection{background:var(--color-primary);color:var(--color-surface-raised)}--scrollbar-thumb: oklch(70% .01 60);--scrollbar-track: oklch(93% .02 75)}:root[data-theme~=rough][data-mode=dark],[data-theme~=rough][data-mode=dark]{color-scheme:dark;--color-surface: oklch(20% .02 160);--color-surface-alt: oklch(24% .025 155);--color-surface-raised: oklch(28% .02 160);--color-surface-sunken: oklch(15% .015 160);--color-background: oklch(18% .02 160);--color-text: oklch(92% .01 80);--color-text-muted: oklch(72% .01 80);--color-text-subtle: oklch(58% .01 80);--color-primary: oklch(70% .12 230);--color-primary-hover: oklch(75% .14 230);--color-primary-subtle: oklch(30% .05 230);--color-accent: oklch(78% .14 85);--color-accent-hover: oklch(83% .16 85);--color-accent-subtle: oklch(30% .05 85);--color-border: oklch(45% .02 160);--color-border-muted: oklch(35% .015 160);--color-border-strong: oklch(60% .02 160);--color-success: oklch(68% .12 155);--color-success-subtle: oklch(25% .05 155);--color-success-text: oklch(75% .1 155);--color-warning: oklch(75% .12 70);--color-warning-subtle: oklch(25% .06 70);--color-warning-text: oklch(80% .1 70);--color-error: oklch(65% .14 20);--color-error-subtle: oklch(25% .06 20);--color-error-text: oklch(75% .12 20);--color-info: oklch(65% .1 230);--color-info-subtle: oklch(25% .05 230);--color-info-text: oklch(72% .08 230);--shadow-xs: 1px 1px 0 oklch(10% 0 0 / .2);--shadow-s: 2px 2px 0 oklch(10% 0 0 / .25);--shadow-m: 3px 3px 0 oklch(10% 0 0 / .3);--shadow-l: 4px 4px 0 oklch(10% 0 0 / .3);--shadow-xl: 5px 5px 0 oklch(10% 0 0 / .35);--shadow-2xl: 6px 6px 0 oklch(10% 0 0 / .4);--scrollbar-thumb: oklch(50% .02 160);--scrollbar-track: oklch(22% .02 160);--input-bg: oklch(20% .02 160);--input-border: oklch(45% .02 160);--input-border-focus: oklch(70% .12 230);--control-border: oklch(55% .02 160);--control-checked-bg: oklch(70% .12 230);--control-checked-border: oklch(70% .12 230);--range-track-bg: oklch(30% .02 160);--range-track-fill: oklch(70% .12 230);--range-thumb-bg: oklch(25% .02 160);--range-thumb-border: oklch(70% .12 230);--progress-track-bg: oklch(28% .02 160);--progress-fill: oklch(70% .12 230);--filter-rough: var(--filter-rough-light);& article.card{border-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40'%3E%3Cpath d='M0,5 Q10,1 20,5 T40,5 M0,35 Q10,39 20,35 T40,35 M5,0 Q1,10 5,20 T5,40 M35,0 Q39,10 35,20 T35,40' fill='none' stroke='oklch(50%25 0.02 160)' stroke-width='2.5'/%3E%3C/svg%3E") 10 round}:is(main,article) code{background:var(--color-surface-raised);border-color:var(--color-border);color:var(--color-accent)}:is(main,article) h1:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='6' viewBox='0 0 200 6'%3E%3Cpath d='M0,3 Q25,0 50,3 Q75,6 100,3 Q125,0 150,3 Q175,6 200,3' fill='none' stroke='oklch(70%25 0.12 230)' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E")}:is(main,article) hr{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='6' viewBox='0 0 400 6'%3E%3Cpath d='M0,3 C20,1 40,5 60,3 C80,1 100,5 120,3 C140,1 160,5 180,3 C200,1 220,5 240,3 C260,1 280,5 300,3 C320,1 340,5 360,3 C380,1 400,5 400,3' fill='none' stroke='oklch(60%25 0.02 160)' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E")}:is(main,article) pre{background:repeating-linear-gradient(0deg,transparent,transparent 19px,oklch(40% .05 160 / .15) 19px,oklch(40% .05 160 / .15) 20px),repeating-linear-gradient(90deg,transparent,transparent 19px,oklch(40% .05 160 / .15) 19px,oklch(40% .05 160 / .15) 20px),var(--color-surface)}:is(main,article) code-block{--cb-bg: repeating-linear-gradient( 0deg, transparent, transparent 19px, oklch(40% .05 160 / .12) 19px, oklch(40% .05 160 / .12) 20px ), repeating-linear-gradient( 90deg, transparent, transparent 19px, oklch(40% .05 160 / .12) 19px, oklch(40% .05 160 / .12) 20px ), var(--color-surface);--cb-code-bg: transparent;--cb-header-bg: var(--color-surface);--cb-comment: var(--color-text-subtle);--cb-function: oklch(70% .1 180);--cb-number: oklch(78% .14 85);--cb-button-bg: var(--color-surface);--cb-button-hover-bg: var(--color-primary-subtle)}}:root[data-theme~=rough][data-mode=dark]:before{opacity:.03}}
 /*# sourceMappingURL=rough.css.map */

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

@@ -628,7 +628,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/solarized-dark.tokens.json

@@ -110,6 +110,28 @@
         ]
       }
     },
+    "interactive": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.63,
+          0.12,
+          240
+        ]
+      }
+    },
+    "interactive-hover": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.68,
+          0.13,
+          240
+        ]
+      }
+    },
     "primary-subtle": {
       "$type": "color",
       "$value": {
@@ -384,7 +406,7 @@
   "$extensions": {
     "com.vanilla-breeze": {
       "spec": "2025.10",
-      "vbVersion": "0.4.0",
+      "vbVersion": "0.5.0",
       "unmapped": [
         "--cb-header-bg",
         "--cb-keyword",

package/dist/cdn/themes/solarized.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~=solarized],[data-theme~=solarized]{color-scheme:light;--theme-border-style: clean;--theme-icon-set: lucide;--color-background: oklch(97% .015 85);--color-surface: oklch(93.5% .018 85);--color-surface-alt: oklch(91% .02 85);--color-surface-raised: oklch(98% .012 85);--color-surface-sunken: oklch(90% .02 85);--color-text: oklch(48% .02 195);--color-text-muted: oklch(42% .02 195);--color-text-subtle: oklch(55% .015 195);--color-primary: oklch(55% .12 240);--color-primary-hover: oklch(50% .13 240);--color-primary-subtle: oklch(93% .03 240);--color-accent: oklch(60% .1 180);--color-accent-hover: oklch(55% .11 180);--color-border: oklch(85% .015 85);--color-border-muted: oklch(90% .012 85);--color-border-strong: oklch(48% .02 195);--color-success: oklch(58% .14 120);--color-warning: oklch(62% .15 80);--color-error: oklch(55% .18 25);--color-info: oklch(55% .12 240);--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: "Source Code Pro", "SF Mono", Consolas, monospace;--line-height-normal: 1.6;--line-height-tight: 1.25;--radius-xs: .0625rem;--radius-s: .125rem;--radius-m: .1875rem;--radius-l: .25rem;--radius-xl: .375rem;--radius-2xl: .5rem;--radius-full: 9999px;--shadow-xs: 0 1px 1px oklch(48% .02 195 / .04);--shadow-s: 0 1px 2px oklch(48% .02 195 / .06);--shadow-m: 0 2px 4px oklch(48% .02 195 / .06);--shadow-l: 0 4px 8px oklch(48% .02 195 / .06);--shadow-xl: 0 8px 16px oklch(48% .02 195 / .06);--shadow-2xl: 0 12px 24px oklch(48% .02 195 / .08);--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~=solarized],[data-theme~=solarized]{:is(main,article){& hr:not([data-ornament]){border:none;border-block-start:1px solid oklch(85% .015 85);margin-block:2rem}& h1,h2{font-weight:600;color:#415150}& a:not([class]){color:var(--color-primary);text-decoration-color:#1479b066;text-underline-offset:.15em;&:hover{text-decoration-color:currentColor}}& blockquote{border-inline-start:3px solid var(--color-accent);padding-inline-start:1.25rem;color:#415150}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(55% .12 240);--cb-string: oklch(60% .1 180);--cb-function: oklch(50% .12 300);--cb-number: oklch(55% .18 25);--cb-button-bg: var(--color-surface)}::selection{background:#1479b033;color:#415150}}:root[data-theme~=solarized][data-mode=dark],[data-theme~=solarized][data-mode=dark]{color-scheme:dark;--color-background: oklch(20% .03 200);--color-surface: oklch(24% .03 200);--color-surface-alt: oklch(28% .025 200);--color-surface-raised: oklch(32% .025 200);--color-surface-sunken: oklch(16% .03 200);--color-text: oklch(65% .015 195);--color-text-muted: oklch(72% .012 195);--color-text-subtle: oklch(55% .02 195);--color-primary: oklch(55% .12 240);--color-primary-hover: oklch(60% .13 240);--color-primary-subtle: oklch(28% .05 240);--color-accent: oklch(60% .1 180);--color-accent-hover: oklch(65% .11 180);--color-border: oklch(30% .025 200);--color-border-muted: oklch(26% .025 200);--color-border-strong: oklch(50% .015 195);--color-success: oklch(58% .14 120);--color-warning: oklch(62% .15 80);--color-error: oklch(55% .18 25);--color-info: oklch(55% .12 240);--shadow-xs: 0 1px 1px oklch(10% .03 200 / .15);--shadow-s: 0 1px 2px oklch(10% .03 200 / .2);--shadow-m: 0 2px 4px oklch(10% .03 200 / .2);--shadow-l: 0 4px 8px oklch(10% .03 200 / .2);--shadow-xl: 0 8px 16px oklch(10% .03 200 / .2);--shadow-2xl: 0 12px 24px oklch(10% .03 200 / .25);:is(main,article){& hr:not([data-ornament]){border-color:#1e3233}& h1,h2{color:#9ca7a7}& blockquote{color:#859292}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(55% .12 240);--cb-string: oklch(60% .1 180);--cb-function: oklch(50% .12 300);--cb-number: oklch(55% .18 25)}::selection{background:#1479b040;color:#9ca7a7}}}
+@layer tokens, reset, native-elements, custom-elements, web-components, utils, bundle-theme, bundle-effects, bundle-components;@layer bundle-theme{:root[data-theme~=solarized],[data-theme~=solarized]{color-scheme:light;--theme-border-style: clean;--theme-icon-set: lucide;--color-background: oklch(97% .015 85);--color-surface: oklch(93.5% .018 85);--color-surface-alt: oklch(91% .02 85);--color-surface-raised: oklch(98% .012 85);--color-surface-sunken: oklch(90% .02 85);--color-text: oklch(48% .02 195);--color-text-muted: oklch(42% .02 195);--color-text-subtle: oklch(55% .015 195);--color-primary: oklch(55% .12 240);--color-primary-hover: oklch(50% .13 240);--color-interactive: oklch(51% .12 240);--color-interactive-hover: oklch(46% .13 240);--color-primary-subtle: oklch(93% .03 240);--color-accent: oklch(60% .1 180);--color-accent-hover: oklch(55% .11 180);--color-border: oklch(85% .015 85);--color-border-muted: oklch(90% .012 85);--color-border-strong: oklch(48% .02 195);--color-success: oklch(58% .14 120);--color-warning: oklch(62% .15 80);--color-error: oklch(55% .18 25);--color-info: oklch(55% .12 240);--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: "Source Code Pro", "SF Mono", Consolas, monospace;--line-height-normal: 1.6;--line-height-tight: 1.25;--radius-xs: .0625rem;--radius-s: .125rem;--radius-m: .1875rem;--radius-l: .25rem;--radius-xl: .375rem;--radius-2xl: .5rem;--radius-full: 9999px;--shadow-xs: 0 1px 1px oklch(48% .02 195 / .04);--shadow-s: 0 1px 2px oklch(48% .02 195 / .06);--shadow-m: 0 2px 4px oklch(48% .02 195 / .06);--shadow-l: 0 4px 8px oklch(48% .02 195 / .06);--shadow-xl: 0 8px 16px oklch(48% .02 195 / .06);--shadow-2xl: 0 12px 24px oklch(48% .02 195 / .08);--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~=solarized],[data-theme~=solarized]{:is(main,article){& hr:not([data-ornament]){border:none;border-block-start:1px solid oklch(85% .015 85);margin-block:2rem}& h1,h2{font-weight:600;color:#415150}& a:not([class]){color:var(--color-interactive);text-decoration-color:#1479b066;text-underline-offset:.15em;&:hover{text-decoration-color:currentColor}}& blockquote{border-inline-start:3px solid var(--color-accent);padding-inline-start:1.25rem;color:#415150}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(55% .12 240);--cb-string: oklch(60% .1 180);--cb-function: oklch(50% .12 300);--cb-number: oklch(55% .18 25);--cb-button-bg: var(--color-surface)}::selection{background:#1479b033;color:#415150}}:root[data-theme~=solarized][data-mode=dark],[data-theme~=solarized][data-mode=dark]{color-scheme:dark;--color-background: oklch(20% .03 200);--color-surface: oklch(24% .03 200);--color-surface-alt: oklch(28% .025 200);--color-surface-raised: oklch(32% .025 200);--color-surface-sunken: oklch(16% .03 200);--color-text: oklch(65% .015 195);--color-text-muted: oklch(72% .012 195);--color-text-subtle: oklch(55% .02 195);--color-primary: oklch(55% .12 240);--color-primary-hover: oklch(60% .13 240);--color-interactive: oklch(63% .12 240);--color-interactive-hover: oklch(68% .13 240);--color-primary-subtle: oklch(28% .05 240);--color-accent: oklch(60% .1 180);--color-accent-hover: oklch(65% .11 180);--color-border: oklch(30% .025 200);--color-border-muted: oklch(26% .025 200);--color-border-strong: oklch(50% .015 195);--color-success: oklch(58% .14 120);--color-warning: oklch(62% .15 80);--color-error: oklch(55% .18 25);--color-info: oklch(55% .12 240);--shadow-xs: 0 1px 1px oklch(10% .03 200 / .15);--shadow-s: 0 1px 2px oklch(10% .03 200 / .2);--shadow-m: 0 2px 4px oklch(10% .03 200 / .2);--shadow-l: 0 4px 8px oklch(10% .03 200 / .2);--shadow-xl: 0 8px 16px oklch(10% .03 200 / .2);--shadow-2xl: 0 12px 24px oklch(10% .03 200 / .25);:is(main,article){& hr:not([data-ornament]){border-color:#1e3233}& h1,h2{color:#9ca7a7}& blockquote{color:#859292}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(55% .12 240);--cb-string: oklch(60% .1 180);--cb-function: oklch(50% .12 300);--cb-number: oklch(55% .18 25)}::selection{background:#1479b040;color:#9ca7a7}}}
 /*# sourceMappingURL=solarized.css.map */

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

@@ -110,6 +110,28 @@
         ]
       }
     },
+    "interactive": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.51,
+          0.12,
+          240
+        ]
+      }
+    },
+    "interactive-hover": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.46,
+          0.13,
+          240
+        ]
+      }
+    },
     "primary-subtle": {
       "$type": "color",
       "$value": {
@@ -522,7 +544,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/startup-dark.tokens.json

@@ -509,7 +509,7 @@
   "$extensions": {
     "com.vanilla-breeze": {
       "spec": "2025.10",
-      "vbVersion": "0.4.0",
+      "vbVersion": "0.5.0",
       "unmapped": [
         "--cb-header-bg",
         "--cb-keyword",

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

@@ -597,7 +597,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/super2026-dark.tokens.json

@@ -33,6 +33,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-subtle": {
       "$type": "color",
       "$value": {
@@ -635,7 +667,7 @@
   "$extensions": {
     "com.vanilla-breeze": {
       "spec": "2025.10",
-      "vbVersion": "0.4.0",
+      "vbVersion": "0.5.0",
       "unmapped": [
         "--page-bg-color",
         "--page-bg-gradient",

package/dist/cdn/themes/super2026.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~=super2026],[data-theme~=super2026]{color-scheme:light;--theme-border-style: sharp;--hue-primary: 18;--hue-secondary: 256;--hue-accent: 90;--color-primary: oklch(52% .27 18);--caret-color: var(--color-primary);--color-primary-hover: oklch(58% .28 18);--color-primary-active: oklch(44% .24 18);--color-primary-subtle: oklch(94% .04 18);--color-secondary: oklch(44% .22 256);--color-secondary-hover: oklch(50% .24 256);--color-secondary-subtle: oklch(93% .04 256);--color-accent: oklch(80% .2 90);--color-accent-hover: oklch(74% .2 90);--color-accent-subtle: oklch(95% .06 90);--color-background: oklch(97% .006 80);--color-surface: oklch(94% .008 80);--color-surface-alt: oklch(91% .01 80);--color-surface-raised: oklch(99.5% .002 80);--color-surface-sunken: oklch(90% .012 80);--color-text: oklch(12% .008 240);--color-text-muted: oklch(40% .006 240);--color-text-subtle: oklch(58% .004 240);--color-text-inverted: oklch(97% .006 80);--color-text-on-primary: oklch(99% .002 80);--color-border: oklch(75% .008 240);--color-border-strong: oklch(12% .008 240);--color-border-subtle: oklch(86% .006 240);--color-border-muted: oklch(82% .007 240);--color-success: oklch(52% .18 155);--color-success-subtle: oklch(94% .04 155);--color-success-text: oklch(34% .12 155);--color-warning: oklch(68% .16 75);--color-warning-subtle: oklch(94% .06 75);--color-warning-text: oklch(38% .12 75);--color-error: oklch(52% .24 18);--color-error-subtle: oklch(94% .05 18);--color-error-text: oklch(36% .16 18);--color-info: oklch(48% .16 256);--color-info-subtle: oklch(94% .04 256);--color-info-text: oklch(32% .12 256);--radius-xs: 0;--radius-s: 0;--radius-m: 0;--radius-l: 0;--radius-xl: 0;--radius-2xl: 0;--radius-full: 0;--shadow-xs: 0 1px 2px oklch(12% .008 240 / .06);--shadow-s: 0 1px 3px oklch(12% .008 240 / .12), 0 1px 2px oklch(12% .008 240 / .08);--shadow-m: 0 4px 6px oklch(12% .008 240 / .14), 0 2px 4px oklch(12% .008 240 / .1);--shadow-l: 0 10px 20px oklch(12% .008 240 / .16), 0 4px 6px oklch(12% .008 240 / .1);--shadow-xl: 0 20px 30px oklch(12% .008 240 / .18), 0 8px 12px oklch(12% .008 240 / .12);--shadow-2xl: 0 30px 50px oklch(12% .008 240 / .22);--font-sans: "Barlow Condensed", system-ui, sans-serif;--font-serif: "Barlow Condensed", serif;--font-mono: "Space Mono", monospace;--font-display: "Big Shoulders Display", "Barlow Condensed", sans-serif;--font-heading: "Big Shoulders Display", "Barlow Condensed", sans-serif;--font-body: "Barlow Condensed", system-ui, sans-serif;--font-code: "Space Mono", monospace;--duration-fast: .1s;--duration-normal: .2s;--duration-slow: .35s;--duration-slower: .6s;--motion-enter-duration: .5s;--motion-exit-duration: .25s;--motion-stagger-delay: 60ms;--motion-bounce: cubic-bezier(.34, 1.56, .64, 1);--motion-snappy: cubic-bezier(.4, 0, .2, 1);--motion-elastic: cubic-bezier(.68, -.55, .265, 1.55);--motion-smooth: cubic-bezier(.25, .1, .25, 1);--motion-hover-lift: translateY(-4px);--motion-hover-scale: scale(1.04);--glass-blur: 10px;--glass-opacity: .12;--page-bg-color: oklch(94% .008 80);--page-bg-gradient: repeating-linear-gradient( 90deg, oklch(12% .008 240 / .04) 0px, oklch(12% .008 240 / .04) 1px, transparent 1px, transparent calc(100% / 12) ), repeating-linear-gradient( 0deg, oklch(12% .008 240 / .03) 0px, oklch(12% .008 240 / .03) 1px, transparent 1px, transparent 6rem );--page-bg-size: 100% 100%;--_sg2-red: oklch(52% .27 18);--_sg2-blue: oklch(44% .22 256);--_sg2-gold: oklch(80% .2 90);--_sg2-ink: oklch(12% .008 240);--_sg2-wall: oklch(97% .006 80);--_sg2-rule: 4px solid var(--_sg2-ink);--_sg2-rule-sm: 2px solid var(--_sg2-ink);--_sg2-rule-heavy: 8px solid var(--_sg2-ink);--control-size: 1.25rem;--control-border: var(--_sg2-ink);--control-checked-bg: oklch(52% .27 18);--control-checked-border: var(--_sg2-ink);--input-border: var(--_sg2-ink);--input-bg: oklch(100% 0 0);--input-border-focus: oklch(52% .27 18);--range-track-h: .5rem;--range-track-bg: oklch(85% .01 80);--range-track-fill: oklch(52% .27 18);--range-thumb-bg: oklch(100% 0 0);--range-thumb-border: var(--_sg2-ink);--progress-track-bg: oklch(90% .01 80);--progress-fill: oklch(52% .27 18)}:root[data-theme~=super2026][data-mode=dark],[data-theme~=super2026][data-mode=dark]{color-scheme:dark;--color-primary: oklch(62% .28 18);--color-primary-hover: oklch(68% .28 18);--color-primary-active: oklch(54% .24 18);--color-primary-subtle: oklch(22% .08 18);--color-secondary: oklch(60% .22 256);--color-secondary-hover: oklch(66% .24 256);--color-secondary-subtle: oklch(20% .08 256);--color-accent: oklch(78% .22 90);--color-accent-hover: oklch(84% .22 90);--color-accent-subtle: oklch(22% .08 90);--color-background: oklch(11% .006 240);--color-surface: oklch(15% .007 240);--color-surface-alt: oklch(18% .008 240);--color-surface-raised: oklch(20% .008 240);--color-surface-sunken: oklch(8% .005 240);--color-text: oklch(96% .004 80);--color-text-muted: oklch(72% .006 80);--color-text-subtle: oklch(54% .005 80);--color-text-inverted: oklch(12% .008 240);--color-text-on-primary: oklch(99% .002 80);--color-border: oklch(28% .01 240);--color-border-strong: oklch(60% .01 240);--color-border-subtle: oklch(20% .008 240);--color-border-muted: oklch(24% .009 240);--color-success: oklch(62% .18 155);--color-success-subtle: oklch(20% .06 155);--color-success-text: oklch(75% .14 155);--color-warning: oklch(78% .16 75);--color-warning-subtle: oklch(22% .08 75);--color-warning-text: oklch(82% .12 75);--color-error: oklch(62% .24 18);--color-error-subtle: oklch(20% .08 18);--color-error-text: oklch(75% .18 18);--color-info: oklch(62% .16 256);--color-info-subtle: oklch(20% .06 256);--color-info-text: oklch(75% .12 256);--shadow-xs: 0 1px 2px oklch(5% .005 240 / .4);--shadow-s: 0 1px 3px oklch(5% .005 240 / .5), 0 1px 2px oklch(5% .005 240 / .4);--shadow-m: 0 4px 6px oklch(5% .005 240 / .5), 0 2px 4px oklch(5% .005 240 / .4);--shadow-l: 0 10px 20px oklch(5% .005 240 / .55), 0 4px 6px oklch(5% .005 240 / .4);--shadow-xl: 0 20px 30px oklch(5% .005 240 / .6);--shadow-2xl: 0 30px 50px oklch(5% .005 240 / .65);--page-bg-color: oklch(11% .006 240);--page-bg-gradient: linear-gradient( 160deg, oklch(14% .01 240) 0%, oklch(10% .006 250) 100% );--_sg2-wall: oklch(11% .006 240);--_sg2-rule: 4px solid oklch(35% .01 240);--_sg2-rule-sm: 2px solid oklch(30% .009 240);--_sg2-rule-heavy: 8px solid oklch(40% .01 240);--_sg2-red: oklch(62% .28 18);--_sg2-blue: oklch(60% .22 256);--_sg2-gold: oklch(78% .22 90);--_sg2-ink: oklch(60% .01 240);--scrollbar-thumb: oklch(45% .008 240);--scrollbar-track: oklch(18% .007 240);--input-bg: oklch(15% .007 240);--input-border: oklch(35% .01 240);--input-border-focus: oklch(62% .28 18);--control-border: oklch(60% .01 240);--control-checked-bg: oklch(62% .28 18);--control-checked-border: oklch(60% .01 240);--range-track-bg: oklch(25% .008 240);--range-track-fill: oklch(62% .28 18);--range-thumb-bg: oklch(15% .007 240);--range-thumb-border: oklch(60% .01 240);--progress-track-bg: oklch(22% .007 240);--progress-fill: oklch(62% .28 18)}:root[data-theme~=super2026],[data-theme~=super2026]{--border-width-thin: 2px;--border-width-medium: 4px;--border-width-thick: 8px}:root[data-theme~=super2026],[data-theme~=super2026]{:is(main,article){:is(h1,h2,h3,h4,h5,h6){font-family:var(--font-display);font-weight:900;text-transform:uppercase;letter-spacing:-.02em;line-height:.95}& h1:not([data-gradient-text]){-webkit-text-stroke:3px var(--_sg2-ink);color:transparent;border-block-end:var(--_sg2-rule-heavy);padding-block-end:.5rem;margin-block-end:1.5rem}& h4{color:var(--_sg2-red)}& h2{color:var(--_sg2-blue);border-block-end:var(--_sg2-rule);padding-block-end:.4rem}& h3{border-block-end:3px solid var(--_sg2-gold);padding-block-end:.3rem}& hr:not([data-ornament]){border:none;height:6px;background:var(--_sg2-ink);margin-block:2.5rem}& hr:not([data-ornament]):nth-of-type(3n+2){background:var(--_sg2-red);height:8px}& hr:not([data-ornament]):nth-of-type(3n+3){background:var(--_sg2-blue)}& a:not([class]):not(nav a){color:var(--color-primary);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;font-weight:600;&:hover{background:var(--color-primary);color:var(--color-text-on-primary);text-decoration:none;padding-inline:.15em;margin-inline:-.15em}}.button,button{position:relative;overflow:hidden;font-family:var(--font-display);font-weight:900;letter-spacing:.08em;text-transform:uppercase;border-width:2px;transition:transform var(--duration-fast) var(--motion-bounce),box-shadow var(--duration-fast) var(--motion-snappy);&:before{content:"";position:absolute;inset-block-start:50%;inset-inline-end:0;translate:50% -50%;width:200%;aspect-ratio:1;border-radius:50%;background:oklch(from var(--color-primary) calc(l - .08) c h);scale:0;transition:scale .25s cubic-bezier(.16,1,.3,1);z-index:-1}&:hover{transform:var(--motion-hover-lift);box-shadow:var(--shadow-m)}&:hover:before{scale:1}&:active{transform:translateY(1px)}}.button.secondary,button.secondary{border-color:var(--_sg2-ink);border-width:2px;&:before{background:var(--_sg2-blue)}&:hover{background:var(--color-secondary);color:var(--color-text-on-primary);border-color:var(--color-secondary)}}.button.ghost,button.ghost{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;&:before{background:var(--_sg2-gold)}}.card{position:relative;overflow:hidden;border:var(--_sg2-rule-sm);border-block-start:5px solid var(--_sg2-red);&:before{content:"";position:absolute;inset-block-start:-50%;inset-inline-end:-50%;width:120%;aspect-ratio:1;border-radius:50%;background:var(--_sg2-red);opacity:.06;pointer-events:none;transition:opacity .2s,scale .3s}&:hover{transform:var(--motion-hover-lift);box-shadow:var(--shadow-l)}&:hover:before{opacity:.12;scale:1.1}}.card:nth-child(3n+2){border-block-start-color:var(--_sg2-blue)}.card:nth-child(3n+2):before{background:var(--_sg2-blue)}.card:nth-child(3n+3){border-block-start-color:var(--_sg2-gold)}.card:nth-child(3n+3):before{background:var(--_sg2-gold);opacity:.08}& blockquote{border-inline-start:var(--_sg2-rule-heavy);border-inline-start-color:var(--_sg2-red);padding-inline-start:1.5rem;font-style:normal;&:before{content:'"';font-family:var(--font-display);font-size:4rem;font-weight:900;line-height:1;display:block;color:var(--_sg2-red);margin-block-end:.5rem}}& code{background:var(--color-accent-subtle);border:1.5px solid var(--_sg2-ink);font-weight:700}& pre{background:var(--_sg2-ink);color:var(--_sg2-wall);border:var(--_sg2-rule);& code{background:transparent;border:none;color:inherit;font-weight:400}}& th{background:var(--_sg2-ink);color:var(--_sg2-wall);font-family:var(--font-display);font-weight:900;text-transform:uppercase;letter-spacing:.06em;font-size:.85em}& td{border-color:var(--_sg2-ink)}& summary{font-family:var(--font-display);font-weight:700;text-transform:uppercase;letter-spacing:.04em;border-block-end:var(--_sg2-rule-sm)}.lead,.tagline{font-weight:400;letter-spacing:.02em}.badge,small{font-family:var(--font-display);font-weight:900;letter-spacing:.1em;text-transform:uppercase}& input:not([type=checkbox]):not([type=radio]),textarea,select{border:var(--_sg2-rule-sm);&:focus{border-color:var(--_sg2-red);box-shadow:0 0 0 3px oklch(from var(--color-primary) l c h / .18)}}@supports (appearance: base-select){& select:not([multiple])::picker-icon{color:var(--_sg2-ink)}& select:not([multiple]):open{border-color:var(--_sg2-red);box-shadow:0 0 0 3px oklch(from var(--color-primary) l c h / .18)}& select:not([multiple])::picker(select){border:var(--_sg2-rule-sm);border-block-start:4px solid var(--_sg2-red);transition-timing-function:var(--motion-elastic)}& select:not([multiple]) optgroup>legend{font-family:var(--font-display);font-weight:900;letter-spacing:.08em;color:var(--_sg2-blue)}& select:not([multiple]) optgroup:not(:first-of-type){border-color:var(--_sg2-ink)}& select:not([multiple]) option:hover{background:var(--color-accent-subtle)}& select:not([multiple]) option:checked{color:var(--_sg2-red);font-weight:700}& select:not([multiple]) option::checkmark{color:var(--_sg2-red)}}}:is(main,article) layout-card{position:relative;overflow:hidden;border:var(--_sg2-rule-sm);border-block-start:5px solid var(--_sg2-red);&:before{content:"";position:absolute;inset-block-start:-50%;inset-inline-end:-50%;width:120%;aspect-ratio:1;border-radius:50%;background:var(--_sg2-red);opacity:.06;pointer-events:none;transition:opacity .2s,scale .3s}&:hover:before{opacity:.12;scale:1.1}&:nth-child(3n+2){border-block-start-color:var(--_sg2-blue)}&:nth-child(3n+2):before{background:var(--_sg2-blue)}&:nth-child(3n+3){border-block-start-color:var(--_sg2-gold)}&:nth-child(3n+3):before{background:var(--_sg2-gold);opacity:.08}}:is(main,article) code-block{--cb-bg: var(--_sg2-ink);--cb-code-bg: var(--_sg2-ink);--cb-header-bg: oklch(18% .01 240);--cb-text-color: var(--_sg2-wall);--cb-border-color: oklch(25% .01 240);--cb-border-radius: 0;--cb-label-color: oklch(60% 0 0);--cb-comment: oklch(50% 0 0);--cb-keyword: oklch(62% .28 18);--cb-string: var(--_sg2-gold);--cb-function: oklch(70% .15 256);--cb-number: var(--_sg2-gold);--cb-button-bg: oklch(18% .01 240);--cb-button-color: oklch(60% 0 0);--cb-button-border: 1px solid oklch(30% 0 0);--cb-button-hover-bg: var(--_sg2-red);--cb-scrollbar-track: var(--_sg2-ink);--cb-scrollbar-thumb: oklch(35% 0 0)}:is(main,article) browser-window{--browser-window-header-bg: var(--_sg2-ink);--browser-window-content-bg: var(--color-surface-raised);--browser-window-border-color: oklch(25% .01 240);--browser-window-border-radius: 0;--browser-window-text-muted: oklch(60% 0 0);--browser-window-url-bg: oklch(18% .01 240)}::selection{background:var(--color-primary);color:var(--_sg2-wall)}--scrollbar-thumb: oklch(40% .006 240);--scrollbar-track: oklch(91% .01 80);& calendar-wc{--cal-banner-height: .5rem;--cal-banner-bg: var(--_sg2-red);--cal-header-bg: var(--_sg2-ink);--cal-header-color: var(--_sg2-wall);--cal-week-bg: transparent;--cal-week-bg-alt: oklch(93% .006 80);--cal-disabled-opacity: .55;--cal-outside-opacity: .3;--cal-outside-color: oklch(50% .006 240);--cal-today-bg: oklch(96% .01 18);--cal-today-border: var(--_sg2-red);--cal-today-shadow: none;--cal-watermark-opacity: .06;--cal-watermark-color: var(--_sg2-ink);--cal-watermark-size: 3.5rem;--cal-watermark-weight: 900;--cal-highlight-bg: oklch(from var(--_sg2-gold) l c h / .1);--cal-highlight-border: oklch(from var(--_sg2-gold) l c h / .3)}& calendar-wc[data-month="1"],calendar-wc[data-month="4"],calendar-wc[data-month="7"],calendar-wc[data-month="10"]{--cal-banner-bg: var(--_sg2-red)}& calendar-wc[data-month="2"],calendar-wc[data-month="5"],calendar-wc[data-month="8"],calendar-wc[data-month="11"]{--cal-banner-bg: var(--_sg2-blue)}& calendar-wc[data-month="3"],calendar-wc[data-month="6"],calendar-wc[data-month="9"],calendar-wc[data-month="12"]{--cal-banner-bg: var(--_sg2-gold)}& calendar-wc td button[data-highlight=holiday]{background:repeating-linear-gradient(-45deg,oklch(from var(--_sg2-gold) l c h / .08),oklch(from var(--_sg2-gold) l c h / .08) 4px,transparent 4px,transparent 8px)}}:root[data-theme~=super2026][data-mode=dark],[data-theme~=super2026][data-mode=dark]{:is(main,article){& h1:not([data-gradient-text]){-webkit-text-stroke-color:oklch(80% .005 80);border-block-end-color:#43494d}& h2{border-block-end-color:#363b3f}& h3{border-block-end-color:#363b3f}& code{background:var(--color-surface-raised);border-color:#363b3f}& th{background:var(--color-surface-raised);color:var(--color-text)}.card:before,layout-card:before{mix-blend-mode:screen}.button:before,button:before{background:oklch(from var(--color-primary) calc(l + .1) c h)}}:is(main,article) code-block{--cb-header-bg: oklch(12% .008 240);--cb-border-color: oklch(28% .01 240);--cb-label-color: oklch(54% .005 80);--cb-comment: oklch(45% .005 80);--cb-keyword: oklch(68% .28 18);--cb-function: oklch(72% .18 256);--cb-button-bg: oklch(12% .008 240);--cb-button-color: oklch(54% .005 80);--cb-button-border: 1px solid oklch(35% .008 240);--cb-scrollbar-thumb: oklch(40% .008 240)}:is(main,article) browser-window{--browser-window-border-color: oklch(28% .01 240);--browser-window-text-muted: oklch(54% .005 80);--browser-window-url-bg: oklch(12% .008 240)}& calendar-wc{--cal-banner-bg: var(--_sg2-red);--cal-header-bg: oklch(8% .006 240);--cal-header-color: oklch(85% .005 80);--cal-week-bg-alt: oklch(14% .005 240);--cal-today-bg: oklch(18% .03 18);--cal-today-border: var(--_sg2-red);--cal-watermark-color: oklch(60% .008 240);--cal-outside-color: oklch(40% .005 240)}}}
+@layer tokens, reset, native-elements, custom-elements, web-components, utils, bundle-theme, bundle-effects, bundle-components;@layer bundle-theme{:root[data-theme~=super2026],[data-theme~=super2026]{color-scheme:light;--theme-border-style: sharp;--hue-primary: 18;--hue-secondary: 256;--hue-accent: 90;--color-primary: oklch(52% .27 18);--caret-color: var(--color-primary);--color-primary-hover: oklch(58% .28 18);--color-primary-active: oklch(44% .24 18);--color-interactive: oklch(50% .27 18);--color-interactive-hover: oklch(45% .28 18);--color-primary-subtle: oklch(94% .04 18);--color-secondary: oklch(44% .22 256);--color-secondary-hover: oklch(50% .24 256);--color-secondary-subtle: oklch(93% .04 256);--color-accent: oklch(80% .2 90);--color-accent-hover: oklch(74% .2 90);--color-accent-subtle: oklch(95% .06 90);--color-background: oklch(97% .006 80);--color-surface: oklch(94% .008 80);--color-surface-alt: oklch(91% .01 80);--color-surface-raised: oklch(99.5% .002 80);--color-surface-sunken: oklch(90% .012 80);--color-text: oklch(12% .008 240);--color-text-muted: oklch(40% .006 240);--color-text-subtle: oklch(58% .004 240);--color-text-inverted: oklch(97% .006 80);--color-text-on-primary: oklch(99% .002 80);--color-border: oklch(75% .008 240);--color-border-strong: oklch(12% .008 240);--color-border-subtle: oklch(86% .006 240);--color-border-muted: oklch(82% .007 240);--color-success: oklch(52% .18 155);--color-success-subtle: oklch(94% .04 155);--color-success-text: oklch(34% .12 155);--color-warning: oklch(68% .16 75);--color-warning-subtle: oklch(94% .06 75);--color-warning-text: oklch(38% .12 75);--color-error: oklch(52% .24 18);--color-error-subtle: oklch(94% .05 18);--color-error-text: oklch(36% .16 18);--color-info: oklch(48% .16 256);--color-info-subtle: oklch(94% .04 256);--color-info-text: oklch(32% .12 256);--radius-xs: 0;--radius-s: 0;--radius-m: 0;--radius-l: 0;--radius-xl: 0;--radius-2xl: 0;--radius-full: 0;--shadow-xs: 0 1px 2px oklch(12% .008 240 / .06);--shadow-s: 0 1px 3px oklch(12% .008 240 / .12), 0 1px 2px oklch(12% .008 240 / .08);--shadow-m: 0 4px 6px oklch(12% .008 240 / .14), 0 2px 4px oklch(12% .008 240 / .1);--shadow-l: 0 10px 20px oklch(12% .008 240 / .16), 0 4px 6px oklch(12% .008 240 / .1);--shadow-xl: 0 20px 30px oklch(12% .008 240 / .18), 0 8px 12px oklch(12% .008 240 / .12);--shadow-2xl: 0 30px 50px oklch(12% .008 240 / .22);--font-sans: "Barlow Condensed", system-ui, sans-serif;--font-serif: "Barlow Condensed", serif;--font-mono: "Space Mono", monospace;--font-display: "Big Shoulders Display", "Barlow Condensed", sans-serif;--font-heading: "Big Shoulders Display", "Barlow Condensed", sans-serif;--font-body: "Barlow Condensed", system-ui, sans-serif;--font-code: "Space Mono", monospace;--duration-fast: .1s;--duration-normal: .2s;--duration-slow: .35s;--duration-slower: .6s;--motion-enter-duration: .5s;--motion-exit-duration: .25s;--motion-stagger-delay: 60ms;--motion-bounce: cubic-bezier(.34, 1.56, .64, 1);--motion-snappy: cubic-bezier(.4, 0, .2, 1);--motion-elastic: cubic-bezier(.68, -.55, .265, 1.55);--motion-smooth: cubic-bezier(.25, .1, .25, 1);--motion-hover-lift: translateY(-4px);--motion-hover-scale: scale(1.04);--glass-blur: 10px;--glass-opacity: .12;--page-bg-color: oklch(94% .008 80);--page-bg-gradient: repeating-linear-gradient( 90deg, oklch(12% .008 240 / .04) 0px, oklch(12% .008 240 / .04) 1px, transparent 1px, transparent calc(100% / 12) ), repeating-linear-gradient( 0deg, oklch(12% .008 240 / .03) 0px, oklch(12% .008 240 / .03) 1px, transparent 1px, transparent 6rem );--page-bg-size: 100% 100%;--_sg2-red: oklch(52% .27 18);--_sg2-blue: oklch(44% .22 256);--_sg2-gold: oklch(80% .2 90);--_sg2-ink: oklch(12% .008 240);--_sg2-wall: oklch(97% .006 80);--_sg2-rule: 4px solid var(--_sg2-ink);--_sg2-rule-sm: 2px solid var(--_sg2-ink);--_sg2-rule-heavy: 8px solid var(--_sg2-ink);--control-size: 1.25rem;--control-border: var(--_sg2-ink);--control-checked-bg: oklch(52% .27 18);--control-checked-border: var(--_sg2-ink);--input-border: var(--_sg2-ink);--input-bg: oklch(100% 0 0);--input-border-focus: oklch(52% .27 18);--range-track-h: .5rem;--range-track-bg: oklch(85% .01 80);--range-track-fill: oklch(52% .27 18);--range-thumb-bg: oklch(100% 0 0);--range-thumb-border: var(--_sg2-ink);--progress-track-bg: oklch(90% .01 80);--progress-fill: oklch(52% .27 18)}:root[data-theme~=super2026][data-mode=dark],[data-theme~=super2026][data-mode=dark]{color-scheme:dark;--color-primary: oklch(62% .28 18);--color-primary-hover: oklch(68% .28 18);--color-primary-active: oklch(54% .24 18);--color-interactive: var(--color-primary);--color-interactive-hover: var(--color-primary-hover);--color-primary-subtle: oklch(22% .08 18);--color-secondary: oklch(60% .22 256);--color-secondary-hover: oklch(66% .24 256);--color-secondary-subtle: oklch(20% .08 256);--color-accent: oklch(78% .22 90);--color-accent-hover: oklch(84% .22 90);--color-accent-subtle: oklch(22% .08 90);--color-background: oklch(11% .006 240);--color-surface: oklch(15% .007 240);--color-surface-alt: oklch(18% .008 240);--color-surface-raised: oklch(20% .008 240);--color-surface-sunken: oklch(8% .005 240);--color-text: oklch(96% .004 80);--color-text-muted: oklch(72% .006 80);--color-text-subtle: oklch(54% .005 80);--color-text-inverted: oklch(12% .008 240);--color-text-on-primary: oklch(99% .002 80);--color-border: oklch(28% .01 240);--color-border-strong: oklch(60% .01 240);--color-border-subtle: oklch(20% .008 240);--color-border-muted: oklch(24% .009 240);--color-success: oklch(62% .18 155);--color-success-subtle: oklch(20% .06 155);--color-success-text: oklch(75% .14 155);--color-warning: oklch(78% .16 75);--color-warning-subtle: oklch(22% .08 75);--color-warning-text: oklch(82% .12 75);--color-error: oklch(62% .24 18);--color-error-subtle: oklch(20% .08 18);--color-error-text: oklch(75% .18 18);--color-info: oklch(62% .16 256);--color-info-subtle: oklch(20% .06 256);--color-info-text: oklch(75% .12 256);--shadow-xs: 0 1px 2px oklch(5% .005 240 / .4);--shadow-s: 0 1px 3px oklch(5% .005 240 / .5), 0 1px 2px oklch(5% .005 240 / .4);--shadow-m: 0 4px 6px oklch(5% .005 240 / .5), 0 2px 4px oklch(5% .005 240 / .4);--shadow-l: 0 10px 20px oklch(5% .005 240 / .55), 0 4px 6px oklch(5% .005 240 / .4);--shadow-xl: 0 20px 30px oklch(5% .005 240 / .6);--shadow-2xl: 0 30px 50px oklch(5% .005 240 / .65);--page-bg-color: oklch(11% .006 240);--page-bg-gradient: linear-gradient( 160deg, oklch(14% .01 240) 0%, oklch(10% .006 250) 100% );--_sg2-wall: oklch(11% .006 240);--_sg2-rule: 4px solid oklch(35% .01 240);--_sg2-rule-sm: 2px solid oklch(30% .009 240);--_sg2-rule-heavy: 8px solid oklch(40% .01 240);--_sg2-red: oklch(62% .28 18);--_sg2-blue: oklch(60% .22 256);--_sg2-gold: oklch(78% .22 90);--_sg2-ink: oklch(60% .01 240);--scrollbar-thumb: oklch(45% .008 240);--scrollbar-track: oklch(18% .007 240);--input-bg: oklch(15% .007 240);--input-border: oklch(35% .01 240);--input-border-focus: oklch(62% .28 18);--control-border: oklch(60% .01 240);--control-checked-bg: oklch(62% .28 18);--control-checked-border: oklch(60% .01 240);--range-track-bg: oklch(25% .008 240);--range-track-fill: oklch(62% .28 18);--range-thumb-bg: oklch(15% .007 240);--range-thumb-border: oklch(60% .01 240);--progress-track-bg: oklch(22% .007 240);--progress-fill: oklch(62% .28 18)}:root[data-theme~=super2026],[data-theme~=super2026]{--border-width-thin: 2px;--border-width-medium: 4px;--border-width-thick: 8px}:root[data-theme~=super2026],[data-theme~=super2026]{:is(main,article){:is(h1,h2,h3,h4,h5,h6){font-family:var(--font-display);font-weight:900;text-transform:uppercase;letter-spacing:-.02em;line-height:.95}& h1:not([data-effect~=gradient-text]){-webkit-text-stroke:3px var(--_sg2-ink);color:transparent;border-block-end:var(--_sg2-rule-heavy);padding-block-end:.5rem;margin-block-end:1.5rem}& h4{color:var(--_sg2-red)}& h2{color:var(--_sg2-blue);border-block-end:var(--_sg2-rule);padding-block-end:.4rem}& h3{border-block-end:3px solid var(--_sg2-gold);padding-block-end:.3rem}& hr:not([data-ornament]){border:none;height:6px;background:var(--_sg2-ink);margin-block:2.5rem}& hr:not([data-ornament]):nth-of-type(3n+2){background:var(--_sg2-red);height:8px}& hr:not([data-ornament]):nth-of-type(3n+3){background:var(--_sg2-blue)}& a:not([class]):not(nav a){color:var(--color-interactive);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;font-weight:600;&:hover{background:var(--color-primary);color:var(--color-text-on-primary);text-decoration:none;padding-inline:.15em;margin-inline:-.15em}}.button,button{position:relative;overflow:hidden;font-family:var(--font-display);font-weight:900;letter-spacing:.08em;text-transform:uppercase;--btn-border-width: 2px;transition:transform var(--duration-fast) var(--motion-bounce),box-shadow var(--duration-fast) var(--motion-snappy);&:before{content:"";position:absolute;inset-block-start:50%;inset-inline-end:0;translate:50% -50%;width:200%;aspect-ratio:1;border-radius:50%;background:oklch(from var(--color-primary) calc(l - .08) c h);scale:0;transition:scale .25s cubic-bezier(.16,1,.3,1);z-index:-1}&:hover{transform:var(--motion-hover-lift);box-shadow:var(--shadow-m)}&:hover:before{scale:1}&:active{transform:translateY(1px)}}.button.secondary,button.secondary{border-color:var(--_sg2-ink);&:before{background:var(--_sg2-blue)}&:hover{background:var(--color-secondary);color:var(--color-text-on-primary);border-color:var(--color-secondary)}}.button.ghost,button.ghost{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;&:before{background:var(--_sg2-gold)}}.card{position:relative;overflow:hidden;border:var(--_sg2-rule-sm);border-block-start:5px solid var(--_sg2-red);&:before{content:"";position:absolute;inset-block-start:-50%;inset-inline-end:-50%;width:120%;aspect-ratio:1;border-radius:50%;background:var(--_sg2-red);opacity:.06;pointer-events:none;transition:opacity .2s,scale .3s}&:hover{transform:var(--motion-hover-lift);box-shadow:var(--shadow-l)}&:hover:before{opacity:.12;scale:1.1}}.card:nth-child(3n+2){border-block-start-color:var(--_sg2-blue)}.card:nth-child(3n+2):before{background:var(--_sg2-blue)}.card:nth-child(3n+3){border-block-start-color:var(--_sg2-gold)}.card:nth-child(3n+3):before{background:var(--_sg2-gold);opacity:.08}& blockquote{border-inline-start:var(--_sg2-rule-heavy);border-inline-start-color:var(--_sg2-red);padding-inline-start:1.5rem;font-style:normal;&:before{content:'"' / "";font-family:var(--font-display);font-size:4rem;font-weight:900;line-height:1;display:block;color:var(--_sg2-red);margin-block-end:.5rem}}& code{background:var(--color-accent-subtle);border:1.5px solid var(--_sg2-ink);font-weight:700}& pre{background:var(--_sg2-ink);color:var(--_sg2-wall);border:var(--_sg2-rule);& code{background:transparent;border:none;color:inherit;font-weight:400}}& th{background:var(--_sg2-ink);color:var(--_sg2-wall);font-family:var(--font-display);font-weight:900;text-transform:uppercase;letter-spacing:.06em;font-size:.85em}& td{border-color:var(--_sg2-ink)}& summary{font-family:var(--font-display);font-weight:700;text-transform:uppercase;letter-spacing:.04em;border-block-end:var(--_sg2-rule-sm)}.lead,.tagline{font-weight:400;letter-spacing:.02em}.badge,small{font-family:var(--font-display);font-weight:900;letter-spacing:.1em;text-transform:uppercase}& input:not([type=checkbox]):not([type=radio]),textarea,select{border:var(--_sg2-rule-sm);&:focus{border-color:var(--_sg2-red);box-shadow:0 0 0 3px oklch(from var(--color-primary) l c h / .18)}}@supports (appearance: base-select){& select:not([multiple])::picker-icon{color:var(--_sg2-ink)}& select:not([multiple]):open{border-color:var(--_sg2-red);box-shadow:0 0 0 3px oklch(from var(--color-primary) l c h / .18)}& select:not([multiple])::picker(select){border:var(--_sg2-rule-sm);border-block-start:4px solid var(--_sg2-red);transition-timing-function:var(--motion-elastic)}& select:not([multiple]) optgroup>legend{font-family:var(--font-display);font-weight:900;letter-spacing:.08em;color:var(--_sg2-blue)}& select:not([multiple]) optgroup:not(:first-of-type){border-color:var(--_sg2-ink)}& select:not([multiple]) option:hover{background:var(--color-accent-subtle)}& select:not([multiple]) option:checked{color:var(--_sg2-red);font-weight:700}& select:not([multiple]) option::checkmark{color:var(--_sg2-red)}}}:is(main,article) layout-card{position:relative;overflow:hidden;border:var(--_sg2-rule-sm);border-block-start:5px solid var(--_sg2-red);&:before{content:"";position:absolute;inset-block-start:-50%;inset-inline-end:-50%;width:120%;aspect-ratio:1;border-radius:50%;background:var(--_sg2-red);opacity:.06;pointer-events:none;transition:opacity .2s,scale .3s}&:hover:before{opacity:.12;scale:1.1}&:nth-child(3n+2){border-block-start-color:var(--_sg2-blue)}&:nth-child(3n+2):before{background:var(--_sg2-blue)}&:nth-child(3n+3){border-block-start-color:var(--_sg2-gold)}&:nth-child(3n+3):before{background:var(--_sg2-gold);opacity:.08}}:is(main,article) code-block{--cb-bg: var(--_sg2-ink);--cb-code-bg: var(--_sg2-ink);--cb-header-bg: oklch(18% .01 240);--cb-text-color: var(--_sg2-wall);--cb-border-color: oklch(25% .01 240);--cb-border-radius: 0;--cb-label-color: oklch(60% 0 0);--cb-comment: oklch(50% 0 0);--cb-keyword: oklch(62% .28 18);--cb-string: var(--_sg2-gold);--cb-function: oklch(70% .15 256);--cb-number: var(--_sg2-gold);--cb-button-bg: oklch(18% .01 240);--cb-button-color: oklch(60% 0 0);--cb-button-border: 1px solid oklch(30% 0 0);--cb-button-hover-bg: var(--_sg2-red);--cb-scrollbar-track: var(--_sg2-ink);--cb-scrollbar-thumb: oklch(35% 0 0)}:is(main,article) browser-window{--browser-window-header-bg: var(--_sg2-ink);--browser-window-content-bg: var(--color-surface-raised);--browser-window-border-color: oklch(25% .01 240);--browser-window-border-radius: 0;--browser-window-text-muted: oklch(60% 0 0);--browser-window-url-bg: oklch(18% .01 240)}::selection{background:var(--color-primary);color:var(--_sg2-wall)}--scrollbar-thumb: oklch(40% .006 240);--scrollbar-track: oklch(91% .01 80);& calendar-wc{--cal-banner-height: .5rem;--cal-banner-bg: var(--_sg2-red);--cal-header-bg: var(--_sg2-ink);--cal-header-color: var(--_sg2-wall);--cal-week-bg: transparent;--cal-week-bg-alt: oklch(93% .006 80);--cal-disabled-opacity: .55;--cal-outside-opacity: .3;--cal-outside-color: oklch(50% .006 240);--cal-today-bg: oklch(96% .01 18);--cal-today-border: var(--_sg2-red);--cal-today-shadow: none;--cal-watermark-opacity: .06;--cal-watermark-color: var(--_sg2-ink);--cal-watermark-size: 3.5rem;--cal-watermark-weight: 900;--cal-highlight-bg: oklch(from var(--_sg2-gold) l c h / .1);--cal-highlight-border: oklch(from var(--_sg2-gold) l c h / .3)}& calendar-wc[data-month="1"],calendar-wc[data-month="4"],calendar-wc[data-month="7"],calendar-wc[data-month="10"]{--cal-banner-bg: var(--_sg2-red)}& calendar-wc[data-month="2"],calendar-wc[data-month="5"],calendar-wc[data-month="8"],calendar-wc[data-month="11"]{--cal-banner-bg: var(--_sg2-blue)}& calendar-wc[data-month="3"],calendar-wc[data-month="6"],calendar-wc[data-month="9"],calendar-wc[data-month="12"]{--cal-banner-bg: var(--_sg2-gold)}& calendar-wc td button[data-highlight=holiday]{background:repeating-linear-gradient(-45deg,oklch(from var(--_sg2-gold) l c h / .08),oklch(from var(--_sg2-gold) l c h / .08) 4px,transparent 4px,transparent 8px)}}:root[data-theme~=super2026][data-mode=dark],[data-theme~=super2026][data-mode=dark]{:is(main,article){& h1:not([data-effect~=gradient-text]){-webkit-text-stroke-color:oklch(80% .005 80);border-block-end-color:#43494d}& h2{border-block-end-color:#363b3f}& h3{border-block-end-color:#363b3f}& code{background:var(--color-surface-raised);border-color:#363b3f}& th{background:var(--color-surface-raised);color:var(--color-text)}.card:before,layout-card:before{mix-blend-mode:screen}.button:before,button:before{background:oklch(from var(--color-primary) calc(l + .1) c h)}}:is(main,article) code-block{--cb-header-bg: oklch(12% .008 240);--cb-border-color: oklch(28% .01 240);--cb-label-color: oklch(54% .005 80);--cb-comment: oklch(45% .005 80);--cb-keyword: oklch(68% .28 18);--cb-function: oklch(72% .18 256);--cb-button-bg: oklch(12% .008 240);--cb-button-color: oklch(54% .005 80);--cb-button-border: 1px solid oklch(35% .008 240);--cb-scrollbar-thumb: oklch(40% .008 240)}:is(main,article) browser-window{--browser-window-border-color: oklch(28% .01 240);--browser-window-text-muted: oklch(54% .005 80);--browser-window-url-bg: oklch(12% .008 240)}& calendar-wc{--cal-banner-bg: var(--_sg2-red);--cal-header-bg: oklch(8% .006 240);--cal-header-color: oklch(85% .005 80);--cal-week-bg-alt: oklch(14% .005 240);--cal-today-bg: oklch(18% .03 18);--cal-today-border: var(--_sg2-red);--cal-watermark-color: oklch(60% .008 240);--cal-outside-color: oklch(40% .005 240)}}}
 /*# sourceMappingURL=super2026.css.map */

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

@@ -47,6 +47,28 @@
         ]
       }
     },
+    "interactive": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.5,
+          0.27,
+          18
+        ]
+      }
+    },
+    "interactive-hover": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.45,
+          0.28,
+          18
+        ]
+      }
+    },
     "primary-subtle": {
       "$type": "color",
       "$value": {
@@ -816,7 +838,7 @@
   "$extensions": {
     "com.vanilla-breeze": {
       "spec": "2025.10",
-      "vbVersion": "0.4.0",
+      "vbVersion": "0.5.0",
       "seedDerivation": true,
       "unmapped": [
         "--theme-border-style",

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

@@ -360,7 +360,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/swiss.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~=swiss],[data-theme~=swiss]{color-scheme:light;--theme-border-style: sharp;--theme-icon-set: lucide;--color-surface: white;--color-surface-alt: oklch(98% 0 0);--color-surface-raised: oklch(96% 0 0);--color-surface-sunken: oklch(95% 0 0);--color-background: white;--color-text: oklch(15% 0 0);--color-text-muted: oklch(40% 0 0);--color-text-subtle: oklch(55% 0 0);--color-primary: oklch(50% .25 25);--color-primary-hover: oklch(45% .25 25);--color-primary-subtle: oklch(95% .05 25);--color-accent: oklch(15% 0 0);--color-accent-hover: oklch(25% 0 0);--color-border: oklch(85% 0 0);--color-border-muted: oklch(92% 0 0);--color-border-strong: oklch(15% 0 0);--color-success: oklch(45% .18 145);--color-success-subtle: oklch(95% .04 145);--color-success-text: oklch(30% .12 145);--color-warning: oklch(65% .16 70);--color-warning-subtle: oklch(95% .06 70);--color-warning-text: oklch(35% .12 70);--color-error: oklch(50% .25 25);--color-error-subtle: oklch(95% .05 25);--color-error-text: oklch(35% .15 25);--color-info: oklch(50% .14 240);--color-info-subtle: oklch(95% .04 240);--color-info-text: oklch(30% .12 240);--color-hover-bg: var(--color-primary-subtle);--color-hover-text: var(--color-primary);--color-active-text: var(--color-primary);--font-sans: "Helvetica Neue", Helvetica, Arial, sans-serif;--font-mono: "SF Mono", Monaco, Consolas, monospace;--line-height-normal: 1.5;--line-height-tight: 1.1;--letter-spacing-tight: -.02em;--letter-spacing-normal: 0;--letter-spacing-wide: .1em;--radius-xs: 0;--radius-s: 0;--radius-m: 0;--radius-l: 0;--radius-xl: 0;--radius-2xl: 0;--radius-full: 0;--shadow-xs: none;--shadow-s: none;--shadow-m: none;--shadow-l: none;--shadow-xl: none;--shadow-2xl: none;--duration-instant: 0ms;--duration-fast: .1s;--duration-normal: .15s;--duration-slow: .2s;--ease-default: ease;--ease-out: ease-out;--control-border: oklch(0% 0 0);--input-border: oklch(70% 0 0);--input-bg: oklch(100% 0 0);--range-track-bg: oklch(85% 0 0);--range-thumb-border: var(--color-primary);--progress-track-bg: oklch(90% 0 0)}:root[data-theme~=swiss],[data-theme~=swiss]{:is(main,article){& hr:not([data-ornament]){border:none;border-block-start:2px solid oklch(15% 0 0);margin-block:3rem}& h1,h2{text-transform:uppercase;letter-spacing:.05em}& a:not([class]):not(nav a){color:var(--color-primary);text-decoration:none;border-block-end:1px solid currentColor;&:hover{border-block-end-width:2px}}}&[data-debug-grid]:before{content:"";position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(to right,oklch(50% .25 25 / .1) 0,oklch(50% .25 25 / .1) 1px,transparent 1px,transparent calc(100% / 12));z-index:9999}:is(main,article){& article:not(.card):not(layout-sidebar>*):not([data-layout]):not([data-stagger]):not([data-effect]){max-width:60ch;>p:first-of-type{font-size:1.25rem;line-height:1.4}>p:first-of-type:first-letter{font-size:3.5rem;float:left;line-height:1;margin-inline-end:.5rem;font-weight:700}}& blockquote{border-inline-start-width:3px;border-color:var(--color-primary);padding-inline-start:1.5rem;font-style:normal;font-weight:500}.button,button{text-transform:uppercase;letter-spacing:.05em;font-size:.875rem;border:2px solid currentColor}.card{border:1px solid oklch(15% 0 0)}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-border-color: var(--color-border-strong);--cb-string: oklch(35% .12 145);--cb-function: oklch(30% .12 290);--cb-number: oklch(40% .12 250);--cb-button-bg: var(--color-surface);--cb-button-hover-bg: var(--color-primary-subtle);--cb-button-hover-color: var(--color-primary)}:is(main,article) browser-window{--browser-window-border-color: var(--color-border-strong);--browser-window-hover-bg: var(--color-primary-subtle);--browser-window-accent-color: var(--color-primary)}& nav.breadcrumb [aria-current=page]{color:var(--color-primary)}& nav.tree{& summary{color:var(--color-text)}& summary:before{color:var(--color-primary);background:var(--color-primary-subtle)}& summary:hover{background:var(--color-primary-subtle)}& summary:hover:before{background:var(--color-primary);color:#fff}}& page-toc .summary:before{color:var(--color-primary);background:var(--color-primary-subtle)}& page-toc .summary:hover:before{background:var(--color-primary);color:#fff}}:root[data-theme~=swiss][data-mode=dark],[data-theme~=swiss][data-mode=dark]{color-scheme:dark;--color-surface: oklch(12% 0 0);--color-surface-alt: oklch(15% 0 0);--color-surface-raised: oklch(18% 0 0);--color-surface-sunken: oklch(6% 0 0);--color-background: oklch(8% 0 0);--color-text: oklch(95% 0 0);--color-text-muted: oklch(70% 0 0);--color-text-subtle: oklch(55% 0 0);--color-primary: oklch(62% .25 25);--color-primary-hover: oklch(68% .25 25);--color-primary-subtle: oklch(22% .08 25);--color-success: oklch(60% .18 145);--color-success-subtle: oklch(22% .06 145);--color-success-text: oklch(75% .12 145);--color-warning: oklch(75% .16 70);--color-warning-subtle: oklch(22% .08 70);--color-warning-text: oklch(80% .12 70);--color-error: oklch(62% .25 25);--color-error-subtle: oklch(22% .06 25);--color-error-text: oklch(75% .18 25);--color-info: oklch(60% .14 240);--color-info-subtle: oklch(22% .06 240);--color-info-text: oklch(75% .12 240);--color-hover-bg: var(--color-primary-subtle);--color-hover-text: var(--color-primary);--color-active-text: var(--color-primary);--color-accent: oklch(90% 0 0);--color-accent-hover: oklch(80% 0 0);--color-border: oklch(30% 0 0);--color-border-muted: oklch(20% 0 0);--color-border-strong: oklch(95% 0 0);--input-bg: oklch(12% 0 0);--input-border: oklch(30% 0 0);--input-border-focus: var(--color-primary);--control-border: oklch(70% 0 0);--range-track-bg: oklch(25% 0 0);--range-thumb-border: var(--color-primary);--progress-track-bg: oklch(25% 0 0);:is(main,article) code-block{--cb-bg: oklch(8% 0 0);--cb-code-bg: oklch(8% 0 0);--cb-header-bg: oklch(12% 0 0);--cb-text-color: oklch(90% 0 0);--cb-border-color: var(--color-border-strong);--cb-comment: oklch(55% 0 0);--cb-string: oklch(72% .12 145);--cb-function: oklch(72% .1 290);--cb-number: oklch(70% .1 250);--cb-tag: oklch(65% 0 0);--cb-button-bg: oklch(12% 0 0);--cb-button-color: oklch(70% 0 0);--cb-button-hover-bg: var(--color-primary);--cb-scrollbar-track: oklch(8% 0 0);--cb-scrollbar-thumb: oklch(30% 0 0)}:is(main,article) code{background:#0b0b0b;border-color:#2e2e2e}}}
+@layer tokens, reset, native-elements, custom-elements, web-components, utils, bundle-theme, bundle-effects, bundle-components;@layer bundle-theme{:root[data-theme~=swiss],[data-theme~=swiss]{color-scheme:light;--theme-border-style: sharp;--theme-icon-set: lucide;--color-surface: white;--color-surface-alt: oklch(98% 0 0);--color-surface-raised: oklch(96% 0 0);--color-surface-sunken: oklch(95% 0 0);--color-background: white;--color-text: oklch(15% 0 0);--color-text-muted: oklch(40% 0 0);--color-text-subtle: oklch(55% 0 0);--color-primary: oklch(50% .25 25);--color-primary-hover: oklch(45% .25 25);--color-primary-subtle: oklch(95% .05 25);--color-accent: oklch(15% 0 0);--color-accent-hover: oklch(25% 0 0);--color-border: oklch(85% 0 0);--color-border-muted: oklch(92% 0 0);--color-border-strong: oklch(15% 0 0);--color-success: oklch(45% .18 145);--color-success-subtle: oklch(95% .04 145);--color-success-text: oklch(30% .12 145);--color-warning: oklch(65% .16 70);--color-warning-subtle: oklch(95% .06 70);--color-warning-text: oklch(35% .12 70);--color-error: oklch(50% .25 25);--color-error-subtle: oklch(95% .05 25);--color-error-text: oklch(35% .15 25);--color-info: oklch(50% .14 240);--color-info-subtle: oklch(95% .04 240);--color-info-text: oklch(30% .12 240);--color-hover-bg: var(--color-primary-subtle);--color-hover-text: var(--color-primary);--color-active-text: var(--color-primary);--font-sans: "Helvetica Neue", Helvetica, Arial, sans-serif;--font-mono: "SF Mono", Monaco, Consolas, monospace;--line-height-normal: 1.5;--line-height-tight: 1.1;--letter-spacing-tight: -.02em;--letter-spacing-normal: 0;--letter-spacing-wide: .1em;--radius-xs: 0;--radius-s: 0;--radius-m: 0;--radius-l: 0;--radius-xl: 0;--radius-2xl: 0;--radius-full: 0;--shadow-xs: none;--shadow-s: none;--shadow-m: none;--shadow-l: none;--shadow-xl: none;--shadow-2xl: none;--duration-instant: 0ms;--duration-fast: .1s;--duration-normal: .15s;--duration-slow: .2s;--ease-default: ease;--ease-out: ease-out;--control-border: oklch(0% 0 0);--input-border: oklch(70% 0 0);--input-bg: oklch(100% 0 0);--range-track-bg: oklch(85% 0 0);--range-thumb-border: var(--color-primary);--progress-track-bg: oklch(90% 0 0)}:root[data-theme~=swiss],[data-theme~=swiss]{:is(main,article){& hr:not([data-ornament]){border:none;border-block-start:2px solid oklch(15% 0 0);margin-block:3rem}& h1,h2{text-transform:uppercase;letter-spacing:.05em}& a:not([class]):not(nav a){color:var(--color-primary);text-decoration:none;border-block-end:1px solid currentColor;&:hover{border-block-end-width:2px}}}&[data-debug-grid]:before{content:"";position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(to right,oklch(50% .25 25 / .1) 0,oklch(50% .25 25 / .1) 1px,transparent 1px,transparent calc(100% / 12));z-index:9999}:is(main,article){& article:not(.card):not(layout-sidebar>*):not([data-layout]):not([data-stagger]):not([data-effect]){max-width:60ch;>p:first-of-type{font-size:1.25rem;line-height:1.4}>p:first-of-type:first-letter{font-size:3.5rem;float:left;line-height:1;margin-inline-end:.5rem;font-weight:700}}& blockquote{border-inline-start-width:3px;border-color:var(--color-primary);padding-inline-start:1.5rem;font-style:normal;font-weight:500}.button,button{text-transform:uppercase;letter-spacing:.05em;font-size:.875rem;--btn-border-width: 2px;border-color:currentColor}.card{border:1px solid oklch(15% 0 0)}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-border-color: var(--color-border-strong);--cb-string: oklch(35% .12 145);--cb-function: oklch(30% .12 290);--cb-number: oklch(40% .12 250);--cb-button-bg: var(--color-surface);--cb-button-hover-bg: var(--color-primary-subtle);--cb-button-hover-color: var(--color-primary)}:is(main,article) browser-window{--browser-window-border-color: var(--color-border-strong);--browser-window-hover-bg: var(--color-primary-subtle);--browser-window-accent-color: var(--color-primary)}:is(nav.breadcrumb,bread-crumb){--_active-color: var(--color-primary)}:is(nav.breadcrumb,bread-crumb) [aria-current=page]{color:var(--color-primary)}& nav.tree{& summary{color:var(--color-text)}& summary:before{color:var(--color-primary);background:var(--color-primary-subtle)}& summary:hover{background:var(--color-primary-subtle)}& summary:hover:before{background:var(--color-primary);color:#fff}}& page-toc .summary:before{color:var(--color-primary);background:var(--color-primary-subtle)}& page-toc .summary:hover:before{background:var(--color-primary);color:#fff}}:root[data-theme~=swiss][data-mode=dark],[data-theme~=swiss][data-mode=dark]{color-scheme:dark;--color-surface: oklch(12% 0 0);--color-surface-alt: oklch(15% 0 0);--color-surface-raised: oklch(18% 0 0);--color-surface-sunken: oklch(6% 0 0);--color-background: oklch(8% 0 0);--color-text: oklch(95% 0 0);--color-text-muted: oklch(70% 0 0);--color-text-subtle: oklch(55% 0 0);--color-primary: oklch(62% .25 25);--color-primary-hover: oklch(68% .25 25);--color-primary-subtle: oklch(22% .08 25);--color-success: oklch(60% .18 145);--color-success-subtle: oklch(22% .06 145);--color-success-text: oklch(75% .12 145);--color-warning: oklch(75% .16 70);--color-warning-subtle: oklch(22% .08 70);--color-warning-text: oklch(80% .12 70);--color-error: oklch(62% .25 25);--color-error-subtle: oklch(22% .06 25);--color-error-text: oklch(75% .18 25);--color-info: oklch(60% .14 240);--color-info-subtle: oklch(22% .06 240);--color-info-text: oklch(75% .12 240);--color-hover-bg: var(--color-primary-subtle);--color-hover-text: var(--color-primary);--color-active-text: var(--color-primary);--color-accent: oklch(90% 0 0);--color-accent-hover: oklch(80% 0 0);--color-border: oklch(30% 0 0);--color-border-muted: oklch(20% 0 0);--color-border-strong: oklch(95% 0 0);--input-bg: oklch(12% 0 0);--input-border: oklch(30% 0 0);--input-border-focus: var(--color-primary);--control-border: oklch(70% 0 0);--range-track-bg: oklch(25% 0 0);--range-thumb-border: var(--color-primary);--progress-track-bg: oklch(25% 0 0);:is(main,article) code-block{--cb-bg: oklch(8% 0 0);--cb-code-bg: oklch(8% 0 0);--cb-header-bg: oklch(12% 0 0);--cb-text-color: oklch(90% 0 0);--cb-border-color: var(--color-border-strong);--cb-comment: oklch(55% 0 0);--cb-string: oklch(72% .12 145);--cb-function: oklch(72% .1 290);--cb-number: oklch(70% .1 250);--cb-tag: oklch(65% 0 0);--cb-button-bg: oklch(12% 0 0);--cb-button-color: oklch(70% 0 0);--cb-button-hover-bg: var(--color-primary);--cb-scrollbar-track: oklch(8% 0 0);--cb-scrollbar-thumb: oklch(30% 0 0)}:is(main,article) code{background:#0b0b0b;border-color:#2e2e2e}}}
 /*# sourceMappingURL=swiss.css.map */

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

@@ -734,7 +734,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/terminal.css

@@ -1,2 +1,2 @@
-@import"https://fonts.googleapis.com/css2?family=VT323&display=swap";@layer tokens, reset, native-elements, custom-elements, web-components, utils, bundle-theme, bundle-effects, bundle-components;@layer bundle-theme{:root[data-theme~=terminal],[data-theme~=terminal]{--color-surface: oklch(5% .02 145);--color-surface-alt: oklch(8% .02 145);--color-surface-raised: oklch(12% .02 145);--color-surface-sunken: oklch(3% .01 145);--color-background: oklch(3% .02 145);--color-text: oklch(75% .2 145);--color-text-muted: oklch(60% .15 145);--color-text-subtle: oklch(50% .12 145);--color-primary: oklch(80% .22 145);--caret-color: var(--color-primary);--color-primary-hover: oklch(85% .25 145);--color-primary-subtle: oklch(20% .08 145);--color-accent: oklch(75% .15 60);--color-accent-hover: oklch(80% .18 60);--color-border: oklch(30% .1 145);--color-border-muted: oklch(20% .05 145);--color-border-strong: oklch(75% .2 145);--color-success: oklch(75% .2 145);--color-success-subtle: oklch(18% .06 145);--color-success-text: oklch(80% .18 145);--color-warning: oklch(75% .15 60);--color-warning-subtle: oklch(18% .06 60);--color-warning-text: oklch(80% .12 60);--color-error: oklch(62% .2 25);--color-error-subtle: oklch(18% .08 25);--color-error-text: oklch(72% .18 25);--color-info: oklch(68% .15 220);--color-info-subtle: oklch(18% .06 220);--color-info-text: oklch(75% .12 220);--_terminal-glow-green: 0 0 10px oklch(75% .2 145 / .5), 0 0 20px oklch(75% .2 145 / .3), 0 0 30px oklch(75% .2 145 / .1);--_terminal-glow-text: 0 0 5px currentColor;--font-sans: "VT323", "Courier New", Courier, monospace;--font-mono: "VT323", "Courier New", Courier, monospace;--font-size-adjust: .48;--line-height-normal: 1.4;--line-height-tight: 1.2;--letter-spacing-normal: .05em;--radius-xs: 0;--radius-s: 0;--radius-m: 0;--radius-l: 0;--radius-xl: 0;--radius-2xl: 0;--radius-full: 0;--shadow-xs: none;--shadow-s: none;--shadow-m: var(--_terminal-glow-green);--shadow-l: var(--_terminal-glow-green);--shadow-xl: var(--_terminal-glow-green);--shadow-2xl: var(--_terminal-glow-green);--duration-instant: 0ms;--duration-fast: 50ms;--duration-normal: .1s;--duration-slow: .2s;--ease-default: steps(1);--ease-out: steps(1);--control-border: oklch(80% .22 145);--control-checked-bg: oklch(80% .22 145);--control-checked-border: oklch(80% .22 145);--input-bg: oklch(3% .01 145);--input-border: oklch(40% .08 145);--input-border-focus: oklch(80% .22 145);--range-track-bg: oklch(20% .04 145);--range-track-fill: oklch(80% .22 145);--range-thumb-bg: oklch(5% .02 145);--range-thumb-border: oklch(80% .22 145);--progress-track-bg: oklch(15% .03 145);--progress-fill: oklch(80% .22 145)}:root[data-theme~=terminal]:before{content:"";position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 1px,oklch(0% 0 0 / .1) 2px,oklch(0% 0 0 / .1) 3px);z-index:500}:root[data-theme~=terminal]:after{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 60%,oklch(0% 0 0 / .4) 100%);z-index:499}:root[data-theme~=terminal],[data-theme~=terminal]{:is(main,article){& h1:before,h2:before,h3:before{color:var(--color-accent)}& h1{text-transform:uppercase;&:before{content:"root@system:~# "}}& h2:before{content:"$ "}& h3:before{content:"> "}.card>h3:before{content:none}& h1:after,h2:after{content:"\2588";animation:blink 1s steps(1) infinite}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}:is(main,article){& a:not([class]){color:var(--color-accent);text-decoration:none;&:before{content:"["}&:after{content:"]"}&:hover{background:var(--color-accent);color:var(--color-background)}}}:is(main,article){& hr:not([data-ornament]){border:none;height:auto;margin-block:1.5rem;color:var(--color-border-strong);&:before{content:"\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550";display:block;overflow:hidden;white-space:nowrap}}.button,button{border:1px solid var(--color-primary);background:transparent;color:var(--color-primary);text-transform:uppercase;font-family:var(--font-mono);padding-inline:var(--size-xs);&:before{content:"[ "}&:after{content:" ]"}&:hover{background:var(--color-primary);color:var(--color-background);text-shadow:none}}.card{border:1px solid var(--color-border-strong);background:var(--color-surface);position:relative;padding-block-start:2rem;&:before{content:"\250c\2500  TERMINAL \2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2510";position:absolute;top:0;left:0;right:0;padding:.25rem .5rem;background:var(--color-surface-raised);border-block-end:1px solid var(--color-border-strong);font-size:.75rem;color:var(--color-text-muted)}}& input,textarea{background:var(--color-surface-sunken);border:1px solid var(--color-border-strong);color:var(--color-text);font-family:var(--font-mono);&::placeholder{color:var(--color-text-subtle)}&:focus{outline:none;box-shadow:var(--_terminal-glow-green)}}@supports (appearance: base-select){& select:not([multiple])::picker-icon{color:var(--color-primary)}& select:not([multiple]):open{box-shadow:var(--_terminal-glow-green)}& select:not([multiple])::picker(select){background:var(--color-surface-sunken);border:1px solid var(--color-border-strong);box-shadow:var(--_terminal-glow-green)}& select:not([multiple]) option{font-family:var(--font-mono)}& select:not([multiple]) option:hover{background:var(--color-primary);color:var(--color-background)}& select:not([multiple]) option:checked{color:var(--color-primary)}& select:not([multiple]) option::checkmark{color:var(--color-primary)}& select:not([multiple]) optgroup>legend{font-family:var(--font-mono);color:var(--color-accent)}& select:not([multiple]) optgroup:not(:first-of-type){border-color:var(--color-border-strong)}}& pre{background:var(--color-surface-sunken);border:1px solid var(--color-border);&:before{content:"$ cat script.sh";display:block;color:var(--color-text-muted);margin-block-end:.5rem;padding-block-end:.5rem;border-block-end:1px solid var(--color-border)}}& blockquote{border:1px solid var(--color-accent);background:oklch(15% .05 60 / .2);padding:1rem;&:before{content:"[!] SYSTEM MESSAGE:";display:block;color:var(--color-accent);margin-block-end:.5rem;font-weight:700}}}::selection{background:var(--color-primary);color:var(--color-background);text-shadow:none}:is(main,article){& p:not([class]){&:before{content:"> ";color:var(--color-text-subtle)}}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-border-color: var(--color-border-strong);--cb-keyword: oklch(80% .22 145);--cb-string: oklch(75% .15 60);--cb-function: oklch(75% .2 145);--cb-number: oklch(75% .15 60);--cb-tag: oklch(75% .15 60);--cb-attribute: oklch(80% .22 145);--cb-button-bg: var(--color-surface);--cb-button-hover-bg: oklch(80% .22 145);--cb-button-hover-color: oklch(3% .02 145)}:is(main,article) browser-window{--browser-window-content-bg: var(--color-surface-sunken);--browser-window-border-color: var(--color-border-strong);--browser-window-hover-bg: oklch(12% .02 145);--browser-window-accent-color: oklch(80% .22 145)}}:root[data-theme~=terminal][data-mode=light],[data-theme~=terminal][data-mode=light]{color-scheme:light;--color-surface: oklch(96% .01 80);--color-surface-alt: oklch(93% .015 80);--color-surface-raised: oklch(98% .005 80);--color-surface-sunken: oklch(90% .02 80);--color-background: oklch(97% .01 80);--color-text: oklch(15% .02 145);--color-text-muted: oklch(35% .02 145);--color-text-subtle: oklch(50% .02 145);--color-primary: oklch(35% .15 145);--color-primary-hover: oklch(30% .18 145);--color-primary-subtle: oklch(92% .04 145);--color-accent: oklch(45% .12 60);--color-accent-hover: oklch(40% .15 60);--color-border: oklch(75% .02 145);--color-border-muted: oklch(85% .01 145);--color-border-strong: oklch(35% .1 145);--color-success: oklch(40% .15 145);--color-success-subtle: oklch(93% .04 145);--color-success-text: oklch(30% .12 145);--color-warning: oklch(48% .12 60);--color-warning-subtle: oklch(93% .04 60);--color-warning-text: oklch(35% .1 60);--color-error: oklch(45% .18 25);--color-error-subtle: oklch(93% .05 25);--color-error-text: oklch(32% .14 25);--color-info: oklch(42% .12 220);--color-info-subtle: oklch(93% .04 220);--color-info-text: oklch(30% .1 220);--_terminal-glow-green: none;--_terminal-glow-text: none;--shadow-xs: none;--shadow-s: 0 1px 3px oklch(0% 0 0 / .08);--shadow-m: 0 2px 6px oklch(0% 0 0 / .1);--shadow-l: 0 4px 12px oklch(0% 0 0 / .12);--control-border: oklch(35% .15 145);--control-checked-bg: oklch(35% .15 145);--control-checked-border: oklch(35% .15 145);--input-bg: oklch(93% .01 80);--input-border: oklch(70% .03 145);--input-border-focus: oklch(35% .15 145);--range-track-bg: oklch(85% .01 80);--range-track-fill: oklch(35% .15 145);--range-thumb-bg: oklch(97% .01 80);--range-thumb-border: oklch(35% .15 145);--progress-track-bg: oklch(88% .01 80);--progress-fill: oklch(35% .15 145)}:root[data-theme~=terminal][data-mode=light]:before{opacity:0}:root[data-theme~=terminal][data-mode=light]:after{opacity:0}:root[data-theme~=terminal][data-mode=light],[data-theme~=terminal][data-mode=light]{:is(main,article) code-block{--cb-keyword: oklch(30% .18 145);--cb-string: oklch(40% .12 60);--cb-function: oklch(30% .16 145);--cb-number: oklch(40% .12 60);--cb-tag: oklch(40% .12 60);--cb-attribute: oklch(30% .18 145);--cb-button-hover-bg: oklch(35% .15 145);--cb-button-hover-color: oklch(97% .01 80)}:is(main,article) browser-window{--browser-window-hover-bg: oklch(93% .015 80);--browser-window-accent-color: oklch(35% .15 145)}}}
+@import"https://fonts.googleapis.com/css2?family=VT323&display=swap";@layer tokens, reset, native-elements, custom-elements, web-components, utils, bundle-theme, bundle-effects, bundle-components;@layer bundle-theme{:root[data-theme~=terminal],[data-theme~=terminal]{--color-surface: oklch(5% .02 145);--color-surface-alt: oklch(8% .02 145);--color-surface-raised: oklch(12% .02 145);--color-surface-sunken: oklch(3% .01 145);--color-background: oklch(3% .02 145);--color-text: oklch(75% .2 145);--color-text-muted: oklch(60% .15 145);--color-text-subtle: oklch(50% .12 145);--color-primary: oklch(80% .22 145);--caret-color: var(--color-primary);--color-primary-hover: oklch(85% .25 145);--color-primary-subtle: oklch(20% .08 145);--color-accent: oklch(75% .15 60);--color-accent-hover: oklch(80% .18 60);--color-border: oklch(30% .1 145);--color-border-muted: oklch(20% .05 145);--color-border-strong: oklch(75% .2 145);--color-success: oklch(75% .2 145);--color-success-subtle: oklch(18% .06 145);--color-success-text: oklch(80% .18 145);--color-warning: oklch(75% .15 60);--color-warning-subtle: oklch(18% .06 60);--color-warning-text: oklch(80% .12 60);--color-error: oklch(62% .2 25);--color-error-subtle: oklch(18% .08 25);--color-error-text: oklch(72% .18 25);--color-info: oklch(68% .15 220);--color-info-subtle: oklch(18% .06 220);--color-info-text: oklch(75% .12 220);--_terminal-glow-green: 0 0 10px oklch(75% .2 145 / .5), 0 0 20px oklch(75% .2 145 / .3), 0 0 30px oklch(75% .2 145 / .1);--_terminal-glow-text: 0 0 5px currentColor;--font-sans: "VT323", "Courier New", Courier, monospace;--font-mono: "VT323", "Courier New", Courier, monospace;--font-size-adjust: .48;--line-height-normal: 1.4;--line-height-tight: 1.2;--letter-spacing-normal: .05em;--radius-xs: 0;--radius-s: 0;--radius-m: 0;--radius-l: 0;--radius-xl: 0;--radius-2xl: 0;--radius-full: 0;--shadow-xs: none;--shadow-s: none;--shadow-m: var(--_terminal-glow-green);--shadow-l: var(--_terminal-glow-green);--shadow-xl: var(--_terminal-glow-green);--shadow-2xl: var(--_terminal-glow-green);--duration-instant: 0ms;--duration-fast: 50ms;--duration-normal: .1s;--duration-slow: .2s;--ease-default: steps(1);--ease-out: steps(1);--control-border: oklch(80% .22 145);--control-checked-bg: oklch(80% .22 145);--control-checked-border: oklch(80% .22 145);--input-bg: oklch(3% .01 145);--input-border: oklch(40% .08 145);--input-border-focus: oklch(80% .22 145);--range-track-bg: oklch(20% .04 145);--range-track-fill: oklch(80% .22 145);--range-thumb-bg: oklch(5% .02 145);--range-thumb-border: oklch(80% .22 145);--progress-track-bg: oklch(15% .03 145);--progress-fill: oklch(80% .22 145)}:root[data-theme~=terminal]:before{content:"";position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 1px,oklch(0% 0 0 / .1) 2px,oklch(0% 0 0 / .1) 3px);z-index:500}:root[data-theme~=terminal]:after{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 60%,oklch(0% 0 0 / .4) 100%);z-index:499}:root[data-theme~=terminal],[data-theme~=terminal]{:is(main,article){& h1:before,h2:before,h3:before{color:var(--color-accent)}& h1{text-transform:uppercase;&:before{content:"root@system:~# "}}& h2:before{content:"$ "}& h3:before{content:"> "}.card>h3:before{content:none}& h1:after,h2:after{content:"\2588";animation:blink 1s steps(1) infinite}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}:is(main,article){& a:not([class]){color:var(--color-accent);text-decoration:none;&:before{content:"["}&:after{content:"]"}&:hover{background:var(--color-accent);color:var(--color-background)}}}:is(main,article){& hr:not([data-ornament]){border:none;height:auto;margin-block:1.5rem;color:var(--color-border-strong);&:before{content:"\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550";display:block;overflow:hidden;white-space:nowrap}}.button,button{--btn-border-width: 1px;border-color:var(--color-primary);background:transparent;color:var(--color-primary);text-transform:uppercase;font-family:var(--font-mono);padding-inline:var(--size-xs);&:before{content:"[ "}&:after{content:" ]"}&:hover{background:var(--color-primary);color:var(--color-background);text-shadow:none}}.card{border:1px solid var(--color-border-strong);background:var(--color-surface);position:relative;padding-block-start:2rem;&:before{content:"\250c\2500  TERMINAL \2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2510";position:absolute;top:0;left:0;right:0;padding:.25rem .5rem;background:var(--color-surface-raised);border-block-end:1px solid var(--color-border-strong);font-size:.75rem;color:var(--color-text-muted)}}& input,textarea{background:var(--color-surface-sunken);border:1px solid var(--color-border-strong);color:var(--color-text);font-family:var(--font-mono);&::placeholder{color:var(--color-text-subtle)}&:focus{outline:none;box-shadow:var(--_terminal-glow-green)}}@supports (appearance: base-select){& select:not([multiple])::picker-icon{color:var(--color-primary)}& select:not([multiple]):open{box-shadow:var(--_terminal-glow-green)}& select:not([multiple])::picker(select){background:var(--color-surface-sunken);border:1px solid var(--color-border-strong);box-shadow:var(--_terminal-glow-green)}& select:not([multiple]) option{font-family:var(--font-mono)}& select:not([multiple]) option:hover{background:var(--color-primary);color:var(--color-background)}& select:not([multiple]) option:checked{color:var(--color-primary)}& select:not([multiple]) option::checkmark{color:var(--color-primary)}& select:not([multiple]) optgroup>legend{font-family:var(--font-mono);color:var(--color-accent)}& select:not([multiple]) optgroup:not(:first-of-type){border-color:var(--color-border-strong)}}& pre{background:var(--color-surface-sunken);border:1px solid var(--color-border);&:before{content:"$ cat script.sh";display:block;color:var(--color-text-muted);margin-block-end:.5rem;padding-block-end:.5rem;border-block-end:1px solid var(--color-border)}}& blockquote{border:1px solid var(--color-accent);background:oklch(15% .05 60 / .2);padding:1rem;&:before{content:"[!] SYSTEM MESSAGE:" / "";display:block;color:var(--color-accent);margin-block-end:.5rem;font-weight:700}}}::selection{background:var(--color-primary);color:var(--color-background);text-shadow:none}:is(main,article){& p:not([class]){&:before{content:"> ";color:var(--color-text-subtle)}}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-border-color: var(--color-border-strong);--cb-keyword: oklch(80% .22 145);--cb-string: oklch(75% .15 60);--cb-function: oklch(75% .2 145);--cb-number: oklch(75% .15 60);--cb-tag: oklch(75% .15 60);--cb-attribute: oklch(80% .22 145);--cb-button-bg: var(--color-surface);--cb-button-hover-bg: oklch(80% .22 145);--cb-button-hover-color: oklch(3% .02 145)}:is(main,article) browser-window{--browser-window-content-bg: var(--color-surface-sunken);--browser-window-border-color: var(--color-border-strong);--browser-window-hover-bg: oklch(12% .02 145);--browser-window-accent-color: oklch(80% .22 145)}}:root[data-theme~=terminal][data-mode=light],[data-theme~=terminal][data-mode=light]{color-scheme:light;--color-surface: oklch(96% .01 80);--color-surface-alt: oklch(93% .015 80);--color-surface-raised: oklch(98% .005 80);--color-surface-sunken: oklch(90% .02 80);--color-background: oklch(97% .01 80);--color-text: oklch(15% .02 145);--color-text-muted: oklch(35% .02 145);--color-text-subtle: oklch(50% .02 145);--color-primary: oklch(35% .15 145);--color-primary-hover: oklch(30% .18 145);--color-primary-subtle: oklch(92% .04 145);--color-accent: oklch(45% .12 60);--color-accent-hover: oklch(40% .15 60);--color-border: oklch(75% .02 145);--color-border-muted: oklch(85% .01 145);--color-border-strong: oklch(35% .1 145);--color-success: oklch(40% .15 145);--color-success-subtle: oklch(93% .04 145);--color-success-text: oklch(30% .12 145);--color-warning: oklch(48% .12 60);--color-warning-subtle: oklch(93% .04 60);--color-warning-text: oklch(35% .1 60);--color-error: oklch(45% .18 25);--color-error-subtle: oklch(93% .05 25);--color-error-text: oklch(32% .14 25);--color-info: oklch(42% .12 220);--color-info-subtle: oklch(93% .04 220);--color-info-text: oklch(30% .1 220);--_terminal-glow-green: none;--_terminal-glow-text: none;--shadow-xs: none;--shadow-s: 0 1px 3px oklch(0% 0 0 / .08);--shadow-m: 0 2px 6px oklch(0% 0 0 / .1);--shadow-l: 0 4px 12px oklch(0% 0 0 / .12);--control-border: oklch(35% .15 145);--control-checked-bg: oklch(35% .15 145);--control-checked-border: oklch(35% .15 145);--input-bg: oklch(93% .01 80);--input-border: oklch(70% .03 145);--input-border-focus: oklch(35% .15 145);--range-track-bg: oklch(85% .01 80);--range-track-fill: oklch(35% .15 145);--range-thumb-bg: oklch(97% .01 80);--range-thumb-border: oklch(35% .15 145);--progress-track-bg: oklch(88% .01 80);--progress-fill: oklch(35% .15 145)}:root[data-theme~=terminal][data-mode=light]:before{opacity:0}:root[data-theme~=terminal][data-mode=light]:after{opacity:0}:root[data-theme~=terminal][data-mode=light],[data-theme~=terminal][data-mode=light]{:is(main,article) code-block{--cb-keyword: oklch(30% .18 145);--cb-string: oklch(40% .12 60);--cb-function: oklch(30% .16 145);--cb-number: oklch(40% .12 60);--cb-tag: oklch(40% .12 60);--cb-attribute: oklch(30% .18 145);--cb-button-hover-bg: oklch(35% .15 145);--cb-button-hover-color: oklch(97% .01 80)}:is(main,article) browser-window{--browser-window-hover-bg: oklch(93% .015 80);--browser-window-accent-color: oklch(35% .15 145)}}}
 /*# sourceMappingURL=terminal.css.map */

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

@@ -666,7 +666,7 @@
   "$extensions": {
     "com.vanilla-breeze": {
       "spec": "2025.10",
-      "vbVersion": "0.4.0",
+      "vbVersion": "0.5.0",
       "unmapped": [
         "--caret-color",
         "--_terminal-glow-green",

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

@@ -110,6 +110,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-subtle": {
       "$type": "color",
       "$value": {
@@ -459,7 +491,7 @@
   "$extensions": {
     "com.vanilla-breeze": {
       "spec": "2025.10",
-      "vbVersion": "0.4.0",
+      "vbVersion": "0.5.0",
       "unmapped": [
         "--cb-header-bg",
         "--cb-keyword",