vanilla-breeze 0.3.0 → 0.4.0

package/dist/cdn/themes/nord.css

@@ -1,2 +1,2 @@
-:root[data-theme~=nord],[data-theme~=nord]{color-scheme:light;--theme-border-style: soft;--theme-icon-set: lucide;--color-background: oklch(95% .01 230);--color-surface: oklch(92.5% .012 230);--color-surface-alt: oklch(90% .015 230);--color-surface-raised: oklch(96% .008 230);--color-surface-sunken: oklch(89% .015 230);--color-text: oklch(25% .02 230);--color-text-muted: oklch(42% .02 230);--color-text-subtle: oklch(55% .015 230);--color-primary: oklch(55% .08 240);--color-primary-hover: oklch(50% .09 240);--color-primary-subtle: oklch(90% .03 240);--color-accent: oklch(72% .1 145);--color-accent-hover: oklch(67% .11 145);--color-border: oklch(82% .012 230);--color-border-muted: oklch(88% .01 230);--color-border-strong: oklch(60% .02 230);--color-success: oklch(72% .1 145);--color-warning: oklch(75% .12 80);--color-error: oklch(62% .15 20);--color-info: oklch(65% .07 240);--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: "SF Mono", "Cascadia Code", "JetBrains Mono", Consolas, monospace;--line-height-normal: 1.6;--line-height-tight: 1.2;--radius-xs: .125rem;--radius-s: .25rem;--radius-m: .375rem;--radius-l: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-full: 9999px;--shadow-xs: 0 1px 2px oklch(25% .02 230 / .06);--shadow-sm: 0 1px 3px oklch(25% .02 230 / .08), 0 1px 2px oklch(25% .02 230 / .04);--shadow-md: 0 4px 6px oklch(25% .02 230 / .08), 0 2px 4px oklch(25% .02 230 / .04);--shadow-lg: 0 10px 15px oklch(25% .02 230 / .08), 0 4px 6px oklch(25% .02 230 / .03);--shadow-xl: 0 20px 25px oklch(25% .02 230 / .08);--shadow-2xl: 0 25px 50px oklch(25% .02 230 / .12);--duration-instant: 50ms;--duration-fast: .1s;--duration-normal: .2s;--duration-slow: .3s;--ease-default: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--page-bg-gradient: linear-gradient( 180deg, oklch(93% .015 230) 0%, oklch(88% .02 220) 100% );--control-border: oklch(72% .015 230);--control-checked-bg: oklch(55% .08 240);--control-checked-border: oklch(55% .08 240);--input-border: oklch(82% .012 230);--input-border-focus: oklch(55% .08 240);--range-track-bg: oklch(85% .01 230);--range-track-fill: oklch(55% .08 240);--range-thumb-border: oklch(55% .08 240);--progress-track-bg: oklch(88% .01 230);--progress-fill: oklch(55% .08 240)}:root[data-theme~=nord],[data-theme~=nord]{:is(main,article){& hr:not([data-ornament]){border:none;border-block-start:1px solid oklch(82% .012 230);margin-block:2rem}& h1,h2{font-weight:600;letter-spacing:-.01em;color:#182429}& a:not([class]){color:var(--color-primary);text-decoration-color:#42789c66;text-underline-offset:.15em;&:hover{text-decoration-color:currentColor}}& blockquote{border-inline-start:3px solid var(--color-primary);padding-inline-start:1.25rem;color:#303d43}.button,button{font-weight:500;letter-spacing:.01em}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(55% .08 240);--cb-string: oklch(72% .1 145);--cb-function: oklch(62% .1 300);--cb-number: oklch(65% .12 50);--cb-button-bg: var(--color-surface)}::selection{background:#42789c40;color:#182429}}:root[data-theme~=nord][data-mode=dark],[data-theme~=nord][data-mode=dark]{color-scheme:dark;--color-background: oklch(22% .02 230);--color-surface: oklch(26% .02 230);--color-surface-alt: oklch(30% .02 230);--color-surface-raised: oklch(34% .02 230);--color-surface-sunken: oklch(18% .02 230);--color-text: oklch(95% .01 230);--color-text-muted: oklch(78% .01 230);--color-text-subtle: oklch(65% .015 230);--color-primary: oklch(68% .06 230);--color-primary-hover: oklch(73% .07 230);--color-primary-subtle: oklch(30% .04 230);--color-accent: oklch(72% .1 145);--color-accent-hover: oklch(77% .11 145);--color-border: oklch(35% .02 230);--color-border-muted: oklch(30% .02 230);--color-border-strong: oklch(50% .02 230);--color-success: oklch(72% .1 145);--color-warning: oklch(75% .12 80);--color-error: oklch(62% .15 20);--color-info: oklch(68% .06 230);--input-bg: oklch(26% .02 230);--input-border: oklch(35% .02 230);--input-border-focus: oklch(68% .06 230);--control-border: oklch(50% .02 230);--control-checked-bg: oklch(68% .06 230);--control-checked-border: oklch(68% .06 230);--range-track-bg: oklch(30% .02 230);--range-track-fill: oklch(68% .06 230);--range-thumb-border: oklch(68% .06 230);--progress-track-bg: oklch(30% .02 230);--progress-fill: oklch(68% .06 230);--shadow-xs: 0 1px 2px oklch(10% .02 230 / .2);--shadow-sm: 0 1px 3px oklch(10% .02 230 / .25), 0 1px 2px oklch(10% .02 230 / .15);--shadow-md: 0 4px 6px oklch(10% .02 230 / .25), 0 2px 4px oklch(10% .02 230 / .15);--shadow-lg: 0 10px 15px oklch(10% .02 230 / .25), 0 4px 6px oklch(10% .02 230 / .1);--shadow-xl: 0 20px 25px oklch(10% .02 230 / .25);--shadow-2xl: 0 25px 50px oklch(10% .02 230 / .3);--page-bg-gradient: linear-gradient( 180deg, oklch(24% .025 230) 0%, oklch(18% .02 240) 100% );:is(main,article){& hr:not([data-ornament]){border-color:#303d43}& h1,h2{color:#e8f0f4}& blockquote{color:#b1b9bd}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(68% .06 230);--cb-string: oklch(72% .1 145);--cb-function: oklch(70% .1 300);--cb-number: oklch(75% .12 50)}::selection{background:#71a0b64d;color:#e8f0f4}}
+@layer tokens, reset, native-elements, custom-elements, web-components, utils, bundle-theme, bundle-effects, bundle-components;@layer bundle-theme{:root[data-theme~=nord],[data-theme~=nord]{color-scheme:light;--theme-border-style: soft;--theme-icon-set: lucide;--color-background: oklch(95% .01 230);--color-surface: oklch(92.5% .012 230);--color-surface-alt: oklch(90% .015 230);--color-surface-raised: oklch(96% .008 230);--color-surface-sunken: oklch(89% .015 230);--color-text: oklch(25% .02 230);--color-text-muted: oklch(42% .02 230);--color-text-subtle: oklch(55% .015 230);--color-primary: oklch(55% .08 240);--color-primary-hover: oklch(50% .09 240);--color-primary-subtle: oklch(90% .03 240);--color-accent: oklch(72% .1 145);--color-accent-hover: oklch(67% .11 145);--color-border: oklch(82% .012 230);--color-border-muted: oklch(88% .01 230);--color-border-strong: oklch(60% .02 230);--color-success: oklch(72% .1 145);--color-warning: oklch(75% .12 80);--color-error: oklch(62% .15 20);--color-info: oklch(65% .07 240);--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: "SF Mono", "Cascadia Code", "JetBrains Mono", Consolas, monospace;--line-height-normal: 1.6;--line-height-tight: 1.2;--radius-xs: .125rem;--radius-s: .25rem;--radius-m: .375rem;--radius-l: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-full: 9999px;--shadow-xs: 0 1px 2px oklch(25% .02 230 / .06);--shadow-s: 0 1px 3px oklch(25% .02 230 / .08), 0 1px 2px oklch(25% .02 230 / .04);--shadow-m: 0 4px 6px oklch(25% .02 230 / .08), 0 2px 4px oklch(25% .02 230 / .04);--shadow-l: 0 10px 15px oklch(25% .02 230 / .08), 0 4px 6px oklch(25% .02 230 / .03);--shadow-xl: 0 20px 25px oklch(25% .02 230 / .08);--shadow-2xl: 0 25px 50px oklch(25% .02 230 / .12);--duration-instant: 50ms;--duration-fast: .1s;--duration-normal: .2s;--duration-slow: .3s;--ease-default: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--page-bg-gradient: linear-gradient( 180deg, oklch(93% .015 230) 0%, oklch(88% .02 220) 100% );--control-border: oklch(72% .015 230);--control-checked-bg: oklch(55% .08 240);--control-checked-border: oklch(55% .08 240);--input-border: oklch(82% .012 230);--input-border-focus: oklch(55% .08 240);--range-track-bg: oklch(85% .01 230);--range-track-fill: oklch(55% .08 240);--range-thumb-border: oklch(55% .08 240);--progress-track-bg: oklch(88% .01 230);--progress-fill: oklch(55% .08 240)}:root[data-theme~=nord],[data-theme~=nord]{:is(main,article){& hr:not([data-ornament]){border:none;border-block-start:1px solid oklch(82% .012 230);margin-block:2rem}& h1,h2{font-weight:600;letter-spacing:-.01em;color:#182429}& a:not([class]){color:var(--color-primary);text-decoration-color:#42789c66;text-underline-offset:.15em;&:hover{text-decoration-color:currentColor}}& blockquote{border-inline-start:3px solid var(--color-primary);padding-inline-start:1.25rem;color:#303d43}.button,button{font-weight:500;letter-spacing:.01em}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(55% .08 240);--cb-string: oklch(72% .1 145);--cb-function: oklch(62% .1 300);--cb-number: oklch(65% .12 50);--cb-button-bg: var(--color-surface)}::selection{background:#42789c40;color:#182429}}:root[data-theme~=nord][data-mode=dark],[data-theme~=nord][data-mode=dark]{color-scheme:dark;--color-background: oklch(22% .02 230);--color-surface: oklch(26% .02 230);--color-surface-alt: oklch(30% .02 230);--color-surface-raised: oklch(34% .02 230);--color-surface-sunken: oklch(18% .02 230);--color-text: oklch(95% .01 230);--color-text-muted: oklch(78% .01 230);--color-text-subtle: oklch(65% .015 230);--color-primary: oklch(68% .06 230);--color-primary-hover: oklch(73% .07 230);--color-primary-subtle: oklch(30% .04 230);--color-accent: oklch(72% .1 145);--color-accent-hover: oklch(77% .11 145);--color-border: oklch(35% .02 230);--color-border-muted: oklch(30% .02 230);--color-border-strong: oklch(50% .02 230);--color-success: oklch(72% .1 145);--color-warning: oklch(75% .12 80);--color-error: oklch(62% .15 20);--color-info: oklch(68% .06 230);--input-bg: oklch(26% .02 230);--input-border: oklch(35% .02 230);--input-border-focus: oklch(68% .06 230);--control-border: oklch(50% .02 230);--control-checked-bg: oklch(68% .06 230);--control-checked-border: oklch(68% .06 230);--range-track-bg: oklch(30% .02 230);--range-track-fill: oklch(68% .06 230);--range-thumb-border: oklch(68% .06 230);--progress-track-bg: oklch(30% .02 230);--progress-fill: oklch(68% .06 230);--shadow-xs: 0 1px 2px oklch(10% .02 230 / .2);--shadow-s: 0 1px 3px oklch(10% .02 230 / .25), 0 1px 2px oklch(10% .02 230 / .15);--shadow-m: 0 4px 6px oklch(10% .02 230 / .25), 0 2px 4px oklch(10% .02 230 / .15);--shadow-l: 0 10px 15px oklch(10% .02 230 / .25), 0 4px 6px oklch(10% .02 230 / .1);--shadow-xl: 0 20px 25px oklch(10% .02 230 / .25);--shadow-2xl: 0 25px 50px oklch(10% .02 230 / .3);--page-bg-gradient: linear-gradient( 180deg, oklch(24% .025 230) 0%, oklch(18% .02 240) 100% );:is(main,article){& hr:not([data-ornament]){border-color:#303d43}& h1,h2{color:#e8f0f4}& blockquote{color:#b1b9bd}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(68% .06 230);--cb-string: oklch(72% .1 145);--cb-function: oklch(70% .1 300);--cb-number: oklch(75% .12 50)}::selection{background:#71a0b64d;color:#e8f0f4}}}
 /*# sourceMappingURL=nord.css.map */

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

@@ -336,7 +336,7 @@
           }
         }
       },
-      "sm": {
+      "s": {
         "$type": "shadow",
         "$value": [
           {
@@ -387,7 +387,7 @@
           }
         ]
       },
-      "md": {
+      "m": {
         "$type": "shadow",
         "$value": [
           {
@@ -438,7 +438,7 @@
           }
         ]
       },
-      "lg": {
+      "l": {
         "$type": "shadow",
         "$value": [
           {
@@ -598,7 +598,7 @@
   "$extensions": {
     "com.vanilla-breeze": {
       "spec": "2025.10",
-      "vbVersion": "0.3.0",
+      "vbVersion": "0.4.0",
       "unmapped": [
         "--theme-border-style",
         "--theme-icon-set",

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

@@ -352,7 +352,7 @@
           }
         }
       },
-      "sm": {
+      "s": {
         "$type": "shadow",
         "$value": {
           "offsetX": {
@@ -382,7 +382,7 @@
           }
         }
       },
-      "md": {
+      "m": {
         "$type": "shadow",
         "$value": {
           "offsetX": {
@@ -412,7 +412,7 @@
           }
         }
       },
-      "lg": {
+      "l": {
         "$type": "shadow",
         "$value": {
           "offsetX": {
@@ -507,7 +507,7 @@
   "$extensions": {
     "com.vanilla-breeze": {
       "spec": "2025.10",
-      "vbVersion": "0.3.0",
+      "vbVersion": "0.4.0",
       "unmapped": [
         "--scrollbar-thumb",
         "--scrollbar-track",

package/dist/cdn/themes/organic.css

@@ -1,2 +1,2 @@
-: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-sm: 0 2px 8px -2px oklch(30% .05 60 / .15);--shadow-md: 0 4px 16px -4px oklch(30% .05 60 / .2);--shadow-lg: 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-sm: 0 2px 8px -2px oklch(10% .02 60 / .35);--shadow-md: 0 4px 16px -4px oklch(10% .02 60 / .4);--shadow-lg: 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;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}}
 /*# sourceMappingURL=organic.css.map */

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

@@ -444,7 +444,7 @@
           }
         }
       },
-      "sm": {
+      "s": {
         "$type": "shadow",
         "$value": {
           "offsetX": {
@@ -474,7 +474,7 @@
           }
         }
       },
-      "md": {
+      "m": {
         "$type": "shadow",
         "$value": {
           "offsetX": {
@@ -504,7 +504,7 @@
           }
         }
       },
-      "lg": {
+      "l": {
         "$type": "shadow",
         "$value": {
           "offsetX": {
@@ -651,7 +651,7 @@
   "$extensions": {
     "com.vanilla-breeze": {
       "spec": "2025.10",
-      "vbVersion": "0.3.0",
+      "vbVersion": "0.4.0",
       "unmapped": [
         "--theme-border-style",
         "--theme-icon-set",

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

@@ -249,7 +249,7 @@
           }
         }
       },
-      "sm": {
+      "s": {
         "$type": "shadow",
         "$value": [
           {
@@ -300,7 +300,7 @@
           }
         ]
       },
-      "md": {
+      "m": {
         "$type": "shadow",
         "$value": [
           {
@@ -351,7 +351,7 @@
           }
         ]
       },
-      "lg": {
+      "l": {
         "$type": "shadow",
         "$value": [
           {
@@ -459,7 +459,7 @@
   "$extensions": {
     "com.vanilla-breeze": {
       "spec": "2025.10",
-      "vbVersion": "0.3.0",
+      "vbVersion": "0.4.0",
       "unmapped": [
         "--cb-header-bg",
         "--cb-keyword",

package/dist/cdn/themes/rose-pine.css

@@ -1,2 +1,2 @@
-:root[data-theme~=rose-pine],[data-theme~=rose-pine]{color-scheme:light;--theme-border-style: soft;--theme-icon-set: lucide;--color-background: oklch(96% .01 50);--color-surface: oklch(93% .012 50);--color-surface-alt: oklch(90% .015 50);--color-surface-raised: oklch(97% .008 50);--color-surface-sunken: oklch(88% .015 50);--color-text: oklch(28% .02 280);--color-text-muted: oklch(42% .015 280);--color-text-subtle: oklch(55% .01 280);--color-primary: oklch(48% .1 220);--color-primary-hover: oklch(43% .11 220);--color-primary-subtle: oklch(92% .02 220);--color-accent: oklch(62% .12 10);--color-accent-hover: oklch(57% .13 10);--color-border: oklch(85% .01 50);--color-border-muted: oklch(90% .008 50);--color-border-strong: oklch(55% .01 280);--color-success: oklch(48% .1 220);--color-warning: oklch(72% .12 75);--color-error: oklch(62% .15 10);--color-info: oklch(68% .08 200);--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: "SF Mono", "Cascadia Code", "JetBrains Mono", Consolas, monospace;--line-height-normal: 1.6;--line-height-tight: 1.2;--radius-xs: .125rem;--radius-s: .25rem;--radius-m: .375rem;--radius-l: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-full: 9999px;--shadow-xs: 0 1px 2px oklch(28% .02 280 / .05);--shadow-sm: 0 1px 3px oklch(28% .02 280 / .07), 0 1px 2px oklch(28% .02 280 / .03);--shadow-md: 0 4px 6px oklch(28% .02 280 / .07), 0 2px 4px oklch(28% .02 280 / .03);--shadow-lg: 0 10px 15px oklch(28% .02 280 / .07), 0 4px 6px oklch(28% .02 280 / .03);--shadow-xl: 0 20px 25px oklch(28% .02 280 / .07);--shadow-2xl: 0 25px 50px oklch(28% .02 280 / .1);--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~=rose-pine],[data-theme~=rose-pine]{:is(main,article){& hr:not([data-ornament]){border:none;border-block-start:1px solid oklch(85% .01 50);margin-block:2rem}& h1,h2{font-weight:600;letter-spacing:-.01em;color:#272833}& a:not([class]){color:var(--color-primary);text-decoration-color:oklch(48% .1 220 / .4);text-underline-offset:.15em;&:hover{text-decoration-color:currentColor}}& blockquote{border-inline-start:3px solid oklch(80% .06 20);padding-inline-start:1.25rem;color:#4b4c55}.button,button{font-weight:500;letter-spacing:.01em}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(62% .12 10);--cb-string: oklch(48% .1 220);--cb-function: oklch(58% .1 300);--cb-number: oklch(68% .12 75);--cb-button-bg: var(--color-surface)}::selection{background:oklch(48% .1 220 / .2);color:#272833}}:root[data-theme~=rose-pine][data-mode=dark],[data-theme~=rose-pine][data-mode=dark]{color-scheme:dark;--color-background: oklch(16% .025 280);--color-surface: oklch(20% .025 280);--color-surface-alt: oklch(24% .025 280);--color-surface-raised: oklch(28% .025 280);--color-surface-sunken: oklch(13% .025 280);--color-text: oklch(92% .02 280);--color-text-muted: oklch(68% .015 280);--color-text-subtle: oklch(52% .015 280);--color-primary: oklch(58% .1 220);--color-primary-hover: oklch(63% .11 220);--color-primary-subtle: oklch(25% .05 220);--color-accent: oklch(80% .06 20);--color-accent-hover: oklch(85% .07 20);--color-border: oklch(28% .025 280);--color-border-muted: oklch(24% .025 280);--color-border-strong: oklch(45% .015 280);--color-success: oklch(58% .1 220);--color-warning: oklch(82% .12 75);--color-error: oklch(68% .18 10);--color-info: oklch(78% .08 200);--shadow-xs: 0 1px 2px oklch(10% .02 280 / .25);--shadow-sm: 0 1px 3px oklch(10% .02 280 / .3), 0 1px 2px oklch(10% .02 280 / .2);--shadow-md: 0 4px 6px oklch(10% .02 280 / .3), 0 2px 4px oklch(10% .02 280 / .2);--shadow-lg: 0 10px 15px oklch(10% .02 280 / .3), 0 4px 6px oklch(10% .02 280 / .15);--shadow-xl: 0 20px 25px oklch(10% .02 280 / .3);--shadow-2xl: 0 25px 50px oklch(10% .02 280 / .35);:is(main,article){& hr:not([data-ornament]){border-color:#262835}& h1,h2{color:#e1e3f2}& blockquote{border-inline-start-color:#e2afae;color:#9697a2}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(68% .18 10);--cb-string: oklch(58% .1 220);--cb-function: oklch(72% .12 300);--cb-number: oklch(82% .12 75)}::selection{background:#1988a34d;color:#e1e3f2}}
+@layer tokens, reset, native-elements, custom-elements, web-components, utils, bundle-theme, bundle-effects, bundle-components;@layer bundle-theme{:root[data-theme~=rose-pine],[data-theme~=rose-pine]{color-scheme:light;--theme-border-style: soft;--theme-icon-set: lucide;--color-background: oklch(96% .01 50);--color-surface: oklch(93% .012 50);--color-surface-alt: oklch(90% .015 50);--color-surface-raised: oklch(97% .008 50);--color-surface-sunken: oklch(88% .015 50);--color-text: oklch(28% .02 280);--color-text-muted: oklch(42% .015 280);--color-text-subtle: oklch(55% .01 280);--color-primary: oklch(48% .1 220);--color-primary-hover: oklch(43% .11 220);--color-primary-subtle: oklch(92% .02 220);--color-accent: oklch(62% .12 10);--color-accent-hover: oklch(57% .13 10);--color-border: oklch(85% .01 50);--color-border-muted: oklch(90% .008 50);--color-border-strong: oklch(55% .01 280);--color-success: oklch(48% .1 220);--color-warning: oklch(72% .12 75);--color-error: oklch(62% .15 10);--color-info: oklch(68% .08 200);--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: "SF Mono", "Cascadia Code", "JetBrains Mono", Consolas, monospace;--line-height-normal: 1.6;--line-height-tight: 1.2;--radius-xs: .125rem;--radius-s: .25rem;--radius-m: .375rem;--radius-l: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-full: 9999px;--shadow-xs: 0 1px 2px oklch(28% .02 280 / .05);--shadow-s: 0 1px 3px oklch(28% .02 280 / .07), 0 1px 2px oklch(28% .02 280 / .03);--shadow-m: 0 4px 6px oklch(28% .02 280 / .07), 0 2px 4px oklch(28% .02 280 / .03);--shadow-l: 0 10px 15px oklch(28% .02 280 / .07), 0 4px 6px oklch(28% .02 280 / .03);--shadow-xl: 0 20px 25px oklch(28% .02 280 / .07);--shadow-2xl: 0 25px 50px oklch(28% .02 280 / .1);--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~=rose-pine],[data-theme~=rose-pine]{:is(main,article){& hr:not([data-ornament]){border:none;border-block-start:1px solid oklch(85% .01 50);margin-block:2rem}& h1,h2{font-weight:600;letter-spacing:-.01em;color:#272833}& a:not([class]){color:var(--color-primary);text-decoration-color:oklch(48% .1 220 / .4);text-underline-offset:.15em;&:hover{text-decoration-color:currentColor}}& blockquote{border-inline-start:3px solid oklch(80% .06 20);padding-inline-start:1.25rem;color:#4b4c55}.button,button{font-weight:500;letter-spacing:.01em}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(62% .12 10);--cb-string: oklch(48% .1 220);--cb-function: oklch(58% .1 300);--cb-number: oklch(68% .12 75);--cb-button-bg: var(--color-surface)}::selection{background:oklch(48% .1 220 / .2);color:#272833}}:root[data-theme~=rose-pine][data-mode=dark],[data-theme~=rose-pine][data-mode=dark]{color-scheme:dark;--color-background: oklch(16% .025 280);--color-surface: oklch(20% .025 280);--color-surface-alt: oklch(24% .025 280);--color-surface-raised: oklch(28% .025 280);--color-surface-sunken: oklch(13% .025 280);--color-text: oklch(92% .02 280);--color-text-muted: oklch(68% .015 280);--color-text-subtle: oklch(52% .015 280);--color-primary: oklch(58% .1 220);--color-primary-hover: oklch(63% .11 220);--color-primary-subtle: oklch(25% .05 220);--color-accent: oklch(80% .06 20);--color-accent-hover: oklch(85% .07 20);--color-border: oklch(28% .025 280);--color-border-muted: oklch(24% .025 280);--color-border-strong: oklch(45% .015 280);--color-success: oklch(58% .1 220);--color-warning: oklch(82% .12 75);--color-error: oklch(68% .18 10);--color-info: oklch(78% .08 200);--shadow-xs: 0 1px 2px oklch(10% .02 280 / .25);--shadow-s: 0 1px 3px oklch(10% .02 280 / .3), 0 1px 2px oklch(10% .02 280 / .2);--shadow-m: 0 4px 6px oklch(10% .02 280 / .3), 0 2px 4px oklch(10% .02 280 / .2);--shadow-l: 0 10px 15px oklch(10% .02 280 / .3), 0 4px 6px oklch(10% .02 280 / .15);--shadow-xl: 0 20px 25px oklch(10% .02 280 / .3);--shadow-2xl: 0 25px 50px oklch(10% .02 280 / .35);:is(main,article){& hr:not([data-ornament]){border-color:#262835}& h1,h2{color:#e1e3f2}& blockquote{border-inline-start-color:#e2afae;color:#9697a2}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(68% .18 10);--cb-string: oklch(58% .1 220);--cb-function: oklch(72% .12 300);--cb-number: oklch(82% .12 75)}::selection{background:#1988a34d;color:#e1e3f2}}}
 /*# sourceMappingURL=rose-pine.css.map */

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

@@ -336,7 +336,7 @@
           }
         }
       },
-      "sm": {
+      "s": {
         "$type": "shadow",
         "$value": [
           {
@@ -387,7 +387,7 @@
           }
         ]
       },
-      "md": {
+      "m": {
         "$type": "shadow",
         "$value": [
           {
@@ -438,7 +438,7 @@
           }
         ]
       },
-      "lg": {
+      "l": {
         "$type": "shadow",
         "$value": [
           {
@@ -598,7 +598,7 @@
   "$extensions": {
     "com.vanilla-breeze": {
       "spec": "2025.10",
-      "vbVersion": "0.3.0",
+      "vbVersion": "0.4.0",
       "unmapped": [
         "--theme-border-style",
         "--theme-icon-set"

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

@@ -348,7 +348,7 @@
           }
         }
       },
-      "sm": {
+      "s": {
         "$type": "shadow",
         "$value": {
           "offsetX": {
@@ -374,7 +374,7 @@
           }
         }
       },
-      "md": {
+      "m": {
         "$type": "shadow",
         "$value": {
           "offsetX": {
@@ -400,7 +400,7 @@
           }
         }
       },
-      "lg": {
+      "l": {
         "$type": "shadow",
         "$value": {
           "offsetX": {
@@ -483,7 +483,7 @@
   "$extensions": {
     "com.vanilla-breeze": {
       "spec": "2025.10",
-      "vbVersion": "0.3.0",
+      "vbVersion": "0.4.0",
       "unmapped": [
         "--scrollbar-thumb",
         "--scrollbar-track",
@@ -500,7 +500,6 @@
         "--progress-track-bg",
         "--progress-fill",
         "--filter-rough",
-        "--border-roughness",
         "--cb-bg",
         "--cb-code-bg",
         "--cb-header-bg",

package/dist/cdn/themes/rough.css

@@ -1,2 +1,2 @@
-@import"https://fonts.googleapis.com/css2?family=Caveat:wght@400..700&display=swap";: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-sm: 2px 2px 0 oklch(25% .01 60 / .12);--shadow-md: 3px 3px 0 oklch(25% .01 60 / .15);--shadow-lg: 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);--border-roughness: 1}: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-sm);transform:rotate(-.5deg);transition:transform .2s ease,box-shadow .2s ease;&:hover{transform:rotate(.5deg) translateY(-1px);box-shadow:var(--shadow-md)}&: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-md);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-lg)}}& 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-sm);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-sm);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-sm: 2px 2px 0 oklch(10% 0 0 / .25);--shadow-md: 3px 3px 0 oklch(10% 0 0 / .3);--shadow-lg: 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);--border-roughness: 1;& 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{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}}
 /*# sourceMappingURL=rough.css.map */

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

@@ -441,7 +441,7 @@
           }
         }
       },
-      "sm": {
+      "s": {
         "$type": "shadow",
         "$value": {
           "offsetX": {
@@ -467,7 +467,7 @@
           }
         }
       },
-      "md": {
+      "m": {
         "$type": "shadow",
         "$value": {
           "offsetX": {
@@ -493,7 +493,7 @@
           }
         }
       },
-      "lg": {
+      "l": {
         "$type": "shadow",
         "$value": {
           "offsetX": {
@@ -628,7 +628,7 @@
   "$extensions": {
     "com.vanilla-breeze": {
       "spec": "2025.10",
-      "vbVersion": "0.3.0",
+      "vbVersion": "0.4.0",
       "unmapped": [
         "--theme-border-style",
         "--theme-icon-set",
@@ -642,8 +642,7 @@
         "--motion-elastic",
         "--motion-enter-duration",
         "--motion-exit-duration",
-        "--filter-rough",
-        "--border-roughness"
+        "--filter-rough"
       ]
     }
   }

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

@@ -249,7 +249,7 @@
           }
         }
       },
-      "sm": {
+      "s": {
         "$type": "shadow",
         "$value": {
           "offsetX": {
@@ -275,7 +275,7 @@
           }
         }
       },
-      "md": {
+      "m": {
         "$type": "shadow",
         "$value": {
           "offsetX": {
@@ -301,7 +301,7 @@
           }
         }
       },
-      "lg": {
+      "l": {
         "$type": "shadow",
         "$value": {
           "offsetX": {
@@ -384,7 +384,7 @@
   "$extensions": {
     "com.vanilla-breeze": {
       "spec": "2025.10",
-      "vbVersion": "0.3.0",
+      "vbVersion": "0.4.0",
       "unmapped": [
         "--cb-header-bg",
         "--cb-keyword",

package/dist/cdn/themes/solarized.css

@@ -1,2 +1,2 @@
-: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-sm: 0 1px 2px oklch(48% .02 195 / .06);--shadow-md: 0 2px 4px oklch(48% .02 195 / .06);--shadow-lg: 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-sm: 0 1px 2px oklch(10% .03 200 / .2);--shadow-md: 0 2px 4px oklch(10% .03 200 / .2);--shadow-lg: 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-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}}}
 /*# sourceMappingURL=solarized.css.map */

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

@@ -335,7 +335,7 @@
           }
         }
       },
-      "sm": {
+      "s": {
         "$type": "shadow",
         "$value": {
           "offsetX": {
@@ -361,7 +361,7 @@
           }
         }
       },
-      "md": {
+      "m": {
         "$type": "shadow",
         "$value": {
           "offsetX": {
@@ -387,7 +387,7 @@
           }
         }
       },
-      "lg": {
+      "l": {
         "$type": "shadow",
         "$value": {
           "offsetX": {
@@ -522,7 +522,7 @@
   "$extensions": {
     "com.vanilla-breeze": {
       "spec": "2025.10",
-      "vbVersion": "0.3.0",
+      "vbVersion": "0.4.0",
       "unmapped": [
         "--theme-border-style",
         "--theme-icon-set"

package/dist/cdn/themes/starbucks.css

@@ -1,2 +1,2 @@
-:root[data-theme~=starbucks],[data-theme~=starbucks]{--color-background: #FFFFFF;--color-surface: #FFFFFF;--color-surface-raised: #F2F0EB;--color-surface-sunken: #F7F7F7;--color-surface-overlay: #FFFFFF;--color-border: #E0DED9;--color-border-strong: #CCCAC4;--color-border-subtle: #EDEBE6;--color-text: #1E3932;--color-text-muted: #6B6B6B;--color-text-subtle: #9B9B9B;--color-text-on-primary: #FFFFFF;--color-primary: #00754A;--color-primary-hover: #1E3932;--color-primary-active: #1E3932;--color-primary-subtle: #D4E9E2;--color-secondary: #1E3932;--color-secondary-hover: #1E3932;--color-accent: #00754A;--color-accent-hover: #1E3932;--color-interactive: #00754A;--color-interactive-hover: #1E3932;--color-focus-ring: #00754A;--color-border-focus: #00754A;--color-hover-bg: #D4E9E2;--color-hover-text: #1E3932;--color-active-bg: #00754A;--color-active-text: #FFFFFF;--color-error: #E75B52;--color-success: #00754A;--color-warning: #F2C94C;--color-info: #00754A;--font-sans: "SoDo Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--font-heading: "SoDo Sans", system-ui, sans-serif;--font-body: "SoDo Sans", system-ui, sans-serif;--font-display: "SoDo Sans", system-ui, sans-serif;--font-weight-semibold: 600;--letter-spacing-tight: -.01em;--line-height-normal: 1.5;--radius-xs: .25rem;--radius-s: .375rem;--radius-m: .5rem;--radius-l: .75rem;--radius-xl: 1.5rem;--radius-full: 999px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .1);--focus-ring-width: 2px;--focus-ring-offset: 2px;--header-bg: #FFFFFF;--btn-font-weight: 600;--brand-mark-height: 3rem}:root[data-theme~=starbucks] header.site{--_link-color: #1E3932;border-block-end:1px solid #E0DED9}:root[data-theme~=starbucks] nav.pills [aria-current=page],:root[data-theme~=starbucks] nav.pills a:where([aria-current=page]){background:#00754a;color:#fff}
+@layer tokens, reset, native-elements, custom-elements, web-components, utils, bundle-theme, bundle-effects, bundle-components;@layer bundle-theme{:root[data-theme~=starbucks],[data-theme~=starbucks]{--color-background: #FFFFFF;--color-surface: #FFFFFF;--color-surface-raised: #F2F0EB;--color-surface-sunken: #F7F7F7;--color-surface-overlay: #FFFFFF;--color-border: #E0DED9;--color-border-strong: #CCCAC4;--color-border-subtle: #EDEBE6;--color-text: #1E3932;--color-text-muted: #6B6B6B;--color-text-subtle: #9B9B9B;--color-text-on-primary: #FFFFFF;--color-primary: #00754A;--color-primary-hover: #1E3932;--color-primary-active: #1E3932;--color-primary-subtle: #D4E9E2;--color-secondary: #1E3932;--color-secondary-hover: #1E3932;--color-accent: #00754A;--color-accent-hover: #1E3932;--color-interactive: #00754A;--color-interactive-hover: #1E3932;--color-focus-ring: #00754A;--color-border-focus: #00754A;--color-hover-bg: #D4E9E2;--color-hover-text: #1E3932;--color-active-bg: #00754A;--color-active-text: #FFFFFF;--color-error: #E75B52;--color-success: #00754A;--color-warning: #F2C94C;--color-info: #00754A;--font-sans: "SoDo Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--font-heading: "SoDo Sans", system-ui, sans-serif;--font-body: "SoDo Sans", system-ui, sans-serif;--font-display: "SoDo Sans", system-ui, sans-serif;--font-weight-semibold: 600;--letter-spacing-tight: -.01em;--line-height-normal: 1.5;--radius-xs: .25rem;--radius-s: .375rem;--radius-m: .5rem;--radius-l: .75rem;--radius-xl: 1.5rem;--radius-full: 999px;--shadow-s: 0 1px 3px rgba(0, 0, 0, .08);--shadow-m: 0 4px 12px rgba(0, 0, 0, .08);--shadow-l: 0 8px 24px rgba(0, 0, 0, .1);--focus-ring-width: 2px;--focus-ring-offset: 2px;--header-bg: #FFFFFF;--btn-font-weight: 600;--brand-mark-height: 3rem}:root[data-theme~=starbucks] header.site{--_link-color: #1E3932;border-block-end:1px solid #E0DED9}:root[data-theme~=starbucks] nav.pills [aria-current=page],:root[data-theme~=starbucks] nav.pills a:where([aria-current=page]){background:#00754a;color:#fff}}
 /*# sourceMappingURL=starbucks.css.map */

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

@@ -497,7 +497,7 @@
   },
   "effect": {
     "shadow": {
-      "sm": {
+      "s": {
         "$type": "shadow",
         "$value": {
           "offsetX": {
@@ -523,7 +523,7 @@
           }
         }
       },
-      "md": {
+      "m": {
         "$type": "shadow",
         "$value": {
           "offsetX": {
@@ -549,7 +549,7 @@
           }
         }
       },
-      "lg": {
+      "l": {
         "$type": "shadow",
         "$value": {
           "offsetX": {
@@ -580,7 +580,7 @@
   "$extensions": {
     "com.vanilla-breeze": {
       "spec": "2025.10",
-      "vbVersion": "0.3.0",
+      "vbVersion": "0.4.0",
       "unmapped": [
         "--focus-ring-width",
         "--focus-ring-offset",

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

@@ -249,7 +249,7 @@
           }
         }
       },
-      "sm": {
+      "s": {
         "$type": "shadow",
         "$value": [
           {
@@ -300,7 +300,7 @@
           }
         ]
       },
-      "md": {
+      "m": {
         "$type": "shadow",
         "$value": [
           {
@@ -351,7 +351,7 @@
           }
         ]
       },
-      "lg": {
+      "l": {
         "$type": "shadow",
         "$value": [
           {
@@ -509,7 +509,7 @@
   "$extensions": {
     "com.vanilla-breeze": {
       "spec": "2025.10",
-      "vbVersion": "0.3.0",
+      "vbVersion": "0.4.0",
       "unmapped": [
         "--cb-header-bg",
         "--cb-keyword",

package/dist/cdn/themes/startup.css

@@ -1,2 +1,2 @@
-@import"https://fonts.googleapis.com/css2?family=Inter:wght@400..700&display=swap";:root[data-theme~=startup],[data-theme~=startup]{color-scheme:light;--theme-border-style: soft;--theme-icon-set: lucide;--color-background: oklch(99% .005 270);--color-surface: oklch(100% 0 0);--color-surface-alt: oklch(97% .01 270);--color-surface-raised: oklch(100% 0 0);--color-surface-sunken: oklch(96% .01 270);--color-text: oklch(15% .02 270);--color-text-muted: oklch(38% .015 270);--color-text-subtle: oklch(52% .01 270);--color-primary: oklch(50% .2 270);--color-primary-hover: oklch(45% .22 270);--color-primary-subtle: oklch(93% .04 270);--color-accent: oklch(62% .18 340);--color-accent-hover: oklch(57% .19 340);--color-border: oklch(90% .01 270);--color-border-muted: oklch(93% .008 270);--color-border-strong: oklch(65% .02 270);--color-success: oklch(58% .15 145);--color-warning: oklch(72% .14 70);--color-error: oklch(55% .2 25);--color-info: oklch(50% .2 270);--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "SF Mono", "Cascadia Code", "JetBrains Mono", Consolas, monospace;--line-height-normal: 1.6;--line-height-tight: 1.15;--radius-xs: 4px;--radius-s: 6px;--radius-m: 8px;--radius-l: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-full: 9999px;--shadow-xs: 0 1px 2px oklch(50% .1 270 / .06);--shadow-sm: 0 1px 3px oklch(50% .1 270 / .08), 0 1px 2px oklch(50% .1 270 / .04);--shadow-md: 0 4px 6px oklch(50% .1 270 / .08), 0 2px 4px oklch(50% .1 270 / .04);--shadow-lg: 0 10px 15px oklch(50% .1 270 / .1), 0 4px 6px oklch(50% .1 270 / .04);--shadow-xl: 0 20px 25px oklch(50% .1 270 / .1);--shadow-2xl: 0 25px 50px oklch(50% .1 270 / .15);--duration-instant: 50ms;--duration-fast: 80ms;--duration-normal: .15s;--duration-slow: .25s;--ease-default: cubic-bezier(.34, 1.56, .64, 1);--ease-out: cubic-bezier(0, 0, .2, 1)}:root[data-theme~=startup],[data-theme~=startup]{:is(main,article){& hr:not([data-ornament]){border:none;height:2px;background:linear-gradient(90deg,#3b51d3,#c952a8,#3b51d300);margin-block:2rem}& h1,h2{font-weight:700;letter-spacing:-.025em;color:#080b14}& h3{font-weight:600;letter-spacing:-.015em;color:#12161f}& a:not([class]){color:var(--color-primary);text-decoration-color:#3b51d366;text-underline-offset:.15em;&:hover{text-decoration-color:currentColor}}& blockquote{border-inline-start:3px solid oklch(50% .2 270);padding-inline-start:1.25rem;color:#373a43}.button:not(page-tools *),button:not(page-tools *){font-weight:600;letter-spacing:-.01em;border-radius:var(--radius-full);background:linear-gradient(135deg,#3b51d3,#8451c9);transition:transform var(--duration-normal) var(--ease-default),box-shadow var(--duration-normal) var(--ease-default);&:hover{transform:translateY(-2px);box-shadow:0 8px 20px #3b51d340}}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(50% .2 270);--cb-string: oklch(58% .15 145);--cb-function: oklch(62% .18 340);--cb-number: oklch(60% .14 70);--cb-button-bg: var(--color-surface)}::selection{background:#3b51d333;color:#080b14}}:root[data-theme~=startup][data-mode=dark],[data-theme~=startup][data-mode=dark]{color-scheme:dark;--color-background: oklch(12% .03 270);--color-surface: oklch(15% .03 270);--color-surface-alt: oklch(18% .03 270);--color-surface-raised: oklch(22% .03 270);--color-surface-sunken: oklch(10% .03 270);--color-text: oklch(96% .005 270);--color-text-muted: oklch(78% .01 270);--color-text-subtle: oklch(60% .01 270);--color-primary: oklch(68% .18 270);--color-primary-hover: oklch(73% .19 270);--color-primary-subtle: oklch(22% .06 270);--color-accent: oklch(70% .16 340);--color-accent-hover: oklch(75% .17 340);--color-border: oklch(25% .03 270);--color-border-muted: oklch(20% .025 270);--color-border-strong: oklch(42% .04 270);--color-success: oklch(68% .13 145);--color-warning: oklch(78% .12 70);--color-error: oklch(65% .18 25);--color-info: oklch(68% .18 270);--shadow-xs: 0 1px 2px oklch(10% .03 270 / .2);--shadow-sm: 0 1px 3px oklch(10% .03 270 / .25), 0 1px 2px oklch(50% .15 270 / .05);--shadow-md: 0 4px 6px oklch(10% .03 270 / .25), 0 2px 4px oklch(50% .15 270 / .06);--shadow-lg: 0 10px 15px oklch(10% .03 270 / .25), 0 4px 6px oklch(50% .15 270 / .08);--shadow-xl: 0 20px 25px oklch(10% .03 270 / .25), 0 8px 10px oklch(50% .15 270 / .1);--shadow-2xl: 0 25px 50px oklch(10% .03 270 / .3), 0 12px 20px oklch(50% .15 270 / .12);:is(main,article){& hr:not([data-ornament]){background:linear-gradient(90deg,oklch(68% .18 270),#de73bd,oklch(68% .18 270 / 0))}& h1,h2{color:#f0f2f5}& h3{color:#dcdee3}& blockquote{border-inline-start-color:oklch(68% .18 270);color:#b5b7be}.button:not(page-tools *),button:not(page-tools *){background:linear-gradient(135deg,oklch(68% .18 270),#9f75e1);&:hover{box-shadow:0 8px 20px oklch(68% .18 270 / .3)}}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(68% .18 270);--cb-string: oklch(68% .13 145);--cb-function: oklch(70% .16 340);--cb-number: oklch(72% .12 70)}::selection{background:oklch(68% .18 270 / .3);color:#f0f2f5}}
+@import"https://fonts.googleapis.com/css2?family=Inter: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~=startup],[data-theme~=startup]{color-scheme:light;--theme-border-style: soft;--theme-icon-set: lucide;--color-background: oklch(99% .005 270);--color-surface: oklch(100% 0 0);--color-surface-alt: oklch(97% .01 270);--color-surface-raised: oklch(100% 0 0);--color-surface-sunken: oklch(96% .01 270);--color-text: oklch(15% .02 270);--color-text-muted: oklch(38% .015 270);--color-text-subtle: oklch(52% .01 270);--color-primary: oklch(50% .2 270);--color-primary-hover: oklch(45% .22 270);--color-primary-subtle: oklch(93% .04 270);--color-accent: oklch(62% .18 340);--color-accent-hover: oklch(57% .19 340);--color-border: oklch(90% .01 270);--color-border-muted: oklch(93% .008 270);--color-border-strong: oklch(65% .02 270);--color-success: oklch(58% .15 145);--color-warning: oklch(72% .14 70);--color-error: oklch(55% .2 25);--color-info: oklch(50% .2 270);--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "SF Mono", "Cascadia Code", "JetBrains Mono", Consolas, monospace;--line-height-normal: 1.6;--line-height-tight: 1.15;--radius-xs: 4px;--radius-s: 6px;--radius-m: 8px;--radius-l: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-full: 9999px;--shadow-xs: 0 1px 2px oklch(50% .1 270 / .06);--shadow-s: 0 1px 3px oklch(50% .1 270 / .08), 0 1px 2px oklch(50% .1 270 / .04);--shadow-m: 0 4px 6px oklch(50% .1 270 / .08), 0 2px 4px oklch(50% .1 270 / .04);--shadow-l: 0 10px 15px oklch(50% .1 270 / .1), 0 4px 6px oklch(50% .1 270 / .04);--shadow-xl: 0 20px 25px oklch(50% .1 270 / .1);--shadow-2xl: 0 25px 50px oklch(50% .1 270 / .15);--duration-instant: 50ms;--duration-fast: 80ms;--duration-normal: .15s;--duration-slow: .25s;--ease-default: cubic-bezier(.34, 1.56, .64, 1);--ease-out: cubic-bezier(0, 0, .2, 1)}:root[data-theme~=startup],[data-theme~=startup]{:is(main,article){& hr:not([data-ornament]){border:none;height:2px;background:linear-gradient(90deg,#3b51d3,#c952a8,#3b51d300);margin-block:2rem}& h1,h2{font-weight:700;letter-spacing:-.025em;color:#080b14}& h3{font-weight:600;letter-spacing:-.015em;color:#12161f}& a:not([class]){color:var(--color-primary);text-decoration-color:#3b51d366;text-underline-offset:.15em;&:hover{text-decoration-color:currentColor}}& blockquote{border-inline-start:3px solid oklch(50% .2 270);padding-inline-start:1.25rem;color:#373a43}.button:not(page-tools *),button:not(page-tools *){font-weight:600;letter-spacing:-.01em;border-radius:var(--radius-full);background:linear-gradient(135deg,#3b51d3,#8451c9);transition:transform var(--duration-normal) var(--ease-default),box-shadow var(--duration-normal) var(--ease-default);&:hover{transform:translateY(-2px);box-shadow:0 8px 20px #3b51d340}}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(50% .2 270);--cb-string: oklch(58% .15 145);--cb-function: oklch(62% .18 340);--cb-number: oklch(60% .14 70);--cb-button-bg: var(--color-surface)}::selection{background:#3b51d333;color:#080b14}}:root[data-theme~=startup][data-mode=dark],[data-theme~=startup][data-mode=dark]{color-scheme:dark;--color-background: oklch(12% .03 270);--color-surface: oklch(15% .03 270);--color-surface-alt: oklch(18% .03 270);--color-surface-raised: oklch(22% .03 270);--color-surface-sunken: oklch(10% .03 270);--color-text: oklch(96% .005 270);--color-text-muted: oklch(78% .01 270);--color-text-subtle: oklch(60% .01 270);--color-primary: oklch(68% .18 270);--color-primary-hover: oklch(73% .19 270);--color-primary-subtle: oklch(22% .06 270);--color-accent: oklch(70% .16 340);--color-accent-hover: oklch(75% .17 340);--color-border: oklch(25% .03 270);--color-border-muted: oklch(20% .025 270);--color-border-strong: oklch(42% .04 270);--color-success: oklch(68% .13 145);--color-warning: oklch(78% .12 70);--color-error: oklch(65% .18 25);--color-info: oklch(68% .18 270);--shadow-xs: 0 1px 2px oklch(10% .03 270 / .2);--shadow-s: 0 1px 3px oklch(10% .03 270 / .25), 0 1px 2px oklch(50% .15 270 / .05);--shadow-m: 0 4px 6px oklch(10% .03 270 / .25), 0 2px 4px oklch(50% .15 270 / .06);--shadow-l: 0 10px 15px oklch(10% .03 270 / .25), 0 4px 6px oklch(50% .15 270 / .08);--shadow-xl: 0 20px 25px oklch(10% .03 270 / .25), 0 8px 10px oklch(50% .15 270 / .1);--shadow-2xl: 0 25px 50px oklch(10% .03 270 / .3), 0 12px 20px oklch(50% .15 270 / .12);:is(main,article){& hr:not([data-ornament]){background:linear-gradient(90deg,oklch(68% .18 270),#de73bd,oklch(68% .18 270 / 0))}& h1,h2{color:#f0f2f5}& h3{color:#dcdee3}& blockquote{border-inline-start-color:oklch(68% .18 270);color:#b5b7be}.button:not(page-tools *),button:not(page-tools *){background:linear-gradient(135deg,oklch(68% .18 270),#9f75e1);&:hover{box-shadow:0 8px 20px oklch(68% .18 270 / .3)}}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(68% .18 270);--cb-string: oklch(68% .13 145);--cb-function: oklch(70% .16 340);--cb-number: oklch(72% .12 70)}::selection{background:oklch(68% .18 270 / .3);color:#f0f2f5}}}
 /*# sourceMappingURL=startup.css.map */