vanilla-breeze 0.3.0 → 0.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (224) hide show
  1. package/README.md +33 -4
  2. package/dist/cdn/components/activity-feed.js +1 -1
  3. package/dist/cdn/components/audio-player.js +2 -2
  4. package/dist/cdn/components/carousel-wc.js +1 -1
  5. package/dist/cdn/components/comment-box.js +16 -16
  6. package/dist/cdn/components/comment-thread.js +20 -20
  7. package/dist/cdn/components/comment-wc.js +1 -1
  8. package/dist/cdn/components/content-lens.js +1 -1
  9. package/dist/cdn/components/context-menu.js +1 -1
  10. package/dist/cdn/components/diagram-wc.js +1 -1
  11. package/dist/cdn/components/drop-down.js +1 -1
  12. package/dist/cdn/components/image-gallery.js +1 -1
  13. package/dist/cdn/components/manifest.json +44 -20
  14. package/dist/cdn/components/reaction-bar.js +1 -1
  15. package/dist/cdn/components/score-card.js +2 -2
  16. package/dist/cdn/components/settings-panel.js +15 -15
  17. package/dist/cdn/components/site-search.js +1 -1
  18. package/dist/cdn/components/social-embed.js +1 -1
  19. package/dist/cdn/components/tab-set.js +1 -1
  20. package/dist/cdn/components/theme-picker.js +45 -45
  21. package/dist/cdn/components/time-index.js +2 -2
  22. package/dist/cdn/components/time-picker.js +1 -1
  23. package/dist/cdn/components/version-switcher.js +1 -1
  24. package/dist/cdn/packs/effects.full.js +1 -1
  25. package/dist/cdn/packs/journal.effects.css +1 -1
  26. package/dist/cdn/packs/journal.full.css +1 -1
  27. package/dist/cdn/packs/kawaii.effects.css +1 -1
  28. package/dist/cdn/packs/kawaii.full.css +2 -2
  29. package/dist/cdn/packs/kawaii.full.js +4 -4
  30. package/dist/cdn/packs/kawaii.theme.css +1 -1
  31. package/dist/cdn/packs/manifest.json +11 -11
  32. package/dist/cdn/packs/memphis.full.css +1 -1
  33. package/dist/cdn/packs/memphis.theme.css +1 -1
  34. package/dist/cdn/packs/ui.full.css +1 -1
  35. package/dist/cdn/packs/ui.full.js +52 -52
  36. package/dist/cdn/themes/8bit.css +1 -1
  37. package/dist/cdn/themes/8bit.tokens.json +4 -4
  38. package/dist/cdn/themes/alpha1999-dark.tokens.json +4 -4
  39. package/dist/cdn/themes/alpha1999.css +1 -1
  40. package/dist/cdn/themes/alpha1999.tokens.json +4 -4
  41. package/dist/cdn/themes/anthropic.css +1 -1
  42. package/dist/cdn/themes/anthropic.tokens.json +4 -4
  43. package/dist/cdn/themes/art-deco-dark.tokens.json +4 -4
  44. package/dist/cdn/themes/art-deco.css +1 -1
  45. package/dist/cdn/themes/art-deco.tokens.json +4 -4
  46. package/dist/cdn/themes/bauhaus-dark.tokens.json +1 -1
  47. package/dist/cdn/themes/bauhaus.css +1 -1
  48. package/dist/cdn/themes/bauhaus.tokens.json +4 -4
  49. package/dist/cdn/themes/brutalist-dark.tokens.json +4 -4
  50. package/dist/cdn/themes/brutalist.css +1 -1
  51. package/dist/cdn/themes/brutalist.tokens.json +4 -4
  52. package/dist/cdn/themes/catalog/atlassian.tokens.json +2 -2
  53. package/dist/cdn/themes/catalog/bootstrap.tokens.json +2 -2
  54. package/dist/cdn/themes/catalog/carbon.tokens.json +2 -2
  55. package/dist/cdn/themes/catalog/catppuccin-mocha.tokens.json +2 -2
  56. package/dist/cdn/themes/catalog/govuk.tokens.json +2 -2
  57. package/dist/cdn/themes/catalog/manifest.json +1 -1
  58. package/dist/cdn/themes/catalog/material.tokens.json +2 -2
  59. package/dist/cdn/themes/catalog/salesforce.tokens.json +2 -2
  60. package/dist/cdn/themes/catalog/tailwind.tokens.json +2 -2
  61. package/dist/cdn/themes/catppuccin-frappe.css +1 -1
  62. package/dist/cdn/themes/catppuccin-frappe.tokens.json +4 -4
  63. package/dist/cdn/themes/catppuccin-latte-dark.tokens.json +4 -4
  64. package/dist/cdn/themes/catppuccin-latte.css +1 -1
  65. package/dist/cdn/themes/catppuccin-latte.tokens.json +4 -4
  66. package/dist/cdn/themes/catppuccin-macchiato.css +1 -1
  67. package/dist/cdn/themes/catppuccin-macchiato.tokens.json +4 -4
  68. package/dist/cdn/themes/catppuccin-mocha.css +1 -1
  69. package/dist/cdn/themes/catppuccin-mocha.tokens.json +4 -4
  70. package/dist/cdn/themes/classic-dark.tokens.json +4 -4
  71. package/dist/cdn/themes/classic.css +1 -1
  72. package/dist/cdn/themes/classic.tokens.json +4 -4
  73. package/dist/cdn/themes/claymorphism-dark.tokens.json +10 -10
  74. package/dist/cdn/themes/claymorphism.css +1 -1
  75. package/dist/cdn/themes/claymorphism.tokens.json +10 -10
  76. package/dist/cdn/themes/clinical-dark.tokens.json +4 -4
  77. package/dist/cdn/themes/clinical.css +1 -1
  78. package/dist/cdn/themes/clinical.tokens.json +4 -4
  79. package/dist/cdn/themes/cottagecore-dark.tokens.json +4 -4
  80. package/dist/cdn/themes/cottagecore.css +1 -1
  81. package/dist/cdn/themes/cottagecore.tokens.json +4 -4
  82. package/dist/cdn/themes/cyber.css +1 -1
  83. package/dist/cdn/themes/cyber.tokens.json +4 -5
  84. package/dist/cdn/themes/dawn-dark.tokens.json +4 -4
  85. package/dist/cdn/themes/dawn.css +1 -1
  86. package/dist/cdn/themes/dawn.tokens.json +4 -4
  87. package/dist/cdn/themes/dracula.css +1 -1
  88. package/dist/cdn/themes/dracula.tokens.json +4 -4
  89. package/dist/cdn/themes/dusk.css +1 -1
  90. package/dist/cdn/themes/dusk.tokens.json +4 -4
  91. package/dist/cdn/themes/editorial-dark.tokens.json +3 -3
  92. package/dist/cdn/themes/editorial.css +1 -1
  93. package/dist/cdn/themes/editorial.tokens.json +4 -4
  94. package/dist/cdn/themes/financial-dark.tokens.json +4 -4
  95. package/dist/cdn/themes/financial.css +1 -1
  96. package/dist/cdn/themes/financial.tokens.json +4 -4
  97. package/dist/cdn/themes/genai.css +1 -1
  98. package/dist/cdn/themes/genai.tokens.json +4 -4
  99. package/dist/cdn/themes/glassmorphism-dark.tokens.json +4 -4
  100. package/dist/cdn/themes/glassmorphism.css +1 -1
  101. package/dist/cdn/themes/glassmorphism.tokens.json +4 -4
  102. package/dist/cdn/themes/government-dark.tokens.json +4 -4
  103. package/dist/cdn/themes/government.css +1 -1
  104. package/dist/cdn/themes/government.tokens.json +4 -4
  105. package/dist/cdn/themes/gruvbox-dark.tokens.json +4 -4
  106. package/dist/cdn/themes/gruvbox.css +1 -1
  107. package/dist/cdn/themes/gruvbox.tokens.json +4 -4
  108. package/dist/cdn/themes/high-noon-dark.tokens.json +4 -4
  109. package/dist/cdn/themes/high-noon.css +1 -1
  110. package/dist/cdn/themes/high-noon.tokens.json +4 -4
  111. package/dist/cdn/themes/ibm.css +1 -1
  112. package/dist/cdn/themes/ibm.tokens.json +6 -6
  113. package/dist/cdn/themes/journal-dark.tokens.json +4 -4
  114. package/dist/cdn/themes/journal.css +1 -1
  115. package/dist/cdn/themes/journal.tokens.json +4 -4
  116. package/dist/cdn/themes/kawaii-dark.tokens.json +4 -4
  117. package/dist/cdn/themes/kawaii.css +1 -1
  118. package/dist/cdn/themes/kawaii.tokens.json +4 -4
  119. package/dist/cdn/themes/magna-dark.tokens.json +4 -4
  120. package/dist/cdn/themes/magna.css +1 -1
  121. package/dist/cdn/themes/magna.tokens.json +4 -4
  122. package/dist/cdn/themes/manifest.json +48 -48
  123. package/dist/cdn/themes/mcdonalds.css +1 -1
  124. package/dist/cdn/themes/mcdonalds.tokens.json +4 -4
  125. package/dist/cdn/themes/midnight.css +1 -1
  126. package/dist/cdn/themes/midnight.tokens.json +4 -4
  127. package/dist/cdn/themes/minimal-dark.tokens.json +4 -4
  128. package/dist/cdn/themes/minimal.css +1 -1
  129. package/dist/cdn/themes/minimal.tokens.json +4 -4
  130. package/dist/cdn/themes/modern-dark.tokens.json +4 -4
  131. package/dist/cdn/themes/modern.css +1 -1
  132. package/dist/cdn/themes/modern.tokens.json +4 -4
  133. package/dist/cdn/themes/nes-dark.tokens.json +4 -4
  134. package/dist/cdn/themes/nes.css +1 -1
  135. package/dist/cdn/themes/nes.tokens.json +4 -4
  136. package/dist/cdn/themes/neumorphism-dark.tokens.json +10 -10
  137. package/dist/cdn/themes/neumorphism.css +1 -1
  138. package/dist/cdn/themes/neumorphism.tokens.json +10 -10
  139. package/dist/cdn/themes/nord-dark.tokens.json +4 -4
  140. package/dist/cdn/themes/nord.css +1 -1
  141. package/dist/cdn/themes/nord.tokens.json +4 -4
  142. package/dist/cdn/themes/organic-dark.tokens.json +4 -4
  143. package/dist/cdn/themes/organic.css +1 -1
  144. package/dist/cdn/themes/organic.tokens.json +4 -4
  145. package/dist/cdn/themes/rose-pine-dark.tokens.json +4 -4
  146. package/dist/cdn/themes/rose-pine.css +1 -1
  147. package/dist/cdn/themes/rose-pine.tokens.json +4 -4
  148. package/dist/cdn/themes/rough-dark.tokens.json +4 -5
  149. package/dist/cdn/themes/rough.css +1 -1
  150. package/dist/cdn/themes/rough.tokens.json +5 -6
  151. package/dist/cdn/themes/solarized-dark.tokens.json +4 -4
  152. package/dist/cdn/themes/solarized.css +1 -1
  153. package/dist/cdn/themes/solarized.tokens.json +4 -4
  154. package/dist/cdn/themes/starbucks.css +1 -1
  155. package/dist/cdn/themes/starbucks.tokens.json +4 -4
  156. package/dist/cdn/themes/startup-dark.tokens.json +4 -4
  157. package/dist/cdn/themes/startup.css +1 -1
  158. package/dist/cdn/themes/startup.tokens.json +4 -4
  159. package/dist/cdn/themes/super2026-dark.tokens.json +4 -4
  160. package/dist/cdn/themes/super2026.css +1 -1
  161. package/dist/cdn/themes/super2026.tokens.json +4 -4
  162. package/dist/cdn/themes/swiss-dark.tokens.json +1 -1
  163. package/dist/cdn/themes/swiss.css +1 -1
  164. package/dist/cdn/themes/swiss.tokens.json +4 -4
  165. package/dist/cdn/themes/terminal.css +1 -1
  166. package/dist/cdn/themes/terminal.tokens.json +4 -4
  167. package/dist/cdn/themes/tokyo-night-dark.tokens.json +4 -4
  168. package/dist/cdn/themes/tokyo-night.css +1 -1
  169. package/dist/cdn/themes/tokyo-night.tokens.json +4 -4
  170. package/dist/cdn/themes/vaporwave-dark.tokens.json +4 -4
  171. package/dist/cdn/themes/vaporwave.css +1 -1
  172. package/dist/cdn/themes/vaporwave.tokens.json +4 -4
  173. package/dist/cdn/themes/win9x-dark.tokens.json +4 -4
  174. package/dist/cdn/themes/win9x.css +1 -1
  175. package/dist/cdn/themes/win9x.tokens.json +4 -4
  176. package/dist/cdn/vanilla-breeze-charts.css +1 -1
  177. package/dist/cdn/vanilla-breeze-core.css +1 -1
  178. package/dist/cdn/vanilla-breeze-core.js +62 -62
  179. package/dist/cdn/vanilla-breeze-dev.css +1 -1
  180. package/dist/cdn/vanilla-breeze-extras.js +19 -19
  181. package/dist/cdn/vanilla-breeze-labs.css +1 -1
  182. package/dist/cdn/vanilla-breeze.css +1 -1
  183. package/dist/cdn/vanilla-breeze.js +170 -170
  184. package/package.json +5 -8
  185. package/dist/cdn/components/accessibility-specimen.js +0 -11
  186. package/dist/cdn/components/adr-wc.js +0 -403
  187. package/dist/cdn/components/breakpoint-specimen.js +0 -26
  188. package/dist/cdn/components/burndown-chart.js +0 -2
  189. package/dist/cdn/components/capacity-plan.js +0 -25
  190. package/dist/cdn/components/color-palette.js +0 -16
  191. package/dist/cdn/components/component-sampler.js +0 -45
  192. package/dist/cdn/components/empathy-map.js +0 -582
  193. package/dist/cdn/components/font-pairer.js +0 -108
  194. package/dist/cdn/components/gantt-chart.js +0 -2
  195. package/dist/cdn/components/gradient-builder.js +0 -52
  196. package/dist/cdn/components/impact-effort.js +0 -2
  197. package/dist/cdn/components/iron-triangle.js +0 -2
  198. package/dist/cdn/components/kanban-board.js +0 -2
  199. package/dist/cdn/components/layout-specimen.js +0 -35
  200. package/dist/cdn/components/motion-specimen.js +0 -21
  201. package/dist/cdn/components/palette-generator.js +0 -15
  202. package/dist/cdn/components/product-roadmap.js +0 -3
  203. package/dist/cdn/components/quadrant-grid.js +0 -3
  204. package/dist/cdn/components/quality-target.js +0 -12
  205. package/dist/cdn/components/requirement-card.js +0 -122
  206. package/dist/cdn/components/review-surface.js +0 -535
  207. package/dist/cdn/components/risk-register.js +0 -25
  208. package/dist/cdn/components/semantic-palette.js +0 -30
  209. package/dist/cdn/components/spacing-specimen.js +0 -6
  210. package/dist/cdn/components/story-map.js +0 -2
  211. package/dist/cdn/components/theme-catalog.js +0 -28
  212. package/dist/cdn/components/theme-export.js +0 -26
  213. package/dist/cdn/components/theme-import.js +0 -44
  214. package/dist/cdn/components/token-specimen.js +0 -26
  215. package/dist/cdn/components/traceability-matrix.js +0 -3
  216. package/dist/cdn/components/type-specimen.js +0 -19
  217. package/dist/cdn/components/user-journey.js +0 -366
  218. package/dist/cdn/components/user-persona.js +0 -402
  219. package/dist/cdn/components/user-story.js +0 -411
  220. package/dist/cdn/components/work-item.js +0 -447
  221. package/dist/cdn/packs/design-system.full.css +0 -2
  222. package/dist/cdn/packs/design-system.full.js +0 -175
  223. package/dist/cdn/packs/ux-planning.full.css +0 -2
  224. package/dist/cdn/packs/ux-planning.full.js +0 -3160
@@ -1,2 +1,2 @@
1
- @import"https://fonts.googleapis.com/css2?family=Lora:wght@400..700&display=swap";:root[data-theme~=cottagecore],[data-theme~=cottagecore]{color-scheme:light;--theme-border-style: soft;--theme-icon-set: lucide;--color-background: oklch(97% .01 80);--color-surface: oklch(99% .008 80);--color-surface-alt: oklch(95% .015 80);--color-surface-raised: oklch(100% .005 80);--color-surface-sunken: oklch(93% .015 80);--color-text: oklch(28% .04 60);--color-text-muted: oklch(42% .035 60);--color-text-subtle: oklch(55% .025 60);--color-primary: oklch(58% .08 145);--caret-color: var(--color-primary);--color-primary-hover: oklch(52% .09 145);--color-primary-subtle: oklch(93% .02 145);--color-accent: oklch(68% .08 10);--color-accent-hover: oklch(62% .09 10);--color-accent-subtle: oklch(94% .02 10);--_cottagecore-color-gold: oklch(75% .1 80);--color-border: oklch(85% .015 80);--color-border-muted: oklch(90% .01 80);--color-border-strong: oklch(70% .02 80);--color-success: oklch(55% .1 145);--color-warning: oklch(72% .1 80);--color-error: oklch(55% .14 20);--color-info: oklch(55% .08 230);--font-sans: system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "Fira Code", "Cascadia Code", Consolas, monospace;--line-height-normal: 1.7;--line-height-tight: 1.3;--radius-xs: 3px;--radius-s: 5px;--radius-m: 8px;--radius-l: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-full: 9999px;--shadow-xs: 0 1px 3px oklch(40% .04 60 / .08);--shadow-sm: 0 2px 5px oklch(40% .04 60 / .1);--shadow-md: 0 4px 10px oklch(40% .04 60 / .12);--shadow-lg: 0 8px 20px oklch(40% .04 60 / .14);--shadow-xl: 0 12px 28px oklch(40% .04 60 / .16);--shadow-2xl: 0 18px 40px oklch(40% .04 60 / .18);--duration-instant: 55ms;--duration-fast: .11s;--duration-normal: .22s;--duration-slow: .33s;--ease-default: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(.22, 1, .36, 1)}:root[data-theme~=cottagecore],[data-theme~=cottagecore]{:is(main,article){& h1,h2,h3{font-family:Lora,Georgia,Times New Roman,serif}& h1{color:#385638;font-weight:700;letter-spacing:-.01em}& h2{color:#486749;font-weight:600}& h3{color:#a4666f;font-weight:600}& hr:not([data-ornament]){border:none;text-align:center;height:2rem;position:relative;margin-block:2rem;&:before{content:"\274b\273f\274b";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#5c875d;letter-spacing:.5rem;font-size:1rem}}& blockquote{background:#f4eee4;border-inline-start:3px solid oklch(68% .08 10);padding:1.25rem 1.5rem;color:#483628;position:relative;&:before{content:"\201c";position:absolute;top:-.25rem;left:.75rem;font-family:Lora,Georgia,serif;font-size:2.5rem;color:#c4848d66;line-height:1}}& a:not([class]){color:#467748;text-decoration:none;border-block-end:1px solid oklch(68% .08 10 / .5);transition:all .22s var(--ease-default);&:hover{color:#a4666f;border-color:#a4666f}}.button,button{background:#5c875d;border:1px solid oklch(52% .09 145);color:#fff;font-weight:600;border-radius:var(--radius-l);box-shadow:var(--shadow-sm);transition:all .22s var(--ease-default);&:hover{background:#467748;box-shadow:var(--shadow-md);transform:translateY(-1px)}&:active{transform:translateY(0);box-shadow:var(--shadow-xs)}}.card{background:var(--color-surface);border:1px solid oklch(85% .015 80);border-radius:var(--radius-l);box-shadow:var(--shadow-sm);transition:all .22s var(--ease-default);&:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}}& input,textarea,select{border:1px solid oklch(85% .015 80);background:#fffbf6;border-radius:var(--radius-m);transition:all .22s var(--ease-default);&:focus{border-color:#5c875d;box-shadow:0 0 0 3px #5c875d26;outline:none}&::placeholder{color:var(--color-text-subtle)}}& code{background:#f2eade;color:#523d2d;border-radius:var(--radius-s);padding:.125rem .375rem}& pre{background:#f4eee4;border:1px solid oklch(85% .015 80);border-radius:var(--radius-l)}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(52% .09 145);--cb-string: oklch(58% .08 10);--cb-function: oklch(75% .1 80);--cb-number: oklch(55% .14 20);--cb-tag: oklch(58% .08 145);--cb-attribute: oklch(68% .08 10);--cb-button-bg: var(--color-surface)}::selection{background:#c4848d4d;color:#372414}}:root[data-theme~=cottagecore][data-mode=dark],[data-theme~=cottagecore][data-mode=dark]{color-scheme:dark;--color-background: oklch(15% .02 60);--color-surface: oklch(18% .02 60);--color-surface-alt: oklch(22% .02 60);--color-surface-raised: oklch(24% .02 60);--color-surface-sunken: oklch(12% .02 60);--color-text: oklch(92% .01 80);--color-text-muted: oklch(72% .015 80);--color-text-subtle: oklch(55% .01 80);--color-primary: oklch(65% .08 145);--color-primary-hover: oklch(70% .09 145);--color-primary-subtle: oklch(22% .03 145);--color-accent: oklch(72% .07 10);--color-accent-hover: oklch(77% .08 10);--color-accent-subtle: oklch(22% .02 10);--_cottagecore-color-gold: oklch(78% .1 80);--color-border: oklch(30% .02 60);--color-border-muted: oklch(25% .015 60);--color-border-strong: oklch(45% .02 60);--color-success: oklch(62% .1 145);--color-warning: oklch(75% .1 80);--color-error: oklch(60% .14 20);--color-info: oklch(60% .08 230);--shadow-xs: 0 1px 3px oklch(8% .02 60 / .3);--shadow-sm: 0 2px 5px oklch(8% .02 60 / .35);--shadow-md: 0 4px 10px oklch(8% .02 60 / .4);--shadow-lg: 0 8px 20px oklch(8% .02 60 / .45);--shadow-xl: 0 12px 28px oklch(8% .02 60 / .5);--shadow-2xl: 0 18px 40px oklch(8% .02 60 / .55);:is(main,article){& h1{color:#89b18a}& h2{color:#7da47e}& h3{color:#cc939a}& hr:not([data-ornament]){&:before{color:#709c71}}& blockquote{background:#1d140d;border-color:#cc939a;color:#aaa49a;&:before{color:#cc939a66}}& a:not([class]){color:#709c71;border-color:#cc939a66;&:hover{color:#cc939a;border-color:#cc939a}}.button,button{background:#709c71;border-color:#578859;&:hover{background:#578859}}.card{background:var(--color-surface);border-color:#362c24;&:hover{border-color:#5e534a}}& input,textarea,select{border-color:#362c24;background:#180f09;color:var(--color-text);&:focus{border-color:#709c71;box-shadow:0 0 0 3px #709c7126}}& code{background:#221811;color:#89b18a}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(65% .08 145);--cb-string: oklch(72% .07 10);--cb-function: oklch(78% .1 80);--cb-number: oklch(60% .14 20);--cb-tag: oklch(65% .08 145);--cb-attribute: oklch(72% .07 10);--cb-button-bg: var(--color-surface)}::selection{background:#cc939a4d;color:#e8e4dd}}
1
+ @import"https://fonts.googleapis.com/css2?family=Lora: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~=cottagecore],[data-theme~=cottagecore]{color-scheme:light;--theme-border-style: soft;--theme-icon-set: lucide;--color-background: oklch(97% .01 80);--color-surface: oklch(99% .008 80);--color-surface-alt: oklch(95% .015 80);--color-surface-raised: oklch(100% .005 80);--color-surface-sunken: oklch(93% .015 80);--color-text: oklch(28% .04 60);--color-text-muted: oklch(42% .035 60);--color-text-subtle: oklch(55% .025 60);--color-primary: oklch(58% .08 145);--caret-color: var(--color-primary);--color-primary-hover: oklch(52% .09 145);--color-primary-subtle: oklch(93% .02 145);--color-accent: oklch(68% .08 10);--color-accent-hover: oklch(62% .09 10);--color-accent-subtle: oklch(94% .02 10);--_cottagecore-color-gold: oklch(75% .1 80);--color-border: oklch(85% .015 80);--color-border-muted: oklch(90% .01 80);--color-border-strong: oklch(70% .02 80);--color-success: oklch(55% .1 145);--color-warning: oklch(72% .1 80);--color-error: oklch(55% .14 20);--color-info: oklch(55% .08 230);--font-sans: system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "Fira Code", "Cascadia Code", Consolas, monospace;--line-height-normal: 1.7;--line-height-tight: 1.3;--radius-xs: 3px;--radius-s: 5px;--radius-m: 8px;--radius-l: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-full: 9999px;--shadow-xs: 0 1px 3px oklch(40% .04 60 / .08);--shadow-s: 0 2px 5px oklch(40% .04 60 / .1);--shadow-m: 0 4px 10px oklch(40% .04 60 / .12);--shadow-l: 0 8px 20px oklch(40% .04 60 / .14);--shadow-xl: 0 12px 28px oklch(40% .04 60 / .16);--shadow-2xl: 0 18px 40px oklch(40% .04 60 / .18);--duration-instant: 55ms;--duration-fast: .11s;--duration-normal: .22s;--duration-slow: .33s;--ease-default: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(.22, 1, .36, 1)}:root[data-theme~=cottagecore],[data-theme~=cottagecore]{:is(main,article){& h1,h2,h3{font-family:Lora,Georgia,Times New Roman,serif}& h1{color:#385638;font-weight:700;letter-spacing:-.01em}& h2{color:#486749;font-weight:600}& h3{color:#a4666f;font-weight:600}& hr:not([data-ornament]){border:none;text-align:center;height:2rem;position:relative;margin-block:2rem;&:before{content:"\274b\273f\274b";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#5c875d;letter-spacing:.5rem;font-size:1rem}}& blockquote{background:#f4eee4;border-inline-start:3px solid oklch(68% .08 10);padding:1.25rem 1.5rem;color:#483628;position:relative;&:before{content:"\201c";position:absolute;top:-.25rem;left:.75rem;font-family:Lora,Georgia,serif;font-size:2.5rem;color:#c4848d66;line-height:1}}& a:not([class]){color:#467748;text-decoration:none;border-block-end:1px solid oklch(68% .08 10 / .5);transition:all .22s var(--ease-default);&:hover{color:#a4666f;border-color:#a4666f}}.button,button{background:#5c875d;border:1px solid oklch(52% .09 145);color:#fff;font-weight:600;border-radius:var(--radius-l);box-shadow:var(--shadow-s);transition:all .22s var(--ease-default);&:hover{background:#467748;box-shadow:var(--shadow-m);transform:translateY(-1px)}&:active{transform:translateY(0);box-shadow:var(--shadow-xs)}}.card{background:var(--color-surface);border:1px solid oklch(85% .015 80);border-radius:var(--radius-l);box-shadow:var(--shadow-s);transition:all .22s var(--ease-default);&:hover{box-shadow:var(--shadow-m);transform:translateY(-2px)}}& input,textarea,select{border:1px solid oklch(85% .015 80);background:#fffbf6;border-radius:var(--radius-m);transition:all .22s var(--ease-default);&:focus{border-color:#5c875d;box-shadow:0 0 0 3px #5c875d26;outline:none}&::placeholder{color:var(--color-text-subtle)}}& code{background:#f2eade;color:#523d2d;border-radius:var(--radius-s);padding:.125rem .375rem}& pre{background:#f4eee4;border:1px solid oklch(85% .015 80);border-radius:var(--radius-l)}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(52% .09 145);--cb-string: oklch(58% .08 10);--cb-function: oklch(75% .1 80);--cb-number: oklch(55% .14 20);--cb-tag: oklch(58% .08 145);--cb-attribute: oklch(68% .08 10);--cb-button-bg: var(--color-surface)}::selection{background:#c4848d4d;color:#372414}}:root[data-theme~=cottagecore][data-mode=dark],[data-theme~=cottagecore][data-mode=dark]{color-scheme:dark;--color-background: oklch(15% .02 60);--color-surface: oklch(18% .02 60);--color-surface-alt: oklch(22% .02 60);--color-surface-raised: oklch(24% .02 60);--color-surface-sunken: oklch(12% .02 60);--color-text: oklch(92% .01 80);--color-text-muted: oklch(72% .015 80);--color-text-subtle: oklch(55% .01 80);--color-primary: oklch(65% .08 145);--color-primary-hover: oklch(70% .09 145);--color-primary-subtle: oklch(22% .03 145);--color-accent: oklch(72% .07 10);--color-accent-hover: oklch(77% .08 10);--color-accent-subtle: oklch(22% .02 10);--_cottagecore-color-gold: oklch(78% .1 80);--color-border: oklch(30% .02 60);--color-border-muted: oklch(25% .015 60);--color-border-strong: oklch(45% .02 60);--color-success: oklch(62% .1 145);--color-warning: oklch(75% .1 80);--color-error: oklch(60% .14 20);--color-info: oklch(60% .08 230);--shadow-xs: 0 1px 3px oklch(8% .02 60 / .3);--shadow-s: 0 2px 5px oklch(8% .02 60 / .35);--shadow-m: 0 4px 10px oklch(8% .02 60 / .4);--shadow-l: 0 8px 20px oklch(8% .02 60 / .45);--shadow-xl: 0 12px 28px oklch(8% .02 60 / .5);--shadow-2xl: 0 18px 40px oklch(8% .02 60 / .55);:is(main,article){& h1{color:#89b18a}& h2{color:#7da47e}& h3{color:#cc939a}& hr:not([data-ornament]){&:before{color:#709c71}}& blockquote{background:#1d140d;border-color:#cc939a;color:#aaa49a;&:before{color:#cc939a66}}& a:not([class]){color:#709c71;border-color:#cc939a66;&:hover{color:#cc939a;border-color:#cc939a}}.button,button{background:#709c71;border-color:#578859;&:hover{background:#578859}}.card{background:var(--color-surface);border-color:#362c24;&:hover{border-color:#5e534a}}& input,textarea,select{border-color:#362c24;background:#180f09;color:var(--color-text);&:focus{border-color:#709c71;box-shadow:0 0 0 3px #709c7126}}& code{background:#221811;color:#89b18a}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(65% .08 145);--cb-string: oklch(72% .07 10);--cb-function: oklch(78% .1 80);--cb-number: oklch(60% .14 20);--cb-tag: oklch(65% .08 145);--cb-attribute: oklch(72% .07 10);--cb-button-bg: var(--color-surface)}::selection{background:#cc939a4d;color:#e8e4dd}}}
2
2
  /*# sourceMappingURL=cottagecore.css.map */
@@ -345,7 +345,7 @@
345
345
  }
346
346
  }
347
347
  },
348
- "sm": {
348
+ "s": {
349
349
  "$type": "shadow",
350
350
  "$value": {
351
351
  "offsetX": {
@@ -371,7 +371,7 @@
371
371
  }
372
372
  }
373
373
  },
374
- "md": {
374
+ "m": {
375
375
  "$type": "shadow",
376
376
  "$value": {
377
377
  "offsetX": {
@@ -397,7 +397,7 @@
397
397
  }
398
398
  }
399
399
  },
400
- "lg": {
400
+ "l": {
401
401
  "$type": "shadow",
402
402
  "$value": {
403
403
  "offsetX": {
@@ -532,7 +532,7 @@
532
532
  "$extensions": {
533
533
  "com.vanilla-breeze": {
534
534
  "spec": "2025.10",
535
- "vbVersion": "0.3.0",
535
+ "vbVersion": "0.4.0",
536
536
  "unmapped": [
537
537
  "--theme-border-style",
538
538
  "--theme-icon-set",
@@ -1,2 +1,2 @@
1
- :root[data-theme~=cyber],[data-theme~=cyber]{--color-surface: oklch(12% .02 280);--color-surface-alt: oklch(15% .025 280);--color-surface-raised: oklch(18% .03 280);--color-surface-sunken: oklch(8% .015 280);--color-background: oklch(8% .02 280);--color-text: oklch(92% .02 200);--color-text-muted: oklch(70% .03 200);--color-text-subtle: oklch(55% .02 200);--color-primary: oklch(75% .25 180);--caret-color: var(--color-primary);--color-primary-hover: oklch(80% .28 180);--color-primary-subtle: oklch(25% .08 180);--color-accent: oklch(70% .28 330);--color-accent-hover: oklch(75% .3 330);--color-accent-subtle: oklch(25% .1 330);--color-border: oklch(30% .04 280);--color-border-muted: oklch(22% .03 280);--color-border-strong: oklch(75% .25 180);--color-success: oklch(72% .22 145);--color-success-subtle: oklch(20% .08 145);--color-success-text: oklch(78% .18 145);--color-warning: oklch(78% .2 70);--color-warning-subtle: oklch(22% .1 70);--color-warning-text: oklch(82% .15 70);--color-error: oklch(62% .25 15);--color-error-subtle: oklch(20% .1 15);--color-error-text: oklch(75% .2 15);--color-info: oklch(75% .25 180);--color-info-subtle: oklch(20% .08 180);--color-info-text: oklch(80% .2 180);--_cyber-glow-cyan: 0 0 20px oklch(75% .25 180 / .5);--_cyber-glow-magenta: 0 0 20px oklch(70% .28 330 / .5);--_cyber-glow-text: 0 0 10px currentColor;--font-sans: "JetBrains Mono", ui-monospace, monospace;--font-mono: "JetBrains Mono", ui-monospace, monospace;--font-size-adjust: .5;--line-height-normal: 1.6;--line-height-tight: 1.2;--letter-spacing-wide: .05em;--radius-xs: 2px;--radius-s: 4px;--radius-m: 4px;--radius-l: 6px;--radius-xl: 8px;--radius-2xl: 8px;--shadow-xs: 0 1px 4px oklch(0% 0 0 / .3);--shadow-sm: 0 2px 8px oklch(0% 0 0 / .4);--shadow-md: 0 4px 16px oklch(0% 0 0 / .5);--shadow-lg: 0 8px 32px oklch(0% 0 0 / .6);--shadow-xl: 0 16px 48px oklch(0% 0 0 / .7);--shadow-2xl: 0 24px 64px oklch(0% 0 0 / .8);--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);--motion-hover-lift: translateY(-2px);--motion-hover-scale: scale(1.02);--motion-hover-glow: var(--_cyber-glow-cyan);--motion-stagger-delay: 75ms;--motion-snappy: steps(4);--motion-bounce: steps(6);--surface-texture-opacity: .03;--glass-blur: 12px;--glass-opacity: .1;--page-bg-gradient: linear-gradient( 135deg, oklch(8% .04 280) 0%, oklch(12% .02 280) 40%, oklch(10% .06 200) 100% );--control-border: oklch(75% .25 180);--control-checked-bg: oklch(75% .25 180);--control-checked-border: oklch(75% .25 180);--input-bg: oklch(10% .02 280);--input-border: oklch(40% .06 280);--input-border-focus: oklch(75% .25 180);--range-track-bg: oklch(25% .04 280);--range-track-fill: oklch(75% .25 180);--range-thumb-bg: oklch(12% .02 280);--range-thumb-border: oklch(75% .25 180);--progress-track-bg: oklch(20% .03 280);--progress-fill: oklch(75% .25 180)}:root[data-theme~=cyber]:before{content:"";position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 2px,oklch(0% 0 0 / .03) 2px,oklch(0% 0 0 / .03) 4px);z-index:500}:root[data-theme~=cyber]:after{content:"";position:fixed;inset:0;pointer-events:none;opacity:.03;background-image:linear-gradient(oklch(75% .25 180 / .3) 1px,transparent 1px),linear-gradient(90deg,oklch(75% .25 180 / .3) 1px,transparent 1px);background-size:50px 50px;z-index:-1}:root[data-theme~=cyber],[data-theme~=cyber]{:is(main,article){& h1,h2{text-transform:uppercase;letter-spacing:.1em;color:var(--color-primary);text-shadow:var(--_cyber-glow-text)}& h1:before{content:"// ";opacity:.5}& h3,h4{color:var(--color-accent)}& a:not([class]){color:var(--color-primary);text-decoration:none;position:relative;&:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:1px;background:var(--color-primary);box-shadow:var(--_cyber-glow-cyan);transform:scaleX(0);transition:transform .2s}&:hover:after{transform:scaleX(1)}}.button,button{text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;padding-inline:var(--size-s);border:1px solid var(--color-primary);background:transparent;color:var(--color-primary);box-shadow:inset 0 0 10px oklch(from var(--color-primary) l c h / .2);transition:all .2s;&:hover{box-shadow:var(--_cyber-glow-cyan),inset 0 0 20px oklch(from var(--color-primary) l c h / .3)}}.card{position:relative;border:2px solid var(--color-border);background:var(--color-surface);&:before{content:"";position:absolute;top:-1px;left:1rem;right:1rem;height:1px;background:linear-gradient(90deg,transparent,var(--color-primary),transparent)}&:hover{border-color:#265149;box-shadow:var(--_cyber-glow-cyan)}}& input,textarea{background:var(--color-surface-sunken);border:1px solid var(--color-border);&:focus{border-color:var(--color-primary);box-shadow:var(--_cyber-glow-cyan);outline:none}&::placeholder{color:#344d4e;font-style:italic}}& pre{background:var(--color-surface-sunken);border:1px solid var(--color-border);border-inline-start:3px solid var(--color-primary);& code{color:#7bd77f}}& code{background:var(--color-surface-raised);color:var(--color-primary)}& blockquote{border:1px solid var(--color-border);border-inline-start:3px solid var(--color-accent);background:var(--color-surface-alt);padding:1rem 1.5rem;font-style:normal;&:before{content:'"';color:var(--color-accent);font-size:2rem;line-height:1;display:block;text-shadow:var(--_cyber-glow-magenta)}}& hr:not([data-ornament]){border:none;height:1px;background:linear-gradient(90deg,transparent,var(--color-primary) 20%,var(--color-accent) 80%,transparent);margin-block:2rem;box-shadow:0 0 10px oklch(70% .2 250 / .3)}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-text-color: oklch(80% .15 145);--cb-function: oklch(75% .2 290);--cb-number: oklch(75% .15 200);--cb-tag: var(--color-primary);--cb-attribute: oklch(75% .15 200);--cb-button-bg: var(--color-surface);--cb-button-hover-bg: var(--color-primary)}:is(main,article) browser-window{--browser-window-hover-bg: var(--color-surface-raised);--browser-window-accent-color: var(--color-primary)}::selection{background:var(--color-primary);color:#000503;text-shadow:none}--shape-depth: 10%;--shape-bevel: 24px;& hr.wave,hr.zigzag,hr.scallop,hr.diamonds{background:linear-gradient(90deg,var(--color-primary),var(--color-accent))}[data-badge]{background:var(--color-primary);color:#000503;box-shadow:var(--_cyber-glow-cyan);text-transform:uppercase;letter-spacing:.05em;font-size:var(--font-size-xs, .75rem)}[data-callout=notched]{background:var(--color-surface);border:1px solid var(--color-primary);box-shadow:var(--_cyber-glow-cyan)}[data-callout=speech]{background:var(--color-surface);border:1px solid var(--color-accent)}[data-bubble=outgoing]{background:var(--color-primary);color:#000503}[data-bubble=assistant]{background:color-mix(in oklch,var(--color-accent) 15%,var(--color-surface))}[data-morph]{animation-timing-function:steps(8)}}:root[data-theme~=cyber][data-mode=light],[data-theme~=cyber][data-mode=light]{color-scheme:light;--color-surface: oklch(96% .015 250);--color-surface-alt: oklch(93% .02 250);--color-surface-raised: oklch(98% .01 250);--color-surface-sunken: oklch(90% .025 250);--color-background: oklch(97% .01 250);--color-text: oklch(15% .02 280);--color-text-muted: oklch(35% .03 280);--color-text-subtle: oklch(50% .02 280);--color-primary: oklch(50% .22 180);--color-primary-hover: oklch(45% .25 180);--color-primary-subtle: oklch(92% .06 180);--color-accent: oklch(50% .25 330);--color-accent-hover: oklch(45% .27 330);--color-accent-subtle: oklch(92% .06 330);--color-border: oklch(85% .02 250);--color-border-muted: oklch(90% .015 250);--color-border-strong: oklch(50% .22 180);--color-success: oklch(48% .18 145);--color-success-subtle: oklch(94% .05 145);--color-success-text: oklch(32% .12 145);--color-warning: oklch(55% .16 70);--color-warning-subtle: oklch(94% .06 70);--color-warning-text: oklch(38% .12 70);--color-error: oklch(48% .22 15);--color-error-subtle: oklch(94% .05 15);--color-error-text: oklch(35% .15 15);--color-info: oklch(50% .22 180);--color-info-subtle: oklch(94% .05 180);--color-info-text: oklch(35% .15 180);--input-bg: oklch(96% .015 250);--input-border: oklch(85% .02 250);--input-border-focus: oklch(50% .22 180);--_cyber-glow-cyan: 0 0 8px oklch(50% .22 180 / .2);--_cyber-glow-magenta: 0 0 8px oklch(50% .25 330 / .2);--_cyber-glow-text: none;--shadow-xs: 0 1px 4px oklch(0% 0 0 / .08);--shadow-sm: 0 2px 8px oklch(0% 0 0 / .1);--shadow-md: 0 4px 16px oklch(0% 0 0 / .12);--shadow-lg: 0 8px 32px oklch(0% 0 0 / .15);--shadow-xl: 0 16px 48px oklch(0% 0 0 / .18);--shadow-2xl: 0 24px 64px oklch(0% 0 0 / .22);--page-bg-gradient: none}:root[data-theme~=cyber][data-mode=light],[data-theme~=cyber][data-mode=light]{:is(main,article){& input,textarea{background:var(--color-surface);border:1px solid var(--color-border);&:focus{border-color:var(--color-primary);box-shadow:var(--_cyber-glow-cyan);outline:none}&::placeholder{color:var(--color-text-subtle);font-style:italic}}& pre{background:var(--color-surface-alt);border:1px solid var(--color-border);border-inline-start:3px solid var(--color-primary);& code{color:oklch(35% .15 145)}}& code{background:var(--color-surface-alt);color:var(--color-primary)}& blockquote{border:1px solid var(--color-border);border-inline-start:3px solid var(--color-accent);background:var(--color-surface-alt);&:before{color:var(--color-accent)}}.card{background:var(--color-surface);border:2px solid var(--color-border)}}:is(main,article) code-block{--cb-bg: var(--color-surface-alt);--cb-code-bg: var(--color-surface-alt);--cb-header-bg: var(--color-surface);--cb-text-color: oklch(35% .15 145);--cb-comment: var(--color-text-subtle);--cb-function: oklch(45% .2 290);--cb-number: oklch(45% .15 200);--cb-tag: var(--color-primary);--cb-attribute: oklch(45% .15 200);--cb-button-bg: var(--color-surface);--cb-button-hover-bg: var(--color-primary)}--control-border: oklch(70% .04 250);--control-checked-bg: oklch(50% .22 180);--control-checked-border: oklch(50% .22 180);--range-track-bg: oklch(88% .02 250);--range-track-fill: oklch(50% .22 180);--range-thumb-bg: oklch(98% .01 250);--range-thumb-border: oklch(50% .22 180);--progress-track-bg: oklch(88% .02 250);--progress-fill: oklch(50% .22 180)}:root[data-theme~=cyber][data-mode=light]:before{opacity:.015}:root[data-theme~=cyber][data-mode=light]:after{opacity:.02}
1
+ @layer tokens, reset, native-elements, custom-elements, web-components, utils, bundle-theme, bundle-effects, bundle-components;@layer bundle-theme{:root[data-theme~=cyber],[data-theme~=cyber]{--color-surface: oklch(12% .02 280);--color-surface-alt: oklch(15% .025 280);--color-surface-raised: oklch(18% .03 280);--color-surface-sunken: oklch(8% .015 280);--color-background: oklch(8% .02 280);--color-text: oklch(92% .02 200);--color-text-muted: oklch(70% .03 200);--color-text-subtle: oklch(55% .02 200);--color-primary: oklch(75% .25 180);--caret-color: var(--color-primary);--color-primary-hover: oklch(80% .28 180);--color-primary-subtle: oklch(25% .08 180);--color-accent: oklch(70% .28 330);--color-accent-hover: oklch(75% .3 330);--color-accent-subtle: oklch(25% .1 330);--color-border: oklch(30% .04 280);--color-border-muted: oklch(22% .03 280);--color-border-strong: oklch(75% .25 180);--color-success: oklch(72% .22 145);--color-success-subtle: oklch(20% .08 145);--color-success-text: oklch(78% .18 145);--color-warning: oklch(78% .2 70);--color-warning-subtle: oklch(22% .1 70);--color-warning-text: oklch(82% .15 70);--color-error: oklch(62% .25 15);--color-error-subtle: oklch(20% .1 15);--color-error-text: oklch(75% .2 15);--color-info: oklch(75% .25 180);--color-info-subtle: oklch(20% .08 180);--color-info-text: oklch(80% .2 180);--_cyber-glow-cyan: 0 0 20px oklch(75% .25 180 / .5);--_cyber-glow-magenta: 0 0 20px oklch(70% .28 330 / .5);--_cyber-glow-text: 0 0 10px currentColor;--font-sans: "JetBrains Mono", ui-monospace, monospace;--font-mono: "JetBrains Mono", ui-monospace, monospace;--font-size-adjust: .5;--line-height-normal: 1.6;--line-height-tight: 1.2;--letter-spacing-wide: .05em;--radius-xs: 2px;--radius-s: 4px;--radius-m: 4px;--radius-l: 6px;--radius-xl: 8px;--radius-2xl: 8px;--shadow-xs: 0 1px 4px oklch(0% 0 0 / .3);--shadow-s: 0 2px 8px oklch(0% 0 0 / .4);--shadow-m: 0 4px 16px oklch(0% 0 0 / .5);--shadow-l: 0 8px 32px oklch(0% 0 0 / .6);--shadow-xl: 0 16px 48px oklch(0% 0 0 / .7);--shadow-2xl: 0 24px 64px oklch(0% 0 0 / .8);--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);--motion-hover-lift: translateY(-2px);--motion-hover-scale: scale(1.02);--motion-stagger-delay: 75ms;--motion-snappy: steps(4);--motion-bounce: steps(6);--surface-texture-opacity: .03;--glass-blur: 12px;--glass-opacity: .1;--page-bg-gradient: linear-gradient( 135deg, oklch(8% .04 280) 0%, oklch(12% .02 280) 40%, oklch(10% .06 200) 100% );--control-border: oklch(75% .25 180);--control-checked-bg: oklch(75% .25 180);--control-checked-border: oklch(75% .25 180);--input-bg: oklch(10% .02 280);--input-border: oklch(40% .06 280);--input-border-focus: oklch(75% .25 180);--range-track-bg: oklch(25% .04 280);--range-track-fill: oklch(75% .25 180);--range-thumb-bg: oklch(12% .02 280);--range-thumb-border: oklch(75% .25 180);--progress-track-bg: oklch(20% .03 280);--progress-fill: oklch(75% .25 180)}:root[data-theme~=cyber]:before{content:"";position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 2px,oklch(0% 0 0 / .03) 2px,oklch(0% 0 0 / .03) 4px);z-index:500}:root[data-theme~=cyber]:after{content:"";position:fixed;inset:0;pointer-events:none;opacity:.03;background-image:linear-gradient(oklch(75% .25 180 / .3) 1px,transparent 1px),linear-gradient(90deg,oklch(75% .25 180 / .3) 1px,transparent 1px);background-size:50px 50px;z-index:-1}:root[data-theme~=cyber],[data-theme~=cyber]{:is(main,article){& h1,h2{text-transform:uppercase;letter-spacing:.1em;color:var(--color-primary);text-shadow:var(--_cyber-glow-text)}& h1:before{content:"// ";opacity:.5}& h3,h4{color:var(--color-accent)}& a:not([class]){color:var(--color-primary);text-decoration:none;position:relative;&:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:1px;background:var(--color-primary);box-shadow:var(--_cyber-glow-cyan);transform:scaleX(0);transition:transform .2s}&:hover:after{transform:scaleX(1)}}.button,button{text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;padding-inline:var(--size-s);border:1px solid var(--color-primary);background:transparent;color:var(--color-primary);box-shadow:inset 0 0 10px oklch(from var(--color-primary) l c h / .2);transition:all .2s;&:hover{box-shadow:var(--_cyber-glow-cyan),inset 0 0 20px oklch(from var(--color-primary) l c h / .3)}}.card{position:relative;border:2px solid var(--color-border);background:var(--color-surface);&:before{content:"";position:absolute;top:-1px;left:1rem;right:1rem;height:1px;background:linear-gradient(90deg,transparent,var(--color-primary),transparent)}&:hover{border-color:#265149;box-shadow:var(--_cyber-glow-cyan)}}& input,textarea{background:var(--color-surface-sunken);border:1px solid var(--color-border);&:focus{border-color:var(--color-primary);box-shadow:var(--_cyber-glow-cyan);outline:none}&::placeholder{color:#344d4e;font-style:italic}}& pre{background:var(--color-surface-sunken);border:1px solid var(--color-border);border-inline-start:3px solid var(--color-primary);& code{color:#7bd77f}}& code{background:var(--color-surface-raised);color:var(--color-primary)}& blockquote{border:1px solid var(--color-border);border-inline-start:3px solid var(--color-accent);background:var(--color-surface-alt);padding:1rem 1.5rem;font-style:normal;&:before{content:'"';color:var(--color-accent);font-size:2rem;line-height:1;display:block;text-shadow:var(--_cyber-glow-magenta)}}& hr:not([data-ornament]){border:none;height:1px;background:linear-gradient(90deg,transparent,var(--color-primary) 20%,var(--color-accent) 80%,transparent);margin-block:2rem;box-shadow:0 0 10px oklch(70% .2 250 / .3)}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-text-color: oklch(80% .15 145);--cb-function: oklch(75% .2 290);--cb-number: oklch(75% .15 200);--cb-tag: var(--color-primary);--cb-attribute: oklch(75% .15 200);--cb-button-bg: var(--color-surface);--cb-button-hover-bg: var(--color-primary)}:is(main,article) browser-window{--browser-window-hover-bg: var(--color-surface-raised);--browser-window-accent-color: var(--color-primary)}::selection{background:var(--color-primary);color:#000503;text-shadow:none}--shape-depth: 10%;--shape-bevel: 24px;& hr.wave,hr.zigzag,hr.scallop,hr.diamonds{background:linear-gradient(90deg,var(--color-primary),var(--color-accent))}[data-badge]{background:var(--color-primary);color:#000503;box-shadow:var(--_cyber-glow-cyan);text-transform:uppercase;letter-spacing:.05em;font-size:var(--font-size-xs, .75rem)}[data-callout=notched]{background:var(--color-surface);border:1px solid var(--color-primary);box-shadow:var(--_cyber-glow-cyan)}[data-callout=speech]{background:var(--color-surface);border:1px solid var(--color-accent)}[data-bubble=outgoing]{background:var(--color-primary);color:#000503}[data-bubble=assistant]{background:color-mix(in oklch,var(--color-accent) 15%,var(--color-surface))}[data-morph]{animation-timing-function:steps(8)}}:root[data-theme~=cyber][data-mode=light],[data-theme~=cyber][data-mode=light]{color-scheme:light;--color-surface: oklch(96% .015 250);--color-surface-alt: oklch(93% .02 250);--color-surface-raised: oklch(98% .01 250);--color-surface-sunken: oklch(90% .025 250);--color-background: oklch(97% .01 250);--color-text: oklch(15% .02 280);--color-text-muted: oklch(35% .03 280);--color-text-subtle: oklch(50% .02 280);--color-primary: oklch(50% .22 180);--color-primary-hover: oklch(45% .25 180);--color-primary-subtle: oklch(92% .06 180);--color-accent: oklch(50% .25 330);--color-accent-hover: oklch(45% .27 330);--color-accent-subtle: oklch(92% .06 330);--color-border: oklch(85% .02 250);--color-border-muted: oklch(90% .015 250);--color-border-strong: oklch(50% .22 180);--color-success: oklch(48% .18 145);--color-success-subtle: oklch(94% .05 145);--color-success-text: oklch(32% .12 145);--color-warning: oklch(55% .16 70);--color-warning-subtle: oklch(94% .06 70);--color-warning-text: oklch(38% .12 70);--color-error: oklch(48% .22 15);--color-error-subtle: oklch(94% .05 15);--color-error-text: oklch(35% .15 15);--color-info: oklch(50% .22 180);--color-info-subtle: oklch(94% .05 180);--color-info-text: oklch(35% .15 180);--input-bg: oklch(96% .015 250);--input-border: oklch(85% .02 250);--input-border-focus: oklch(50% .22 180);--_cyber-glow-cyan: 0 0 8px oklch(50% .22 180 / .2);--_cyber-glow-magenta: 0 0 8px oklch(50% .25 330 / .2);--_cyber-glow-text: none;--shadow-xs: 0 1px 4px oklch(0% 0 0 / .08);--shadow-s: 0 2px 8px oklch(0% 0 0 / .1);--shadow-m: 0 4px 16px oklch(0% 0 0 / .12);--shadow-l: 0 8px 32px oklch(0% 0 0 / .15);--shadow-xl: 0 16px 48px oklch(0% 0 0 / .18);--shadow-2xl: 0 24px 64px oklch(0% 0 0 / .22);--page-bg-gradient: none}:root[data-theme~=cyber][data-mode=light],[data-theme~=cyber][data-mode=light]{:is(main,article){& input,textarea{background:var(--color-surface);border:1px solid var(--color-border);&:focus{border-color:var(--color-primary);box-shadow:var(--_cyber-glow-cyan);outline:none}&::placeholder{color:var(--color-text-subtle);font-style:italic}}& pre{background:var(--color-surface-alt);border:1px solid var(--color-border);border-inline-start:3px solid var(--color-primary);& code{color:oklch(35% .15 145)}}& code{background:var(--color-surface-alt);color:var(--color-primary)}& blockquote{border:1px solid var(--color-border);border-inline-start:3px solid var(--color-accent);background:var(--color-surface-alt);&:before{color:var(--color-accent)}}.card{background:var(--color-surface);border:2px solid var(--color-border)}}:is(main,article) code-block{--cb-bg: var(--color-surface-alt);--cb-code-bg: var(--color-surface-alt);--cb-header-bg: var(--color-surface);--cb-text-color: oklch(35% .15 145);--cb-comment: var(--color-text-subtle);--cb-function: oklch(45% .2 290);--cb-number: oklch(45% .15 200);--cb-tag: var(--color-primary);--cb-attribute: oklch(45% .15 200);--cb-button-bg: var(--color-surface);--cb-button-hover-bg: var(--color-primary)}--control-border: oklch(70% .04 250);--control-checked-bg: oklch(50% .22 180);--control-checked-border: oklch(50% .22 180);--range-track-bg: oklch(88% .02 250);--range-track-fill: oklch(50% .22 180);--range-thumb-bg: oklch(98% .01 250);--range-thumb-border: oklch(50% .22 180);--progress-track-bg: oklch(88% .02 250);--progress-fill: oklch(50% .22 180)}:root[data-theme~=cyber][data-mode=light]:before{opacity:.015}:root[data-theme~=cyber][data-mode=light]:after{opacity:.02}}
2
2
  /*# sourceMappingURL=cyber.css.map */
@@ -447,7 +447,7 @@
447
447
  }
448
448
  }
449
449
  },
450
- "sm": {
450
+ "s": {
451
451
  "$type": "shadow",
452
452
  "$value": {
453
453
  "offsetX": {
@@ -473,7 +473,7 @@
473
473
  }
474
474
  }
475
475
  },
476
- "md": {
476
+ "m": {
477
477
  "$type": "shadow",
478
478
  "$value": {
479
479
  "offsetX": {
@@ -499,7 +499,7 @@
499
499
  }
500
500
  }
501
501
  },
502
- "lg": {
502
+ "l": {
503
503
  "$type": "shadow",
504
504
  "$value": {
505
505
  "offsetX": {
@@ -634,7 +634,7 @@
634
634
  "$extensions": {
635
635
  "com.vanilla-breeze": {
636
636
  "spec": "2025.10",
637
- "vbVersion": "0.3.0",
637
+ "vbVersion": "0.4.0",
638
638
  "unmapped": [
639
639
  "--caret-color",
640
640
  "--_cyber-glow-cyan",
@@ -642,7 +642,6 @@
642
642
  "--_cyber-glow-text",
643
643
  "--motion-hover-lift",
644
644
  "--motion-hover-scale",
645
- "--motion-hover-glow",
646
645
  "--motion-stagger-delay",
647
646
  "--motion-snappy",
648
647
  "--motion-bounce",
@@ -249,7 +249,7 @@
249
249
  }
250
250
  }
251
251
  },
252
- "sm": {
252
+ "s": {
253
253
  "$type": "shadow",
254
254
  "$value": [
255
255
  {
@@ -300,7 +300,7 @@
300
300
  }
301
301
  ]
302
302
  },
303
- "md": {
303
+ "m": {
304
304
  "$type": "shadow",
305
305
  "$value": [
306
306
  {
@@ -351,7 +351,7 @@
351
351
  }
352
352
  ]
353
353
  },
354
- "lg": {
354
+ "l": {
355
355
  "$type": "shadow",
356
356
  "$value": [
357
357
  {
@@ -459,7 +459,7 @@
459
459
  "$extensions": {
460
460
  "com.vanilla-breeze": {
461
461
  "spec": "2025.10",
462
- "vbVersion": "0.3.0",
462
+ "vbVersion": "0.4.0",
463
463
  "unmapped": [
464
464
  "--cb-header-bg",
465
465
  "--cb-keyword",
@@ -1,2 +1,2 @@
1
- @import"https://fonts.googleapis.com/css2?family=Lora:wght@400..700&display=swap";:root[data-theme~=dawn],[data-theme~=dawn]{color-scheme:light;--theme-border-style: soft;--theme-icon-set: lucide;--color-background: oklch(97% .02 70);--color-surface: oklch(99% .01 70);--color-surface-alt: oklch(95% .025 70);--color-surface-raised: oklch(100% .005 60);--color-surface-sunken: oklch(93% .03 70);--color-text: oklch(25% .04 50);--color-text-muted: oklch(40% .035 50);--color-text-subtle: oklch(55% .03 50);--color-primary: oklch(70% .12 65);--color-primary-hover: oklch(65% .13 65);--color-primary-subtle: oklch(93% .03 65);--color-accent: oklch(65% .12 30);--color-accent-hover: oklch(60% .13 30);--color-border: oklch(88% .02 60);--color-border-muted: oklch(92% .015 60);--color-border-strong: oklch(70% .03 60);--color-success: oklch(60% .12 145);--color-warning: oklch(72% .14 70);--color-error: oklch(55% .15 20);--color-info: oklch(55% .1 230);--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: 3px;--radius-s: 5px;--radius-m: 8px;--radius-l: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-full: 9999px;--shadow-xs: 0 1px 2px oklch(50% .04 60 / .06);--shadow-sm: 0 1px 3px oklch(50% .04 60 / .08), 0 1px 2px oklch(50% .04 60 / .04);--shadow-md: 0 4px 6px oklch(50% .04 60 / .08), 0 2px 4px oklch(50% .04 60 / .04);--shadow-lg: 0 10px 15px oklch(50% .04 60 / .08), 0 4px 6px oklch(50% .04 60 / .03);--shadow-xl: 0 20px 25px oklch(50% .04 60 / .08);--shadow-2xl: 0 25px 50px oklch(50% .04 60 / .12);--duration-instant: 55ms;--duration-fast: .11s;--duration-normal: .22s;--duration-slow: .33s;--ease-default: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(0, 0, .2, 1)}:root[data-theme~=dawn],[data-theme~=dawn]{:is(main,article){& hr:not([data-ornament]){border:none;border-block-start:1px solid oklch(85% .04 65);margin-block:2rem}& h1,h2{font-family:Lora,Georgia,Times New Roman,serif;font-weight:600;letter-spacing:-.01em;color:#422616}& h3,h4{font-family:Lora,Georgia,Times New Roman,serif;font-weight:500}& a:not([class]){color:#a85a28;text-decoration-color:#d18e4666;text-underline-offset:.15em;&:hover{text-decoration-color:currentColor}}& blockquote{border-inline-start:3px solid oklch(70% .12 65);padding-inline-start:1.25rem;color:#4c3428}.button,button{font-weight:500;letter-spacing:.01em}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(55% .12 30);--cb-string: oklch(60% .12 145);--cb-function: oklch(55% .1 280);--cb-number: oklch(65% .12 65);--cb-button-bg: var(--color-surface)}::selection{background:#d18e4640;color:#311c0f}}:root[data-theme~=dawn][data-mode=dark],[data-theme~=dawn][data-mode=dark]{color-scheme:dark;--color-background: oklch(18% .03 50);--color-surface: oklch(22% .03 50);--color-surface-alt: oklch(26% .025 50);--color-surface-raised: oklch(30% .025 50);--color-surface-sunken: oklch(14% .035 50);--color-text: oklch(92% .02 60);--color-text-muted: oklch(75% .02 60);--color-text-subtle: oklch(58% .02 55);--color-primary: oklch(75% .13 65);--color-primary-hover: oklch(80% .14 65);--color-primary-subtle: oklch(28% .05 65);--color-accent: oklch(70% .12 30);--color-accent-hover: oklch(75% .13 30);--color-border: oklch(30% .03 50);--color-border-muted: oklch(25% .025 50);--color-border-strong: oklch(45% .03 50);--color-success: oklch(65% .12 145);--color-warning: oklch(75% .14 70);--color-error: oklch(60% .15 20);--color-info: oklch(60% .1 230);--shadow-xs: 0 1px 2px oklch(10% .03 50 / .2);--shadow-sm: 0 1px 3px oklch(10% .03 50 / .25), 0 1px 2px oklch(10% .03 50 / .15);--shadow-md: 0 4px 6px oklch(10% .03 50 / .25), 0 2px 4px oklch(10% .03 50 / .15);--shadow-lg: 0 10px 15px oklch(10% .03 50 / .25), 0 4px 6px oklch(10% .03 50 / .1);--shadow-xl: 0 20px 25px oklch(10% .03 50 / .25);--shadow-2xl: 0 25px 50px oklch(10% .03 50 / .3);:is(main,article){& hr:not([data-ornament]){border-color:#3d281a}& h1,h2{color:#f4e0d1}& blockquote{border-color:#e69b4c;color:#b8aba2}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(75% .13 65);--cb-string: oklch(65% .12 145);--cb-function: oklch(70% .1 300);--cb-number: oklch(75% .12 50)}::selection{background:#e69b4c4d;color:#efe2d8}}
1
+ @import"https://fonts.googleapis.com/css2?family=Lora: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~=dawn],[data-theme~=dawn]{color-scheme:light;--theme-border-style: soft;--theme-icon-set: lucide;--color-background: oklch(97% .02 70);--color-surface: oklch(99% .01 70);--color-surface-alt: oklch(95% .025 70);--color-surface-raised: oklch(100% .005 60);--color-surface-sunken: oklch(93% .03 70);--color-text: oklch(25% .04 50);--color-text-muted: oklch(40% .035 50);--color-text-subtle: oklch(55% .03 50);--color-primary: oklch(70% .12 65);--color-primary-hover: oklch(65% .13 65);--color-primary-subtle: oklch(93% .03 65);--color-accent: oklch(65% .12 30);--color-accent-hover: oklch(60% .13 30);--color-border: oklch(88% .02 60);--color-border-muted: oklch(92% .015 60);--color-border-strong: oklch(70% .03 60);--color-success: oklch(60% .12 145);--color-warning: oklch(72% .14 70);--color-error: oklch(55% .15 20);--color-info: oklch(55% .1 230);--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: 3px;--radius-s: 5px;--radius-m: 8px;--radius-l: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-full: 9999px;--shadow-xs: 0 1px 2px oklch(50% .04 60 / .06);--shadow-s: 0 1px 3px oklch(50% .04 60 / .08), 0 1px 2px oklch(50% .04 60 / .04);--shadow-m: 0 4px 6px oklch(50% .04 60 / .08), 0 2px 4px oklch(50% .04 60 / .04);--shadow-l: 0 10px 15px oklch(50% .04 60 / .08), 0 4px 6px oklch(50% .04 60 / .03);--shadow-xl: 0 20px 25px oklch(50% .04 60 / .08);--shadow-2xl: 0 25px 50px oklch(50% .04 60 / .12);--duration-instant: 55ms;--duration-fast: .11s;--duration-normal: .22s;--duration-slow: .33s;--ease-default: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(0, 0, .2, 1)}:root[data-theme~=dawn],[data-theme~=dawn]{:is(main,article){& hr:not([data-ornament]){border:none;border-block-start:1px solid oklch(85% .04 65);margin-block:2rem}& h1,h2{font-family:Lora,Georgia,Times New Roman,serif;font-weight:600;letter-spacing:-.01em;color:#422616}& h3,h4{font-family:Lora,Georgia,Times New Roman,serif;font-weight:500}& a:not([class]){color:#a85a28;text-decoration-color:#d18e4666;text-underline-offset:.15em;&:hover{text-decoration-color:currentColor}}& blockquote{border-inline-start:3px solid oklch(70% .12 65);padding-inline-start:1.25rem;color:#4c3428}.button,button{font-weight:500;letter-spacing:.01em}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(55% .12 30);--cb-string: oklch(60% .12 145);--cb-function: oklch(55% .1 280);--cb-number: oklch(65% .12 65);--cb-button-bg: var(--color-surface)}::selection{background:#d18e4640;color:#311c0f}}:root[data-theme~=dawn][data-mode=dark],[data-theme~=dawn][data-mode=dark]{color-scheme:dark;--color-background: oklch(18% .03 50);--color-surface: oklch(22% .03 50);--color-surface-alt: oklch(26% .025 50);--color-surface-raised: oklch(30% .025 50);--color-surface-sunken: oklch(14% .035 50);--color-text: oklch(92% .02 60);--color-text-muted: oklch(75% .02 60);--color-text-subtle: oklch(58% .02 55);--color-primary: oklch(75% .13 65);--color-primary-hover: oklch(80% .14 65);--color-primary-subtle: oklch(28% .05 65);--color-accent: oklch(70% .12 30);--color-accent-hover: oklch(75% .13 30);--color-border: oklch(30% .03 50);--color-border-muted: oklch(25% .025 50);--color-border-strong: oklch(45% .03 50);--color-success: oklch(65% .12 145);--color-warning: oklch(75% .14 70);--color-error: oklch(60% .15 20);--color-info: oklch(60% .1 230);--shadow-xs: 0 1px 2px oklch(10% .03 50 / .2);--shadow-s: 0 1px 3px oklch(10% .03 50 / .25), 0 1px 2px oklch(10% .03 50 / .15);--shadow-m: 0 4px 6px oklch(10% .03 50 / .25), 0 2px 4px oklch(10% .03 50 / .15);--shadow-l: 0 10px 15px oklch(10% .03 50 / .25), 0 4px 6px oklch(10% .03 50 / .1);--shadow-xl: 0 20px 25px oklch(10% .03 50 / .25);--shadow-2xl: 0 25px 50px oklch(10% .03 50 / .3);:is(main,article){& hr:not([data-ornament]){border-color:#3d281a}& h1,h2{color:#f4e0d1}& blockquote{border-color:#e69b4c;color:#b8aba2}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(75% .13 65);--cb-string: oklch(65% .12 145);--cb-function: oklch(70% .1 300);--cb-number: oklch(75% .12 50)}::selection{background:#e69b4c4d;color:#efe2d8}}}
2
2
  /*# sourceMappingURL=dawn.css.map */
@@ -336,7 +336,7 @@
336
336
  }
337
337
  }
338
338
  },
339
- "sm": {
339
+ "s": {
340
340
  "$type": "shadow",
341
341
  "$value": [
342
342
  {
@@ -387,7 +387,7 @@
387
387
  }
388
388
  ]
389
389
  },
390
- "md": {
390
+ "m": {
391
391
  "$type": "shadow",
392
392
  "$value": [
393
393
  {
@@ -438,7 +438,7 @@
438
438
  }
439
439
  ]
440
440
  },
441
- "lg": {
441
+ "l": {
442
442
  "$type": "shadow",
443
443
  "$value": [
444
444
  {
@@ -598,7 +598,7 @@
598
598
  "$extensions": {
599
599
  "com.vanilla-breeze": {
600
600
  "spec": "2025.10",
601
- "vbVersion": "0.3.0",
601
+ "vbVersion": "0.4.0",
602
602
  "unmapped": [
603
603
  "--theme-border-style",
604
604
  "--theme-icon-set"
@@ -1,2 +1,2 @@
1
- :root[data-theme~=dracula],[data-theme~=dracula]{color-scheme:dark;--theme-border-style: clean;--theme-icon-set: lucide;--color-background: oklch(24% .03 280);--color-surface: oklch(32% .025 280);--color-surface-alt: oklch(28% .028 280);--color-surface-raised: oklch(36% .025 280);--color-surface-sunken: oklch(20% .03 280);--color-text: oklch(97% .005 80);--color-text-muted: oklch(78% .01 80);--color-text-subtle: oklch(52% .04 260);--color-primary: oklch(72% .14 300);--color-primary-hover: oklch(77% .15 300);--color-primary-subtle: oklch(30% .06 300);--color-accent: oklch(82% .18 330);--color-accent-hover: oklch(87% .19 330);--color-border: oklch(38% .025 280);--color-border-muted: oklch(32% .025 280);--color-border-strong: oklch(52% .04 260);--color-success: oklch(80% .2 150);--color-warning: oklch(82% .12 75);--color-error: oklch(65% .22 25);--color-info: oklch(85% .12 195);--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: "Fira Code", "JetBrains Mono", "Cascadia Code", Consolas, monospace;--line-height-normal: 1.6;--line-height-tight: 1.2;--radius-xs: .125rem;--radius-s: .25rem;--radius-m: .25rem;--radius-l: .375rem;--radius-xl: .5rem;--radius-2xl: .75rem;--radius-full: 9999px;--shadow-xs: 0 1px 2px oklch(20% .04 280 / .2);--shadow-sm: 0 2px 4px oklch(20% .04 280 / .25);--shadow-md: 0 4px 8px oklch(20% .04 280 / .25);--shadow-lg: 0 8px 16px oklch(20% .04 280 / .3);--shadow-xl: 0 16px 24px oklch(20% .04 280 / .3);--shadow-2xl: 0 24px 48px oklch(20% .04 280 / .35);--duration-instant: 40ms;--duration-fast: 80ms;--duration-normal: .16s;--duration-slow: .24s;--ease-default: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--page-bg-gradient: linear-gradient( 180deg, oklch(26% .04 280) 0%, oklch(18% .025 270) 100% )}:root[data-theme~=dracula],[data-theme~=dracula]{:is(main,article){& hr:not([data-ornament]){border:none;border-block-start:1px solid oklch(38% .025 280);margin-block:2rem}& h1,h2{font-weight:600;color:#f7f5f1}& a:not([class]){color:#b28fef;text-decoration-color:#b28fef66;text-underline-offset:.15em;&:hover{color:oklch(82% .18 330);text-decoration-color:currentColor}}& blockquote{border-inline-start:3px solid oklch(72% .14 300);padding-inline-start:1.25rem;color:#bbb7b0}.button,button{font-weight:500}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(82% .18 330);--cb-string: oklch(82% .12 75);--cb-function: oklch(80% .2 150);--cb-number: oklch(72% .14 300);--cb-button-bg: var(--color-surface)}::selection{background:#b28fef4d;color:#f7f5f1}}:root[data-theme~=dracula][data-mode=light],[data-theme~=dracula][data-mode=light]{color-scheme:light;--color-background: oklch(98% .005 280);--color-surface: oklch(100% 0 0);--color-surface-alt: oklch(96% .008 280);--color-surface-raised: oklch(100% 0 0);--color-surface-sunken: oklch(94% .01 280);--color-text: oklch(25% .03 280);--color-text-muted: oklch(40% .025 280);--color-text-subtle: oklch(55% .02 260);--color-primary: oklch(52% .16 300);--color-primary-hover: oklch(47% .17 300);--color-primary-subtle: oklch(92% .04 300);--color-accent: oklch(60% .2 330);--color-accent-hover: oklch(55% .21 330);--color-border: oklch(88% .01 280);--color-border-muted: oklch(92% .008 280);--color-border-strong: oklch(55% .03 280);--color-success: oklch(48% .18 150);--color-warning: oklch(55% .14 75);--color-error: oklch(50% .22 25);--color-info: oklch(52% .14 195);--shadow-xs: 0 1px 2px oklch(25% .03 280 / .06);--shadow-sm: 0 2px 4px oklch(25% .03 280 / .08);--shadow-md: 0 4px 8px oklch(25% .03 280 / .08);--shadow-lg: 0 8px 16px oklch(25% .03 280 / .1);--shadow-xl: 0 16px 24px oklch(25% .03 280 / .1);--shadow-2xl: 0 24px 48px oklch(25% .03 280 / .12);--page-bg-gradient: none;:is(main,article){& hr:not([data-ornament]){border-color:#d6d7de}& h1,h2{color:#1f2030}& a:not([class]){color:#794db6;&:hover{color:#be47b8}}& blockquote{color:#383948}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(52% .16 300);--cb-string: oklch(55% .15 75);--cb-function: oklch(48% .18 150);--cb-number: oklch(52% .16 300)}::selection{background:#794db633;color:#1f2030}}
1
+ @layer tokens, reset, native-elements, custom-elements, web-components, utils, bundle-theme, bundle-effects, bundle-components;@layer bundle-theme{:root[data-theme~=dracula],[data-theme~=dracula]{color-scheme:dark;--theme-border-style: clean;--theme-icon-set: lucide;--color-background: oklch(24% .03 280);--color-surface: oklch(32% .025 280);--color-surface-alt: oklch(28% .028 280);--color-surface-raised: oklch(36% .025 280);--color-surface-sunken: oklch(20% .03 280);--color-text: oklch(97% .005 80);--color-text-muted: oklch(78% .01 80);--color-text-subtle: oklch(52% .04 260);--color-primary: oklch(72% .14 300);--color-primary-hover: oklch(77% .15 300);--color-primary-subtle: oklch(30% .06 300);--color-accent: oklch(82% .18 330);--color-accent-hover: oklch(87% .19 330);--color-border: oklch(38% .025 280);--color-border-muted: oklch(32% .025 280);--color-border-strong: oklch(52% .04 260);--color-success: oklch(80% .2 150);--color-warning: oklch(82% .12 75);--color-error: oklch(65% .22 25);--color-info: oklch(85% .12 195);--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: "Fira Code", "JetBrains Mono", "Cascadia Code", Consolas, monospace;--line-height-normal: 1.6;--line-height-tight: 1.2;--radius-xs: .125rem;--radius-s: .25rem;--radius-m: .25rem;--radius-l: .375rem;--radius-xl: .5rem;--radius-2xl: .75rem;--radius-full: 9999px;--shadow-xs: 0 1px 2px oklch(20% .04 280 / .2);--shadow-s: 0 2px 4px oklch(20% .04 280 / .25);--shadow-m: 0 4px 8px oklch(20% .04 280 / .25);--shadow-l: 0 8px 16px oklch(20% .04 280 / .3);--shadow-xl: 0 16px 24px oklch(20% .04 280 / .3);--shadow-2xl: 0 24px 48px oklch(20% .04 280 / .35);--duration-instant: 40ms;--duration-fast: 80ms;--duration-normal: .16s;--duration-slow: .24s;--ease-default: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--page-bg-gradient: linear-gradient( 180deg, oklch(26% .04 280) 0%, oklch(18% .025 270) 100% )}:root[data-theme~=dracula],[data-theme~=dracula]{:is(main,article){& hr:not([data-ornament]){border:none;border-block-start:1px solid oklch(38% .025 280);margin-block:2rem}& h1,h2{font-weight:600;color:#f7f5f1}& a:not([class]){color:#b28fef;text-decoration-color:#b28fef66;text-underline-offset:.15em;&:hover{color:oklch(82% .18 330);text-decoration-color:currentColor}}& blockquote{border-inline-start:3px solid oklch(72% .14 300);padding-inline-start:1.25rem;color:#bbb7b0}.button,button{font-weight:500}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(82% .18 330);--cb-string: oklch(82% .12 75);--cb-function: oklch(80% .2 150);--cb-number: oklch(72% .14 300);--cb-button-bg: var(--color-surface)}::selection{background:#b28fef4d;color:#f7f5f1}}:root[data-theme~=dracula][data-mode=light],[data-theme~=dracula][data-mode=light]{color-scheme:light;--color-background: oklch(98% .005 280);--color-surface: oklch(100% 0 0);--color-surface-alt: oklch(96% .008 280);--color-surface-raised: oklch(100% 0 0);--color-surface-sunken: oklch(94% .01 280);--color-text: oklch(25% .03 280);--color-text-muted: oklch(40% .025 280);--color-text-subtle: oklch(55% .02 260);--color-primary: oklch(52% .16 300);--color-primary-hover: oklch(47% .17 300);--color-primary-subtle: oklch(92% .04 300);--color-accent: oklch(60% .2 330);--color-accent-hover: oklch(55% .21 330);--color-border: oklch(88% .01 280);--color-border-muted: oklch(92% .008 280);--color-border-strong: oklch(55% .03 280);--color-success: oklch(48% .18 150);--color-warning: oklch(55% .14 75);--color-error: oklch(50% .22 25);--color-info: oklch(52% .14 195);--shadow-xs: 0 1px 2px oklch(25% .03 280 / .06);--shadow-s: 0 2px 4px oklch(25% .03 280 / .08);--shadow-m: 0 4px 8px oklch(25% .03 280 / .08);--shadow-l: 0 8px 16px oklch(25% .03 280 / .1);--shadow-xl: 0 16px 24px oklch(25% .03 280 / .1);--shadow-2xl: 0 24px 48px oklch(25% .03 280 / .12);--page-bg-gradient: none;:is(main,article){& hr:not([data-ornament]){border-color:#d6d7de}& h1,h2{color:#1f2030}& a:not([class]){color:#794db6;&:hover{color:#be47b8}}& blockquote{color:#383948}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(52% .16 300);--cb-string: oklch(55% .15 75);--cb-function: oklch(48% .18 150);--cb-number: oklch(52% .16 300)}::selection{background:#794db633;color:#1f2030}}}
2
2
  /*# sourceMappingURL=dracula.css.map */
@@ -336,7 +336,7 @@
336
336
  }
337
337
  }
338
338
  },
339
- "sm": {
339
+ "s": {
340
340
  "$type": "shadow",
341
341
  "$value": {
342
342
  "offsetX": {
@@ -362,7 +362,7 @@
362
362
  }
363
363
  }
364
364
  },
365
- "md": {
365
+ "m": {
366
366
  "$type": "shadow",
367
367
  "$value": {
368
368
  "offsetX": {
@@ -388,7 +388,7 @@
388
388
  }
389
389
  }
390
390
  },
391
- "lg": {
391
+ "l": {
392
392
  "$type": "shadow",
393
393
  "$value": {
394
394
  "offsetX": {
@@ -523,7 +523,7 @@
523
523
  "$extensions": {
524
524
  "com.vanilla-breeze": {
525
525
  "spec": "2025.10",
526
- "vbVersion": "0.3.0",
526
+ "vbVersion": "0.4.0",
527
527
  "unmapped": [
528
528
  "--theme-border-style",
529
529
  "--theme-icon-set",
@@ -1,2 +1,2 @@
1
- :root[data-theme~=dusk],[data-theme~=dusk]{color-scheme:dark;--theme-border-style: soft;--theme-icon-set: lucide;--color-background: oklch(16% .03 280);--color-surface: oklch(20% .035 280);--color-surface-alt: oklch(24% .03 280);--color-surface-raised: oklch(28% .03 280);--color-surface-sunken: oklch(12% .035 280);--color-text: oklch(90% .02 60);--color-text-muted: oklch(75% .02 60);--color-text-subtle: oklch(60% .02 60);--color-primary: oklch(72% .12 65);--color-primary-hover: oklch(78% .13 65);--color-primary-subtle: oklch(25% .05 65);--color-accent: oklch(65% .1 300);--color-accent-hover: oklch(70% .11 300);--color-border: oklch(28% .03 280);--color-border-muted: oklch(22% .025 280);--color-border-strong: oklch(40% .03 280);--color-success: oklch(68% .12 145);--color-warning: oklch(75% .12 70);--color-error: oklch(60% .15 20);--color-info: oklch(60% .08 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: 3px;--radius-s: 5px;--radius-m: 8px;--radius-l: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-full: 9999px;--shadow-xs: 0 2px 4px oklch(10% .03 280 / .3);--shadow-sm: 0 4px 8px oklch(10% .03 280 / .3);--shadow-md: 0 8px 16px oklch(10% .03 280 / .3);--shadow-lg: 0 16px 24px oklch(10% .03 280 / .3);--shadow-xl: 0 24px 36px oklch(10% .03 280 / .3);--shadow-2xl: 0 32px 48px oklch(10% .03 280 / .35);--duration-instant: 60ms;--duration-fast: .12s;--duration-normal: .24s;--duration-slow: .36s;--ease-default: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(0, 0, .2, 1)}:root[data-theme~=dusk],[data-theme~=dusk]{:is(main,article){& hr:not([data-ornament]){border:none;border-block-start:1px solid oklch(40% .06 65);margin-block:2rem}& h1,h2{font-weight:600;letter-spacing:-.01em;color:#f2e1d4}& a:not([class]){color:#d8944d;text-decoration-color:#d8944d66;text-underline-offset:.15em;&:hover{text-decoration-color:currentColor}}& blockquote{border-inline-start:3px solid oklch(72% .12 65);padding-inline-start:1.25rem;color:#b8aba2}.button,button{font-weight:500;letter-spacing:.01em}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(65% .1 300);--cb-string: oklch(68% .12 145);--cb-function: oklch(72% .12 65);--cb-number: oklch(75% .12 70);--cb-button-bg: var(--color-surface)}::selection{background:#d8944d4d;color:#e8dbd1}}:root[data-theme~=dusk][data-mode=light],[data-theme~=dusk][data-mode=light]{color-scheme:light;--color-background: oklch(95% .015 280);--color-surface: oklch(97% .01 280);--color-surface-alt: oklch(93% .018 280);--color-surface-raised: oklch(99% .005 280);--color-surface-sunken: oklch(91% .02 280);--color-text: oklch(20% .03 280);--color-text-muted: oklch(38% .025 280);--color-text-subtle: oklch(52% .02 280);--color-primary: oklch(60% .1 65);--color-primary-hover: oklch(55% .11 65);--color-primary-subtle: oklch(92% .03 65);--color-accent: oklch(55% .08 300);--color-accent-hover: oklch(50% .09 300);--color-border: oklch(85% .015 280);--color-border-muted: oklch(90% .01 280);--color-border-strong: oklch(65% .02 280);--color-success: oklch(60% .12 145);--color-warning: oklch(72% .12 70);--color-error: oklch(55% .15 20);--color-info: oklch(55% .08 240);--shadow-xs: 0 2px 4px oklch(30% .02 280 / .08);--shadow-sm: 0 4px 8px oklch(30% .02 280 / .08);--shadow-md: 0 8px 16px oklch(30% .02 280 / .08);--shadow-lg: 0 16px 24px oklch(30% .02 280 / .08);--shadow-xl: 0 24px 36px oklch(30% .02 280 / .08);--shadow-2xl: 0 32px 48px oklch(30% .02 280 / .12);:is(main,article){& hr:not([data-ornament]){border-color:#c1c3d1}& h1,h2{color:#131423}& a:not([class]){color:#8e5224}& blockquote{border-color:#a9733a;color:#383948}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(55% .08 300);--cb-string: oklch(55% .1 145);--cb-function: oklch(60% .1 65);--cb-number: oklch(62% .1 70)}::selection{background:#a9733a40;color:#131423}}
1
+ @layer tokens, reset, native-elements, custom-elements, web-components, utils, bundle-theme, bundle-effects, bundle-components;@layer bundle-theme{:root[data-theme~=dusk],[data-theme~=dusk]{color-scheme:dark;--theme-border-style: soft;--theme-icon-set: lucide;--color-background: oklch(16% .03 280);--color-surface: oklch(20% .035 280);--color-surface-alt: oklch(24% .03 280);--color-surface-raised: oklch(28% .03 280);--color-surface-sunken: oklch(12% .035 280);--color-text: oklch(90% .02 60);--color-text-muted: oklch(75% .02 60);--color-text-subtle: oklch(60% .02 60);--color-primary: oklch(72% .12 65);--color-primary-hover: oklch(78% .13 65);--color-primary-subtle: oklch(25% .05 65);--color-accent: oklch(65% .1 300);--color-accent-hover: oklch(70% .11 300);--color-border: oklch(28% .03 280);--color-border-muted: oklch(22% .025 280);--color-border-strong: oklch(40% .03 280);--color-success: oklch(68% .12 145);--color-warning: oklch(75% .12 70);--color-error: oklch(60% .15 20);--color-info: oklch(60% .08 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: 3px;--radius-s: 5px;--radius-m: 8px;--radius-l: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-full: 9999px;--shadow-xs: 0 2px 4px oklch(10% .03 280 / .3);--shadow-s: 0 4px 8px oklch(10% .03 280 / .3);--shadow-m: 0 8px 16px oklch(10% .03 280 / .3);--shadow-l: 0 16px 24px oklch(10% .03 280 / .3);--shadow-xl: 0 24px 36px oklch(10% .03 280 / .3);--shadow-2xl: 0 32px 48px oklch(10% .03 280 / .35);--duration-instant: 60ms;--duration-fast: .12s;--duration-normal: .24s;--duration-slow: .36s;--ease-default: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(0, 0, .2, 1)}:root[data-theme~=dusk],[data-theme~=dusk]{:is(main,article){& hr:not([data-ornament]){border:none;border-block-start:1px solid oklch(40% .06 65);margin-block:2rem}& h1,h2{font-weight:600;letter-spacing:-.01em;color:#f2e1d4}& a:not([class]){color:#d8944d;text-decoration-color:#d8944d66;text-underline-offset:.15em;&:hover{text-decoration-color:currentColor}}& blockquote{border-inline-start:3px solid oklch(72% .12 65);padding-inline-start:1.25rem;color:#b8aba2}.button,button{font-weight:500;letter-spacing:.01em}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(65% .1 300);--cb-string: oklch(68% .12 145);--cb-function: oklch(72% .12 65);--cb-number: oklch(75% .12 70);--cb-button-bg: var(--color-surface)}::selection{background:#d8944d4d;color:#e8dbd1}}:root[data-theme~=dusk][data-mode=light],[data-theme~=dusk][data-mode=light]{color-scheme:light;--color-background: oklch(95% .015 280);--color-surface: oklch(97% .01 280);--color-surface-alt: oklch(93% .018 280);--color-surface-raised: oklch(99% .005 280);--color-surface-sunken: oklch(91% .02 280);--color-text: oklch(20% .03 280);--color-text-muted: oklch(38% .025 280);--color-text-subtle: oklch(52% .02 280);--color-primary: oklch(60% .1 65);--color-primary-hover: oklch(55% .11 65);--color-primary-subtle: oklch(92% .03 65);--color-accent: oklch(55% .08 300);--color-accent-hover: oklch(50% .09 300);--color-border: oklch(85% .015 280);--color-border-muted: oklch(90% .01 280);--color-border-strong: oklch(65% .02 280);--color-success: oklch(60% .12 145);--color-warning: oklch(72% .12 70);--color-error: oklch(55% .15 20);--color-info: oklch(55% .08 240);--shadow-xs: 0 2px 4px oklch(30% .02 280 / .08);--shadow-s: 0 4px 8px oklch(30% .02 280 / .08);--shadow-m: 0 8px 16px oklch(30% .02 280 / .08);--shadow-l: 0 16px 24px oklch(30% .02 280 / .08);--shadow-xl: 0 24px 36px oklch(30% .02 280 / .08);--shadow-2xl: 0 32px 48px oklch(30% .02 280 / .12);:is(main,article){& hr:not([data-ornament]){border-color:#c1c3d1}& h1,h2{color:#131423}& a:not([class]){color:#8e5224}& blockquote{border-color:#a9733a;color:#383948}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(55% .08 300);--cb-string: oklch(55% .1 145);--cb-function: oklch(60% .1 65);--cb-number: oklch(62% .1 70)}::selection{background:#a9733a40;color:#131423}}}
2
2
  /*# sourceMappingURL=dusk.css.map */
@@ -336,7 +336,7 @@
336
336
  }
337
337
  }
338
338
  },
339
- "sm": {
339
+ "s": {
340
340
  "$type": "shadow",
341
341
  "$value": {
342
342
  "offsetX": {
@@ -362,7 +362,7 @@
362
362
  }
363
363
  }
364
364
  },
365
- "md": {
365
+ "m": {
366
366
  "$type": "shadow",
367
367
  "$value": {
368
368
  "offsetX": {
@@ -388,7 +388,7 @@
388
388
  }
389
389
  }
390
390
  },
391
- "lg": {
391
+ "l": {
392
392
  "$type": "shadow",
393
393
  "$value": {
394
394
  "offsetX": {
@@ -523,7 +523,7 @@
523
523
  "$extensions": {
524
524
  "com.vanilla-breeze": {
525
525
  "spec": "2025.10",
526
- "vbVersion": "0.3.0",
526
+ "vbVersion": "0.4.0",
527
527
  "unmapped": [
528
528
  "--theme-border-style",
529
529
  "--theme-icon-set"
@@ -311,7 +311,7 @@
311
311
  },
312
312
  "effect": {
313
313
  "shadow": {
314
- "sm": {
314
+ "s": {
315
315
  "$type": "shadow",
316
316
  "$value": {
317
317
  "offsetX": {
@@ -337,7 +337,7 @@
337
337
  }
338
338
  }
339
339
  },
340
- "md": {
340
+ "m": {
341
341
  "$type": "shadow",
342
342
  "$value": {
343
343
  "offsetX": {
@@ -368,7 +368,7 @@
368
368
  "$extensions": {
369
369
  "com.vanilla-breeze": {
370
370
  "spec": "2025.10",
371
- "vbVersion": "0.3.0",
371
+ "vbVersion": "0.4.0",
372
372
  "unmapped": [
373
373
  "--input-bg",
374
374
  "--input-border",
@@ -1,2 +1,2 @@
1
- :root[data-theme~=editorial],[data-theme~=editorial]{color-scheme:light;--theme-border-style: sharp;--theme-icon-set: lucide;--color-surface: oklch(99% 0 0);--color-surface-alt: oklch(97% .01 60);--color-surface-raised: oklch(100% 0 0);--color-surface-sunken: oklch(95% .01 60);--color-background: oklch(99% 0 0);--color-text: oklch(10% 0 0);--color-text-muted: oklch(35% 0 0);--color-text-subtle: oklch(50% 0 0);--color-primary: oklch(50% .22 25);--color-primary-hover: oklch(45% .24 25);--color-primary-subtle: oklch(95% .05 25);--color-accent: oklch(10% 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(10% 0 0);--color-error: oklch(50% .16 20);--color-error-subtle: oklch(96% .03 20);--color-error-text: oklch(38% .12 20);--color-warning: oklch(62% .12 65);--color-warning-subtle: oklch(96% .04 65);--color-warning-text: oklch(38% .1 65);--color-success: oklch(48% .1 155);--color-success-subtle: oklch(96% .03 155);--color-success-text: oklch(35% .08 155);--color-info: oklch(48% .1 240);--color-info-subtle: oklch(96% .03 240);--color-info-text: oklch(35% .08 240);--font-sans: Georgia, "Times New Roman", serif;--font-heading: "Playfair Display", Georgia, "Times New Roman", serif;--font-mono: "Courier Prime", "Courier New", monospace;--line-height-normal: 1.75;--line-height-tight: 1.15;--letter-spacing-tight: -.02em;--letter-spacing-normal: 0;--radius-xs: 0;--radius-s: 0;--radius-m: 0;--radius-l: 0;--radius-xl: 0;--radius-2xl: 0;--radius-full: 0;--shadow-xs: none;--shadow-sm: none;--shadow-md: none;--shadow-lg: none;--shadow-xl: none;--shadow-2xl: none;--duration-instant: 0ms;--duration-fast: .1s;--duration-normal: .2s;--duration-slow: .3s;--ease-default: ease;--ease-out: ease-out;--control-border: oklch(60% 0 0);--input-border: oklch(75% 0 0);--input-bg: oklch(100% 0 0);--range-track-h: 2px;--range-track-bg: oklch(80% 0 0);--range-thumb-size: 1rem;--range-thumb-border: oklch(40% 0 0);--progress-h: var(--size-2xs);--progress-track-bg: oklch(92% 0 0)}:root[data-theme~=editorial],[data-theme~=editorial]{:is(main,article){& hr:not([data-ornament]){border:none;height:1px;background:var(--color-border-strong);margin-block:3rem;position:relative;&:before{content:"\a7";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--color-surface);padding-inline:1rem;color:var(--color-primary);font-size:1.25rem}}& h1{font-family:var(--font-heading);font-style:italic;font-weight:400;border-block-end:2px solid var(--color-border-strong);padding-block-end:.75rem;margin-block-end:1.5rem}& h2{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.15em;font-size:1rem;font-weight:400;color:var(--color-primary);border-block-start:1px solid currentColor;padding-block-start:.5rem;margin-block-start:2rem}& h3{font-family:var(--font-heading);font-style:italic}& a:not([class]){color:inherit;text-decoration:underline;text-decoration-color:var(--color-primary);text-decoration-thickness:1px;text-underline-offset:3px;&:hover{color:var(--color-primary)}}& article:not(.card):not(layout-sidebar>*){max-width:65ch;margin-inline:auto;>p:first-of-type:first-letter{font-family:var(--font-heading);font-size:5.5rem;float:left;line-height:.8;margin-inline-end:.75rem;margin-block-start:.1em;color:var(--color-primary);font-weight:400}>p:first-of-type{font-size:1.25rem;line-height:1.6}}& blockquote{border:none;padding:2rem 0;margin:2rem 0;border-block-start:1px solid var(--color-border-strong);border-block-end:1px solid var(--color-border-strong);font-family:var(--font-heading);font-size:1.75rem;font-style:italic;line-height:1.4;text-align:center;&:before{content:none}& cite{display:block;margin-block-start:1rem;font-size:.875rem;font-style:normal;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted)}}.button,button{border:1px solid var(--color-border-strong);background:transparent;color:var(--color-text);text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;padding:.75rem 1.5rem;&:hover{background:var(--color-border-strong);color:var(--color-surface)}}.card{border:1px solid var(--color-border);padding:2rem;&:hover{border-color:var(--color-border-strong)}}& pre{background:var(--color-surface-alt);border:1px solid var(--color-border);font-family:var(--font-mono)}& code{font-family:var(--font-mono);background:var(--color-surface-sunken);color:var(--color-primary)}& figure{margin-block:2rem;& figcaption{font-size:.875rem;font-style:italic;color:var(--color-text-muted);margin-block-start:.75rem;padding-block-start:.5rem;border-block-start:1px solid var(--color-border)}}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-string: oklch(40% .12 145);--cb-function: oklch(35% .12 290);--cb-number: oklch(45% .12 250);--cb-button-bg: var(--color-surface)}}:root[data-theme~=editorial][data-mode=dark],[data-theme~=editorial][data-mode=dark]{color-scheme:dark;--color-surface: oklch(8% 0 0);--color-surface-alt: oklch(12% .01 60);--color-surface-raised: oklch(15% 0 0);--color-surface-sunken: oklch(5% .01 60);--color-background: oklch(5% 0 0);--color-text: oklch(92% 0 0);--color-text-muted: oklch(65% 0 0);--color-text-subtle: oklch(55% 0 0);--color-primary: oklch(65% .2 25);--color-primary-hover: oklch(70% .22 25);--color-primary-subtle: oklch(18% .06 25);--color-accent: oklch(92% 0 0);--color-accent-hover: oklch(80% 0 0);--color-border: oklch(25% 0 0);--color-border-muted: oklch(18% 0 0);--color-border-strong: oklch(92% 0 0);--color-error: oklch(62% .16 20);--color-error-subtle: oklch(18% .05 20);--color-error-text: oklch(75% .14 20);--color-warning: oklch(72% .12 65);--color-warning-subtle: oklch(18% .05 65);--color-warning-text: oklch(80% .1 65);--color-success: oklch(60% .1 155);--color-success-subtle: oklch(18% .04 155);--color-success-text: oklch(75% .1 155);--color-info: oklch(60% .1 240);--color-info-subtle: oklch(18% .04 240);--color-info-text: oklch(75% .1 240);--shadow-sm: 0 1px 3px oklch(0% 0 0 / .3);--shadow-md: 0 4px 8px oklch(0% 0 0 / .3);--input-bg: oklch(8% 0 0);--input-border: oklch(25% 0 0);--input-border-focus: var(--color-primary);--control-border: oklch(45% 0 0);--control-checked-bg: oklch(65% .2 25);--control-checked-border: oklch(65% .2 25);--range-track-bg: oklch(20% 0 0);--range-track-fill: oklch(65% .2 25);--range-thumb-bg: oklch(8% 0 0);--range-thumb-border: oklch(45% 0 0);--progress-track-bg: oklch(18% 0 0);--progress-fill: oklch(65% .2 25);:is(main,article) h1{border-block-end-color:var(--color-border-strong)}:is(main,article) hr:not([data-ornament]){background:var(--color-border-strong);&:before{background:var(--color-surface)}}:is(main,article) blockquote{border-block-start-color:#3a3a3a;border-block-end-color:#3a3a3a}:is(main,article) button,:is(main,article) .button{border-color:var(--color-border-strong);color:var(--color-text);&:hover{background:var(--color-border-strong);color:var(--color-surface)}}:is(main,article) .card{border-color:var(--color-border);&:hover{border-color:var(--color-border-strong)}}:is(main,article) pre{background:var(--color-surface-sunken);border-color:var(--color-border)}:is(main,article) code{background:#0e0a07;color:var(--color-primary)}:is(main,article) figure figcaption{border-block-start-color:var(--color-border)}:is(main,article) code-block{--cb-bg: oklch(5% 0 0);--cb-code-bg: oklch(5% 0 0);--cb-header-bg: var(--color-surface);--cb-text-color: oklch(90% 0 0);--cb-comment: var(--color-text-subtle);--cb-string: oklch(72% .12 145);--cb-function: oklch(70% .1 290);--cb-number: oklch(72% .1 250);--cb-tag: var(--color-text-muted);--cb-button-bg: var(--color-surface);--cb-button-hover-bg: var(--color-primary);--cb-scrollbar-track: oklch(5% 0 0)}}
1
+ @layer tokens, reset, native-elements, custom-elements, web-components, utils, bundle-theme, bundle-effects, bundle-components;@layer bundle-theme{:root[data-theme~=editorial],[data-theme~=editorial]{color-scheme:light;--theme-border-style: sharp;--theme-icon-set: lucide;--color-surface: oklch(99% 0 0);--color-surface-alt: oklch(97% .01 60);--color-surface-raised: oklch(100% 0 0);--color-surface-sunken: oklch(95% .01 60);--color-background: oklch(99% 0 0);--color-text: oklch(10% 0 0);--color-text-muted: oklch(35% 0 0);--color-text-subtle: oklch(50% 0 0);--color-primary: oklch(50% .22 25);--color-primary-hover: oklch(45% .24 25);--color-primary-subtle: oklch(95% .05 25);--color-accent: oklch(10% 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(10% 0 0);--color-error: oklch(50% .16 20);--color-error-subtle: oklch(96% .03 20);--color-error-text: oklch(38% .12 20);--color-warning: oklch(62% .12 65);--color-warning-subtle: oklch(96% .04 65);--color-warning-text: oklch(38% .1 65);--color-success: oklch(48% .1 155);--color-success-subtle: oklch(96% .03 155);--color-success-text: oklch(35% .08 155);--color-info: oklch(48% .1 240);--color-info-subtle: oklch(96% .03 240);--color-info-text: oklch(35% .08 240);--font-sans: Georgia, "Times New Roman", serif;--font-heading: "Playfair Display", Georgia, "Times New Roman", serif;--font-mono: "Courier Prime", "Courier New", monospace;--line-height-normal: 1.75;--line-height-tight: 1.15;--letter-spacing-tight: -.02em;--letter-spacing-normal: 0;--radius-xs: 0;--radius-s: 0;--radius-m: 0;--radius-l: 0;--radius-xl: 0;--radius-2xl: 0;--radius-full: 0;--shadow-xs: none;--shadow-s: none;--shadow-m: none;--shadow-l: none;--shadow-xl: none;--shadow-2xl: none;--duration-instant: 0ms;--duration-fast: .1s;--duration-normal: .2s;--duration-slow: .3s;--ease-default: ease;--ease-out: ease-out;--control-border: oklch(60% 0 0);--input-border: oklch(75% 0 0);--input-bg: oklch(100% 0 0);--range-track-h: 2px;--range-track-bg: oklch(80% 0 0);--range-thumb-size: 1rem;--range-thumb-border: oklch(40% 0 0);--progress-h: var(--size-2xs);--progress-track-bg: oklch(92% 0 0)}:root[data-theme~=editorial],[data-theme~=editorial]{:is(main,article){& hr:not([data-ornament]){border:none;height:1px;background:var(--color-border-strong);margin-block:3rem;position:relative;&:before{content:"\a7";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--color-surface);padding-inline:1rem;color:var(--color-primary);font-size:1.25rem}}& h1{font-family:var(--font-heading);font-style:italic;font-weight:400;border-block-end:2px solid var(--color-border-strong);padding-block-end:.75rem;margin-block-end:1.5rem}& h2{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.15em;font-size:1rem;font-weight:400;color:var(--color-primary);border-block-start:1px solid currentColor;padding-block-start:.5rem;margin-block-start:2rem}& h3{font-family:var(--font-heading);font-style:italic}& a:not([class]){color:inherit;text-decoration:underline;text-decoration-color:var(--color-primary);text-decoration-thickness:1px;text-underline-offset:3px;&:hover{color:var(--color-primary)}}& article:not(.card):not(layout-sidebar>*){max-width:65ch;margin-inline:auto;>p:first-of-type:first-letter{font-family:var(--font-heading);font-size:5.5rem;float:left;line-height:.8;margin-inline-end:.75rem;margin-block-start:.1em;color:var(--color-primary);font-weight:400}>p:first-of-type{font-size:1.25rem;line-height:1.6}}& blockquote{border:none;padding:2rem 0;margin:2rem 0;border-block-start:1px solid var(--color-border-strong);border-block-end:1px solid var(--color-border-strong);font-family:var(--font-heading);font-size:1.75rem;font-style:italic;line-height:1.4;text-align:center;&:before{content:none}& cite{display:block;margin-block-start:1rem;font-size:.875rem;font-style:normal;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted)}}.button,button{border:1px solid var(--color-border-strong);background:transparent;color:var(--color-text);text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;padding:.75rem 1.5rem;&:hover{background:var(--color-border-strong);color:var(--color-surface)}}.card{border:1px solid var(--color-border);padding:2rem;&:hover{border-color:var(--color-border-strong)}}& pre{background:var(--color-surface-alt);border:1px solid var(--color-border);font-family:var(--font-mono)}& code{font-family:var(--font-mono);background:var(--color-surface-sunken);color:var(--color-primary)}& figure{margin-block:2rem;& figcaption{font-size:.875rem;font-style:italic;color:var(--color-text-muted);margin-block-start:.75rem;padding-block-start:.5rem;border-block-start:1px solid var(--color-border)}}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-string: oklch(40% .12 145);--cb-function: oklch(35% .12 290);--cb-number: oklch(45% .12 250);--cb-button-bg: var(--color-surface)}}:root[data-theme~=editorial][data-mode=dark],[data-theme~=editorial][data-mode=dark]{color-scheme:dark;--color-surface: oklch(8% 0 0);--color-surface-alt: oklch(12% .01 60);--color-surface-raised: oklch(15% 0 0);--color-surface-sunken: oklch(5% .01 60);--color-background: oklch(5% 0 0);--color-text: oklch(92% 0 0);--color-text-muted: oklch(65% 0 0);--color-text-subtle: oklch(55% 0 0);--color-primary: oklch(65% .2 25);--color-primary-hover: oklch(70% .22 25);--color-primary-subtle: oklch(18% .06 25);--color-accent: oklch(92% 0 0);--color-accent-hover: oklch(80% 0 0);--color-border: oklch(25% 0 0);--color-border-muted: oklch(18% 0 0);--color-border-strong: oklch(92% 0 0);--color-error: oklch(62% .16 20);--color-error-subtle: oklch(18% .05 20);--color-error-text: oklch(75% .14 20);--color-warning: oklch(72% .12 65);--color-warning-subtle: oklch(18% .05 65);--color-warning-text: oklch(80% .1 65);--color-success: oklch(60% .1 155);--color-success-subtle: oklch(18% .04 155);--color-success-text: oklch(75% .1 155);--color-info: oklch(60% .1 240);--color-info-subtle: oklch(18% .04 240);--color-info-text: oklch(75% .1 240);--shadow-s: 0 1px 3px oklch(0% 0 0 / .3);--shadow-m: 0 4px 8px oklch(0% 0 0 / .3);--input-bg: oklch(8% 0 0);--input-border: oklch(25% 0 0);--input-border-focus: var(--color-primary);--control-border: oklch(45% 0 0);--control-checked-bg: oklch(65% .2 25);--control-checked-border: oklch(65% .2 25);--range-track-bg: oklch(20% 0 0);--range-track-fill: oklch(65% .2 25);--range-thumb-bg: oklch(8% 0 0);--range-thumb-border: oklch(45% 0 0);--progress-track-bg: oklch(18% 0 0);--progress-fill: oklch(65% .2 25);:is(main,article) h1{border-block-end-color:var(--color-border-strong)}:is(main,article) hr:not([data-ornament]){background:var(--color-border-strong);&:before{background:var(--color-surface)}}:is(main,article) blockquote{border-block-start-color:#3a3a3a;border-block-end-color:#3a3a3a}:is(main,article) button,:is(main,article) .button{border-color:var(--color-border-strong);color:var(--color-text);&:hover{background:var(--color-border-strong);color:var(--color-surface)}}:is(main,article) .card{border-color:var(--color-border);&:hover{border-color:var(--color-border-strong)}}:is(main,article) pre{background:var(--color-surface-sunken);border-color:var(--color-border)}:is(main,article) code{background:#0e0a07;color:var(--color-primary)}:is(main,article) figure figcaption{border-block-start-color:var(--color-border)}:is(main,article) code-block{--cb-bg: oklch(5% 0 0);--cb-code-bg: oklch(5% 0 0);--cb-header-bg: var(--color-surface);--cb-text-color: oklch(90% 0 0);--cb-comment: var(--color-text-subtle);--cb-string: oklch(72% .12 145);--cb-function: oklch(70% .1 290);--cb-number: oklch(72% .1 250);--cb-tag: var(--color-text-muted);--cb-button-bg: var(--color-surface);--cb-button-hover-bg: var(--color-primary);--cb-scrollbar-track: oklch(5% 0 0)}}}
2
2
  /*# sourceMappingURL=editorial.css.map */
@@ -454,7 +454,7 @@
454
454
  }
455
455
  }
456
456
  },
457
- "sm": {
457
+ "s": {
458
458
  "$type": "shadow",
459
459
  "$value": {
460
460
  "offsetX": {
@@ -484,7 +484,7 @@
484
484
  }
485
485
  }
486
486
  },
487
- "md": {
487
+ "m": {
488
488
  "$type": "shadow",
489
489
  "$value": {
490
490
  "offsetX": {
@@ -514,7 +514,7 @@
514
514
  }
515
515
  }
516
516
  },
517
- "lg": {
517
+ "l": {
518
518
  "$type": "shadow",
519
519
  "$value": {
520
520
  "offsetX": {
@@ -671,7 +671,7 @@
671
671
  "$extensions": {
672
672
  "com.vanilla-breeze": {
673
673
  "spec": "2025.10",
674
- "vbVersion": "0.3.0",
674
+ "vbVersion": "0.4.0",
675
675
  "unmapped": [
676
676
  "--theme-border-style",
677
677
  "--theme-icon-set",
@@ -249,7 +249,7 @@
249
249
  }
250
250
  }
251
251
  },
252
- "sm": {
252
+ "s": {
253
253
  "$type": "shadow",
254
254
  "$value": [
255
255
  {
@@ -300,7 +300,7 @@
300
300
  }
301
301
  ]
302
302
  },
303
- "md": {
303
+ "m": {
304
304
  "$type": "shadow",
305
305
  "$value": [
306
306
  {
@@ -351,7 +351,7 @@
351
351
  }
352
352
  ]
353
353
  },
354
- "lg": {
354
+ "l": {
355
355
  "$type": "shadow",
356
356
  "$value": [
357
357
  {
@@ -459,7 +459,7 @@
459
459
  "$extensions": {
460
460
  "com.vanilla-breeze": {
461
461
  "spec": "2025.10",
462
- "vbVersion": "0.3.0",
462
+ "vbVersion": "0.4.0",
463
463
  "unmapped": [
464
464
  "--cb-header-bg",
465
465
  "--cb-keyword",
@@ -1,2 +1,2 @@
1
- @import"https://fonts.googleapis.com/css2?family=Merriweather:wght@400..700&display=swap";:root[data-theme~=financial],[data-theme~=financial]{color-scheme:light;--theme-border-style: clean;--theme-icon-set: lucide;--color-background: oklch(98% .005 60);--color-surface: oklch(100% 0 0);--color-surface-alt: oklch(96% .008 60);--color-surface-raised: oklch(100% 0 0);--color-surface-sunken: oklch(95% .008 60);--color-text: oklch(20% .04 250);--color-text-muted: oklch(38% .03 250);--color-text-subtle: oklch(52% .02 250);--color-primary: oklch(25% .06 250);--color-primary-hover: oklch(20% .07 250);--color-primary-subtle: oklch(92% .02 250);--color-accent: oklch(72% .12 80);--color-accent-hover: oklch(67% .13 80);--color-border: oklch(85% .01 60);--color-border-muted: oklch(90% .008 60);--color-border-strong: oklch(60% .02 250);--color-success: oklch(55% .14 145);--color-warning: oklch(72% .12 80);--color-error: oklch(50% .18 25);--color-info: oklch(45% .08 250);--font-sans: system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "SF Mono", "Cascadia Code", "JetBrains Mono", Consolas, 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: 10px;--radius-full: 9999px;--shadow-xs: 0 1px 2px oklch(20% .04 250 / .05);--shadow-sm: 0 1px 3px oklch(20% .04 250 / .07), 0 1px 2px oklch(20% .04 250 / .04);--shadow-md: 0 4px 6px oklch(20% .04 250 / .07), 0 2px 4px oklch(20% .04 250 / .04);--shadow-lg: 0 10px 15px oklch(20% .04 250 / .07), 0 4px 6px oklch(20% .04 250 / .03);--shadow-xl: 0 20px 25px oklch(20% .04 250 / .07);--shadow-2xl: 0 25px 50px oklch(20% .04 250 / .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~=financial],[data-theme~=financial]{:is(main,article){& hr:not([data-ornament]){border:none;border-block-start:1px solid oklch(72% .12 80);margin-block:2rem}& h1,h2,h3{font-family:Merriweather,Georgia,Times New Roman,serif;font-weight:700;letter-spacing:-.01em;color:#071727}& a:not([class]){color:var(--color-primary);text-decoration-color:#06233d66;text-underline-offset:.15em;&:hover{text-decoration-color:currentColor}}& blockquote{border-inline-start:3px solid oklch(72% .12 80);padding-inline-start:1.25rem;color:#2f3c4a}.button,button{font-weight:600;letter-spacing:.01em}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(25% .06 250);--cb-string: oklch(55% .14 145);--cb-function: oklch(50% .1 300);--cb-number: oklch(72% .12 80);--cb-button-bg: var(--color-surface)}::selection{background:#06233d33;color:#071727}}:root[data-theme~=financial][data-mode=dark],[data-theme~=financial][data-mode=dark]{color-scheme:dark;--color-background: oklch(14% .04 250);--color-surface: oklch(18% .04 250);--color-surface-alt: oklch(22% .04 250);--color-surface-raised: oklch(26% .04 250);--color-surface-sunken: oklch(11% .04 250);--color-text: oklch(94% .008 60);--color-text-muted: oklch(78% .008 60);--color-text-subtle: oklch(60% .01 250);--color-primary: oklch(60% .06 250);--color-primary-hover: oklch(65% .07 250);--color-primary-subtle: oklch(22% .04 250);--color-accent: oklch(78% .12 80);--color-accent-hover: oklch(82% .13 80);--color-border: oklch(28% .04 250);--color-border-muted: oklch(22% .03 250);--color-border-strong: oklch(45% .04 250);--color-success: oklch(65% .12 145);--color-warning: oklch(78% .12 80);--color-error: oklch(62% .16 25);--color-info: oklch(60% .06 250);--shadow-xs: 0 1px 2px oklch(8% .04 250 / .2);--shadow-sm: 0 1px 3px oklch(8% .04 250 / .25), 0 1px 2px oklch(8% .04 250 / .15);--shadow-md: 0 4px 6px oklch(8% .04 250 / .25), 0 2px 4px oklch(8% .04 250 / .15);--shadow-lg: 0 10px 15px oklch(8% .04 250 / .25), 0 4px 6px oklch(8% .04 250 / .1);--shadow-xl: 0 20px 25px oklch(8% .04 250 / .25);--shadow-2xl: 0 25px 50px oklch(8% .04 250 / .3);:is(main,article){& hr:not([data-ornament]){border-color:#e0ae5780}& h1,h2,h3{color:#efeae6}& blockquote{border-inline-start-color:#e0ae57;color:#bbb6b2}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(60% .06 250);--cb-string: oklch(65% .12 145);--cb-function: oklch(65% .1 300);--cb-number: oklch(78% .12 80)}::selection{background:#e0ae574d;color:#efeae6}}
1
+ @import"https://fonts.googleapis.com/css2?family=Merriweather: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~=financial],[data-theme~=financial]{color-scheme:light;--theme-border-style: clean;--theme-icon-set: lucide;--color-background: oklch(98% .005 60);--color-surface: oklch(100% 0 0);--color-surface-alt: oklch(96% .008 60);--color-surface-raised: oklch(100% 0 0);--color-surface-sunken: oklch(95% .008 60);--color-text: oklch(20% .04 250);--color-text-muted: oklch(38% .03 250);--color-text-subtle: oklch(52% .02 250);--color-primary: oklch(25% .06 250);--color-primary-hover: oklch(20% .07 250);--color-primary-subtle: oklch(92% .02 250);--color-accent: oklch(72% .12 80);--color-accent-hover: oklch(67% .13 80);--color-border: oklch(85% .01 60);--color-border-muted: oklch(90% .008 60);--color-border-strong: oklch(60% .02 250);--color-success: oklch(55% .14 145);--color-warning: oklch(72% .12 80);--color-error: oklch(50% .18 25);--color-info: oklch(45% .08 250);--font-sans: system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "SF Mono", "Cascadia Code", "JetBrains Mono", Consolas, 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: 10px;--radius-full: 9999px;--shadow-xs: 0 1px 2px oklch(20% .04 250 / .05);--shadow-s: 0 1px 3px oklch(20% .04 250 / .07), 0 1px 2px oklch(20% .04 250 / .04);--shadow-m: 0 4px 6px oklch(20% .04 250 / .07), 0 2px 4px oklch(20% .04 250 / .04);--shadow-l: 0 10px 15px oklch(20% .04 250 / .07), 0 4px 6px oklch(20% .04 250 / .03);--shadow-xl: 0 20px 25px oklch(20% .04 250 / .07);--shadow-2xl: 0 25px 50px oklch(20% .04 250 / .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~=financial],[data-theme~=financial]{:is(main,article){& hr:not([data-ornament]){border:none;border-block-start:1px solid oklch(72% .12 80);margin-block:2rem}& h1,h2,h3{font-family:Merriweather,Georgia,Times New Roman,serif;font-weight:700;letter-spacing:-.01em;color:#071727}& a:not([class]){color:var(--color-primary);text-decoration-color:#06233d66;text-underline-offset:.15em;&:hover{text-decoration-color:currentColor}}& blockquote{border-inline-start:3px solid oklch(72% .12 80);padding-inline-start:1.25rem;color:#2f3c4a}.button,button{font-weight:600;letter-spacing:.01em}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(25% .06 250);--cb-string: oklch(55% .14 145);--cb-function: oklch(50% .1 300);--cb-number: oklch(72% .12 80);--cb-button-bg: var(--color-surface)}::selection{background:#06233d33;color:#071727}}:root[data-theme~=financial][data-mode=dark],[data-theme~=financial][data-mode=dark]{color-scheme:dark;--color-background: oklch(14% .04 250);--color-surface: oklch(18% .04 250);--color-surface-alt: oklch(22% .04 250);--color-surface-raised: oklch(26% .04 250);--color-surface-sunken: oklch(11% .04 250);--color-text: oklch(94% .008 60);--color-text-muted: oklch(78% .008 60);--color-text-subtle: oklch(60% .01 250);--color-primary: oklch(60% .06 250);--color-primary-hover: oklch(65% .07 250);--color-primary-subtle: oklch(22% .04 250);--color-accent: oklch(78% .12 80);--color-accent-hover: oklch(82% .13 80);--color-border: oklch(28% .04 250);--color-border-muted: oklch(22% .03 250);--color-border-strong: oklch(45% .04 250);--color-success: oklch(65% .12 145);--color-warning: oklch(78% .12 80);--color-error: oklch(62% .16 25);--color-info: oklch(60% .06 250);--shadow-xs: 0 1px 2px oklch(8% .04 250 / .2);--shadow-s: 0 1px 3px oklch(8% .04 250 / .25), 0 1px 2px oklch(8% .04 250 / .15);--shadow-m: 0 4px 6px oklch(8% .04 250 / .25), 0 2px 4px oklch(8% .04 250 / .15);--shadow-l: 0 10px 15px oklch(8% .04 250 / .25), 0 4px 6px oklch(8% .04 250 / .1);--shadow-xl: 0 20px 25px oklch(8% .04 250 / .25);--shadow-2xl: 0 25px 50px oklch(8% .04 250 / .3);:is(main,article){& hr:not([data-ornament]){border-color:#e0ae5780}& h1,h2,h3{color:#efeae6}& blockquote{border-inline-start-color:#e0ae57;color:#bbb6b2}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(60% .06 250);--cb-string: oklch(65% .12 145);--cb-function: oklch(65% .1 300);--cb-number: oklch(78% .12 80)}::selection{background:#e0ae574d;color:#efeae6}}}
2
2
  /*# sourceMappingURL=financial.css.map */
@@ -335,7 +335,7 @@
335
335
  }
336
336
  }
337
337
  },
338
- "sm": {
338
+ "s": {
339
339
  "$type": "shadow",
340
340
  "$value": [
341
341
  {
@@ -386,7 +386,7 @@
386
386
  }
387
387
  ]
388
388
  },
389
- "md": {
389
+ "m": {
390
390
  "$type": "shadow",
391
391
  "$value": [
392
392
  {
@@ -437,7 +437,7 @@
437
437
  }
438
438
  ]
439
439
  },
440
- "lg": {
440
+ "l": {
441
441
  "$type": "shadow",
442
442
  "$value": [
443
443
  {
@@ -597,7 +597,7 @@
597
597
  "$extensions": {
598
598
  "com.vanilla-breeze": {
599
599
  "spec": "2025.10",
600
- "vbVersion": "0.3.0",
600
+ "vbVersion": "0.4.0",
601
601
  "unmapped": [
602
602
  "--theme-border-style",
603
603
  "--theme-icon-set"
@@ -1,2 +1,2 @@
1
- @keyframes genai-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}:root[data-theme~=genai],[data-theme~=genai]{color-scheme:dark;--theme-border-style: soft;--theme-icon-set: lucide;--color-background: oklch(10% .03 280);--color-surface: oklch(15% .03 280);--color-surface-alt: oklch(13% .025 280);--color-surface-raised: oklch(18% .035 280);--color-surface-sunken: oklch(8% .02 280);--color-text: oklch(93% .015 280);--color-text-muted: oklch(75% .02 280);--color-text-subtle: oklch(58% .02 280);--color-primary: oklch(65% .22 280);--color-primary-hover: oklch(70% .24 280);--color-primary-subtle: oklch(22% .08 280);--color-accent: oklch(72% .2 320);--color-accent-hover: oklch(77% .21 320);--color-border: oklch(30% .06 280);--color-border-muted: oklch(22% .04 280);--color-border-strong: oklch(40% .08 280);--color-success: oklch(72% .16 170);--color-warning: oklch(75% .14 70);--color-error: oklch(65% .2 350);--color-info: oklch(68% .18 250);--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "SF Mono", "JetBrains Mono", Consolas, monospace;--line-height-normal: 1.6;--line-height-tight: 1.2;--radius-xs: .5rem;--radius-s: .625rem;--radius-m: .75rem;--radius-l: 1rem;--radius-xl: 1.25rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-xs: 0 1px 4px oklch(50% .15 280 / .15);--shadow-sm: 0 2px 8px oklch(50% .15 280 / .2);--shadow-md: 0 4px 16px oklch(50% .15 280 / .25);--shadow-lg: 0 8px 24px oklch(50% .18 280 / .3);--shadow-xl: 0 12px 36px oklch(50% .18 280 / .35);--shadow-2xl: 0 20px 48px oklch(50% .2 280 / .4);--duration-instant: 72ms;--duration-fast: 144ms;--duration-normal: .3s;--duration-slow: .48s;--ease-default: cubic-bezier(.16, 1, .3, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--page-bg-gradient: radial-gradient(ellipse at 15% 25%, oklch(25% .15 290 / .6) 0%, transparent 50%), radial-gradient(ellipse at 75% 15%, oklch(22% .12 250 / .5) 0%, transparent 50%), radial-gradient(ellipse at 55% 75%, oklch(25% .14 320 / .4) 0%, transparent 50%);--page-bg-color: oklch(10% .03 280)}:root[data-theme~=genai]:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 15% 25%,oklch(35% .2 290 / .5) 0%,transparent 50%),radial-gradient(ellipse at 75% 15%,oklch(30% .15 250 / .4) 0%,transparent 50%),radial-gradient(ellipse at 55% 75%,oklch(35% .18 320 / .35) 0%,transparent 50%),#02020c}:root[data-theme~=genai],[data-theme~=genai]{:is(main,article){& h1,h2{letter-spacing:.02em;font-weight:600}& h1{text-shadow:0 0 20px oklch(65% .22 280 / .5),0 0 40px oklch(65% .18 260 / .25)}& h2{text-shadow:0 0 12px oklch(65% .22 280 / .35),0 0 24px oklch(65% .15 260 / .15)}& hr:not([data-ornament]){border:none;height:2px;margin-block:2rem;background:linear-gradient(90deg,oklch(65% .22 280 / .2),#da74f199,oklch(68% .18 250 / .6),oklch(65% .22 280 / .2));background-size:200% 100%;animation:genai-shimmer 4s ease-in-out infinite}& a:not([class]){color:var(--color-accent);text-decoration-color:#da74f166;text-underline-offset:.15em;&:hover{text-decoration-color:currentColor}}& blockquote{border-inline-start:3px solid oklch(65% .22 280 / .6);padding:1.25rem;background:#08081b99;border-radius:var(--radius-m)}[type=submit],button:not(.secondary,.ghost,[class*=settings],[data-trigger],page-tools *){background:linear-gradient(135deg,#6159e1,oklch(50% .18 250));border:1px solid oklch(65% .22 280 / .3);box-shadow:0 0 12px #6159e140;&:hover:not(:disabled){box-shadow:0 0 20px #6d65fe66}}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(70% .2 280);--cb-string: oklch(72% .16 170);--cb-function: oklch(72% .18 320);--cb-number: oklch(75% .14 70);--cb-button-bg: var(--color-surface)}::selection{background:oklch(65% .22 280 / .3);color:#edeef5}}:root[data-theme~=genai][data-mode=light],[data-theme~=genai][data-mode=light]{color-scheme:light;--color-background: oklch(96% .02 280);--color-surface: oklch(99% .005 280);--color-surface-alt: oklch(97% .01 280);--color-surface-raised: oklch(100% 0 0);--color-surface-sunken: oklch(94% .015 280);--color-text: oklch(12% .02 280);--color-text-muted: oklch(28% .02 280);--color-text-subtle: oklch(40% .015 280);--color-primary: oklch(50% .22 280);--color-primary-hover: oklch(45% .24 280);--color-primary-subtle: oklch(92% .05 280);--color-accent: oklch(55% .2 320);--color-accent-hover: oklch(50% .22 320);--color-border: oklch(80% .03 280);--color-border-muted: oklch(88% .02 280);--color-border-strong: oklch(65% .05 280);--color-success: oklch(52% .15 170);--color-warning: oklch(62% .14 70);--color-error: oklch(52% .2 350);--color-info: oklch(50% .18 250);--shadow-xs: 0 1px 4px oklch(50% .1 280 / .08);--shadow-sm: 0 2px 8px oklch(50% .1 280 / .1);--shadow-md: 0 4px 16px oklch(50% .1 280 / .12);--shadow-lg: 0 8px 24px oklch(50% .12 280 / .15);--shadow-xl: 0 12px 36px oklch(50% .12 280 / .18);--shadow-2xl: 0 20px 48px oklch(50% .15 280 / .2);--page-bg-gradient: none;--page-bg-color: oklch(96% .02 280)}:root[data-theme~=genai][data-mode=light]:before{background:radial-gradient(ellipse at 15% 25%,oklch(80% .12 290 / .35) 0%,transparent 50%),radial-gradient(ellipse at 75% 15%,oklch(82% .1 250 / .3) 0%,transparent 50%),radial-gradient(ellipse at 55% 75%,oklch(85% .1 320 / .25) 0%,transparent 50%),oklch(96% .02 280)}:root[data-theme~=genai][data-mode=light],[data-theme~=genai][data-mode=light]{:is(main,article){& h1{text-shadow:0 0 30px oklch(50% .15 280 / .1),0 0 60px oklch(50% .1 260 / .05)}& h2{text-shadow:0 0 20px oklch(50% .12 280 / .08)}& hr:not([data-ornament]){background:linear-gradient(90deg,#5554b626,#9e45b166,oklch(50% .15 250 / .4),#5554b626);background-size:200% 100%}& blockquote{border-inline-start-color:#5443db80;background:#ebedfcb3}[type=submit],button:not(.secondary,.ghost,[class*=settings],[data-trigger],page-tools *){background:linear-gradient(135deg,#5449d0,oklch(45% .18 250));border:1px solid oklch(50% .2 280 / .3);box-shadow:0 0 10px #5554b626;&:hover:not(:disabled){box-shadow:0 0 16px #544ec540}}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(45% .2 280);--cb-string: oklch(45% .15 170);--cb-function: oklch(50% .18 320);--cb-number: oklch(50% .14 70)}::selection{background:#5449d033;color:#090a13}}
1
+ @layer tokens, reset, native-elements, custom-elements, web-components, utils, bundle-theme, bundle-effects, bundle-components;@layer bundle-theme{@keyframes genai-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}:root[data-theme~=genai],[data-theme~=genai]{color-scheme:dark;--theme-border-style: soft;--theme-icon-set: lucide;--color-background: oklch(10% .03 280);--color-surface: oklch(15% .03 280);--color-surface-alt: oklch(13% .025 280);--color-surface-raised: oklch(18% .035 280);--color-surface-sunken: oklch(8% .02 280);--color-text: oklch(93% .015 280);--color-text-muted: oklch(75% .02 280);--color-text-subtle: oklch(58% .02 280);--color-primary: oklch(65% .22 280);--color-primary-hover: oklch(70% .24 280);--color-primary-subtle: oklch(22% .08 280);--color-accent: oklch(72% .2 320);--color-accent-hover: oklch(77% .21 320);--color-border: oklch(30% .06 280);--color-border-muted: oklch(22% .04 280);--color-border-strong: oklch(40% .08 280);--color-success: oklch(72% .16 170);--color-warning: oklch(75% .14 70);--color-error: oklch(65% .2 350);--color-info: oklch(68% .18 250);--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "SF Mono", "JetBrains Mono", Consolas, monospace;--line-height-normal: 1.6;--line-height-tight: 1.2;--radius-xs: .5rem;--radius-s: .625rem;--radius-m: .75rem;--radius-l: 1rem;--radius-xl: 1.25rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-xs: 0 1px 4px oklch(50% .15 280 / .15);--shadow-s: 0 2px 8px oklch(50% .15 280 / .2);--shadow-m: 0 4px 16px oklch(50% .15 280 / .25);--shadow-l: 0 8px 24px oklch(50% .18 280 / .3);--shadow-xl: 0 12px 36px oklch(50% .18 280 / .35);--shadow-2xl: 0 20px 48px oklch(50% .2 280 / .4);--duration-instant: 72ms;--duration-fast: 144ms;--duration-normal: .3s;--duration-slow: .48s;--ease-default: cubic-bezier(.16, 1, .3, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--page-bg-gradient: radial-gradient(ellipse at 15% 25%, oklch(25% .15 290 / .6) 0%, transparent 50%), radial-gradient(ellipse at 75% 15%, oklch(22% .12 250 / .5) 0%, transparent 50%), radial-gradient(ellipse at 55% 75%, oklch(25% .14 320 / .4) 0%, transparent 50%);--page-bg-color: oklch(10% .03 280)}:root[data-theme~=genai]:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 15% 25%,oklch(35% .2 290 / .5) 0%,transparent 50%),radial-gradient(ellipse at 75% 15%,oklch(30% .15 250 / .4) 0%,transparent 50%),radial-gradient(ellipse at 55% 75%,oklch(35% .18 320 / .35) 0%,transparent 50%),#02020c}:root[data-theme~=genai],[data-theme~=genai]{:is(main,article){& h1,h2{letter-spacing:.02em;font-weight:600}& h1{text-shadow:0 0 20px oklch(65% .22 280 / .5),0 0 40px oklch(65% .18 260 / .25)}& h2{text-shadow:0 0 12px oklch(65% .22 280 / .35),0 0 24px oklch(65% .15 260 / .15)}& hr:not([data-ornament]){border:none;height:2px;margin-block:2rem;background:linear-gradient(90deg,oklch(65% .22 280 / .2),#da74f199,oklch(68% .18 250 / .6),oklch(65% .22 280 / .2));background-size:200% 100%;animation:genai-shimmer 4s ease-in-out infinite}& a:not([class]){color:var(--color-accent);text-decoration-color:#da74f166;text-underline-offset:.15em;&:hover{text-decoration-color:currentColor}}& blockquote{border-inline-start:3px solid oklch(65% .22 280 / .6);padding:1.25rem;background:#08081b99;border-radius:var(--radius-m)}[type=submit],button:not(.secondary,.ghost,[class*=settings],[data-trigger],page-tools *){background:linear-gradient(135deg,#6159e1,oklch(50% .18 250));border:1px solid oklch(65% .22 280 / .3);box-shadow:0 0 12px #6159e140;&:hover:not(:disabled){box-shadow:0 0 20px #6d65fe66}}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(70% .2 280);--cb-string: oklch(72% .16 170);--cb-function: oklch(72% .18 320);--cb-number: oklch(75% .14 70);--cb-button-bg: var(--color-surface)}::selection{background:oklch(65% .22 280 / .3);color:#edeef5}}:root[data-theme~=genai][data-mode=light],[data-theme~=genai][data-mode=light]{color-scheme:light;--color-background: oklch(96% .02 280);--color-surface: oklch(99% .005 280);--color-surface-alt: oklch(97% .01 280);--color-surface-raised: oklch(100% 0 0);--color-surface-sunken: oklch(94% .015 280);--color-text: oklch(12% .02 280);--color-text-muted: oklch(28% .02 280);--color-text-subtle: oklch(40% .015 280);--color-primary: oklch(50% .22 280);--color-primary-hover: oklch(45% .24 280);--color-primary-subtle: oklch(92% .05 280);--color-accent: oklch(55% .2 320);--color-accent-hover: oklch(50% .22 320);--color-border: oklch(80% .03 280);--color-border-muted: oklch(88% .02 280);--color-border-strong: oklch(65% .05 280);--color-success: oklch(52% .15 170);--color-warning: oklch(62% .14 70);--color-error: oklch(52% .2 350);--color-info: oklch(50% .18 250);--shadow-xs: 0 1px 4px oklch(50% .1 280 / .08);--shadow-s: 0 2px 8px oklch(50% .1 280 / .1);--shadow-m: 0 4px 16px oklch(50% .1 280 / .12);--shadow-l: 0 8px 24px oklch(50% .12 280 / .15);--shadow-xl: 0 12px 36px oklch(50% .12 280 / .18);--shadow-2xl: 0 20px 48px oklch(50% .15 280 / .2);--page-bg-gradient: none;--page-bg-color: oklch(96% .02 280)}:root[data-theme~=genai][data-mode=light]:before{background:radial-gradient(ellipse at 15% 25%,oklch(80% .12 290 / .35) 0%,transparent 50%),radial-gradient(ellipse at 75% 15%,oklch(82% .1 250 / .3) 0%,transparent 50%),radial-gradient(ellipse at 55% 75%,oklch(85% .1 320 / .25) 0%,transparent 50%),oklch(96% .02 280)}:root[data-theme~=genai][data-mode=light],[data-theme~=genai][data-mode=light]{:is(main,article){& h1{text-shadow:0 0 30px oklch(50% .15 280 / .1),0 0 60px oklch(50% .1 260 / .05)}& h2{text-shadow:0 0 20px oklch(50% .12 280 / .08)}& hr:not([data-ornament]){background:linear-gradient(90deg,#5554b626,#9e45b166,oklch(50% .15 250 / .4),#5554b626);background-size:200% 100%}& blockquote{border-inline-start-color:#5443db80;background:#ebedfcb3}[type=submit],button:not(.secondary,.ghost,[class*=settings],[data-trigger],page-tools *){background:linear-gradient(135deg,#5449d0,oklch(45% .18 250));border:1px solid oklch(50% .2 280 / .3);box-shadow:0 0 10px #5554b626;&:hover:not(:disabled){box-shadow:0 0 16px #544ec540}}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(45% .2 280);--cb-string: oklch(45% .15 170);--cb-function: oklch(50% .18 320);--cb-number: oklch(50% .14 70)}::selection{background:#5449d033;color:#090a13}}}
2
2
  /*# sourceMappingURL=genai.css.map */