vanilla-breeze 0.1.0 → 0.1.2

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 (99) hide show
  1. package/dist/cdn/components/adr-record.js +383 -0
  2. package/dist/cdn/components/adr-wc.js +403 -0
  3. package/dist/cdn/components/analytics-panel.js +34 -0
  4. package/dist/cdn/components/author-index.js +3 -0
  5. package/dist/cdn/components/brand-mark.js +2 -0
  6. package/dist/cdn/components/calendar-wc.js +2 -2
  7. package/dist/cdn/components/carousel-wc.js +1 -1
  8. package/dist/cdn/components/chart-wc.js +25 -25
  9. package/dist/cdn/components/color-palette.js +13 -7
  10. package/dist/cdn/components/comment-wc.js +2 -0
  11. package/dist/cdn/components/consent-banner.js +1 -1
  12. package/dist/cdn/components/content-lens.js +2 -0
  13. package/dist/cdn/components/day-view.js +2 -0
  14. package/dist/cdn/components/empathy-map.js +42 -25
  15. package/dist/cdn/components/flow-diagram.js +2 -0
  16. package/dist/cdn/components/font-pairer.js +108 -0
  17. package/dist/cdn/components/gantt-chart.js +2 -0
  18. package/dist/cdn/components/geo-map.js +7 -7
  19. package/dist/cdn/components/glossary-wc.js +2 -0
  20. package/dist/cdn/components/gradient-builder.js +52 -0
  21. package/dist/cdn/components/highlight-wc.js +3 -0
  22. package/dist/cdn/components/manifest.json +134 -26
  23. package/dist/cdn/components/markdown-viewer.js +3 -3
  24. package/dist/cdn/components/motion-specimen.js +21 -0
  25. package/dist/cdn/components/note-wc.js +3 -0
  26. package/dist/cdn/components/notification-wc.js +37 -0
  27. package/dist/cdn/components/page-info.js +55 -24
  28. package/dist/cdn/components/page-toc.js +1 -1
  29. package/dist/cdn/components/popularity-index.js +9 -0
  30. package/dist/cdn/components/print-page.js +1 -1
  31. package/dist/cdn/components/recently-visited.js +3 -0
  32. package/dist/cdn/components/review-surface.js +541 -0
  33. package/dist/cdn/components/selection-menu.js +2 -0
  34. package/dist/cdn/components/semantic-palette.js +30 -0
  35. package/dist/cdn/components/settings-panel.js +55 -51
  36. package/dist/cdn/components/share-wc.js +2 -2
  37. package/dist/cdn/components/site-map-wc.js +2 -0
  38. package/dist/cdn/components/spacing-specimen.js +5 -5
  39. package/dist/cdn/components/split-surface.js +1 -1
  40. package/dist/cdn/components/text-reader.js +2 -2
  41. package/dist/cdn/components/theme-export.js +18 -0
  42. package/dist/cdn/components/theme-picker.js +58 -58
  43. package/dist/cdn/components/token-specimen.js +25 -20
  44. package/dist/cdn/components/topic-map.js +3 -0
  45. package/dist/cdn/components/trust-filter.js +4 -0
  46. package/dist/cdn/components/type-specimen.js +16 -13
  47. package/dist/cdn/components/user-journey.js +48 -30
  48. package/dist/cdn/components/user-persona.js +17 -15
  49. package/dist/cdn/components/user-story.js +55 -22
  50. package/dist/cdn/components/watch-wc.js +3 -0
  51. package/dist/cdn/components/week-view.js +2 -0
  52. package/dist/cdn/components/work-item.js +446 -0
  53. package/dist/cdn/packs/design-system.full.js +124 -47
  54. package/dist/cdn/packs/effects.full.js +1 -1
  55. package/dist/cdn/packs/kawaii.full.css +1 -1
  56. package/dist/cdn/packs/kawaii.full.js +1 -1
  57. package/dist/cdn/packs/kawaii.theme.css +1 -1
  58. package/dist/cdn/packs/manifest.json +10 -40
  59. package/dist/cdn/packs/prototype.full.js +1 -1
  60. package/dist/cdn/packs/ui.full.css +1 -1
  61. package/dist/cdn/packs/ui.full.js +50 -50
  62. package/dist/cdn/packs/ux-planning.full.css +1 -1
  63. package/dist/cdn/packs/ux-planning.full.js +1546 -92
  64. package/dist/cdn/themes/8bit.css +1 -1
  65. package/dist/cdn/themes/alpha1999.css +1 -1
  66. package/dist/cdn/themes/bauhaus.css +1 -1
  67. package/dist/cdn/themes/brutalist.css +1 -1
  68. package/dist/cdn/themes/claymorphism.css +1 -1
  69. package/dist/cdn/themes/cottagecore.css +1 -1
  70. package/dist/cdn/themes/cyber.css +1 -1
  71. package/dist/cdn/themes/genai.css +1 -1
  72. package/dist/cdn/themes/glassmorphism.css +1 -1
  73. package/dist/cdn/themes/kawaii.css +1 -1
  74. package/dist/cdn/themes/magna.css +1 -1
  75. package/dist/cdn/themes/manifest.json +20 -20
  76. package/dist/cdn/themes/nes.css +1 -1
  77. package/dist/cdn/themes/neumorphism.css +1 -1
  78. package/dist/cdn/themes/organic.css +1 -1
  79. package/dist/cdn/themes/rough.css +1 -1
  80. package/dist/cdn/themes/startup.css +1 -1
  81. package/dist/cdn/themes/super2026.css +1 -1
  82. package/dist/cdn/themes/terminal.css +1 -1
  83. package/dist/cdn/themes/vaporwave.css +1 -1
  84. package/dist/cdn/themes/win9x.css +1 -1
  85. package/dist/cdn/vanilla-breeze-charts.js +25 -25
  86. package/dist/cdn/vanilla-breeze-core.css +1 -1
  87. package/dist/cdn/vanilla-breeze-core.js +119 -47
  88. package/dist/cdn/vanilla-breeze-dev.js +1 -1
  89. package/dist/cdn/vanilla-breeze-extras.js +154 -74
  90. package/dist/cdn/vanilla-breeze.css +1 -1
  91. package/dist/cdn/vanilla-breeze.js +1988 -248
  92. package/package.json +8 -6
  93. package/dist/cdn/packs/retro.bundle.js +0 -2
  94. package/dist/cdn/packs/retro.components.js +0 -1
  95. package/dist/cdn/packs/retro.effects.css +0 -2
  96. package/dist/cdn/packs/retro.effects.js +0 -16
  97. package/dist/cdn/packs/retro.full.css +0 -5
  98. package/dist/cdn/packs/retro.full.js +0 -16
  99. package/dist/cdn/packs/retro.theme.css +0 -2
package/dist/cdn/themes/8bit.css CHANGED
@@ -1,2 +1,2 @@
1
- @font-face{font-family:"Press Start 2P";font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/pressstart2p/v16/e3t4euO8T-267oIAQAu6jDQyK3nVivNm4I81.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root[data-theme~="8bit"],[data-theme~="8bit"]{--color-surface: oklch(20% .02 250);--color-surface-alt: oklch(25% .03 250);--color-surface-raised: oklch(30% .03 250);--color-surface-sunken: oklch(15% .02 250);--color-background: oklch(12% .02 250);--color-text: oklch(95% .02 60);--color-text-muted: oklch(70% .02 60);--color-text-subtle: oklch(50% .02 250);--color-primary: oklch(70% .2 145);--color-primary-hover: oklch(75% .22 145);--color-primary-subtle: oklch(30% .08 145);--color-accent: oklch(65% .22 25);--color-accent-hover: oklch(70% .24 25);--_8bit-color-yellow: oklch(85% .18 90);--_8bit-color-blue: oklch(55% .2 250);--_8bit-color-cyan: oklch(75% .15 200);--_8bit-color-magenta: oklch(60% .2 320);--_8bit-color-orange: oklch(75% .2 50);--color-border: oklch(45% .05 250);--color-border-muted: oklch(35% .04 250);--color-border-strong: oklch(95% .02 60);--color-success: oklch(65% .22 145);--color-success-subtle: oklch(25% .08 145);--color-success-text: oklch(75% .18 145);--color-warning: oklch(85% .18 90);--color-warning-subtle: oklch(25% .1 90);--color-warning-text: oklch(82% .15 90);--color-error: oklch(60% .24 25);--color-error-subtle: oklch(25% .1 25);--color-error-text: oklch(72% .2 25);--color-info: oklch(60% .18 250);--color-info-subtle: oklch(25% .08 250);--color-info-text: oklch(72% .15 250);--_8bit-glow-crt: 0 0 10px currentColor, 0 0 20px currentColor;--font-sans: "Press Start 2P", "VT323", "Courier New", monospace;--font-mono: "Press Start 2P", "VT323", "Courier New", monospace;--font-size-adjust: .45;--line-height-normal: 2;--line-height-tight: 1.5;--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;--_8bit-border-pixel: 4px;--shadow-xs: 2px 2px 0 oklch(0% 0 0);--shadow-sm: 4px 4px 0 oklch(0% 0 0);--shadow-md: 4px 4px 0 oklch(0% 0 0);--shadow-lg: 8px 8px 0 oklch(0% 0 0);--shadow-xl: 8px 8px 0 oklch(0% 0 0);--shadow-2xl: 12px 12px 0 oklch(0% 0 0);--duration-instant: 0ms;--duration-fast: 0ms;--duration-normal: .1s;--duration-slow: .2s;--ease-default: steps(4);--ease-out: steps(4);--control-size: 1.5rem;--control-border: oklch(70% .2 145);--control-checked-bg: oklch(70% .2 145);--control-checked-border: oklch(70% .2 145);--input-bg: oklch(15% .02 250);--input-border: oklch(40% .04 250);--input-border-focus: oklch(70% .2 145);--range-track-h: .5rem;--range-track-bg: oklch(25% .03 250);--range-track-fill: oklch(70% .2 145);--range-thumb-size: 1.5rem;--range-thumb-bg: oklch(20% .02 250);--range-thumb-border: oklch(70% .2 145);--progress-track-bg: oklch(25% .03 250);--progress-fill: oklch(70% .2 145)}:root[data-theme~="8bit"]:before{content:"";position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 2px,oklch(0% 0 0 / .15) 2px,oklch(0% 0 0 / .15) 4px);z-index:500}:root[data-theme~="8bit"],[data-theme~="8bit"]{--_8bit-pixel-border: linear-gradient( 90deg, var(--color-border-strong) 4px, transparent 4px ) 0 0 / 8px 100% repeat-x, linear-gradient( 180deg, var(--color-border-strong) 4px, transparent 4px ) 0 0 / 100% 8px repeat-y, linear-gradient( 90deg, var(--color-border-strong) 4px, transparent 4px ) 100% 0 / 8px 100% repeat-x, linear-gradient( 180deg, var(--color-border-strong) 4px, transparent 4px ) 0 100% / 100% 8px repeat-y;:is(main,article){& h1,h2,h3,h4{text-transform:uppercase;letter-spacing:.1em}& h1{color:var(--_8bit-color-yellow);text-shadow:var(--_8bit-glow-crt);&:before{content:"\2605 ";color:var(--color-accent)}&:after{content:" \2605";color:var(--color-accent)}}& h2{color:var(--_8bit-color-cyan);border-block-end:var(--_8bit-border-pixel) solid currentColor;padding-block-end:.5rem}& h3{color:var(--color-primary);&:before{content:"\25a0 "}&:after{content:" \25a0"}}.card>h3:before{content:none}}:is(main,article){& hr:not([data-ornament]){border:none;height:var(--_8bit-border-pixel);margin-block:2rem;background:repeating-linear-gradient(90deg,var(--color-accent) 0,var(--color-accent) 8px,var(--_8bit-color-yellow) 8px,var(--_8bit-color-yellow) 16px,var(--color-primary) 16px,var(--color-primary) 24px,var(--_8bit-color-cyan) 24px,var(--_8bit-color-cyan) 32px)}& a:not([class]){color:var(--_8bit-color-cyan);text-decoration:none;border-block-end:var(--_8bit-border-pixel) solid transparent;&:hover{border-color:currentColor;text-shadow:var(--_8bit-glow-crt)}}.button,button{background:var(--color-primary);color:#030303;border:var(--_8bit-border-pixel) solid oklch(0% 0 0);box-shadow:var(--shadow-sm);text-transform:uppercase;font-size:var(--font-size-xs);padding:.75rem 1rem;position:relative;&:before{content:"";position:absolute;inset:0 50% 50% 0;background:#fff3}&:hover{background:var(--color-primary-hover);transform:translate(-2px,-2px);box-shadow:var(--shadow-md)}&:active{transform:translate(2px,2px);box-shadow:var(--shadow-xs)}}.card{background:var(--color-surface);border:var(--_8bit-border-pixel) solid var(--color-border-strong);box-shadow:var(--shadow-md);position:relative;padding-block-start:2.5rem;&:before{content:"\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550";position:absolute;top:0;left:0;right:0;padding:.5rem;background:var(--_8bit-color-blue);color:var(--color-text);font-size:.5rem;border-block-end:var(--_8bit-border-pixel) solid var(--color-border-strong);overflow:hidden;white-space:nowrap}&:hover{transform:translate(-4px,-4px);box-shadow:8px 8px #000}}& input,textarea{background:#030303;border:var(--_8bit-border-pixel) solid var(--color-border);color:var(--color-text);font-family:var(--font-mono);font-size:var(--font-size-xs);padding:.5rem;&:focus{border-color:var(--color-primary);outline:none}&::placeholder{color:var(--color-text-subtle)}}@supports (appearance: base-select){& select:not([multiple])::picker-icon{color:var(--color-text)}& select:not([multiple]):open{border-color:var(--color-primary)}& select:not([multiple])::picker(select){background:var(--color-surface);border:var(--_8bit-border-pixel) solid var(--color-border-strong);box-shadow:var(--shadow-md)}& select:not([multiple]) option:hover{background:var(--color-surface-raised)}& select:not([multiple]) option:checked{color:var(--color-primary)}& select:not([multiple]) option::checkmark{color:var(--color-primary)}& select:not([multiple]) optgroup>legend{font-family:var(--font-sans);font-size:.625rem;color:var(--_8bit-color-cyan)}& select:not([multiple]) optgroup:not(:first-of-type){border-color:var(--color-border);border-width:var(--_8bit-border-pixel)}}& pre{background:#020202;border:var(--_8bit-border-pixel) solid var(--_8bit-color-cyan);box-shadow:var(--shadow-sm);& code{color:var(--color-primary)}}& code{background:#050c13;color:var(--_8bit-color-yellow);border:2px solid var(--color-border);padding:0 .25rem}& blockquote{background:var(--color-surface-alt);border:var(--_8bit-border-pixel) solid var(--_8bit-color-magenta);padding:1rem;position:relative;&:before{content:"\1f4ac";position:absolute;top:-1rem;left:1rem;font-size:1.5rem}}}& article{& ul:not([class]){list-style:none;>li:before{content:"\25ba";color:var(--color-accent);margin-inline-end:.5rem}}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-text-color: var(--color-primary);--cb-border-color: var(--_8bit-color-cyan);--cb-keyword: var(--_8bit-color-yellow);--cb-string: var(--_8bit-color-cyan);--cb-function: var(--_8bit-color-magenta);--cb-number: var(--_8bit-color-orange);--cb-tag: var(--_8bit-color-cyan);--cb-attribute: var(--_8bit-color-yellow);--cb-button-bg: var(--color-surface);--cb-button-hover-bg: var(--color-primary)}:is(main,article) browser-window{--browser-window-content-bg: var(--color-surface-sunken);--browser-window-border-color: var(--color-border-strong)}& progress{appearance:none;height:1rem;border:var(--_8bit-border-pixel) solid var(--color-border-strong);background:#030303;&::-webkit-progress-bar{background:#030303}&::-webkit-progress-value{background:repeating-linear-gradient(90deg,var(--color-primary),var(--color-primary) 8px,var(--color-primary-hover) 8px,var(--color-primary-hover) 16px)}}::selection{background:var(--color-accent);color:var(--color-text)}}:root[data-theme~="8bit"][data-mode=light],[data-theme~="8bit"][data-mode=light]{color-scheme:light;--_8bit-gb-lightest: oklch(76% .12 115);--_8bit-gb-light: oklch(68% .11 115);--_8bit-gb-dark: oklch(38% .07 140);--_8bit-gb-darkest: oklch(20% .05 145);--color-surface: var(--_8bit-gb-lightest);--color-surface-alt: var(--_8bit-gb-light);--color-surface-raised: oklch(80% .1 115);--color-surface-sunken: var(--_8bit-gb-light);--color-background: var(--_8bit-gb-lightest);--color-text: var(--_8bit-gb-darkest);--color-text-muted: var(--_8bit-gb-dark);--color-text-subtle: oklch(48% .06 135);--color-primary: var(--_8bit-gb-darkest);--color-primary-hover: var(--_8bit-gb-dark);--color-primary-subtle: var(--_8bit-gb-light);--color-border: var(--_8bit-gb-darkest);--color-border-muted: var(--_8bit-gb-dark);--color-border-strong: var(--_8bit-gb-darkest);--color-success: var(--_8bit-gb-darkest);--color-success-subtle: var(--_8bit-gb-light);--color-success-text: var(--_8bit-gb-darkest);--color-warning: var(--_8bit-gb-darkest);--color-warning-subtle: var(--_8bit-gb-light);--color-warning-text: var(--_8bit-gb-darkest);--color-error: var(--_8bit-gb-darkest);--color-error-subtle: var(--_8bit-gb-light);--color-error-text: var(--_8bit-gb-darkest);--color-info: var(--_8bit-gb-darkest);--color-info-subtle: var(--_8bit-gb-light);--color-info-text: var(--_8bit-gb-darkest);--color-interactive: var(--_8bit-gb-darkest);--_8bit-color-yellow: var(--_8bit-gb-darkest);--_8bit-color-cyan: var(--_8bit-gb-darkest);--color-accent: var(--_8bit-gb-darkest);--color-accent-hover: var(--_8bit-gb-dark);--_8bit-color-magenta: var(--_8bit-gb-darkest);--_8bit-color-orange: var(--_8bit-gb-darkest);--_8bit-color-blue: var(--_8bit-gb-darkest);--input-bg: var(--_8bit-gb-lightest);--input-border: var(--_8bit-gb-darkest);--input-border-focus: var(--_8bit-gb-darkest);--control-border: var(--_8bit-gb-darkest);--control-checked-bg: var(--_8bit-gb-darkest);--control-checked-border: var(--_8bit-gb-darkest);--range-track-bg: var(--_8bit-gb-dark);--range-track-fill: var(--_8bit-gb-darkest);--range-thumb-bg: var(--_8bit-gb-lightest);--range-thumb-border: var(--_8bit-gb-darkest);--progress-track-bg: var(--_8bit-gb-dark);--progress-fill: var(--_8bit-gb-darkest);--shadow-xs: 2px 2px 0 var(--_8bit-gb-darkest);--shadow-sm: 4px 4px 0 var(--_8bit-gb-darkest);--shadow-md: 4px 4px 0 var(--_8bit-gb-darkest);--shadow-lg: 8px 8px 0 var(--_8bit-gb-darkest);--shadow-xl: 8px 8px 0 var(--_8bit-gb-darkest);--shadow-2xl: 12px 12px 0 var(--_8bit-gb-darkest);--_8bit-glow-crt: none;:is(main,article) button,:is(main,article) .button{background:var(--_8bit-gb-darkest);color:var(--_8bit-gb-lightest);border-color:var(--_8bit-gb-darkest);&:before{background:#ffffff14}&:hover{background:var(--_8bit-gb-dark);color:var(--_8bit-gb-lightest)}}:is(main,article) input,:is(main,article) textarea{background:var(--_8bit-gb-lightest);color:var(--_8bit-gb-darkest);border-color:var(--_8bit-gb-darkest)}:is(main,article) code{background:var(--_8bit-gb-light);color:var(--_8bit-gb-darkest);border-color:var(--_8bit-gb-dark)}:is(main,article) pre{background:var(--_8bit-gb-darkest);color:var(--_8bit-gb-lightest);border-color:var(--_8bit-gb-dark);& code{background:transparent;color:inherit;border:none}}:is(main,article) code-block{--cb-bg: var(--_8bit-gb-darkest);--cb-code-bg: var(--_8bit-gb-darkest);--cb-header-bg: oklch(25% .05 145);--cb-text-color: var(--_8bit-gb-lightest);--cb-border-color: var(--_8bit-gb-dark);--cb-border-radius: 0;--cb-comment: var(--_8bit-gb-dark);--cb-keyword: var(--_8bit-gb-lightest);--cb-string: oklch(72% .1 115);--cb-function: oklch(60% .08 115);--cb-number: oklch(72% .1 115);--cb-tag: var(--_8bit-gb-light);--cb-attribute: var(--_8bit-gb-lightest);--cb-button-bg: oklch(25% .05 145);--cb-button-color: var(--_8bit-gb-light);--cb-button-hover-bg: var(--_8bit-gb-dark);--cb-scrollbar-track: var(--_8bit-gb-darkest);--cb-scrollbar-thumb: var(--_8bit-gb-dark)}:is(main,article) browser-window{--browser-window-bg: var(--_8bit-gb-lightest);--browser-window-header-bg: var(--_8bit-gb-darkest);--browser-window-content-bg: var(--_8bit-gb-lightest);--browser-window-border-color: var(--_8bit-gb-darkest);--browser-window-text-color: var(--_8bit-gb-lightest);--browser-window-text-muted: var(--_8bit-gb-light);--browser-window-url-bg: var(--_8bit-gb-dark)}}:root[data-theme~="8bit"][data-mode=light]:before{opacity:.05}
1
+ @font-face{font-family:"Press Start 2P";font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/pressstart2p/v16/e3t4euO8T-267oIAQAu6jDQyK3nVivNm4I81.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root[data-theme~="8bit"],[data-theme~="8bit"]{--color-surface: oklch(20% .02 250);--color-surface-alt: oklch(25% .03 250);--color-surface-raised: oklch(30% .03 250);--color-surface-sunken: oklch(15% .02 250);--color-background: oklch(12% .02 250);--color-text: oklch(95% .02 60);--color-text-muted: oklch(70% .02 60);--color-text-subtle: oklch(50% .02 250);--color-primary: oklch(70% .2 145);--caret-color: var(--color-primary);--color-primary-hover: oklch(75% .22 145);--color-primary-subtle: oklch(30% .08 145);--color-accent: oklch(65% .22 25);--color-accent-hover: oklch(70% .24 25);--_8bit-color-yellow: oklch(85% .18 90);--_8bit-color-blue: oklch(55% .2 250);--_8bit-color-cyan: oklch(75% .15 200);--_8bit-color-magenta: oklch(60% .2 320);--_8bit-color-orange: oklch(75% .2 50);--color-border: oklch(45% .05 250);--color-border-muted: oklch(35% .04 250);--color-border-strong: oklch(95% .02 60);--color-success: oklch(65% .22 145);--color-success-subtle: oklch(25% .08 145);--color-success-text: oklch(75% .18 145);--color-warning: oklch(85% .18 90);--color-warning-subtle: oklch(25% .1 90);--color-warning-text: oklch(82% .15 90);--color-error: oklch(60% .24 25);--color-error-subtle: oklch(25% .1 25);--color-error-text: oklch(72% .2 25);--color-info: oklch(60% .18 250);--color-info-subtle: oklch(25% .08 250);--color-info-text: oklch(72% .15 250);--_8bit-glow-crt: 0 0 10px currentColor, 0 0 20px currentColor;--font-sans: "Press Start 2P", "VT323", "Courier New", monospace;--font-mono: "Press Start 2P", "VT323", "Courier New", monospace;--font-size-adjust: .45;--line-height-normal: 2;--line-height-tight: 1.5;--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;--_8bit-border-pixel: 4px;--shadow-xs: 2px 2px 0 oklch(0% 0 0);--shadow-sm: 4px 4px 0 oklch(0% 0 0);--shadow-md: 4px 4px 0 oklch(0% 0 0);--shadow-lg: 8px 8px 0 oklch(0% 0 0);--shadow-xl: 8px 8px 0 oklch(0% 0 0);--shadow-2xl: 12px 12px 0 oklch(0% 0 0);--duration-instant: 0ms;--duration-fast: 0ms;--duration-normal: .1s;--duration-slow: .2s;--ease-default: steps(4);--ease-out: steps(4);--control-size: 1.5rem;--control-border: oklch(70% .2 145);--control-checked-bg: oklch(70% .2 145);--control-checked-border: oklch(70% .2 145);--input-bg: oklch(15% .02 250);--input-border: oklch(40% .04 250);--input-border-focus: oklch(70% .2 145);--range-track-h: .5rem;--range-track-bg: oklch(25% .03 250);--range-track-fill: oklch(70% .2 145);--range-thumb-size: 1.5rem;--range-thumb-bg: oklch(20% .02 250);--range-thumb-border: oklch(70% .2 145);--progress-track-bg: oklch(25% .03 250);--progress-fill: oklch(70% .2 145)}:root[data-theme~="8bit"]:before{content:"";position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 2px,oklch(0% 0 0 / .15) 2px,oklch(0% 0 0 / .15) 4px);z-index:500}:root[data-theme~="8bit"],[data-theme~="8bit"]{--_8bit-pixel-border: linear-gradient( 90deg, var(--color-border-strong) 4px, transparent 4px ) 0 0 / 8px 100% repeat-x, linear-gradient( 180deg, var(--color-border-strong) 4px, transparent 4px ) 0 0 / 100% 8px repeat-y, linear-gradient( 90deg, var(--color-border-strong) 4px, transparent 4px ) 100% 0 / 8px 100% repeat-x, linear-gradient( 180deg, var(--color-border-strong) 4px, transparent 4px ) 0 100% / 100% 8px repeat-y;:is(main,article){& h1,h2,h3,h4{text-transform:uppercase;letter-spacing:.1em}& h1{color:var(--_8bit-color-yellow);text-shadow:var(--_8bit-glow-crt);&:before{content:"\2605 ";color:var(--color-accent)}&:after{content:" \2605";color:var(--color-accent)}}& h2{color:var(--_8bit-color-cyan);border-block-end:var(--_8bit-border-pixel) solid currentColor;padding-block-end:.5rem}& h3{color:var(--color-primary);&:before{content:"\25a0 "}&:after{content:" \25a0"}}.card>h3:before{content:none}}:is(main,article){& hr:not([data-ornament]){border:none;height:var(--_8bit-border-pixel);margin-block:2rem;background:repeating-linear-gradient(90deg,var(--color-accent) 0,var(--color-accent) 8px,var(--_8bit-color-yellow) 8px,var(--_8bit-color-yellow) 16px,var(--color-primary) 16px,var(--color-primary) 24px,var(--_8bit-color-cyan) 24px,var(--_8bit-color-cyan) 32px)}& a:not([class]){color:var(--_8bit-color-cyan);text-decoration:none;border-block-end:var(--_8bit-border-pixel) solid transparent;&:hover{border-color:currentColor;text-shadow:var(--_8bit-glow-crt)}}.button,button{background:var(--color-primary);color:#030303;border:var(--_8bit-border-pixel) solid oklch(0% 0 0);box-shadow:var(--shadow-sm);text-transform:uppercase;font-size:var(--font-size-xs);padding:.75rem 1rem;position:relative;&:before{content:"";position:absolute;inset:0 50% 50% 0;background:#fff3}&:hover{background:var(--color-primary-hover);transform:translate(-2px,-2px);box-shadow:var(--shadow-md)}&:active{transform:translate(2px,2px);box-shadow:var(--shadow-xs)}}.card{background:var(--color-surface);border:var(--_8bit-border-pixel) solid var(--color-border-strong);box-shadow:var(--shadow-md);position:relative;padding-block-start:2.5rem;&:before{content:"\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550";position:absolute;top:0;left:0;right:0;padding:.5rem;background:var(--_8bit-color-blue);color:var(--color-text);font-size:.5rem;border-block-end:var(--_8bit-border-pixel) solid var(--color-border-strong);overflow:hidden;white-space:nowrap}&:hover{transform:translate(-4px,-4px);box-shadow:8px 8px #000}}& input,textarea{background:#030303;border:var(--_8bit-border-pixel) solid var(--color-border);color:var(--color-text);font-family:var(--font-mono);font-size:var(--font-size-xs);padding:.5rem;&:focus{border-color:var(--color-primary);outline:none}&::placeholder{color:var(--color-text-subtle)}}@supports (appearance: base-select){& select:not([multiple])::picker-icon{color:var(--color-text)}& select:not([multiple]):open{border-color:var(--color-primary)}& select:not([multiple])::picker(select){background:var(--color-surface);border:var(--_8bit-border-pixel) solid var(--color-border-strong);box-shadow:var(--shadow-md)}& select:not([multiple]) option:hover{background:var(--color-surface-raised)}& select:not([multiple]) option:checked{color:var(--color-primary)}& select:not([multiple]) option::checkmark{color:var(--color-primary)}& select:not([multiple]) optgroup>legend{font-family:var(--font-sans);font-size:.625rem;color:var(--_8bit-color-cyan)}& select:not([multiple]) optgroup:not(:first-of-type){border-color:var(--color-border);border-width:var(--_8bit-border-pixel)}}& pre{background:#020202;border:var(--_8bit-border-pixel) solid var(--_8bit-color-cyan);box-shadow:var(--shadow-sm);& code{color:var(--color-primary)}}& code{background:#050c13;color:var(--_8bit-color-yellow);border:2px solid var(--color-border);padding:0 .25rem}& blockquote{background:var(--color-surface-alt);border:var(--_8bit-border-pixel) solid var(--_8bit-color-magenta);padding:1rem;position:relative;&:before{content:"\1f4ac";position:absolute;top:-1rem;left:1rem;font-size:1.5rem}}}& article{& ul:not([class]){list-style:none;>li:before{content:"\25ba";color:var(--color-accent);margin-inline-end:.5rem}}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-text-color: var(--color-primary);--cb-border-color: var(--_8bit-color-cyan);--cb-keyword: var(--_8bit-color-yellow);--cb-string: var(--_8bit-color-cyan);--cb-function: var(--_8bit-color-magenta);--cb-number: var(--_8bit-color-orange);--cb-tag: var(--_8bit-color-cyan);--cb-attribute: var(--_8bit-color-yellow);--cb-button-bg: var(--color-surface);--cb-button-hover-bg: var(--color-primary)}:is(main,article) browser-window{--browser-window-content-bg: var(--color-surface-sunken);--browser-window-border-color: var(--color-border-strong)}& progress{appearance:none;height:1rem;border:var(--_8bit-border-pixel) solid var(--color-border-strong);background:#030303;&::-webkit-progress-bar{background:#030303}&::-webkit-progress-value{background:repeating-linear-gradient(90deg,var(--color-primary),var(--color-primary) 8px,var(--color-primary-hover) 8px,var(--color-primary-hover) 16px)}}::selection{background:var(--color-accent);color:var(--color-text)}}:root[data-theme~="8bit"][data-mode=light],[data-theme~="8bit"][data-mode=light]{color-scheme:light;--_8bit-gb-lightest: oklch(76% .12 115);--_8bit-gb-light: oklch(68% .11 115);--_8bit-gb-dark: oklch(38% .07 140);--_8bit-gb-darkest: oklch(20% .05 145);--color-surface: var(--_8bit-gb-lightest);--color-surface-alt: var(--_8bit-gb-light);--color-surface-raised: oklch(80% .1 115);--color-surface-sunken: var(--_8bit-gb-light);--color-background: var(--_8bit-gb-lightest);--color-text: var(--_8bit-gb-darkest);--color-text-muted: var(--_8bit-gb-dark);--color-text-subtle: oklch(48% .06 135);--color-primary: var(--_8bit-gb-darkest);--color-primary-hover: var(--_8bit-gb-dark);--color-primary-subtle: var(--_8bit-gb-light);--color-border: var(--_8bit-gb-darkest);--color-border-muted: var(--_8bit-gb-dark);--color-border-strong: var(--_8bit-gb-darkest);--color-success: var(--_8bit-gb-darkest);--color-success-subtle: var(--_8bit-gb-light);--color-success-text: var(--_8bit-gb-darkest);--color-warning: var(--_8bit-gb-darkest);--color-warning-subtle: var(--_8bit-gb-light);--color-warning-text: var(--_8bit-gb-darkest);--color-error: var(--_8bit-gb-darkest);--color-error-subtle: var(--_8bit-gb-light);--color-error-text: var(--_8bit-gb-darkest);--color-info: var(--_8bit-gb-darkest);--color-info-subtle: var(--_8bit-gb-light);--color-info-text: var(--_8bit-gb-darkest);--color-interactive: var(--_8bit-gb-darkest);--_8bit-color-yellow: var(--_8bit-gb-darkest);--_8bit-color-cyan: var(--_8bit-gb-darkest);--color-accent: var(--_8bit-gb-darkest);--color-accent-hover: var(--_8bit-gb-dark);--_8bit-color-magenta: var(--_8bit-gb-darkest);--_8bit-color-orange: var(--_8bit-gb-darkest);--_8bit-color-blue: var(--_8bit-gb-darkest);--input-bg: var(--_8bit-gb-lightest);--input-border: var(--_8bit-gb-darkest);--input-border-focus: var(--_8bit-gb-darkest);--control-border: var(--_8bit-gb-darkest);--control-checked-bg: var(--_8bit-gb-darkest);--control-checked-border: var(--_8bit-gb-darkest);--range-track-bg: var(--_8bit-gb-dark);--range-track-fill: var(--_8bit-gb-darkest);--range-thumb-bg: var(--_8bit-gb-lightest);--range-thumb-border: var(--_8bit-gb-darkest);--progress-track-bg: var(--_8bit-gb-dark);--progress-fill: var(--_8bit-gb-darkest);--shadow-xs: 2px 2px 0 var(--_8bit-gb-darkest);--shadow-sm: 4px 4px 0 var(--_8bit-gb-darkest);--shadow-md: 4px 4px 0 var(--_8bit-gb-darkest);--shadow-lg: 8px 8px 0 var(--_8bit-gb-darkest);--shadow-xl: 8px 8px 0 var(--_8bit-gb-darkest);--shadow-2xl: 12px 12px 0 var(--_8bit-gb-darkest);--_8bit-glow-crt: none;:is(main,article) button,:is(main,article) .button{background:var(--_8bit-gb-darkest);color:var(--_8bit-gb-lightest);border-color:var(--_8bit-gb-darkest);&:before{background:#ffffff14}&:hover{background:var(--_8bit-gb-dark);color:var(--_8bit-gb-lightest)}}:is(main,article) input,:is(main,article) textarea{background:var(--_8bit-gb-lightest);color:var(--_8bit-gb-darkest);border-color:var(--_8bit-gb-darkest)}:is(main,article) code{background:var(--_8bit-gb-light);color:var(--_8bit-gb-darkest);border-color:var(--_8bit-gb-dark)}:is(main,article) pre{background:var(--_8bit-gb-darkest);color:var(--_8bit-gb-lightest);border-color:var(--_8bit-gb-dark);& code{background:transparent;color:inherit;border:none}}:is(main,article) code-block{--cb-bg: var(--_8bit-gb-darkest);--cb-code-bg: var(--_8bit-gb-darkest);--cb-header-bg: oklch(25% .05 145);--cb-text-color: var(--_8bit-gb-lightest);--cb-border-color: var(--_8bit-gb-dark);--cb-border-radius: 0;--cb-comment: var(--_8bit-gb-dark);--cb-keyword: var(--_8bit-gb-lightest);--cb-string: oklch(72% .1 115);--cb-function: oklch(60% .08 115);--cb-number: oklch(72% .1 115);--cb-tag: var(--_8bit-gb-light);--cb-attribute: var(--_8bit-gb-lightest);--cb-button-bg: oklch(25% .05 145);--cb-button-color: var(--_8bit-gb-light);--cb-button-hover-bg: var(--_8bit-gb-dark);--cb-scrollbar-track: var(--_8bit-gb-darkest);--cb-scrollbar-thumb: var(--_8bit-gb-dark)}:is(main,article) browser-window{--browser-window-bg: var(--_8bit-gb-lightest);--browser-window-header-bg: var(--_8bit-gb-darkest);--browser-window-content-bg: var(--_8bit-gb-lightest);--browser-window-border-color: var(--_8bit-gb-darkest);--browser-window-text-color: var(--_8bit-gb-lightest);--browser-window-text-muted: var(--_8bit-gb-light);--browser-window-url-bg: var(--_8bit-gb-dark)}}:root[data-theme~="8bit"][data-mode=light]:before{opacity:.05}
2
2
  /*# sourceMappingURL=8bit.css.map */
package/dist/cdn/themes/alpha1999.css CHANGED
@@ -1,2 +1,2 @@
1
- :root[data-theme~=alpha1999],[data-theme~=alpha1999]{color-scheme:dark;--hue-primary: 48;--hue-secondary: 258;--hue-accent: 68;--color-primary: oklch(68% .2 48);--color-primary-hover: oklch(76% .18 56);--color-primary-active: oklch(60% .22 44);--color-primary-subtle: oklch(20% .06 48);--color-secondary: oklch(55% .14 258);--color-secondary-hover: oklch(62% .16 258);--color-secondary-subtle: oklch(18% .06 258);--color-accent: oklch(74% .17 68);--color-accent-hover: oklch(80% .15 68);--color-accent-subtle: oklch(20% .06 68);--color-background: oklch(4% .008 260);--color-surface: oklch(12% .012 255);--color-surface-alt: oklch(17% .014 255);--color-surface-raised: oklch(22% .012 255);--color-surface-sunken: oklch(8% .01 255);--color-text: oklch(96% .004 90);--color-text-muted: oklch(75% .008 90);--color-text-subtle: oklch(50% .008 90);--color-text-inverted: oklch(4% .008 260);--color-text-on-primary: oklch(4% .008 260);--color-success: oklch(62% .22 148);--color-success-subtle: oklch(18% .06 148);--color-success-text: oklch(75% .15 148);--color-warning: oklch(74% .17 68);--color-warning-subtle: oklch(20% .06 68);--color-warning-text: oklch(80% .12 68);--color-error: oklch(58% .24 22);--color-error-subtle: oklch(18% .06 22);--color-error-text: oklch(75% .18 22);--color-info: oklch(58% .14 255);--color-info-subtle: oklch(18% .06 255);--color-info-text: oklch(75% .12 255);--color-border: oklch(30% .01 255);--color-border-strong: oklch(40% .01 255);--color-border-subtle: oklch(20% .008 255);--color-border-muted: oklch(25% .009 255);--radius-xs: 2px;--radius-s: 3px;--radius-m: 3px;--radius-l: 6px;--radius-xl: 6px;--radius-2xl: 8px;--radius-full: 9999px;--shadow-xs: 0 1px 3px oklch(0% 0 0 / .4);--shadow-sm: 0 2px 8px oklch(0% 0 0 / .5), 0 1px 2px oklch(0% 0 0 / .4);--shadow-md: 0 4px 16px oklch(0% 0 0 / .6), 0 8px 32px oklch(0% 0 0 / .3);--shadow-lg: 0 8px 24px oklch(0% 0 0 / .6), 0 12px 48px oklch(0% 0 0 / .3);--shadow-xl: 0 12px 36px oklch(0% 0 0 / .7), 0 16px 64px oklch(0% 0 0 / .3);--shadow-2xl: 0 20px 50px oklch(0% 0 0 / .8);--font-sans: "Josefin Sans", "Century Gothic", "Futura", sans-serif;--font-mono: "Share Tech Mono", "Courier New", monospace;--font-display: "Nunito", "Arial Black", "Impact", sans-serif;--font-heading: "Nunito", "Arial Black", "Impact", sans-serif;--font-body: "Josefin Sans", "Century Gothic", "Futura", sans-serif;--font-code: "Share Tech Mono", "Courier New", monospace;--line-height-normal: 1.65;--line-height-tight: 1;--letter-spacing-wide: .04em;--duration-fast: .12s;--duration-normal: .25s;--duration-slow: .4s;--motion-enter-duration: .4s;--motion-exit-duration: .2s;--motion-smooth: cubic-bezier(.16, 1, .3, 1);--_a99-orange: oklch(68% .2 48);--_a99-orange-glow: oklch(68% .2 48 / .35);--_a99-void: oklch(4% .008 260);--_a99-panel: oklch(12% .012 255);--_a99-glow-orange: 0 0 12px var(--_a99-orange-glow), 0 0 32px oklch(68% .2 48 / .15);--_a99-glow-white: 0 0 10px oklch(96% 0 0 / .3), 0 0 24px oklch(96% 0 0 / .1);--_a99-hazard: repeating-linear-gradient( -45deg, var(--_a99-orange) 0px, var(--_a99-orange) 12px, var(--_a99-void) 12px, var(--_a99-void) 24px );--_a99-command: oklch(74% .17 68);--_a99-medical: oklch(60% .22 28);--_a99-technical: oklch(55% .14 258);--_a99-security: oklch(50% .06 285);--scrollbar-thumb: oklch(30% .01 255);--scrollbar-track: oklch(8% .01 255);--control-border: oklch(40% .04 255);--control-checked-bg: oklch(68% .2 48);--control-checked-border: oklch(68% .2 48);--input-bg: oklch(10% .01 255);--input-border: oklch(30% .02 255);--input-border-focus: oklch(68% .2 48);--range-track-bg: oklch(20% .02 255);--range-track-fill: oklch(68% .2 48);--range-thumb-bg: oklch(14% .01 255);--range-thumb-border: oklch(68% .2 48);--progress-track-bg: oklch(18% .02 255);--progress-fill: oklch(68% .2 48)}:root[data-theme~=alpha1999],[data-theme~=alpha1999]{:is(main,article){:is(h1,h2,h3,h4,h5,h6){font-family:var(--font-display);font-weight:900;text-transform:uppercase;letter-spacing:.04em;line-height:1}& hr:not([data-ornament]){border:none;height:1px;background:#2a2e33;margin-block:2rem}& a:not([class]){color:var(--color-primary);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;&:hover{text-shadow:var(--_a99-glow-orange)}}.button,button{font-family:var(--font-display);font-weight:700;letter-spacing:.06em;text-transform:uppercase;transition:box-shadow var(--duration-normal) var(--motion-smooth),background-color var(--duration-fast);&:hover{box-shadow:var(--_a99-glow-orange)}}@supports (appearance: base-select){& select:not([multiple])::picker-icon{color:var(--_a99-orange)}& select:not([multiple]):open{border-color:var(--_a99-orange);box-shadow:var(--_a99-glow-orange)}& select:not([multiple])::picker(select){background:var(--_a99-panel);border:1px solid oklch(30% .01 255);box-shadow:var(--_a99-glow-orange)}& select:not([multiple]) option:hover{background:#0c121a}& select:not([multiple]) option:checked{color:var(--_a99-orange)}& select:not([multiple]) option::checkmark{color:var(--_a99-orange)}& select:not([multiple]) optgroup>legend{font-family:var(--font-heading);font-weight:900;letter-spacing:.06em;color:var(--_a99-command)}& select:not([multiple]) optgroup:not(:first-of-type){border-color:#2a2e33}}.card{background:var(--_a99-panel);border:1px solid oklch(30% .01 255)}& code{color:var(--color-primary);background:var(--_a99-panel);border:1px solid oklch(30% .01 255)}& pre{background:var(--_a99-void);border:1px solid oklch(30% .01 255)}& pre code{background:transparent;border:none}}:is(main,article) code-block{--cb-bg: var(--_a99-void);--cb-code-bg: var(--_a99-void);--cb-header-bg: var(--_a99-panel);--cb-border-color: oklch(30% .01 255);--cb-label-color: var(--color-text-subtle);--cb-comment: var(--color-text-subtle);--cb-string: var(--_a99-command);--cb-function: var(--color-text);--cb-number: var(--color-primary);--cb-button-bg: var(--_a99-panel);--cb-button-border: 1px solid oklch(30% .01 255);--cb-scrollbar-track: var(--_a99-void);--cb-scrollbar-thumb: oklch(30% .01 255)}:is(main,article) browser-window{--browser-window-bg: var(--_a99-panel);--browser-window-header-bg: oklch(8% .01 255);--browser-window-content-bg: var(--_a99-void);--browser-window-border-color: oklch(30% .01 255);--browser-window-url-bg: var(--_a99-void)}::selection{background:var(--color-primary);color:var(--_a99-void)}}
1
+ :root[data-theme~=alpha1999],[data-theme~=alpha1999]{color-scheme:light dark;--hue-primary: 48;--hue-secondary: 258;--hue-accent: 68;--color-primary: oklch(55% .2 48);--color-primary-hover: oklch(48% .22 44);--color-primary-active: oklch(45% .22 44);--color-primary-subtle: oklch(95% .03 48);--color-secondary: oklch(45% .14 258);--color-secondary-hover: oklch(40% .16 258);--color-secondary-subtle: oklch(95% .03 258);--color-accent: oklch(55% .17 68);--color-accent-hover: oklch(48% .18 68);--color-accent-subtle: oklch(95% .03 68);--color-background: oklch(96% .008 70);--color-surface: oklch(98% .005 70);--color-surface-alt: oklch(94% .01 70);--color-surface-raised: oklch(99% .003 70);--color-surface-sunken: oklch(92% .012 70);--color-text: oklch(20% .01 48);--color-text-muted: oklch(38% .01 48);--color-text-subtle: oklch(50% .008 48);--color-text-inverted: oklch(96% .004 90);--color-text-on-primary: oklch(98% .004 90);--color-success: oklch(48% .18 148);--color-success-subtle: oklch(95% .04 148);--color-success-text: oklch(35% .12 148);--color-warning: oklch(55% .17 68);--color-warning-subtle: oklch(95% .04 68);--color-warning-text: oklch(35% .12 68);--color-error: oklch(50% .22 22);--color-error-subtle: oklch(95% .04 22);--color-error-text: oklch(35% .15 22);--color-info: oklch(48% .14 255);--color-info-subtle: oklch(95% .03 255);--color-info-text: oklch(35% .12 255);--color-border: oklch(82% .01 70);--color-border-strong: oklch(60% .01 48);--color-border-subtle: oklch(88% .008 70);--color-border-muted: oklch(85% .009 70);--radius-xs: 2px;--radius-s: 3px;--radius-m: 3px;--radius-l: 6px;--radius-xl: 6px;--radius-2xl: 8px;--radius-full: 9999px;--shadow-xs: 0 1px 3px oklch(0% 0 0 / .08);--shadow-sm: 0 2px 8px oklch(0% 0 0 / .1), 0 1px 2px oklch(0% 0 0 / .06);--shadow-md: 0 4px 16px oklch(0% 0 0 / .12), 0 2px 4px oklch(0% 0 0 / .08);--shadow-lg: 0 8px 24px oklch(0% 0 0 / .14), 0 4px 8px oklch(0% 0 0 / .08);--shadow-xl: 0 12px 36px oklch(0% 0 0 / .16), 0 6px 12px oklch(0% 0 0 / .08);--shadow-2xl: 0 20px 50px oklch(0% 0 0 / .18);--font-sans: "Josefin Sans", "Century Gothic", "Futura", sans-serif;--font-mono: "Share Tech Mono", "Courier New", monospace;--font-display: "Nunito", "Arial Black", "Impact", sans-serif;--font-heading: "Nunito", "Arial Black", "Impact", sans-serif;--font-body: "Josefin Sans", "Century Gothic", "Futura", sans-serif;--font-code: "Share Tech Mono", "Courier New", monospace;--line-height-normal: 1.65;--line-height-tight: 1;--letter-spacing-wide: .04em;--duration-fast: .12s;--duration-normal: .25s;--duration-slow: .4s;--motion-enter-duration: .4s;--motion-exit-duration: .2s;--motion-smooth: cubic-bezier(.16, 1, .3, 1);--_a99-orange: oklch(55% .2 48);--_a99-orange-glow: oklch(55% .2 48 / .15);--_a99-void: oklch(94% .01 70);--_a99-panel: oklch(98% .005 70);--_a99-glow-orange: 0 0 8px var(--_a99-orange-glow);--_a99-glow-white: none;--_a99-hazard: repeating-linear-gradient( -45deg, var(--_a99-orange) 0px, var(--_a99-orange) 12px, var(--_a99-void) 12px, var(--_a99-void) 24px );--_a99-command: oklch(74% .17 68);--_a99-medical: oklch(60% .22 28);--_a99-technical: oklch(55% .14 258);--_a99-security: oklch(50% .06 285);--scrollbar-thumb: oklch(78% .01 70);--scrollbar-track: oklch(92% .008 70);--control-border: oklch(70% .01 48);--control-checked-bg: oklch(55% .2 48);--control-checked-border: oklch(55% .2 48);--input-bg: oklch(99% .003 70);--input-border: oklch(78% .01 70);--input-border-focus: oklch(55% .2 48);--range-track-bg: oklch(88% .01 70);--range-track-fill: oklch(55% .2 48);--range-thumb-bg: oklch(98% .005 70);--range-thumb-border: oklch(55% .2 48);--progress-track-bg: oklch(88% .01 70);--progress-fill: oklch(55% .2 48)}:root[data-theme~=alpha1999],[data-theme~=alpha1999]{:is(main,article){:is(h1,h2,h3,h4,h5,h6){font-family:var(--font-display);font-weight:900;text-transform:uppercase;letter-spacing:.04em;line-height:1}& hr:not([data-ornament]){border:none;height:1px;background:#2a2e33;margin-block:2rem}& a:not([class]){color:var(--color-primary);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;&:hover{text-shadow:var(--_a99-glow-orange)}}.button,button{font-family:var(--font-display);font-weight:700;letter-spacing:.06em;text-transform:uppercase;transition:box-shadow var(--duration-normal) var(--motion-smooth),background-color var(--duration-fast);&:hover{box-shadow:var(--_a99-glow-orange)}}@supports (appearance: base-select){& select:not([multiple])::picker-icon{color:var(--_a99-orange)}& select:not([multiple]):open{border-color:var(--_a99-orange);box-shadow:var(--_a99-glow-orange)}& select:not([multiple])::picker(select){background:var(--_a99-panel);border:1px solid oklch(30% .01 255);box-shadow:var(--_a99-glow-orange)}& select:not([multiple]) option:hover{background:#0c121a}& select:not([multiple]) option:checked{color:var(--_a99-orange)}& select:not([multiple]) option::checkmark{color:var(--_a99-orange)}& select:not([multiple]) optgroup>legend{font-family:var(--font-heading);font-weight:900;letter-spacing:.06em;color:var(--_a99-command)}& select:not([multiple]) optgroup:not(:first-of-type){border-color:#2a2e33}}.card{background:var(--_a99-panel);border:1px solid oklch(30% .01 255)}& code{color:var(--color-primary);background:var(--_a99-panel);border:1px solid oklch(30% .01 255)}& pre{background:var(--_a99-void);border:1px solid oklch(30% .01 255)}& pre code{background:transparent;border:none}}:is(main,article) code-block{--cb-bg: var(--_a99-void);--cb-code-bg: var(--_a99-void);--cb-header-bg: var(--_a99-panel);--cb-border-color: oklch(30% .01 255);--cb-label-color: var(--color-text-subtle);--cb-comment: var(--color-text-subtle);--cb-string: var(--_a99-command);--cb-function: var(--color-text);--cb-number: var(--color-primary);--cb-button-bg: var(--_a99-panel);--cb-button-border: 1px solid oklch(30% .01 255);--cb-scrollbar-track: var(--_a99-void);--cb-scrollbar-thumb: oklch(30% .01 255)}:is(main,article) browser-window{--browser-window-bg: var(--_a99-panel);--browser-window-header-bg: oklch(8% .01 255);--browser-window-content-bg: var(--_a99-void);--browser-window-border-color: oklch(30% .01 255);--browser-window-url-bg: var(--_a99-void)}::selection{background:var(--color-primary);color:var(--_a99-void)}}:root[data-theme~=alpha1999][data-mode=dark],[data-theme~=alpha1999][data-mode=dark]{color-scheme:dark;--color-primary: oklch(68% .2 48);--color-primary-hover: oklch(76% .18 56);--color-primary-active: oklch(60% .22 44);--color-primary-subtle: oklch(20% .06 48);--color-secondary: oklch(55% .14 258);--color-secondary-hover: oklch(62% .16 258);--color-secondary-subtle: oklch(18% .06 258);--color-accent: oklch(74% .17 68);--color-accent-hover: oklch(80% .15 68);--color-accent-subtle: oklch(20% .06 68);--color-background: oklch(4% .008 260);--color-surface: oklch(12% .012 255);--color-surface-alt: oklch(17% .014 255);--color-surface-raised: oklch(22% .012 255);--color-surface-sunken: oklch(8% .01 255);--color-text: oklch(96% .004 90);--color-text-muted: oklch(75% .008 90);--color-text-subtle: oklch(50% .008 90);--color-text-inverted: oklch(4% .008 260);--color-text-on-primary: oklch(4% .008 260);--color-success: oklch(62% .22 148);--color-success-subtle: oklch(18% .06 148);--color-success-text: oklch(75% .15 148);--color-warning: oklch(74% .17 68);--color-warning-subtle: oklch(20% .06 68);--color-warning-text: oklch(80% .12 68);--color-error: oklch(58% .24 22);--color-error-subtle: oklch(18% .06 22);--color-error-text: oklch(75% .18 22);--color-info: oklch(58% .14 255);--color-info-subtle: oklch(18% .06 255);--color-info-text: oklch(75% .12 255);--color-border: oklch(30% .01 255);--color-border-strong: oklch(40% .01 255);--color-border-subtle: oklch(20% .008 255);--color-border-muted: oklch(25% .009 255);--shadow-xs: 0 1px 3px oklch(0% 0 0 / .4);--shadow-sm: 0 2px 8px oklch(0% 0 0 / .5), 0 1px 2px oklch(0% 0 0 / .4);--shadow-md: 0 4px 16px oklch(0% 0 0 / .6), 0 8px 32px oklch(0% 0 0 / .3);--shadow-lg: 0 8px 24px oklch(0% 0 0 / .6), 0 12px 48px oklch(0% 0 0 / .3);--shadow-xl: 0 12px 36px oklch(0% 0 0 / .7), 0 16px 64px oklch(0% 0 0 / .3);--shadow-2xl: 0 20px 50px oklch(0% 0 0 / .8);--_a99-orange: oklch(68% .2 48);--_a99-orange-glow: oklch(68% .2 48 / .35);--_a99-void: oklch(4% .008 260);--_a99-panel: oklch(12% .012 255);--_a99-glow-orange: 0 0 12px var(--_a99-orange-glow), 0 0 32px oklch(68% .2 48 / .15);--_a99-glow-white: 0 0 10px oklch(96% 0 0 / .3), 0 0 24px oklch(96% 0 0 / .1);--scrollbar-thumb: oklch(30% .01 255);--scrollbar-track: oklch(8% .01 255);--control-border: oklch(40% .04 255);--control-checked-bg: oklch(68% .2 48);--control-checked-border: oklch(68% .2 48);--input-bg: oklch(10% .01 255);--input-border: oklch(30% .02 255);--input-border-focus: oklch(68% .2 48);--range-track-bg: oklch(20% .02 255);--range-track-fill: oklch(68% .2 48);--range-thumb-bg: oklch(14% .01 255);--range-thumb-border: oklch(68% .2 48);--progress-track-bg: oklch(18% .02 255);--progress-fill: oklch(68% .2 48)}
2
2
  /*# sourceMappingURL=alpha1999.css.map */
package/dist/cdn/themes/bauhaus.css CHANGED
@@ -1,2 +1,2 @@
1
- @font-face{font-family:DM Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(https://fonts.gstatic.com/s/dmsans/v15/rP2tp2ywxg089UriI5-g4vlH9VoD8CmcqZG40F9JadbnoEwAop1hTmf3ZGMZpg.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root[data-theme~=bauhaus],[data-theme~=bauhaus]{color-scheme:light;--theme-border-style: sharp;--theme-icon-set: lucide;--color-background: oklch(97% .01 110);--color-surface: oklch(100% 0 0);--color-surface-alt: oklch(95% .012 110);--color-surface-raised: oklch(100% 0 0);--color-surface-sunken: oklch(93% .01 110);--color-text: oklch(15% .02 250);--color-text-muted: oklch(35% .02 250);--color-text-subtle: oklch(50% .015 250);--color-primary: oklch(50% .22 25);--color-primary-hover: oklch(45% .24 25);--color-primary-subtle: oklch(92% .04 25);--color-accent: oklch(25% .08 250);--color-accent-hover: oklch(30% .09 250);--color-accent-subtle: oklch(90% .02 250);--_bauhaus-color-yellow: oklch(85% .15 85);--color-border: oklch(20% .01 0);--color-border-muted: oklch(70% .005 0);--color-border-strong: oklch(10% .005 0);--color-success: oklch(55% .15 145);--color-warning: oklch(85% .15 85);--color-error: oklch(50% .22 25);--color-info: oklch(35% .1 250);--font-sans: "DM Sans", system-ui, sans-serif;--font-mono: "IBM Plex Mono", "SF Mono", Consolas, monospace;--line-height-normal: 1.5;--line-height-tight: 1.2;--radius-xs: 0;--radius-s: 0;--radius-m: 0;--radius-l: 0;--radius-xl: 0;--radius-2xl: 0;--radius-full: 9999px;--shadow-xs: none;--shadow-sm: none;--shadow-md: none;--shadow-lg: none;--shadow-xl: none;--shadow-2xl: none;--duration-instant: 40ms;--duration-fast: 80ms;--duration-normal: .16s;--duration-slow: .24s;--ease-default: linear;--ease-out: linear;--control-border: oklch(20% .01 0);--control-checked-bg: oklch(50% .22 25);--control-checked-border: oklch(20% .01 0);--input-bg: oklch(100% 0 0);--input-border: oklch(20% .01 0);--input-border-focus: oklch(50% .22 25);--range-track-bg: oklch(80% .005 0);--range-track-fill: oklch(50% .22 25);--range-thumb-bg: oklch(100% 0 0);--range-thumb-border: oklch(20% .01 0);--progress-track-bg: oklch(85% .005 0);--progress-fill: oklch(50% .22 25)}:root[data-theme~=bauhaus],[data-theme~=bauhaus]{:is(main,article){& h1{background:var(--color-primary);color:var(--color-surface);padding:.5rem 1rem;display:inline-block;font-weight:700;text-transform:uppercase;letter-spacing:.05em}& h2{background:var(--color-accent);color:var(--color-surface);padding:.4rem .8rem;display:inline-block;font-weight:700;text-transform:uppercase;letter-spacing:.04em}& h3{color:var(--color-accent);font-weight:700;text-transform:uppercase;letter-spacing:.03em;border-block-end:2px solid var(--color-border);padding-block-end:.25rem}& hr:not([data-ornament]){height:4px;background:var(--color-primary);border:none;margin-block:2rem}& blockquote{border-inline-start:4px solid var(--color-accent);padding:1.25rem 1.5rem 1.25rem 2rem;position:relative;background:var(--color-background);&:before{content:"";position:absolute;top:-8px;left:-12px;width:20px;height:20px;border-radius:9999px;background:var(--_bauhaus-color-yellow)}}& a:not([class]){color:var(--color-primary);text-decoration:none;border-block-end:2px solid var(--color-primary);transition:color var(--duration-normal) var(--ease-default),border-color var(--duration-normal) var(--ease-default);&:hover{color:var(--color-accent);border-color:var(--color-accent)}}.button,button{border:2px solid var(--color-text);background:transparent;color:var(--color-text);font-weight:700;text-transform:uppercase;letter-spacing:.05em;transition:all var(--duration-normal) var(--ease-default);&:hover{background:var(--color-text);color:var(--color-surface)}&:active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-surface)}}.card{border:2px solid var(--color-border);background:var(--color-surface);transition:border-color var(--duration-normal) var(--ease-default);&:hover{border-color:var(--color-primary)}}& input,textarea,select{border:2px solid var(--color-border);background:var(--color-surface);transition:border-color var(--duration-normal) var(--ease-default);&:focus{border-color:var(--color-primary);outline:none}&::placeholder{color:var(--color-text-subtle);text-transform:uppercase;letter-spacing:.03em;font-size:.875em}}& pre{border:2px solid var(--color-border);background:var(--color-background)}& code{background:var(--color-surface-alt);color:var(--color-accent);padding:.125rem .375rem}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-border-color: var(--color-border-strong);--cb-function: var(--_bauhaus-color-yellow);--cb-number: var(--color-primary);--cb-button-bg: var(--color-surface)}:is(main,article) browser-window{--browser-window-border-color: var(--color-border-strong)}::selection{background:var(--color-primary);color:var(--color-surface)}}:root[data-theme~=bauhaus][data-mode=dark],[data-theme~=bauhaus][data-mode=dark]{color-scheme:dark;--color-background: oklch(10% .01 250);--color-surface: oklch(14% .01 250);--color-surface-alt: oklch(18% .012 250);--color-surface-raised: oklch(20% .01 250);--color-surface-sunken: oklch(8% .01 250);--color-text: oklch(95% .005 0);--color-text-muted: oklch(75% .005 0);--color-text-subtle: oklch(55% .005 0);--color-primary: oklch(58% .22 25);--color-primary-hover: oklch(63% .24 25);--color-primary-subtle: oklch(20% .06 25);--color-accent: oklch(55% .1 250);--color-accent-hover: oklch(60% .11 250);--color-accent-subtle: oklch(20% .04 250);--_bauhaus-color-yellow: oklch(85% .15 85);--color-border: oklch(80% .005 0);--color-border-muted: oklch(40% .005 0);--color-border-strong: oklch(90% .005 0);--color-success: oklch(62% .15 145);--color-warning: oklch(85% .15 85);--color-error: oklch(58% .22 25);--color-info: oklch(55% .1 250);--input-bg: oklch(14% .01 250);--input-border: oklch(80% .005 0);--input-border-focus: oklch(58% .22 25);--control-border: oklch(80% .005 0);--control-checked-bg: oklch(58% .22 25);--control-checked-border: oklch(80% .005 0);--range-track-bg: oklch(30% .005 0);--range-track-fill: oklch(58% .22 25);--range-thumb-bg: oklch(14% .01 250);--range-thumb-border: oklch(80% .005 0);--progress-track-bg: oklch(25% .005 0);--progress-fill: oklch(58% .22 25);:is(main,article){& h1{background:var(--color-primary);color:var(--color-surface)}& h2{background:var(--color-accent);color:var(--color-surface)}& h3{color:var(--_bauhaus-color-yellow);border-color:var(--color-border)}& hr:not([data-ornament]){background:var(--color-primary)}& blockquote{border-color:var(--color-accent);background:var(--color-surface);&:before{background:var(--_bauhaus-color-yellow)}}& a:not([class]){color:var(--color-primary);border-color:var(--color-primary);&:hover{color:var(--_bauhaus-color-yellow);border-color:var(--_bauhaus-color-yellow)}}.button,button{border-color:var(--color-border);color:var(--color-text);&:hover{background:var(--color-text);color:var(--color-background)}&:active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-surface)}}.card{border-color:var(--color-border);background:var(--color-surface);&:hover{border-color:var(--color-primary)}}& input,textarea,select{border-color:var(--color-border);background:var(--color-surface);color:var(--color-text);&:focus{border-color:var(--color-primary)}}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-function: var(--_bauhaus-color-yellow);--cb-number: var(--color-primary);--cb-button-bg: var(--color-surface)}::selection{background:#df202e66;color:var(--color-text)}}
1
+ @font-face{font-family:DM Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(https://fonts.gstatic.com/s/dmsans/v15/rP2tp2ywxg089UriI5-g4vlH9VoD8CmcqZG40F9JadbnoEwAop1hTmf3ZGMZpg.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root[data-theme~=bauhaus],[data-theme~=bauhaus]{color-scheme:light;--theme-border-style: sharp;--theme-icon-set: lucide;--color-background: oklch(97% .01 110);--color-surface: oklch(100% 0 0);--color-surface-alt: oklch(95% .012 110);--color-surface-raised: oklch(100% 0 0);--color-surface-sunken: oklch(93% .01 110);--color-text: oklch(15% .02 250);--color-text-muted: oklch(35% .02 250);--color-text-subtle: oklch(50% .015 250);--color-primary: oklch(50% .22 25);--caret-color: var(--color-primary);--color-primary-hover: oklch(45% .24 25);--color-primary-subtle: oklch(92% .04 25);--color-accent: oklch(25% .08 250);--color-accent-hover: oklch(30% .09 250);--color-accent-subtle: oklch(90% .02 250);--_bauhaus-color-yellow: oklch(85% .15 85);--color-border: oklch(20% .01 0);--color-border-muted: oklch(70% .005 0);--color-border-strong: oklch(10% .005 0);--color-success: oklch(55% .15 145);--color-warning: oklch(85% .15 85);--color-error: oklch(50% .22 25);--color-info: oklch(35% .1 250);--font-sans: "DM Sans", system-ui, sans-serif;--font-mono: "IBM Plex Mono", "SF Mono", Consolas, monospace;--line-height-normal: 1.5;--line-height-tight: 1.2;--radius-xs: 0;--radius-s: 0;--radius-m: 0;--radius-l: 0;--radius-xl: 0;--radius-2xl: 0;--radius-full: 9999px;--shadow-xs: none;--shadow-sm: none;--shadow-md: none;--shadow-lg: none;--shadow-xl: none;--shadow-2xl: none;--duration-instant: 40ms;--duration-fast: 80ms;--duration-normal: .16s;--duration-slow: .24s;--ease-default: linear;--ease-out: linear;--control-border: oklch(20% .01 0);--control-checked-bg: oklch(50% .22 25);--control-checked-border: oklch(20% .01 0);--input-bg: oklch(100% 0 0);--input-border: oklch(20% .01 0);--input-border-focus: oklch(50% .22 25);--range-track-bg: oklch(80% .005 0);--range-track-fill: oklch(50% .22 25);--range-thumb-bg: oklch(100% 0 0);--range-thumb-border: oklch(20% .01 0);--progress-track-bg: oklch(85% .005 0);--progress-fill: oklch(50% .22 25)}:root[data-theme~=bauhaus],[data-theme~=bauhaus]{:is(main,article){& h1{background:var(--color-primary);color:var(--color-surface);padding:.5rem 1rem;display:inline-block;font-weight:700;text-transform:uppercase;letter-spacing:.05em}& h2{background:var(--color-accent);color:var(--color-surface);padding:.4rem .8rem;display:inline-block;font-weight:700;text-transform:uppercase;letter-spacing:.04em}& h3{color:var(--color-accent);font-weight:700;text-transform:uppercase;letter-spacing:.03em;border-block-end:2px solid var(--color-border);padding-block-end:.25rem}& hr:not([data-ornament]){height:4px;background:var(--color-primary);border:none;margin-block:2rem}& blockquote{border-inline-start:4px solid var(--color-accent);padding:1.25rem 1.5rem 1.25rem 2rem;position:relative;background:var(--color-background);&:before{content:"";position:absolute;top:-8px;left:-12px;width:20px;height:20px;border-radius:9999px;background:var(--_bauhaus-color-yellow)}}& a:not([class]){color:var(--color-primary);text-decoration:none;border-block-end:2px solid var(--color-primary);transition:color var(--duration-normal) var(--ease-default),border-color var(--duration-normal) var(--ease-default);&:hover{color:var(--color-accent);border-color:var(--color-accent)}}.button,button{border:2px solid var(--color-text);background:transparent;color:var(--color-text);font-weight:700;text-transform:uppercase;letter-spacing:.05em;transition:all var(--duration-normal) var(--ease-default);&:hover{background:var(--color-text);color:var(--color-surface)}&:active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-surface)}}.card{border:2px solid var(--color-border);background:var(--color-surface);transition:border-color var(--duration-normal) var(--ease-default);&:hover{border-color:var(--color-primary)}}& input,textarea,select{border:2px solid var(--color-border);background:var(--color-surface);transition:border-color var(--duration-normal) var(--ease-default);&:focus{border-color:var(--color-primary);outline:none}&::placeholder{color:var(--color-text-subtle);text-transform:uppercase;letter-spacing:.03em;font-size:.875em}}& pre{border:2px solid var(--color-border);background:var(--color-background)}& code{background:var(--color-surface-alt);color:var(--color-accent);padding:.125rem .375rem}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-border-color: var(--color-border-strong);--cb-function: var(--_bauhaus-color-yellow);--cb-number: var(--color-primary);--cb-button-bg: var(--color-surface)}:is(main,article) browser-window{--browser-window-border-color: var(--color-border-strong)}::selection{background:var(--color-primary);color:var(--color-surface)}}:root[data-theme~=bauhaus][data-mode=dark],[data-theme~=bauhaus][data-mode=dark]{color-scheme:dark;--color-background: oklch(10% .01 250);--color-surface: oklch(14% .01 250);--color-surface-alt: oklch(18% .012 250);--color-surface-raised: oklch(20% .01 250);--color-surface-sunken: oklch(8% .01 250);--color-text: oklch(95% .005 0);--color-text-muted: oklch(75% .005 0);--color-text-subtle: oklch(55% .005 0);--color-primary: oklch(58% .22 25);--color-primary-hover: oklch(63% .24 25);--color-primary-subtle: oklch(20% .06 25);--color-accent: oklch(55% .1 250);--color-accent-hover: oklch(60% .11 250);--color-accent-subtle: oklch(20% .04 250);--_bauhaus-color-yellow: oklch(85% .15 85);--color-border: oklch(80% .005 0);--color-border-muted: oklch(40% .005 0);--color-border-strong: oklch(90% .005 0);--color-success: oklch(62% .15 145);--color-warning: oklch(85% .15 85);--color-error: oklch(58% .22 25);--color-info: oklch(55% .1 250);--input-bg: oklch(14% .01 250);--input-border: oklch(80% .005 0);--input-border-focus: oklch(58% .22 25);--control-border: oklch(80% .005 0);--control-checked-bg: oklch(58% .22 25);--control-checked-border: oklch(80% .005 0);--range-track-bg: oklch(30% .005 0);--range-track-fill: oklch(58% .22 25);--range-thumb-bg: oklch(14% .01 250);--range-thumb-border: oklch(80% .005 0);--progress-track-bg: oklch(25% .005 0);--progress-fill: oklch(58% .22 25);:is(main,article){& h1{background:var(--color-primary);color:var(--color-surface)}& h2{background:var(--color-accent);color:var(--color-surface)}& h3{color:var(--_bauhaus-color-yellow);border-color:var(--color-border)}& hr:not([data-ornament]){background:var(--color-primary)}& blockquote{border-color:var(--color-accent);background:var(--color-surface);&:before{background:var(--_bauhaus-color-yellow)}}& a:not([class]){color:var(--color-primary);border-color:var(--color-primary);&:hover{color:var(--_bauhaus-color-yellow);border-color:var(--_bauhaus-color-yellow)}}.button,button{border-color:var(--color-border);color:var(--color-text);&:hover{background:var(--color-text);color:var(--color-background)}&:active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-surface)}}.card{border-color:var(--color-border);background:var(--color-surface);&:hover{border-color:var(--color-primary)}}& input,textarea,select{border-color:var(--color-border);background:var(--color-surface);color:var(--color-text);&:focus{border-color:var(--color-primary)}}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-function: var(--_bauhaus-color-yellow);--cb-number: var(--color-primary);--cb-button-bg: var(--color-surface)}::selection{background:#df202e66;color:var(--color-text)}}
2
2
  /*# sourceMappingURL=bauhaus.css.map */
package/dist/cdn/themes/brutalist.css CHANGED
@@ -1,2 +1,2 @@
1
- :root[data-theme~=brutalist],[data-theme~=brutalist]{color-scheme:light;--theme-border-style: sharp;--color-surface: oklch(95% 0 0);--color-surface-alt: oklch(100% 0 0);--color-surface-raised: oklch(100% 0 0);--color-surface-sunken: oklch(90% 0 0);--color-background: oklch(95% 0 0);--color-text: oklch(0% 0 0);--color-text-muted: oklch(30% 0 0);--color-text-subtle: oklch(50% 0 0);--color-primary: oklch(60% .3 145);--color-primary-hover: oklch(55% .3 145);--color-primary-subtle: oklch(90% .1 145);--color-accent: oklch(65% .25 30);--color-accent-hover: oklch(55% .25 30);--color-border: oklch(0% 0 0);--color-border-muted: oklch(70% 0 0);--color-border-strong: oklch(0% 0 0);--color-error: oklch(55% .28 25);--color-error-subtle: oklch(92% .06 25);--color-error-text: oklch(35% .18 25);--color-warning: oklch(70% .22 70);--color-warning-subtle: oklch(92% .08 70);--color-warning-text: oklch(35% .14 70);--color-success: oklch(55% .28 145);--color-success-subtle: oklch(92% .06 145);--color-success-text: oklch(30% .16 145);--color-info: oklch(45% .2 240);--color-info-subtle: oklch(92% .06 240);--color-info-text: oklch(30% .14 240);--font-sans: ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, Consolas, monospace;--font-mono: ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, Consolas, monospace;--font-size-adjust: .48;--line-height-normal: 1.6;--line-height-tight: 1.1;--letter-spacing-normal: -.01em;--radius-xs: 0;--radius-s: 0;--radius-m: 0;--radius-l: 0;--radius-xl: 0;--radius-2xl: 0;--radius-full: 0;--shadow-xs: 1px 1px 0 oklch(0% 0 0);--shadow-sm: 2px 2px 0 oklch(0% 0 0);--shadow-md: 4px 4px 0 oklch(0% 0 0);--shadow-lg: 6px 6px 0 oklch(0% 0 0);--shadow-xl: 8px 8px 0 oklch(0% 0 0);--shadow-2xl: 10px 10px 0 oklch(0% 0 0);--border-width: 2px;--border-width-thick: 4px;--duration-instant: 0ms;--duration-fast: .1s;--duration-normal: .1s;--duration-slow: .15s;--ease-default: linear;--ease-out: linear;--motion-hover-lift: none;--motion-hover-scale: scale(1.05);--motion-stagger-delay: 0ms;--motion-bounce: linear;--motion-snappy: linear;--motion-smooth: linear;--motion-elastic: linear;--motion-enter-duration: 0ms;--motion-exit-duration: 0ms;--control-size: 1.25rem;--control-border: oklch(0% 0 0);--input-border: oklch(0% 0 0);--input-bg: oklch(100% 0 0);--range-track-bg: oklch(0% 0 0);--range-thumb-bg: oklch(100% 0 0);--range-thumb-border: oklch(0% 0 0);--progress-track-bg: oklch(80% 0 0)}:root[data-theme~=brutalist],[data-theme~=brutalist]{:is(main,article){& hr:not([data-ornament]){border:none;height:4px;background:repeating-linear-gradient(90deg,var(--color-border),var(--color-border) 10px,transparent 10px,transparent 20px);margin-block:2rem}& h1:not([data-gradient-text]){text-transform:uppercase;background:var(--color-text);color:var(--color-surface-raised);padding:.5rem 1rem;width:fit-content;margin-inline:auto;margin-block-end:1.5rem;text-align:center}& h2{border-block-end:4px solid var(--color-border);padding-block-end:.5rem}& h3{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}& a:not([class]){color:var(--color-primary);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:2px;&:hover{background:var(--color-primary);color:var(--color-text);text-decoration:none;padding-inline:.25em;margin-inline:-.25em}}.button,button{border-width:2px;box-shadow:var(--shadow-md);transition:transform .1s,box-shadow .1s;&:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--color-border)}&:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--color-border)}}.card{border-width:2px;box-shadow:var(--shadow-md);&:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--color-border)}}& input,textarea{border-width:2px;&:focus{box-shadow:var(--shadow-sm);outline:none}}@supports (appearance: base-select){& select:not([multiple])::picker-icon{color:var(--color-text)}& select:not([multiple]):open{box-shadow:var(--shadow-sm)}& select:not([multiple])::picker(select){background:var(--color-surface);border:2px solid var(--color-border);box-shadow:var(--shadow-md)}& select:not([multiple]) option:hover{background:var(--color-surface-raised)}& select:not([multiple]) option:checked{color:var(--color-primary);font-weight:700}& select:not([multiple]) option::checkmark{color:var(--color-primary)}& select:not([multiple]) optgroup>legend{font-family:var(--font-mono);font-weight:700}& select:not([multiple]) optgroup:not(:first-of-type){border-color:var(--color-border);border-width:2px}}& blockquote{border:2px solid var(--color-border);border-inline-start-width:8px;padding:1rem 1.5rem;background:var(--color-surface);font-style:normal;&:before{content:'"';font-size:3rem;font-weight:700;line-height:1;display:block;margin-block-end:.5rem}}& pre{background:#030303;color:var(--color-primary);border:2px solid var(--color-border);box-shadow:var(--shadow-md)}& code{background:var(--color-surface-sunken);border:1px solid var(--color-border)}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-text-color: var(--color-primary);--cb-border-color: var(--color-border-strong);--cb-label-color: oklch(60% 0 0);--cb-border-radius: 0;--cb-function: oklch(80% 0 0);--cb-button-bg: var(--color-surface);--cb-button-border: 1px solid oklch(40% 0 0);--cb-button-hover-bg: var(--color-primary)}:is(main,article) browser-window{--browser-window-border-color: var(--color-border-strong);--browser-window-border-radius: 0}:is(main,article) details :is(form,fieldset,table){border:none;box-shadow:none;filter:none}::selection{background:var(--color-primary);color:var(--color-text)}--scrollbar-thumb: var(--color-border);--scrollbar-track: var(--color-surface-sunken)}:root[data-theme~=brutalist][data-mode=dark],[data-theme~=brutalist][data-mode=dark]{color-scheme:dark;--color-surface: oklch(10% 0 0);--color-surface-alt: oklch(5% 0 0);--color-surface-raised: oklch(15% 0 0);--color-surface-sunken: oklch(5% 0 0);--color-background: oklch(5% 0 0);--color-text: oklch(95% 0 0);--color-text-muted: oklch(70% 0 0);--color-text-subtle: oklch(62% 0 0);--color-primary: oklch(60% .3 145);--color-primary-subtle: oklch(20% .08 145);--color-primary-hover: oklch(65% .3 145);--color-accent: oklch(70% .25 30);--color-accent-hover: oklch(70% .25 30);--color-accent-subtle: oklch(20% .06 30);--color-border: oklch(95% 0 0);--color-border-muted: oklch(30% 0 0);--color-border-strong: oklch(95% 0 0);--color-error: oklch(60% .28 25);--color-error-subtle: oklch(18% .08 25);--color-error-text: oklch(78% .18 25);--color-warning: oklch(75% .22 70);--color-warning-subtle: oklch(18% .1 70);--color-warning-text: oklch(82% .14 70);--color-success: oklch(60% .28 145);--color-success-subtle: oklch(18% .08 145);--color-success-text: oklch(78% .16 145);--color-info: oklch(58% .2 240);--color-info-subtle: oklch(18% .08 240);--color-info-text: oklch(78% .14 240);--scrollbar-thumb: oklch(95% 0 0);--scrollbar-track: oklch(15% 0 0);--input-bg: oklch(10% 0 0);--input-border: oklch(95% 0 0);--input-border-focus: oklch(60% .3 145);--control-border: oklch(95% 0 0);--control-checked-bg: oklch(60% .3 145);--control-checked-border: oklch(95% 0 0);--range-track-bg: oklch(95% 0 0);--range-track-fill: oklch(60% .3 145);--range-thumb-bg: oklch(10% 0 0);--range-thumb-border: oklch(95% 0 0);--progress-track-bg: oklch(30% 0 0);--progress-fill: oklch(60% .3 145);--shadow-xs: 1px 1px 0 oklch(100% 0 0);--shadow-sm: 2px 2px 0 oklch(100% 0 0);--shadow-md: 4px 4px 0 oklch(100% 0 0);--shadow-lg: 6px 6px 0 oklch(100% 0 0);--shadow-xl: 8px 8px 0 oklch(100% 0 0);--shadow-2xl: 10px 10px 0 oklch(100% 0 0);:is(main,article) h1:not([data-gradient-text]){background:var(--color-text);color:var(--color-background)}:is(main,article) h2{border-block-end-color:var(--color-border)}:is(main,article) hr:not([data-ornament]){background:repeating-linear-gradient(90deg,var(--color-border),var(--color-border) 10px,transparent 10px,transparent 20px)}:is(main,article) blockquote{border-color:var(--color-border);background:var(--color-surface-raised)}:is(main,article) code{background:var(--color-surface-raised);border-color:var(--color-border);color:var(--color-primary)}:is(main,article) pre{background:var(--color-background);border-color:var(--color-border)}:is(main,article) code-block{--cb-text-color: var(--color-primary);--cb-label-color: oklch(70% 0 0);--cb-function: oklch(80% 0 0);--cb-button-border: 1px solid oklch(70% 0 0)}}
1
+ :root[data-theme~=brutalist],[data-theme~=brutalist]{color-scheme:light;--theme-border-style: sharp;--color-surface: oklch(95% 0 0);--color-surface-alt: oklch(100% 0 0);--color-surface-raised: oklch(100% 0 0);--color-surface-sunken: oklch(90% 0 0);--color-background: oklch(95% 0 0);--color-text: oklch(0% 0 0);--color-text-muted: oklch(30% 0 0);--color-text-subtle: oklch(50% 0 0);--color-primary: oklch(60% .3 145);--caret-color: var(--color-primary);--color-primary-hover: oklch(55% .3 145);--color-primary-subtle: oklch(90% .1 145);--color-accent: oklch(65% .25 30);--color-accent-hover: oklch(55% .25 30);--color-border: oklch(0% 0 0);--color-border-muted: oklch(70% 0 0);--color-border-strong: oklch(0% 0 0);--color-error: oklch(55% .28 25);--color-error-subtle: oklch(92% .06 25);--color-error-text: oklch(35% .18 25);--color-warning: oklch(70% .22 70);--color-warning-subtle: oklch(92% .08 70);--color-warning-text: oklch(35% .14 70);--color-success: oklch(55% .28 145);--color-success-subtle: oklch(92% .06 145);--color-success-text: oklch(30% .16 145);--color-info: oklch(45% .2 240);--color-info-subtle: oklch(92% .06 240);--color-info-text: oklch(30% .14 240);--font-sans: ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, Consolas, monospace;--font-mono: ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, Consolas, monospace;--font-size-adjust: .48;--line-height-normal: 1.6;--line-height-tight: 1.1;--letter-spacing-normal: -.01em;--radius-xs: 0;--radius-s: 0;--radius-m: 0;--radius-l: 0;--radius-xl: 0;--radius-2xl: 0;--radius-full: 0;--shadow-xs: 1px 1px 0 oklch(0% 0 0);--shadow-sm: 2px 2px 0 oklch(0% 0 0);--shadow-md: 4px 4px 0 oklch(0% 0 0);--shadow-lg: 6px 6px 0 oklch(0% 0 0);--shadow-xl: 8px 8px 0 oklch(0% 0 0);--shadow-2xl: 10px 10px 0 oklch(0% 0 0);--border-width: 2px;--border-width-thick: 4px;--duration-instant: 0ms;--duration-fast: .1s;--duration-normal: .1s;--duration-slow: .15s;--ease-default: linear;--ease-out: linear;--motion-hover-lift: none;--motion-hover-scale: scale(1.05);--motion-stagger-delay: 0ms;--motion-bounce: linear;--motion-snappy: linear;--motion-smooth: linear;--motion-elastic: linear;--motion-enter-duration: 0ms;--motion-exit-duration: 0ms;--control-size: 1.25rem;--control-border: oklch(0% 0 0);--input-border: oklch(0% 0 0);--input-bg: oklch(100% 0 0);--range-track-bg: oklch(0% 0 0);--range-thumb-bg: oklch(100% 0 0);--range-thumb-border: oklch(0% 0 0);--progress-track-bg: oklch(80% 0 0)}:root[data-theme~=brutalist],[data-theme~=brutalist]{:is(main,article){& hr:not([data-ornament]){border:none;height:4px;background:repeating-linear-gradient(90deg,var(--color-border),var(--color-border) 10px,transparent 10px,transparent 20px);margin-block:2rem}& h1:not([data-gradient-text]){text-transform:uppercase;background:var(--color-text);color:var(--color-surface-raised);padding:.5rem 1rem;width:fit-content;margin-inline:auto;margin-block-end:1.5rem;text-align:center}& h2{border-block-end:4px solid var(--color-border);padding-block-end:.5rem}& h3{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}& a:not([class]):not(nav a){color:var(--color-primary);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:2px;&:hover{background:var(--color-primary);color:var(--color-text);text-decoration:none;padding-inline:.25em;margin-inline:-.25em}}.button,button{border-width:2px;box-shadow:var(--shadow-md);transition:transform .1s,box-shadow .1s;&:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--color-border)}&:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--color-border)}}.card{border-width:2px;box-shadow:var(--shadow-md);&:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--color-border)}}& input,textarea{border-width:2px;&:focus{box-shadow:var(--shadow-sm);outline:none}}@supports (appearance: base-select){& select:not([multiple])::picker-icon{color:var(--color-text)}& select:not([multiple]):open{box-shadow:var(--shadow-sm)}& select:not([multiple])::picker(select){background:var(--color-surface);border:2px solid var(--color-border);box-shadow:var(--shadow-md)}& select:not([multiple]) option:hover{background:var(--color-surface-raised)}& select:not([multiple]) option:checked{color:var(--color-primary);font-weight:700}& select:not([multiple]) option::checkmark{color:var(--color-primary)}& select:not([multiple]) optgroup>legend{font-family:var(--font-mono);font-weight:700}& select:not([multiple]) optgroup:not(:first-of-type){border-color:var(--color-border);border-width:2px}}& blockquote{border:2px solid var(--color-border);border-inline-start-width:8px;padding:1rem 1.5rem;background:var(--color-surface);font-style:normal;&:before{content:'"';font-size:3rem;font-weight:700;line-height:1;display:block;margin-block-end:.5rem}}& pre{background:#030303;color:var(--color-primary);border:2px solid var(--color-border);box-shadow:var(--shadow-md)}& code{background:var(--color-surface-sunken);border:1px solid var(--color-border)}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-text-color: var(--color-primary);--cb-border-color: var(--color-border-strong);--cb-label-color: oklch(60% 0 0);--cb-border-radius: 0;--cb-function: oklch(80% 0 0);--cb-button-bg: var(--color-surface);--cb-button-border: 1px solid oklch(40% 0 0);--cb-button-hover-bg: var(--color-primary)}:is(main,article) browser-window{--browser-window-border-color: var(--color-border-strong);--browser-window-border-radius: 0}:is(main,article) details :is(form,fieldset,table){border:none;box-shadow:none;filter:none}::selection{background:var(--color-primary);color:var(--color-text)}--scrollbar-thumb: var(--color-border);--scrollbar-track: var(--color-surface-sunken)}:root[data-theme~=brutalist][data-mode=dark],[data-theme~=brutalist][data-mode=dark]{color-scheme:dark;--color-surface: oklch(10% 0 0);--color-surface-alt: oklch(5% 0 0);--color-surface-raised: oklch(15% 0 0);--color-surface-sunken: oklch(5% 0 0);--color-background: oklch(5% 0 0);--color-text: oklch(95% 0 0);--color-text-muted: oklch(70% 0 0);--color-text-subtle: oklch(62% 0 0);--color-primary: oklch(60% .3 145);--color-primary-subtle: oklch(20% .08 145);--color-primary-hover: oklch(65% .3 145);--color-accent: oklch(70% .25 30);--color-accent-hover: oklch(70% .25 30);--color-accent-subtle: oklch(20% .06 30);--color-border: oklch(95% 0 0);--color-border-muted: oklch(30% 0 0);--color-border-strong: oklch(95% 0 0);--color-error: oklch(60% .28 25);--color-error-subtle: oklch(18% .08 25);--color-error-text: oklch(78% .18 25);--color-warning: oklch(75% .22 70);--color-warning-subtle: oklch(18% .1 70);--color-warning-text: oklch(82% .14 70);--color-success: oklch(60% .28 145);--color-success-subtle: oklch(18% .08 145);--color-success-text: oklch(78% .16 145);--color-info: oklch(58% .2 240);--color-info-subtle: oklch(18% .08 240);--color-info-text: oklch(78% .14 240);--scrollbar-thumb: oklch(95% 0 0);--scrollbar-track: oklch(15% 0 0);--input-bg: oklch(10% 0 0);--input-border: oklch(95% 0 0);--input-border-focus: oklch(60% .3 145);--control-border: oklch(95% 0 0);--control-checked-bg: oklch(60% .3 145);--control-checked-border: oklch(95% 0 0);--range-track-bg: oklch(95% 0 0);--range-track-fill: oklch(60% .3 145);--range-thumb-bg: oklch(10% 0 0);--range-thumb-border: oklch(95% 0 0);--progress-track-bg: oklch(30% 0 0);--progress-fill: oklch(60% .3 145);--shadow-xs: 1px 1px 0 oklch(100% 0 0);--shadow-sm: 2px 2px 0 oklch(100% 0 0);--shadow-md: 4px 4px 0 oklch(100% 0 0);--shadow-lg: 6px 6px 0 oklch(100% 0 0);--shadow-xl: 8px 8px 0 oklch(100% 0 0);--shadow-2xl: 10px 10px 0 oklch(100% 0 0);:is(main,article) h1:not([data-gradient-text]){background:var(--color-text);color:var(--color-background)}:is(main,article) h2{border-block-end-color:var(--color-border)}:is(main,article) hr:not([data-ornament]){background:repeating-linear-gradient(90deg,var(--color-border),var(--color-border) 10px,transparent 10px,transparent 20px)}:is(main,article) blockquote{border-color:var(--color-border);background:var(--color-surface-raised)}:is(main,article) code{background:var(--color-surface-raised);border-color:var(--color-border);color:var(--color-primary)}:is(main,article) pre{background:var(--color-background);border-color:var(--color-border)}:is(main,article) code-block{--cb-text-color: var(--color-primary);--cb-label-color: oklch(70% 0 0);--cb-function: oklch(80% 0 0);--cb-button-border: 1px solid oklch(70% 0 0)}}
2
2
  /*# sourceMappingURL=brutalist.css.map */
package/dist/cdn/themes/claymorphism.css CHANGED
@@ -1,2 +1,2 @@
1
- @font-face{font-family:Nunito;font-style:normal;font-weight:400 700;font-display:swap;src:url(https://fonts.gstatic.com/s/nunito/v32/XRXV3I6Li01BKofINeaBTMnFcQ.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root[data-theme~=claymorphism],[data-theme~=claymorphism]{color-scheme:light;--theme-border-style: soft;--theme-icon-set: lucide;--color-background: oklch(96% .008 280);--color-surface: oklch(96% .008 280);--color-surface-alt: oklch(94% .01 280);--color-surface-raised: oklch(97% .006 280);--color-surface-sunken: oklch(93% .01 280);--color-text: oklch(30% .02 280);--color-text-muted: oklch(45% .015 280);--color-text-subtle: oklch(58% .01 280);--color-primary: oklch(62% .2 350);--color-primary-hover: oklch(57% .22 350);--color-primary-subtle: oklch(93% .03 350);--color-accent: oklch(62% .12 240);--color-accent-hover: oklch(57% .13 240);--color-accent-subtle: oklch(93% .02 240);--_clay-color-green: oklch(70% .12 155);--_clay-color-yellow: oklch(85% .12 85);--color-border: oklch(96% .008 280 / 0);--color-border-muted: oklch(96% .008 280 / 0);--color-border-strong: oklch(80% .01 280);--color-success: oklch(65% .12 155);--color-warning: oklch(80% .12 85);--color-error: oklch(55% .18 20);--color-info: oklch(60% .12 240);--_clay-shadow-dark: oklch(80% .01 280);--_clay-shadow-light: oklch(100% 0 0);--font-sans: "Nunito", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "Fira Code", "SF Mono", "Cascadia Code", Consolas, monospace;--line-height-normal: 1.6;--line-height-tight: 1.2;--radius-xs: 8px;--radius-s: 12px;--radius-m: 16px;--radius-l: 20px;--radius-xl: 24px;--radius-2xl: 32px;--radius-full: 9999px;--shadow-xs: 4px 4px 8px var(--_clay-shadow-dark), -2px -2px 4px var(--_clay-shadow-light), inset 0 -2px 4px var(--_clay-shadow-dark), inset 0 2px 4px var(--_clay-shadow-light);--shadow-sm: 5px 5px 10px var(--_clay-shadow-dark), -3px -3px 5px var(--_clay-shadow-light), inset 0 -2px 4px var(--_clay-shadow-dark), inset 0 2px 4px var(--_clay-shadow-light);--shadow-md: 6px 6px 12px var(--_clay-shadow-dark), -3px -3px 6px var(--_clay-shadow-light), inset 0 -2px 4px var(--_clay-shadow-dark), inset 0 2px 4px var(--_clay-shadow-light);--shadow-lg: 8px 8px 16px var(--_clay-shadow-dark), -4px -4px 8px var(--_clay-shadow-light), inset 0 -3px 6px var(--_clay-shadow-dark), inset 0 3px 6px var(--_clay-shadow-light);--shadow-xl: 12px 12px 24px var(--_clay-shadow-dark), -6px -6px 12px var(--_clay-shadow-light), inset 0 -3px 6px var(--_clay-shadow-dark), inset 0 3px 6px var(--_clay-shadow-light);--shadow-2xl: 16px 16px 32px var(--_clay-shadow-dark), -8px -8px 16px var(--_clay-shadow-light), inset 0 -4px 8px var(--_clay-shadow-dark), inset 0 4px 8px var(--_clay-shadow-light);--duration-instant: 50ms;--duration-fast: .12s;--duration-normal: .25s;--duration-slow: .4s;--ease-default: cubic-bezier(.34, 1.56, .64, 1);--ease-out: cubic-bezier(.22, 1.2, .36, 1)}:root[data-theme~=claymorphism],[data-theme~=claymorphism]{:is(main,article){& h1{color:#d84497;font-weight:700}& h2{color:#338fc7;font-weight:700}& h3{color:#59b47d;font-weight:600}& hr:not([data-ornament]){height:4px;border:none;border-radius:9999px;background:#f0f1f7;box-shadow:inset 2px 2px 4px var(--_clay-shadow-dark),inset -2px -2px 4px var(--_clay-shadow-light);margin-block:2rem}& blockquote{border-inline-start:none;padding:1.5rem 2rem;border-radius:var(--radius-l);background:#f0f1f7;color:#464750;box-shadow:inset 3px 3px 6px var(--_clay-shadow-dark),inset -3px -3px 6px var(--_clay-shadow-light);position:relative;&:before{content:"\201c";position:absolute;top:-.5rem;left:1.25rem;width:2rem;height:2rem;border-radius:var(--radius-full);background:#f0f1f7;box-shadow:3px 3px 6px var(--_clay-shadow-dark),-3px -3px 6px var(--_clay-shadow-light);display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:var(--color-primary);font-weight:700;line-height:1}}& a:not([class]){color:var(--color-primary);text-decoration:none;transition:color .25s var(--ease-default);&:hover{color:var(--color-primary-hover)}}.button,button{background:#f0f1f7;border:none;color:#d84497;font-weight:600;border-radius:var(--radius-l);box-shadow:var(--shadow-md);transition:all .25s var(--ease-default);&:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}&:active{transform:translateY(1px) scale(.97);box-shadow:inset 3px 3px 6px var(--_clay-shadow-dark),inset -3px -3px 6px var(--_clay-shadow-light)}}.card{background:#f0f1f7;border:none;border-radius:var(--radius-xl);box-shadow:var(--shadow-md);transition:all .25s var(--ease-default);&:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}}& input,textarea,select{background:#f0f1f7;border:none;border-radius:var(--radius-l);box-shadow:inset 3px 3px 6px var(--_clay-shadow-dark),inset -3px -3px 6px var(--_clay-shadow-light);transition:all .25s var(--ease-default);&:focus{box-shadow:4px 4px 8px var(--_clay-shadow-dark),-4px -4px 8px var(--_clay-shadow-light),inset 0 -1px 2px var(--_clay-shadow-dark),inset 0 1px 2px var(--_clay-shadow-light);outline:2px solid oklch(62% .2 350 / .3);outline-offset:2px}&::placeholder{color:var(--color-text-subtle)}}& pre{box-shadow:inset 3px 3px 6px var(--_clay-shadow-dark),inset -3px -3px 6px var(--_clay-shadow-light);border:none;border-radius:var(--radius-l);background:#f0f1f7}& code{background:#eaebf2;color:oklch(50% .12 240);padding:.125rem .375rem;border-radius:var(--radius-s)}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(62% .2 350);--cb-string: oklch(70% .12 155);--cb-function: oklch(62% .12 240);--cb-number: oklch(85% .12 85);--cb-tag: oklch(62% .12 240);--cb-attribute: oklch(62% .2 350);--cb-button-bg: var(--color-surface)}::selection{background:#d8449733;color:#2c2d38}}:root[data-theme~=claymorphism][data-mode=dark],[data-theme~=claymorphism][data-mode=dark]{color-scheme:dark;--color-background: oklch(22% .01 280);--color-surface: oklch(22% .01 280);--color-surface-alt: oklch(20% .01 280);--color-surface-raised: oklch(25% .01 280);--color-surface-sunken: oklch(18% .01 280);--color-text: oklch(92% .008 280);--color-text-muted: oklch(72% .008 280);--color-text-subtle: oklch(55% .008 280);--color-primary: oklch(70% .18 350);--color-primary-hover: oklch(75% .2 350);--color-primary-subtle: oklch(28% .04 350);--color-accent: oklch(70% .12 240);--color-accent-hover: oklch(75% .13 240);--color-accent-subtle: oklch(28% .03 240);--_clay-color-green: oklch(75% .12 155);--_clay-color-yellow: oklch(85% .12 85);--color-border: oklch(22% .01 280 / 0);--color-border-muted: oklch(22% .01 280 / 0);--color-border-strong: oklch(40% .01 280);--color-success: oklch(70% .12 155);--color-warning: oklch(82% .12 85);--color-error: oklch(62% .18 20);--color-info: oklch(68% .12 240);--_clay-shadow-dark: oklch(12% .01 280);--_clay-shadow-light: oklch(30% .01 280);--shadow-xs: 4px 4px 8px var(--_clay-shadow-dark), -2px -2px 4px var(--_clay-shadow-light), inset 0 -2px 4px var(--_clay-shadow-dark), inset 0 2px 4px var(--_clay-shadow-light);--shadow-sm: 5px 5px 10px var(--_clay-shadow-dark), -3px -3px 5px var(--_clay-shadow-light), inset 0 -2px 4px var(--_clay-shadow-dark), inset 0 2px 4px var(--_clay-shadow-light);--shadow-md: 6px 6px 12px var(--_clay-shadow-dark), -3px -3px 6px var(--_clay-shadow-light), inset 0 -2px 4px var(--_clay-shadow-dark), inset 0 2px 4px var(--_clay-shadow-light);--shadow-lg: 8px 8px 16px var(--_clay-shadow-dark), -4px -4px 8px var(--_clay-shadow-light), inset 0 -3px 6px var(--_clay-shadow-dark), inset 0 3px 6px var(--_clay-shadow-light);--shadow-xl: 12px 12px 24px var(--_clay-shadow-dark), -6px -6px 12px var(--_clay-shadow-light), inset 0 -3px 6px var(--_clay-shadow-dark), inset 0 3px 6px var(--_clay-shadow-light);--shadow-2xl: 16px 16px 32px var(--_clay-shadow-dark), -8px -8px 16px var(--_clay-shadow-light), inset 0 -4px 8px var(--_clay-shadow-dark), inset 0 4px 8px var(--_clay-shadow-light);:is(main,article){& h1{color:#ed68ae}& h2{color:#4fa8e1}& h3{color:#6ac48c}& hr:not([data-ornament]){background:#1a1a1f}& blockquote{background:#1a1a1f;color:#a3a4aa;&:before{background:#1a1a1f;color:var(--color-primary)}}.button,button{background:#1a1a1f;color:#ed68ae;&:active{box-shadow:inset 3px 3px 6px var(--_clay-shadow-dark),inset -3px -3px 6px var(--_clay-shadow-light)}}.card{background:#1a1a1f}& input,textarea,select{background:#1a1a1f;color:var(--color-text);&:focus{outline-color:#ed68ae4d}}& pre{background:#1a1a1f}& code{background:#212126;color:#4fa8e1}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(70% .18 350);--cb-string: oklch(75% .12 155);--cb-function: oklch(70% .12 240);--cb-number: oklch(85% .12 85);--cb-tag: oklch(70% .12 240);--cb-attribute: oklch(70% .18 350);--cb-button-bg: var(--color-surface)}::selection{background:#ed68ae4d;color:#e3e4ea}}
1
+ @font-face{font-family:Nunito;font-style:normal;font-weight:400 700;font-display:swap;src:url(https://fonts.gstatic.com/s/nunito/v32/XRXV3I6Li01BKofINeaBTMnFcQ.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root[data-theme~=claymorphism],[data-theme~=claymorphism]{color-scheme:light;--theme-border-style: soft;--theme-icon-set: lucide;--color-background: oklch(96% .008 280);--color-surface: oklch(97% .006 280);--color-surface-alt: oklch(94% .01 280);--color-surface-raised: oklch(98% .005 280);--color-surface-sunken: oklch(93% .01 280);--color-surface-overlay: oklch(98% .005 280);--color-text: oklch(30% .02 280);--color-text-muted: oklch(42% .015 280);--color-text-subtle: oklch(52% .01 280);--color-primary: oklch(62% .2 350);--color-primary-hover: oklch(57% .22 350);--color-primary-subtle: oklch(93% .03 350);--color-accent: oklch(62% .12 240);--color-accent-hover: oklch(57% .13 240);--color-accent-subtle: oklch(93% .02 240);--_clay-color-green: oklch(70% .12 155);--_clay-color-yellow: oklch(85% .12 85);--color-border: oklch(88% .01 280);--color-border-muted: oklch(91% .008 280);--color-border-strong: oklch(80% .01 280);--color-success: oklch(65% .12 155);--color-warning: oklch(80% .12 85);--color-error: oklch(55% .18 20);--color-info: oklch(60% .12 240);--color-hover-bg: oklch(93% .015 350);--color-hover-text: var(--color-primary-hover);--color-active-text: var(--color-primary);--_clay-shadow-dark: oklch(80% .01 280);--_clay-shadow-light: oklch(100% 0 0);--font-sans: "Nunito", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "Fira Code", "SF Mono", "Cascadia Code", Consolas, monospace;--line-height-normal: 1.6;--line-height-tight: 1.2;--radius-xs: 8px;--radius-s: 12px;--radius-m: 16px;--radius-l: 20px;--radius-xl: 24px;--radius-2xl: 32px;--radius-full: 9999px;--shadow-xs: 4px 4px 8px var(--_clay-shadow-dark), -2px -2px 4px var(--_clay-shadow-light), inset 0 -2px 4px var(--_clay-shadow-dark), inset 0 2px 4px var(--_clay-shadow-light);--shadow-sm: 5px 5px 10px var(--_clay-shadow-dark), -3px -3px 5px var(--_clay-shadow-light), inset 0 -2px 4px var(--_clay-shadow-dark), inset 0 2px 4px var(--_clay-shadow-light);--shadow-md: 6px 6px 12px var(--_clay-shadow-dark), -3px -3px 6px var(--_clay-shadow-light), inset 0 -2px 4px var(--_clay-shadow-dark), inset 0 2px 4px var(--_clay-shadow-light);--shadow-lg: 8px 8px 16px var(--_clay-shadow-dark), -4px -4px 8px var(--_clay-shadow-light), inset 0 -3px 6px var(--_clay-shadow-dark), inset 0 3px 6px var(--_clay-shadow-light);--shadow-xl: 12px 12px 24px var(--_clay-shadow-dark), -6px -6px 12px var(--_clay-shadow-light), inset 0 -3px 6px var(--_clay-shadow-dark), inset 0 3px 6px var(--_clay-shadow-light);--shadow-2xl: 16px 16px 32px var(--_clay-shadow-dark), -8px -8px 16px var(--_clay-shadow-light), inset 0 -4px 8px var(--_clay-shadow-dark), inset 0 4px 8px var(--_clay-shadow-light);--duration-instant: 50ms;--duration-fast: .12s;--duration-normal: .25s;--duration-slow: .4s;--ease-default: cubic-bezier(.34, 1.56, .64, 1);--ease-out: cubic-bezier(.22, 1.2, .36, 1)}:root[data-theme~=claymorphism],[data-theme~=claymorphism]{:is(main,article){& h1{color:#d84497;font-weight:700}& h2{color:#338fc7;font-weight:700}& h3{color:#59b47d;font-weight:600}& hr:not([data-ornament]){height:4px;border:none;border-radius:9999px;background:#f0f1f7;box-shadow:inset 2px 2px 4px var(--_clay-shadow-dark),inset -2px -2px 4px var(--_clay-shadow-light);margin-block:2rem}& blockquote{border-inline-start:none;padding:1.5rem 2rem;border-radius:var(--radius-l);background:#f0f1f7;color:#464750;box-shadow:inset 3px 3px 6px var(--_clay-shadow-dark),inset -3px -3px 6px var(--_clay-shadow-light);position:relative;&:before{content:"\201c";position:absolute;top:-.5rem;left:1.25rem;width:2rem;height:2rem;border-radius:var(--radius-full);background:#f0f1f7;box-shadow:3px 3px 6px var(--_clay-shadow-dark),-3px -3px 6px var(--_clay-shadow-light);display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:var(--color-primary);font-weight:700;line-height:1}}& a:not([class]){color:var(--color-primary);text-decoration:none;transition:color .25s var(--ease-default);&:hover{color:var(--color-primary-hover)}}.button,button{background:#f0f1f7;border:none;color:#d84497;font-weight:600;border-radius:var(--radius-l);box-shadow:var(--shadow-md);transition:all .25s var(--ease-default);&:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}&:active{transform:translateY(1px) scale(.97);box-shadow:inset 3px 3px 6px var(--_clay-shadow-dark),inset -3px -3px 6px var(--_clay-shadow-light)}}.card{background:#f0f1f7;border:none;border-radius:var(--radius-xl);box-shadow:var(--shadow-md);transition:all .25s var(--ease-default);&:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}}& input,textarea,select{background:#f0f1f7;border:none;border-radius:var(--radius-l);box-shadow:inset 3px 3px 6px var(--_clay-shadow-dark),inset -3px -3px 6px var(--_clay-shadow-light);transition:all .25s var(--ease-default);&:focus{box-shadow:4px 4px 8px var(--_clay-shadow-dark),-4px -4px 8px var(--_clay-shadow-light),inset 0 -1px 2px var(--_clay-shadow-dark),inset 0 1px 2px var(--_clay-shadow-light);outline:2px solid oklch(62% .2 350 / .3);outline-offset:2px}&::placeholder{color:var(--color-text-subtle)}}& pre{box-shadow:inset 3px 3px 6px var(--_clay-shadow-dark),inset -3px -3px 6px var(--_clay-shadow-light);border:none;border-radius:var(--radius-l);background:#f0f1f7}& code{background:#eaebf2;color:oklch(50% .12 240);padding:.125rem .375rem;border-radius:var(--radius-s)}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(62% .2 350);--cb-string: oklch(70% .12 155);--cb-function: oklch(62% .12 240);--cb-number: oklch(85% .12 85);--cb-tag: oklch(62% .12 240);--cb-attribute: oklch(62% .2 350);--cb-button-bg: var(--color-surface)}::selection{background:#d8449733;color:#2c2d38}}:root[data-theme~=claymorphism][data-mode=dark],[data-theme~=claymorphism][data-mode=dark]{color-scheme:dark;--color-background: oklch(22% .01 280);--color-surface: oklch(22% .01 280);--color-surface-alt: oklch(20% .01 280);--color-surface-raised: oklch(25% .01 280);--color-surface-sunken: oklch(18% .01 280);--color-text: oklch(92% .008 280);--color-text-muted: oklch(72% .008 280);--color-text-subtle: oklch(55% .008 280);--color-primary: oklch(70% .18 350);--color-primary-hover: oklch(75% .2 350);--color-primary-subtle: oklch(28% .04 350);--color-accent: oklch(70% .12 240);--color-accent-hover: oklch(75% .13 240);--color-accent-subtle: oklch(28% .03 240);--_clay-color-green: oklch(75% .12 155);--_clay-color-yellow: oklch(85% .12 85);--color-surface-overlay: oklch(26% .015 280);--color-border: oklch(30% .01 280);--color-border-muted: oklch(27% .01 280);--color-border-strong: oklch(40% .01 280);--color-hover-bg: oklch(26% .025 350);--color-hover-text: var(--color-primary-hover);--color-active-text: var(--color-primary);--color-success: oklch(70% .12 155);--color-warning: oklch(82% .12 85);--color-error: oklch(62% .18 20);--color-info: oklch(68% .12 240);--_clay-shadow-dark: oklch(12% .01 280);--_clay-shadow-light: oklch(30% .01 280);--shadow-xs: 4px 4px 8px var(--_clay-shadow-dark), -2px -2px 4px var(--_clay-shadow-light), inset 0 -2px 4px var(--_clay-shadow-dark), inset 0 2px 4px var(--_clay-shadow-light);--shadow-sm: 5px 5px 10px var(--_clay-shadow-dark), -3px -3px 5px var(--_clay-shadow-light), inset 0 -2px 4px var(--_clay-shadow-dark), inset 0 2px 4px var(--_clay-shadow-light);--shadow-md: 6px 6px 12px var(--_clay-shadow-dark), -3px -3px 6px var(--_clay-shadow-light), inset 0 -2px 4px var(--_clay-shadow-dark), inset 0 2px 4px var(--_clay-shadow-light);--shadow-lg: 8px 8px 16px var(--_clay-shadow-dark), -4px -4px 8px var(--_clay-shadow-light), inset 0 -3px 6px var(--_clay-shadow-dark), inset 0 3px 6px var(--_clay-shadow-light);--shadow-xl: 12px 12px 24px var(--_clay-shadow-dark), -6px -6px 12px var(--_clay-shadow-light), inset 0 -3px 6px var(--_clay-shadow-dark), inset 0 3px 6px var(--_clay-shadow-light);--shadow-2xl: 16px 16px 32px var(--_clay-shadow-dark), -8px -8px 16px var(--_clay-shadow-light), inset 0 -4px 8px var(--_clay-shadow-dark), inset 0 4px 8px var(--_clay-shadow-light);:is(main,article){& h1{color:#ed68ae}& h2{color:#4fa8e1}& h3{color:#6ac48c}& hr:not([data-ornament]){background:#1a1a1f}& blockquote{background:#1a1a1f;color:#a3a4aa;&:before{background:#1a1a1f;color:var(--color-primary)}}.button,button{background:#1a1a1f;color:#ed68ae;&:active{box-shadow:inset 3px 3px 6px var(--_clay-shadow-dark),inset -3px -3px 6px var(--_clay-shadow-light)}}.card{background:#1a1a1f}& input,textarea,select{background:#1a1a1f;color:var(--color-text);&:focus{outline-color:#ed68ae4d}}& pre{background:#1a1a1f}& code{background:#212126;color:#4fa8e1}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(70% .18 350);--cb-string: oklch(75% .12 155);--cb-function: oklch(70% .12 240);--cb-number: oklch(85% .12 85);--cb-tag: oklch(70% .12 240);--cb-attribute: oklch(70% .18 350);--cb-button-bg: var(--color-surface)}::selection{background:#ed68ae4d;color:#e3e4ea}}
2
2
  /*# sourceMappingURL=claymorphism.css.map */
package/dist/cdn/themes/cottagecore.css CHANGED
@@ -1,2 +1,2 @@
1
- @font-face{font-family:Lora;font-style:normal;font-weight:400 700;font-display:swap;src:url(https://fonts.gstatic.com/s/lora/v35/0QI6MX1D_JOuGQbT0gvTJPa787weuxJBkq0.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}: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);--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
+ @font-face{font-family:Lora;font-style:normal;font-weight:400 700;font-display:swap;src:url(https://fonts.gstatic.com/s/lora/v35/0QI6MX1D_JOuGQbT0gvTJPa787weuxJBkq0.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}: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}}
2
2
  /*# sourceMappingURL=cottagecore.css.map */
package/dist/cdn/themes/cyber.css CHANGED
@@ -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);--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
+ :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}
2
2
  /*# sourceMappingURL=cyber.css.map */
package/dist/cdn/themes/genai.css CHANGED
@@ -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]){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]){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
+ @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}}
2
2
  /*# sourceMappingURL=genai.css.map */
package/dist/cdn/themes/glassmorphism.css CHANGED
@@ -1,2 +1,2 @@
1
- :root[data-theme~=glassmorphism],[data-theme~=glassmorphism]{color-scheme:light;--theme-border-style: soft;--theme-icon-set: lucide;--glass-blur: 16px;--glass-saturate: 160%;--glass-surface-opacity: var(--opacity-55);--glass-surface-alt-opacity: var(--opacity-35);--glass-surface-raised-opacity: var(--opacity-70);--glass-surface-sunken-opacity: var(--opacity-20);--glass-border-opacity: var(--opacity-20);--glass-border-strong-opacity: var(--opacity-35);--glass-border-subtle-opacity: var(--opacity-12);--glass-inner-glow-opacity: var(--opacity-10);--glass-border: 1px solid oklch(100% 0 0 / var(--glass-border-opacity));--glass-inner-glow: inset 0 1px 1px oklch(100% 0 0 / var(--glass-inner-glow-opacity));--color-background: oklch(95% .02 280);--color-surface: oklch(100% 0 0 / var(--glass-surface-opacity));--color-surface-alt: oklch(100% 0 0 / var(--glass-surface-alt-opacity));--color-surface-raised: oklch(100% 0 0 / var(--glass-surface-raised-opacity));--color-surface-sunken: oklch(100% 0 0 / var(--glass-surface-sunken-opacity));--color-text: oklch(20% .02 280);--color-text-muted: oklch(35% .02 280);--color-text-subtle: oklch(50% .015 280);--color-primary: oklch(52% .2 280);--color-primary-hover: oklch(47% .22 280);--color-primary-subtle: oklch(90% .05 280);--color-accent: oklch(60% .15 195);--color-accent-hover: oklch(55% .16 195);--color-border: oklch(100% 0 0 / var(--glass-border-opacity));--color-border-muted: oklch(100% 0 0 / var(--glass-border-subtle-opacity));--color-border-strong: oklch(100% 0 0 / var(--glass-border-strong-opacity));--color-success: oklch(60% .15 150);--color-warning: oklch(72% .14 70);--color-error: oklch(58% .2 25);--color-info: oklch(55% .15 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: .75rem;--radius-m: 1rem;--radius-l: 1.25rem;--radius-xl: 1.5rem;--radius-2xl: 2rem;--radius-full: 9999px;--shadow-xs: 0 1px 3px oklch(52% .1 280 / var(--opacity-8)), var(--glass-inner-glow);--shadow-sm: 0 2px 6px oklch(52% .1 280 / var(--opacity-10)), var(--glass-inner-glow);--shadow-md: 0 4px 12px oklch(52% .1 280 / var(--opacity-12)), var(--glass-inner-glow);--shadow-lg: 0 8px 24px oklch(52% .1 280 / var(--opacity-15)), var(--glass-inner-glow);--shadow-xl: 0 16px 32px oklch(52% .1 280 / var(--opacity-15));--shadow-2xl: 0 24px 48px oklch(52% .1 280 / var(--opacity-20));--duration-instant: 60ms;--duration-fast: .12s;--duration-normal: .25s;--duration-slow: .4s;--ease-default: cubic-bezier(.16, 1, .3, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--page-bg-gradient: radial-gradient(ellipse at 20% 20%, oklch(70% .2 300 / var(--opacity-30)) 0%, transparent 50%), radial-gradient(ellipse at 80% 30%, oklch(70% .15 240 / var(--opacity-25)) 0%, transparent 50%), radial-gradient(ellipse at 50% 80%, oklch(72% .12 195 / var(--opacity-20)) 0%, transparent 50%);--page-bg-color: oklch(95% .02 280);--control-border: oklch(100% 0 0 / var(--opacity-30));--control-checked-bg: oklch(52% .2 280);--control-checked-border: oklch(52% .2 280);--control-radius-check: var(--radius-s);--input-bg: oklch(100% 0 0 / var(--glass-surface-sunken-opacity));--input-border: oklch(100% 0 0 / var(--glass-border-opacity));--input-border-focus: oklch(52% .2 280);--range-track-bg: oklch(100% 0 0 / var(--opacity-15));--range-track-fill: oklch(52% .2 280);--range-thumb-bg: oklch(100% 0 0 / var(--opacity-80));--range-thumb-border: oklch(52% .2 280);--progress-track-bg: oklch(100% 0 0 / var(--opacity-15));--progress-fill: oklch(52% .2 280)}:root[data-theme~=glassmorphism]:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 20% 20%,oklch(70% .2 300 / var(--opacity-40)) 0%,transparent 50%),radial-gradient(ellipse at 80% 30%,oklch(70% .15 240 / var(--opacity-35)) 0%,transparent 50%),radial-gradient(ellipse at 50% 80%,oklch(72% .12 195 / var(--opacity-30)) 0%,transparent 50%),#ebedfc}:root[data-theme~=glassmorphism],[data-theme~=glassmorphism]{:is(main,article){& hr:not([data-ornament]){border:none;border-block-start:1px solid oklch(100% 0 0 / var(--glass-border-opacity));margin-block:2rem}& h1,h2{font-weight:600;letter-spacing:-.01em}& a:not([class]){color:var(--color-primary);text-decoration-color:oklch(52% .2 280 / var(--opacity-30));text-underline-offset:.15em;&:hover{text-decoration-color:currentColor}}& blockquote{border-inline-start:3px solid oklch(52% .2 280 / var(--opacity-50));padding-inline-start:1.25rem;backdrop-filter:blur(var(--glass-blur));background:var(--color-surface);border:var(--glass-border);border-inline-start:3px solid var(--color-primary);border-radius:var(--radius-m);padding:1.25rem}.card{backdrop-filter:blur(var(--glass-blur));background:var(--color-surface);border:var(--glass-border)}.button,button{font-weight:500;backdrop-filter:blur(8px)}}:is(main,article) code-block{--cb-bg: oklch(100% 0 0 / var(--opacity-40));--cb-code-bg: oklch(100% 0 0 / var(--opacity-40));--cb-header-bg: oklch(100% 0 0 / var(--opacity-25));--cb-border-color: oklch(100% 0 0 / var(--glass-border-opacity));--cb-keyword: oklch(52% .2 280);--cb-string: oklch(55% .15 150);--cb-function: oklch(48% .15 300);--cb-number: oklch(55% .15 30);--cb-button-bg: oklch(100% 0 0 / var(--opacity-30));--cb-scrollbar-track: oklch(100% 0 0 / var(--opacity-15));--cb-scrollbar-thumb: oklch(100% 0 0 / var(--glass-border-strong-opacity))}:is(main,article) browser-window{--browser-window-bg: oklch(100% 0 0 / var(--glass-surface-opacity));--browser-window-header-bg: oklch(100% 0 0 / var(--glass-surface-alt-opacity));--browser-window-content-bg: oklch(100% 0 0 / var(--glass-surface-opacity));--browser-window-border-color: oklch(100% 0 0 / var(--glass-border-opacity));--browser-window-url-bg: oklch(100% 0 0 / var(--opacity-50))}::selection{background:oklch(52% .2 280 / var(--opacity-20))}}:root[data-theme~=glassmorphism][data-mode=dark],[data-theme~=glassmorphism][data-mode=dark]{color-scheme:dark;--glass-surface-opacity: var(--opacity-12);--glass-surface-alt-opacity: var(--opacity-8);--glass-surface-raised-opacity: var(--opacity-15);--glass-surface-sunken-opacity: var(--opacity-8);--glass-border-opacity: var(--opacity-15);--glass-border-strong-opacity: var(--opacity-25);--glass-border-subtle-opacity: var(--opacity-10);--glass-inner-glow-opacity: var(--opacity-8);--glass-border: 1px solid oklch(100% 0 0 / var(--glass-border-opacity));--glass-inner-glow: inset 0 1px 1px oklch(100% 0 0 / var(--glass-inner-glow-opacity));--color-background: oklch(15% .03 280);--color-surface: oklch(100% 0 0 / var(--glass-surface-opacity));--color-surface-alt: oklch(100% 0 0 / var(--glass-surface-alt-opacity));--color-surface-raised: oklch(100% 0 0 / var(--glass-surface-raised-opacity));--color-surface-sunken: oklch(100% 0 0 / var(--glass-surface-sunken-opacity));--color-text: oklch(95% .01 280);--color-text-muted: oklch(78% .01 280);--color-text-subtle: oklch(60% .015 280);--color-primary: oklch(70% .18 280);--color-primary-hover: oklch(75% .19 280);--color-primary-subtle: oklch(25% .06 280);--color-accent: oklch(72% .12 195);--color-accent-hover: oklch(77% .13 195);--color-border: oklch(100% 0 0 / var(--glass-border-opacity));--color-border-muted: oklch(100% 0 0 / var(--glass-border-subtle-opacity));--color-border-strong: oklch(100% 0 0 / var(--glass-border-strong-opacity));--color-success: oklch(72% .15 150);--color-warning: oklch(78% .14 70);--color-error: oklch(68% .2 25);--color-info: oklch(70% .15 250);--input-bg: oklch(100% 0 0 / var(--opacity-10));--input-border: oklch(100% 0 0 / var(--opacity-15));--input-border-focus: oklch(70% .18 280);--control-border: oklch(100% 0 0 / var(--opacity-20));--control-checked-bg: oklch(70% .18 280);--control-checked-border: oklch(70% .18 280);--range-track-bg: oklch(100% 0 0 / var(--opacity-12));--range-track-fill: oklch(70% .18 280);--range-thumb-bg: oklch(100% 0 0 / var(--opacity-70));--range-thumb-border: oklch(70% .18 280);--progress-track-bg: oklch(100% 0 0 / var(--opacity-12));--progress-fill: oklch(70% .18 280);--shadow-xs: 0 1px 3px oklch(10% .05 280 / var(--opacity-20)), var(--glass-inner-glow);--shadow-sm: 0 2px 6px oklch(10% .05 280 / var(--opacity-25)), var(--glass-inner-glow);--shadow-md: 0 4px 12px oklch(10% .05 280 / var(--opacity-30)), var(--glass-inner-glow);--shadow-lg: 0 8px 24px oklch(10% .05 280 / var(--opacity-35)), var(--glass-inner-glow);--shadow-xl: 0 16px 32px oklch(10% .05 280 / var(--opacity-35));--shadow-2xl: 0 24px 48px oklch(10% .05 280 / var(--opacity-40));--page-bg-gradient: radial-gradient(ellipse at 20% 20%, oklch(45% .2 300 / var(--opacity-25)) 0%, transparent 50%), radial-gradient(ellipse at 80% 30%, oklch(45% .15 240 / var(--opacity-20)) 0%, transparent 50%), radial-gradient(ellipse at 50% 80%, oklch(48% .12 195 / var(--opacity-15)) 0%, transparent 50%);--page-bg-color: oklch(15% .03 280)}:root[data-theme~=glassmorphism][data-mode=dark]:before{background:radial-gradient(ellipse at 20% 20%,oklch(45% .2 300 / var(--opacity-30)) 0%,transparent 50%),radial-gradient(ellipse at 80% 30%,oklch(45% .15 240 / var(--opacity-25)) 0%,transparent 50%),radial-gradient(ellipse at 50% 80%,oklch(48% .12 195 / var(--opacity-20)) 0%,transparent 50%),#090917}:root[data-theme~=glassmorphism][data-mode=dark],[data-theme~=glassmorphism][data-mode=dark]{:is(main,article){& hr:not([data-ornament]){border-color:oklch(100% 0 0 / var(--glass-border-opacity))}}:is(main,article) code-block{--cb-bg: oklch(100% 0 0 / var(--opacity-10));--cb-code-bg: oklch(100% 0 0 / var(--opacity-10));--cb-header-bg: oklch(100% 0 0 / var(--opacity-8));--cb-border-color: oklch(100% 0 0 / var(--glass-border-opacity));--cb-keyword: oklch(70% .18 280);--cb-string: oklch(70% .12 150);--cb-function: oklch(68% .12 300);--cb-number: oklch(72% .12 30);--cb-button-bg: oklch(100% 0 0 / var(--opacity-15));--cb-scrollbar-track: oklch(100% 0 0 / var(--opacity-10));--cb-scrollbar-thumb: oklch(100% 0 0 / var(--glass-border-opacity))}:is(main,article) browser-window{--browser-window-bg: oklch(100% 0 0 / var(--glass-surface-opacity));--browser-window-header-bg: oklch(100% 0 0 / var(--glass-surface-alt-opacity));--browser-window-content-bg: oklch(100% 0 0 / var(--glass-surface-opacity));--browser-window-border-color: oklch(100% 0 0 / var(--glass-border-opacity));--browser-window-url-bg: oklch(100% 0 0 / var(--glass-surface-alt-opacity))}::selection{background:oklch(70% .18 280 / var(--opacity-25));color:#edeef5}}
1
+ :root[data-theme~=glassmorphism],[data-theme~=glassmorphism]{color-scheme:light;--theme-border-style: soft;--theme-icon-set: lucide;--glass-blur: 16px;--glass-saturate: 160%;--glass-surface-opacity: var(--opacity-55);--glass-surface-alt-opacity: var(--opacity-35);--glass-surface-raised-opacity: var(--opacity-70);--glass-surface-sunken-opacity: var(--opacity-20);--glass-border-opacity: var(--opacity-20);--glass-border-strong-opacity: var(--opacity-35);--glass-border-subtle-opacity: var(--opacity-12);--glass-inner-glow-opacity: var(--opacity-10);--glass-border: 1px solid oklch(100% 0 0 / var(--glass-border-opacity));--glass-inner-glow: inset 0 1px 1px oklch(100% 0 0 / var(--glass-inner-glow-opacity));--color-background: oklch(95% .02 280);--color-surface: oklch(100% 0 0 / var(--glass-surface-opacity));--color-surface-alt: oklch(100% 0 0 / var(--glass-surface-alt-opacity));--color-surface-raised: oklch(100% 0 0 / var(--glass-surface-raised-opacity));--color-surface-sunken: oklch(100% 0 0 / var(--glass-surface-sunken-opacity));--color-surface-overlay: oklch(97% .01 280);--color-text: oklch(20% .02 280);--color-text-muted: oklch(35% .02 280);--color-text-subtle: oklch(50% .015 280);--color-primary: oklch(52% .2 280);--color-primary-hover: oklch(47% .22 280);--color-primary-subtle: oklch(90% .05 280);--color-accent: oklch(60% .15 195);--color-accent-hover: oklch(55% .16 195);--color-border: oklch(100% 0 0 / var(--glass-border-opacity));--color-border-muted: oklch(100% 0 0 / var(--glass-border-subtle-opacity));--color-border-strong: oklch(100% 0 0 / var(--glass-border-strong-opacity));--color-success: oklch(60% .15 150);--color-warning: oklch(72% .14 70);--color-error: oklch(58% .2 25);--color-info: oklch(55% .15 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: .75rem;--radius-m: 1rem;--radius-l: 1.25rem;--radius-xl: 1.5rem;--radius-2xl: 2rem;--radius-full: 9999px;--shadow-xs: 0 1px 3px oklch(52% .1 280 / var(--opacity-8)), var(--glass-inner-glow);--shadow-sm: 0 2px 6px oklch(52% .1 280 / var(--opacity-10)), var(--glass-inner-glow);--shadow-md: 0 4px 12px oklch(52% .1 280 / var(--opacity-12)), var(--glass-inner-glow);--shadow-lg: 0 8px 24px oklch(52% .1 280 / var(--opacity-15)), var(--glass-inner-glow);--shadow-xl: 0 16px 32px oklch(52% .1 280 / var(--opacity-15));--shadow-2xl: 0 24px 48px oklch(52% .1 280 / var(--opacity-20));--duration-instant: 60ms;--duration-fast: .12s;--duration-normal: .25s;--duration-slow: .4s;--ease-default: cubic-bezier(.16, 1, .3, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--page-bg-gradient: radial-gradient(ellipse at 20% 20%, oklch(70% .2 300 / var(--opacity-30)) 0%, transparent 50%), radial-gradient(ellipse at 80% 30%, oklch(70% .15 240 / var(--opacity-25)) 0%, transparent 50%), radial-gradient(ellipse at 50% 80%, oklch(72% .12 195 / var(--opacity-20)) 0%, transparent 50%);--page-bg-color: oklch(95% .02 280);--control-border: oklch(100% 0 0 / var(--opacity-30));--control-checked-bg: oklch(52% .2 280);--control-checked-border: oklch(52% .2 280);--control-radius-check: var(--radius-s);--input-bg: oklch(100% 0 0 / var(--glass-surface-sunken-opacity));--input-border: oklch(100% 0 0 / var(--glass-border-opacity));--input-border-focus: oklch(52% .2 280);--range-track-bg: oklch(100% 0 0 / var(--opacity-15));--range-track-fill: oklch(52% .2 280);--range-thumb-bg: oklch(100% 0 0 / var(--opacity-80));--range-thumb-border: oklch(52% .2 280);--progress-track-bg: oklch(100% 0 0 / var(--opacity-15));--progress-fill: oklch(52% .2 280)}:root[data-theme~=glassmorphism]:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 20% 20%,oklch(70% .2 300 / var(--opacity-40)) 0%,transparent 50%),radial-gradient(ellipse at 80% 30%,oklch(70% .15 240 / var(--opacity-35)) 0%,transparent 50%),radial-gradient(ellipse at 50% 80%,oklch(72% .12 195 / var(--opacity-30)) 0%,transparent 50%),#ebedfc}:root[data-theme~=glassmorphism],[data-theme~=glassmorphism]{:is(main,article){& hr:not([data-ornament]){border:none;border-block-start:1px solid oklch(100% 0 0 / var(--glass-border-opacity));margin-block:2rem}& h1,h2{font-weight:600;letter-spacing:-.01em}& a:not([class]){color:var(--color-primary);text-decoration-color:oklch(52% .2 280 / var(--opacity-30));text-underline-offset:.15em;&:hover{text-decoration-color:currentColor}}& blockquote{border-inline-start:3px solid oklch(52% .2 280 / var(--opacity-50));padding-inline-start:1.25rem;backdrop-filter:blur(var(--glass-blur));background:var(--color-surface);border:var(--glass-border);border-inline-start:3px solid var(--color-primary);border-radius:var(--radius-m);padding:1.25rem}.card{backdrop-filter:blur(var(--glass-blur));background:var(--color-surface);border:var(--glass-border)}.button,button{font-weight:500;backdrop-filter:blur(8px)}}:is(main,article) code-block{--cb-bg: oklch(100% 0 0 / var(--opacity-40));--cb-code-bg: oklch(100% 0 0 / var(--opacity-40));--cb-header-bg: oklch(100% 0 0 / var(--opacity-25));--cb-border-color: oklch(100% 0 0 / var(--glass-border-opacity));--cb-keyword: oklch(52% .2 280);--cb-string: oklch(55% .15 150);--cb-function: oklch(48% .15 300);--cb-number: oklch(55% .15 30);--cb-button-bg: oklch(100% 0 0 / var(--opacity-30));--cb-scrollbar-track: oklch(100% 0 0 / var(--opacity-15));--cb-scrollbar-thumb: oklch(100% 0 0 / var(--glass-border-strong-opacity))}:is(main,article) browser-window{--browser-window-bg: oklch(100% 0 0 / var(--glass-surface-opacity));--browser-window-header-bg: oklch(100% 0 0 / var(--glass-surface-alt-opacity));--browser-window-content-bg: oklch(100% 0 0 / var(--glass-surface-opacity));--browser-window-border-color: oklch(100% 0 0 / var(--glass-border-opacity));--browser-window-url-bg: oklch(100% 0 0 / var(--opacity-50))}::selection{background:oklch(52% .2 280 / var(--opacity-20))}}:root[data-theme~=glassmorphism][data-mode=dark],[data-theme~=glassmorphism][data-mode=dark]{color-scheme:dark;--glass-surface-opacity: var(--opacity-12);--glass-surface-alt-opacity: var(--opacity-8);--glass-surface-raised-opacity: var(--opacity-15);--glass-surface-sunken-opacity: var(--opacity-8);--glass-border-opacity: var(--opacity-15);--glass-border-strong-opacity: var(--opacity-25);--glass-border-subtle-opacity: var(--opacity-10);--glass-inner-glow-opacity: var(--opacity-8);--glass-border: 1px solid oklch(100% 0 0 / var(--glass-border-opacity));--glass-inner-glow: inset 0 1px 1px oklch(100% 0 0 / var(--glass-inner-glow-opacity));--color-background: oklch(15% .03 280);--color-surface: oklch(100% 0 0 / var(--glass-surface-opacity));--color-surface-alt: oklch(100% 0 0 / var(--glass-surface-alt-opacity));--color-surface-raised: oklch(100% 0 0 / var(--glass-surface-raised-opacity));--color-surface-sunken: oklch(100% 0 0 / var(--glass-surface-sunken-opacity));--color-surface-overlay: oklch(20% .02 280);--color-text: oklch(95% .01 280);--color-text-muted: oklch(78% .01 280);--color-text-subtle: oklch(60% .015 280);--color-primary: oklch(70% .18 280);--color-primary-hover: oklch(75% .19 280);--color-primary-subtle: oklch(25% .06 280);--color-accent: oklch(72% .12 195);--color-accent-hover: oklch(77% .13 195);--color-border: oklch(100% 0 0 / var(--glass-border-opacity));--color-border-muted: oklch(100% 0 0 / var(--glass-border-subtle-opacity));--color-border-strong: oklch(100% 0 0 / var(--glass-border-strong-opacity));--color-success: oklch(72% .15 150);--color-warning: oklch(78% .14 70);--color-error: oklch(68% .2 25);--color-info: oklch(70% .15 250);--input-bg: oklch(100% 0 0 / var(--opacity-10));--input-border: oklch(100% 0 0 / var(--opacity-15));--input-border-focus: oklch(70% .18 280);--control-border: oklch(100% 0 0 / var(--opacity-20));--control-checked-bg: oklch(70% .18 280);--control-checked-border: oklch(70% .18 280);--range-track-bg: oklch(100% 0 0 / var(--opacity-12));--range-track-fill: oklch(70% .18 280);--range-thumb-bg: oklch(100% 0 0 / var(--opacity-70));--range-thumb-border: oklch(70% .18 280);--progress-track-bg: oklch(100% 0 0 / var(--opacity-12));--progress-fill: oklch(70% .18 280);--shadow-xs: 0 1px 3px oklch(10% .05 280 / var(--opacity-20)), var(--glass-inner-glow);--shadow-sm: 0 2px 6px oklch(10% .05 280 / var(--opacity-25)), var(--glass-inner-glow);--shadow-md: 0 4px 12px oklch(10% .05 280 / var(--opacity-30)), var(--glass-inner-glow);--shadow-lg: 0 8px 24px oklch(10% .05 280 / var(--opacity-35)), var(--glass-inner-glow);--shadow-xl: 0 16px 32px oklch(10% .05 280 / var(--opacity-35));--shadow-2xl: 0 24px 48px oklch(10% .05 280 / var(--opacity-40));--page-bg-gradient: radial-gradient(ellipse at 20% 20%, oklch(45% .2 300 / var(--opacity-25)) 0%, transparent 50%), radial-gradient(ellipse at 80% 30%, oklch(45% .15 240 / var(--opacity-20)) 0%, transparent 50%), radial-gradient(ellipse at 50% 80%, oklch(48% .12 195 / var(--opacity-15)) 0%, transparent 50%);--page-bg-color: oklch(15% .03 280)}:root[data-theme~=glassmorphism][data-mode=dark]:before{background:radial-gradient(ellipse at 20% 20%,oklch(45% .2 300 / var(--opacity-30)) 0%,transparent 50%),radial-gradient(ellipse at 80% 30%,oklch(45% .15 240 / var(--opacity-25)) 0%,transparent 50%),radial-gradient(ellipse at 50% 80%,oklch(48% .12 195 / var(--opacity-20)) 0%,transparent 50%),#090917}:root[data-theme~=glassmorphism][data-mode=dark],[data-theme~=glassmorphism][data-mode=dark]{:is(main,article){& hr:not([data-ornament]){border-color:oklch(100% 0 0 / var(--glass-border-opacity))}}:is(main,article) code-block{--cb-bg: oklch(100% 0 0 / var(--opacity-10));--cb-code-bg: oklch(100% 0 0 / var(--opacity-10));--cb-header-bg: oklch(100% 0 0 / var(--opacity-8));--cb-border-color: oklch(100% 0 0 / var(--glass-border-opacity));--cb-keyword: oklch(70% .18 280);--cb-string: oklch(70% .12 150);--cb-function: oklch(68% .12 300);--cb-number: oklch(72% .12 30);--cb-button-bg: oklch(100% 0 0 / var(--opacity-15));--cb-scrollbar-track: oklch(100% 0 0 / var(--opacity-10));--cb-scrollbar-thumb: oklch(100% 0 0 / var(--glass-border-opacity))}:is(main,article) browser-window{--browser-window-bg: oklch(100% 0 0 / var(--glass-surface-opacity));--browser-window-header-bg: oklch(100% 0 0 / var(--glass-surface-alt-opacity));--browser-window-content-bg: oklch(100% 0 0 / var(--glass-surface-opacity));--browser-window-border-color: oklch(100% 0 0 / var(--glass-border-opacity));--browser-window-url-bg: oklch(100% 0 0 / var(--glass-surface-alt-opacity))}::selection{background:oklch(70% .18 280 / var(--opacity-25));color:#edeef5}}
2
2
  /*# sourceMappingURL=glassmorphism.css.map */
package/dist/cdn/themes/kawaii.css CHANGED
@@ -1,2 +1,2 @@
1
- @font-face{font-family:Nunito;font-style:normal;font-weight:400 700;font-display:swap;src:url(https://fonts.gstatic.com/s/nunito/v32/XRXV3I6Li01BKofINeaBTMnFcQ.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root[data-theme~=kawaii],[data-theme~=kawaii]{color-scheme:light;--theme-border-style: kawaii;--color-surface: oklch(98% .02 350);--color-surface-alt: oklch(95% .04 350);--color-surface-raised: oklch(100% 0 0);--color-surface-sunken: oklch(92% .05 350);--color-background: oklch(97% .03 350);--color-text: oklch(25% .08 330);--color-text-muted: oklch(40% .06 330);--color-text-subtle: oklch(50% .04 330);--color-primary: oklch(55% .18 350);--color-primary-hover: oklch(50% .2 350);--color-primary-subtle: oklch(95% .05 350);--color-accent: oklch(45% .12 180);--color-accent-hover: oklch(40% .14 180);--color-accent-subtle: oklch(95% .04 180);--_kawaii-color-lavender: oklch(55% .12 290);--_kawaii-color-peach: oklch(55% .12 60);--_kawaii-color-sky: oklch(50% .12 220);--color-border: oklch(90% .05 350);--color-border-muted: oklch(94% .03 350);--color-border-strong: oklch(75% .15 350);--color-success: oklch(55% .14 160);--color-success-subtle: oklch(95% .04 160);--color-success-text: oklch(35% .1 160);--color-warning: oklch(65% .12 75);--color-warning-subtle: oklch(95% .05 75);--color-warning-text: oklch(40% .1 75);--color-error: oklch(55% .16 10);--color-error-subtle: oklch(95% .04 10);--color-error-text: oklch(38% .12 10);--color-info: oklch(52% .1 250);--color-info-subtle: oklch(95% .04 250);--color-info-text: oklch(35% .08 250);--font-sans: "Nunito", "Quicksand", "Varela Round", system-ui, sans-serif;--font-mono: "Fira Code", monospace;--line-height-normal: 1.6;--line-height-tight: 1.3;--radius-xs: .5rem;--radius-s: .75rem;--radius-m: 1rem;--radius-l: 1.5rem;--radius-xl: 2rem;--radius-2xl: 3rem;--radius-full: 9999px;--shadow-xs: 0 2px 4px oklch(75% .15 350 / .15);--shadow-sm: 0 4px 8px oklch(75% .15 350 / .2);--shadow-md: 0 6px 16px oklch(75% .15 350 / .25);--shadow-lg: 0 10px 24px oklch(75% .15 350 / .3);--shadow-xl: 0 16px 32px oklch(75% .15 350 / .35);--shadow-2xl: 0 24px 48px oklch(75% .15 350 / .4);--duration-instant: 50ms;--duration-fast: .15s;--duration-normal: .3s;--duration-slow: .5s;--ease-default: cubic-bezier(.34, 1.56, .64, 1);--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55)}:root[data-theme~=kawaii],[data-theme~=kawaii]{@keyframes sparkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes wiggle{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}:is(main,article){& hr:not([data-ornament]):not(:is(.wave,.zigzag,.scallop,.diamonds,.dots)){border:none;height:2rem;background:transparent;position:relative;margin-block:2rem;&:before{content:"\2661 \2726 \2661 \2726 \2661";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:var(--color-primary);font-size:1.25rem;letter-spacing:.5rem;animation:sparkle 2s ease-in-out infinite}}& h1,h2,h3{position:relative}& h1{color:var(--color-primary);&:before{content:"\273f "}&:after{content:" \273f"}}& h2{color:var(--_kawaii-color-lavender);&:before{content:"\2605 ";animation:sparkle 1.5s ease-in-out infinite}}& h3{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:2px;background:linear-gradient(90deg,var(--color-primary),var(--_kawaii-color-lavender),var(--color-accent));border-radius:var(--radius-full);transform:scaleX(0);transition:transform .3s var(--ease-bounce)}&:hover{&:after{transform:scaleX(1)}}}.button,button{border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-primary),var(--_kawaii-color-lavender));border:none;color:var(--color-surface-raised);font-weight:700;box-shadow:var(--shadow-md);transition:all .3s var(--ease-bounce);&:hover{transform:translateY(-3px) scale(1.02);box-shadow:var(--shadow-lg)}&:active{transform:translateY(0) scale(.98)}}.card{border-radius:var(--radius-xl);background:var(--color-surface-raised);box-shadow:var(--shadow-md);position:relative;overflow:visible;transition:all .3s var(--ease-default);&:before{content:"\2661";position:absolute;top:-.75rem;right:1rem;background:var(--color-primary);color:var(--color-surface-raised);width:1.5rem;height:1.5rem;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:.75rem;z-index:1}&:hover{transform:translateY(-5px) rotate(1deg);box-shadow:var(--shadow-lg)}}& input,textarea{border-radius:var(--radius-full);border:2px solid var(--color-border);background:var(--color-surface-raised);padding:.75rem 1.25rem;transition:all .3s var(--ease-default);&:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-primary-subtle);outline:none}&::placeholder{color:var(--color-text-subtle)}}@supports (appearance: base-select){& select:not([multiple])::picker-icon{color:var(--color-primary)}& select:not([multiple]):open{border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-primary-subtle)}& select:not([multiple])::picker(select){background:var(--color-surface-raised);border:2px solid var(--color-border);border-radius:var(--radius-l)}& select:not([multiple]) option{border-radius:var(--radius-m)}& select:not([multiple]) option:hover{background:var(--color-primary-subtle)}& select:not([multiple]) option:checked{color:var(--color-primary)}& select:not([multiple]) option::checkmark{color:var(--color-primary)}& select:not([multiple]) optgroup>legend{color:var(--color-accent)}}& blockquote:not([data-callout]){background:linear-gradient(135deg,var(--color-primary-subtle),oklch(95% .04 290));border:none;border-radius:var(--radius-xl);padding:1.5rem 2rem;position:relative;&:before{content:"\1f4ad";position:absolute;top:-1rem;left:1.5rem;font-size:2rem}}& code{background:var(--color-accent-subtle);color:oklch(35% .12 180);border-radius:var(--radius-s);padding:.125rem .375rem}& pre{background:linear-gradient(135deg,#d3f8ef,oklch(95% .04 220));border-radius:var(--radius-l);border:2px solid var(--color-accent)}& table{border-collapse:separate;border-spacing:0;overflow:hidden}& table :is(th,td){border-block-end:1px solid var(--color-border-muted)}& table tbody tr:last-child td{border-block-end:none}& details{overflow:hidden}}& article{:not(nav)>ul:not([class]){list-style:none;>li:before{content:"\2661";color:var(--color-primary);margin-inline-end:.5rem}}:not(nav)>ol:not([class]){list-style:none;counter-reset:kawaii;>li{counter-increment:kawaii;&:before{content:counter(kawaii) "\2661";color:var(--_kawaii-color-lavender);margin-inline-end:.5rem;font-weight:700}}}}& section{border-radius:var(--radius-l);border-color:var(--color-border-muted)}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-string: var(--_kawaii-color-lavender);--cb-function: var(--color-accent);--cb-number: var(--_kawaii-color-sky);--cb-button-bg: var(--color-surface)}:is(main,article) browser-window{--browser-window-header-bg: var(--color-surface)}::selection{background:var(--color-primary);color:var(--color-surface-raised)}--shape-depth: 8%;--shape-bevel: 16px;& hr.wave,hr.zigzag,hr.scallop,hr.diamonds{background:linear-gradient(90deg,var(--color-primary),var(--_kawaii-color-lavender),var(--color-accent))}[data-badge]{background:linear-gradient(135deg,var(--color-primary),var(--_kawaii-color-lavender));color:var(--color-surface-raised);font-weight:700;box-shadow:var(--shadow-sm)}[data-callout=speech]{background:linear-gradient(135deg,var(--color-primary-subtle),oklch(95% .04 290))}[data-callout=notched]{background:var(--color-accent-subtle)}[data-callout=tip]{border-inline-start-color:var(--_kawaii-color-lavender);background:oklch(97% .02 290)}[data-bubble=outgoing]{background:linear-gradient(135deg,var(--color-primary),var(--_kawaii-color-lavender));color:var(--color-surface-raised)}[data-bubble=incoming]{background:var(--color-surface-raised);box-shadow:var(--shadow-sm)}[data-bubble=assistant]{background:linear-gradient(135deg,var(--color-accent-subtle),oklch(95% .03 220))}[data-bubble=system]{background:linear-gradient(135deg,var(--color-primary-subtle),var(--color-accent-subtle));border-color:transparent}[data-morph]{animation-timing-function:var(--ease-bounce)}& calendar-wc{--cal-banner-height: 3rem;--cal-banner-bg: linear-gradient(135deg, oklch(85% .08 350), oklch(88% .06 290));--cal-header-bg: oklch(96% .03 350);--cal-week-bg: transparent;--cal-week-bg-alt: oklch(97% .015 350);--cal-disabled-opacity: .7;--cal-outside-opacity: .4;--cal-outside-color: oklch(55% .06 350);--cal-today-bg: oklch(95% .04 350);--cal-today-border: oklch(65% .15 350);--cal-today-shadow: 0 0 8px oklch(75% .12 350 / .4);--cal-watermark-opacity: .08;--cal-watermark-color: oklch(55% .1 350);--cal-highlight-bg: oklch(94% .04 350);--cal-highlight-border: oklch(82% .08 350)}& calendar-wc[data-month="1"],calendar-wc[data-month="2"],calendar-wc[data-month="12"]{--cal-banner-bg: linear-gradient(135deg, oklch(88% .04 220), oklch(92% .03 250))}& calendar-wc[data-month="3"],calendar-wc[data-month="4"],calendar-wc[data-month="5"]{--cal-banner-bg: linear-gradient(135deg, oklch(85% .08 350), oklch(90% .06 160))}& calendar-wc[data-month="6"],calendar-wc[data-month="7"],calendar-wc[data-month="8"]{--cal-banner-bg: linear-gradient(135deg, oklch(88% .06 180), oklch(90% .05 220))}& calendar-wc[data-month="9"],calendar-wc[data-month="10"],calendar-wc[data-month="11"]{--cal-banner-bg: linear-gradient(135deg, oklch(87% .06 60), oklch(90% .05 290))}& calendar-wc td button[data-highlight=holiday]:after{content:"\2661";display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#d67ea9;opacity:.3;background-image:none}}:root[data-theme~=kawaii][data-mode=dark],[data-theme~=kawaii][data-mode=dark]{color-scheme:dark;--color-surface: oklch(18% .04 290);--color-surface-alt: oklch(22% .05 290);--color-surface-raised: oklch(25% .04 290);--color-background: oklch(12% .04 290);--color-text: oklch(92% .03 350);--color-text-muted: oklch(75% .04 350);--color-primary: oklch(75% .18 350);--color-primary-hover: oklch(80% .2 350);--color-primary-subtle: oklch(28% .08 350);--color-accent: oklch(75% .15 180);--color-accent-hover: oklch(80% .17 180);--color-accent-subtle: oklch(25% .06 180);--_kawaii-color-lavender: oklch(75% .12 290);--_kawaii-color-peach: oklch(75% .12 60);--_kawaii-color-sky: oklch(70% .12 220);--color-border: oklch(35% .05 290);--color-success: oklch(72% .14 160);--color-success-subtle: oklch(25% .06 160);--color-success-text: oklch(78% .12 160);--color-warning: oklch(78% .12 75);--color-warning-subtle: oklch(25% .06 75);--color-warning-text: oklch(82% .1 75);--color-error: oklch(72% .16 10);--color-error-subtle: oklch(25% .06 10);--color-error-text: oklch(78% .14 10);--color-info: oklch(70% .1 250);--color-info-subtle: oklch(25% .05 250);--color-info-text: oklch(76% .08 250);--input-bg: oklch(18% .04 290);--input-border: oklch(35% .05 290);--input-border-focus: oklch(75% .18 350);--control-border: oklch(50% .08 290);--control-checked-bg: oklch(75% .18 350);--control-checked-border: oklch(75% .18 350);--range-track-bg: oklch(28% .04 290);--range-track-fill: oklch(75% .18 350);--range-thumb-bg: oklch(25% .04 290);--range-thumb-border: oklch(75% .18 350);--progress-track-bg: oklch(25% .04 290);--progress-fill: oklch(75% .18 350);--color-text-subtle: oklch(58% .03 350);--color-surface-sunken: oklch(15% .04 290);--color-border-strong: oklch(55% .1 350);--color-border-muted: oklch(28% .04 290);--shadow-xs: 0 2px 4px oklch(20% .08 290 / .3);--shadow-sm: 0 4px 8px oklch(20% .08 290 / .35);--shadow-md: 0 6px 16px oklch(20% .08 290 / .4);--shadow-lg: 0 10px 24px oklch(20% .08 290 / .45);--shadow-xl: 0 16px 32px oklch(20% .08 290 / .5);--shadow-2xl: 0 24px 48px oklch(20% .08 290 / .55);--scrollbar-thumb: oklch(45% .06 290);--scrollbar-track: oklch(22% .04 290);& calendar-wc{--cal-banner-bg: linear-gradient(135deg, oklch(28% .06 350), oklch(25% .05 290));--cal-header-bg: oklch(22% .04 290);--cal-week-bg-alt: oklch(20% .03 290);--cal-today-bg: oklch(25% .06 350);--cal-today-border: oklch(50% .12 350);--cal-today-shadow: 0 0 8px oklch(45% .12 350 / .35);--cal-watermark-color: oklch(75% .08 350);--cal-outside-color: oklch(55% .04 290)}}
1
+ @font-face{font-family:Nunito;font-style:normal;font-weight:400 700;font-display:swap;src:url(https://fonts.gstatic.com/s/nunito/v32/XRXV3I6Li01BKofINeaBTMnFcQ.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root[data-theme~=kawaii],[data-theme~=kawaii]{color-scheme:light;--theme-border-style: kawaii;--color-surface: oklch(98% .02 350);--color-surface-alt: oklch(95% .04 350);--color-surface-raised: oklch(100% 0 0);--color-surface-sunken: oklch(92% .05 350);--color-background: oklch(97% .03 350);--color-text: oklch(25% .08 330);--color-text-muted: oklch(40% .06 330);--color-text-subtle: oklch(50% .04 330);--color-primary: oklch(55% .18 350);--caret-color: var(--color-primary);--color-primary-hover: oklch(50% .2 350);--color-primary-subtle: oklch(95% .05 350);--color-accent: oklch(45% .12 180);--color-accent-hover: oklch(40% .14 180);--color-accent-subtle: oklch(95% .04 180);--_kawaii-color-lavender: oklch(55% .12 290);--_kawaii-color-peach: oklch(55% .12 60);--_kawaii-color-sky: oklch(50% .12 220);--color-border: oklch(90% .05 350);--color-border-muted: oklch(94% .03 350);--color-border-strong: oklch(75% .15 350);--color-success: oklch(55% .14 160);--color-success-subtle: oklch(95% .04 160);--color-success-text: oklch(35% .1 160);--color-warning: oklch(65% .12 75);--color-warning-subtle: oklch(95% .05 75);--color-warning-text: oklch(40% .1 75);--color-error: oklch(55% .16 10);--color-error-subtle: oklch(95% .04 10);--color-error-text: oklch(38% .12 10);--color-info: oklch(52% .1 250);--color-info-subtle: oklch(95% .04 250);--color-info-text: oklch(35% .08 250);--font-sans: "Nunito", "Quicksand", "Varela Round", system-ui, sans-serif;--font-mono: "Fira Code", monospace;--line-height-normal: 1.6;--line-height-tight: 1.3;--radius-xs: .5rem;--radius-s: .75rem;--radius-m: 1rem;--radius-l: 1.5rem;--radius-xl: 2rem;--radius-2xl: 3rem;--radius-full: 9999px;--shadow-xs: 0 2px 4px oklch(75% .15 350 / .15);--shadow-sm: 0 4px 8px oklch(75% .15 350 / .2);--shadow-md: 0 6px 16px oklch(75% .15 350 / .25);--shadow-lg: 0 10px 24px oklch(75% .15 350 / .3);--shadow-xl: 0 16px 32px oklch(75% .15 350 / .35);--shadow-2xl: 0 24px 48px oklch(75% .15 350 / .4);--duration-instant: 50ms;--duration-fast: .15s;--duration-normal: .3s;--duration-slow: .5s;--ease-default: cubic-bezier(.34, 1.56, .64, 1);--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55)}:root[data-theme~=kawaii],[data-theme~=kawaii]{@keyframes sparkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes wiggle{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}:is(main,article){& hr:not([data-ornament]):not(:is(.wave,.zigzag,.scallop,.diamonds,.dots)){border:none;height:2rem;background:transparent;position:relative;margin-block:2rem;&:before{content:"\2661 \2726 \2661 \2726 \2661";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:var(--color-primary);font-size:1.25rem;letter-spacing:.5rem;animation:sparkle 2s ease-in-out infinite}}& h1,h2,h3{position:relative}& h1{color:var(--color-primary);&:before{content:"\273f "}&:after{content:" \273f"}}& h2{color:var(--_kawaii-color-lavender);&:before{content:"\2605 ";animation:sparkle 1.5s ease-in-out infinite}}& h3{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:2px;background:linear-gradient(90deg,var(--color-primary),var(--_kawaii-color-lavender),var(--color-accent));border-radius:var(--radius-full);transform:scaleX(0);transition:transform .3s var(--ease-bounce)}&:hover{&:after{transform:scaleX(1)}}}.button,button{border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-primary),var(--_kawaii-color-lavender));border:none;color:var(--color-surface-raised);font-weight:700;box-shadow:var(--shadow-md);transition:all .3s var(--ease-bounce);&:hover{transform:translateY(-3px) scale(1.02);box-shadow:var(--shadow-lg)}&:active{transform:translateY(0) scale(.98)}}.card{border-radius:var(--radius-xl);background:var(--color-surface-raised);box-shadow:var(--shadow-md);position:relative;overflow:visible;transition:all .3s var(--ease-default);&:before{content:"\2661";position:absolute;top:-.75rem;right:1rem;background:var(--color-primary);color:var(--color-surface-raised);width:1.5rem;height:1.5rem;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:.75rem;z-index:1}&:hover{transform:translateY(-5px) rotate(1deg);box-shadow:var(--shadow-lg)}}& input,textarea{border-radius:var(--radius-full);border:2px solid var(--color-border);background:var(--color-surface-raised);padding:.75rem 1.25rem;transition:all .3s var(--ease-default);&:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-primary-subtle);outline:none}&::placeholder{color:var(--color-text-subtle)}}@supports (appearance: base-select){& select:not([multiple])::picker-icon{color:var(--color-primary)}& select:not([multiple]):open{border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-primary-subtle)}& select:not([multiple])::picker(select){background:var(--color-surface-raised);border:2px solid var(--color-border);border-radius:var(--radius-l)}& select:not([multiple]) option{border-radius:var(--radius-m)}& select:not([multiple]) option:hover{background:var(--color-primary-subtle)}& select:not([multiple]) option:checked{color:var(--color-primary)}& select:not([multiple]) option::checkmark{color:var(--color-primary)}& select:not([multiple]) optgroup>legend{color:var(--color-accent)}}& blockquote:not([data-callout]){background:linear-gradient(135deg,var(--color-primary-subtle),oklch(95% .04 290));border:none;border-radius:var(--radius-xl);padding:1.5rem 2rem;position:relative;&:before{content:"\1f4ad";position:absolute;top:-1rem;left:1.5rem;font-size:2rem}}& code{background:var(--color-accent-subtle);color:var(--color-accent);border-radius:var(--radius-s);padding:.125rem .375rem}& pre{background:linear-gradient(135deg,#d3f8ef,oklch(95% .04 220));border-radius:var(--radius-l);border:2px solid var(--color-accent)}& table{border-collapse:separate;border-spacing:0;overflow:hidden}& table :is(th,td){border-block-end:1px solid var(--color-border-muted)}& table tbody tr:last-child td{border-block-end:none}& details{overflow:hidden}}& article{:not(nav)>ul:not([class]){list-style:none;>li:before{content:"\2661";color:var(--color-primary);margin-inline-end:.5rem}}:not(nav)>ol:not([class]){list-style:none;counter-reset:kawaii;>li{counter-increment:kawaii;&:before{content:counter(kawaii) "\2661";color:var(--_kawaii-color-lavender);margin-inline-end:.5rem;font-weight:700}}}}& section{border-radius:var(--radius-l);border-color:var(--color-border-muted)}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-string: var(--_kawaii-color-lavender);--cb-function: var(--color-accent);--cb-number: var(--_kawaii-color-sky);--cb-button-bg: var(--color-surface)}:is(main,article) browser-window{--browser-window-header-bg: var(--color-surface)}::selection{background:var(--color-primary);color:var(--color-surface-raised)}--shape-depth: 8%;--shape-bevel: 16px;& hr.wave,hr.zigzag,hr.scallop,hr.diamonds{background:linear-gradient(90deg,var(--color-primary),var(--_kawaii-color-lavender),var(--color-accent))}[data-badge]{background:linear-gradient(135deg,var(--color-primary),var(--_kawaii-color-lavender));color:var(--color-surface-raised);font-weight:700;box-shadow:var(--shadow-sm)}[data-callout=speech]{background:linear-gradient(135deg,var(--color-primary-subtle),oklch(95% .04 290))}[data-callout=notched]{background:var(--color-accent-subtle)}[data-callout=tip]{border-inline-start-color:var(--_kawaii-color-lavender);background:oklch(97% .02 290)}[data-bubble=outgoing]{background:linear-gradient(135deg,var(--color-primary),var(--_kawaii-color-lavender));color:var(--color-surface-raised)}[data-bubble=incoming]{background:var(--color-surface-raised);box-shadow:var(--shadow-sm)}[data-bubble=assistant]{background:linear-gradient(135deg,var(--color-accent-subtle),oklch(95% .03 220))}[data-bubble=system]{background:linear-gradient(135deg,var(--color-primary-subtle),var(--color-accent-subtle));border-color:transparent}[data-morph]{animation-timing-function:var(--ease-bounce)}& calendar-wc{--cal-banner-height: 3rem;--cal-banner-bg: linear-gradient(135deg, oklch(85% .08 350), oklch(88% .06 290));--cal-header-bg: oklch(96% .03 350);--cal-week-bg: transparent;--cal-week-bg-alt: oklch(97% .015 350);--cal-disabled-opacity: .7;--cal-outside-opacity: .4;--cal-outside-color: oklch(55% .06 350);--cal-today-bg: oklch(95% .04 350);--cal-today-border: oklch(65% .15 350);--cal-today-shadow: 0 0 8px oklch(75% .12 350 / .4);--cal-watermark-opacity: .08;--cal-watermark-color: oklch(55% .1 350);--cal-highlight-bg: oklch(94% .04 350);--cal-highlight-border: oklch(82% .08 350)}& calendar-wc[data-month="1"],calendar-wc[data-month="2"],calendar-wc[data-month="12"]{--cal-banner-bg: linear-gradient(135deg, oklch(88% .04 220), oklch(92% .03 250))}& calendar-wc[data-month="3"],calendar-wc[data-month="4"],calendar-wc[data-month="5"]{--cal-banner-bg: linear-gradient(135deg, oklch(85% .08 350), oklch(90% .06 160))}& calendar-wc[data-month="6"],calendar-wc[data-month="7"],calendar-wc[data-month="8"]{--cal-banner-bg: linear-gradient(135deg, oklch(88% .06 180), oklch(90% .05 220))}& calendar-wc[data-month="9"],calendar-wc[data-month="10"],calendar-wc[data-month="11"]{--cal-banner-bg: linear-gradient(135deg, oklch(87% .06 60), oklch(90% .05 290))}& calendar-wc td button[data-highlight=holiday]:after{content:"\2661";display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#d67ea9;opacity:.3;background-image:none}}:root[data-theme~=kawaii][data-mode=dark],[data-theme~=kawaii][data-mode=dark]{color-scheme:dark;--color-surface: oklch(18% .04 290);--color-surface-alt: oklch(22% .05 290);--color-surface-raised: oklch(25% .04 290);--color-background: oklch(12% .04 290);--color-text: oklch(95% .01 350);--color-text-muted: oklch(80% .02 350);--color-hover-bg: oklch(25% .06 350);--color-hover-text: oklch(80% .15 350);--color-surface-overlay: oklch(22% .05 290);--color-primary: oklch(75% .18 350);--color-primary-hover: oklch(80% .2 350);--color-primary-subtle: oklch(28% .08 350);--color-accent: oklch(75% .15 180);--color-accent-hover: oklch(80% .17 180);--color-accent-subtle: oklch(25% .06 180);--_kawaii-color-lavender: oklch(75% .12 290);--_kawaii-color-peach: oklch(75% .12 60);--_kawaii-color-sky: oklch(70% .12 220);--color-border: oklch(35% .05 290);--color-success: oklch(72% .14 160);--color-success-subtle: oklch(25% .06 160);--color-success-text: oklch(78% .12 160);--color-warning: oklch(78% .12 75);--color-warning-subtle: oklch(25% .06 75);--color-warning-text: oklch(82% .1 75);--color-error: oklch(72% .16 10);--color-error-subtle: oklch(25% .06 10);--color-error-text: oklch(78% .14 10);--color-info: oklch(70% .1 250);--color-info-subtle: oklch(25% .05 250);--color-info-text: oklch(76% .08 250);--input-bg: oklch(18% .04 290);--input-border: oklch(35% .05 290);--input-border-focus: oklch(75% .18 350);--control-border: oklch(50% .08 290);--control-checked-bg: oklch(75% .18 350);--control-checked-border: oklch(75% .18 350);--range-track-bg: oklch(28% .04 290);--range-track-fill: oklch(75% .18 350);--range-thumb-bg: oklch(25% .04 290);--range-thumb-border: oklch(75% .18 350);--progress-track-bg: oklch(25% .04 290);--progress-fill: oklch(75% .18 350);--color-text-subtle: oklch(65% .02 350);--color-surface-sunken: oklch(15% .04 290);--color-border-strong: oklch(55% .1 350);--color-border-muted: oklch(28% .04 290);--shadow-xs: 0 2px 4px oklch(20% .08 290 / .3);--shadow-sm: 0 4px 8px oklch(20% .08 290 / .35);--shadow-md: 0 6px 16px oklch(20% .08 290 / .4);--shadow-lg: 0 10px 24px oklch(20% .08 290 / .45);--shadow-xl: 0 16px 32px oklch(20% .08 290 / .5);--shadow-2xl: 0 24px 48px oklch(20% .08 290 / .55);--scrollbar-thumb: oklch(45% .06 290);--scrollbar-track: oklch(22% .04 290);& calendar-wc{--cal-banner-bg: linear-gradient(135deg, oklch(28% .06 350), oklch(25% .05 290));--cal-header-bg: oklch(22% .04 290);--cal-week-bg-alt: oklch(20% .03 290);--cal-today-bg: oklch(25% .06 350);--cal-today-border: oklch(50% .12 350);--cal-today-shadow: 0 0 8px oklch(45% .12 350 / .35);--cal-watermark-color: oklch(75% .08 350);--cal-outside-color: oklch(55% .04 290)}}
2
2
  /*# sourceMappingURL=kawaii.css.map */
package/dist/cdn/themes/magna.css CHANGED
@@ -1,2 +1,2 @@
1
- @font-face{font-family:Orbitron;font-style:normal;font-weight:400 900;font-display:swap;src:url(https://fonts.gstatic.com/s/orbitron/v35/yMJRMIlzdpvBhQQL_Qq7dy1biN15.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Exo 2";font-style:normal;font-weight:300 700;font-display:swap;src:url(https://fonts.gstatic.com/s/exo2/v26/7cHmv4okm5zmbtYoK-4W4nIp.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Share Tech Mono;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/sharetechmono/v16/J7aHnp1uDWRBEqV98dVQztYldFcLowEFA87Heg.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root[data-theme~=magna],[data-theme~=magna]{color-scheme:dark;--theme-border-style: sharp;--theme-icon-set: lucide;--hue-primary: 55;--hue-secondary: 268;--hue-accent: 200;--color-background: oklch(5% .02 255);--color-surface: oklch(10% .03 255);--color-surface-raised: oklch(14% .04 255);--color-surface-sunken: oklch(7% .02 255);--_mg-overlay: oklch(5% .02 255 / .85);--color-text: oklch(93% .01 255);--color-text-muted: oklch(62% .04 255);--color-text-subtle: oklch(40% .03 255);--color-primary: oklch(68% .22 55);--color-primary-subtle: oklch(18% .06 55);--_mg-primary-strong: oklch(80% .2 55);--color-on-primary: oklch(8% .02 255);--color-secondary: oklch(55% .24 268);--color-secondary-subtle: oklch(15% .06 268);--color-accent: oklch(72% .18 200);--color-accent-subtle: oklch(14% .05 200);--color-surface-alt: oklch(12% .03 255);--color-error: oklch(62% .24 25);--color-error-subtle: oklch(20% .08 25);--color-error-text: oklch(75% .18 25);--color-warning: oklch(78% .18 60);--color-warning-subtle: oklch(22% .08 60);--color-warning-text: oklch(82% .14 60);--color-success: oklch(62% .22 152);--color-success-subtle: oklch(20% .08 152);--color-success-text: oklch(75% .16 152);--color-info: oklch(68% .16 200);--color-info-subtle: oklch(18% .06 200);--color-info-text: oklch(78% .14 200);--color-border: oklch(28% .04 255);--color-border-strong: oklch(50% .06 255);--color-focus: var(--color-primary);--font-display: "Orbitron", "Arial Black", sans-serif;--font-heading: "Orbitron", "Arial Black", sans-serif;--font-body: "Exo 2", "Arial", sans-serif;--font-code: "Share Tech Mono", "Courier New", monospace;--font-sans: "Exo 2", "Arial", sans-serif;--font-mono: "Share Tech Mono", "Courier New", monospace;--radius-sm: 0px;--radius-m: 4px;--radius-l: 4px;--radius-xl: 4px;--radius-full: 4px;--shadow-sm: 0 1px 3px oklch(0% 0 0 / .5);--shadow-md: 0 4px 12px oklch(0% 0 0 / .6), 0 0 24px oklch(68% .22 55 / .05);--shadow-lg: 0 8px 32px oklch(0% 0 0 / .7), 0 0 40px oklch(68% .22 55 / .08);--motion-enter-duration: .45s;--motion-stagger-delay: 50ms;--motion-bounce: cubic-bezier(.34, 1.56, .64, 1);--motion-hover-lift: translateY(-3px);--border-anim: spin;--border-anim-spin-duration: 3s;--border-anim-spin-width: 2px;--border-anim-pulse-duration: 2s;--border-anim-pulse-color: var(--color-primary);--border-anim-hue-duration: 4s;--scrollbar-thumb: oklch(68% .22 55);--scrollbar-track: oklch(8% .02 255);--scrollbar-width: thin;--scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track);--cursor-custom-default: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Ccircle cx='16' cy='16' r='5' fill='none' stroke='%23f97316' stroke-width='1.5'/%3E%3Cline x1='16' y1='1' x2='16' y2='9' stroke='%23f97316' stroke-width='1.5'/%3E%3Cline x1='16' y1='23' x2='16' y2='31' stroke='%23f97316' stroke-width='1.5'/%3E%3Cline x1='1' y1='16' x2='9' y2='16' stroke='%23f97316' stroke-width='1.5'/%3E%3Cline x1='23' y1='16' x2='31' y2='16' stroke='%23f97316' stroke-width='1.5'/%3E%3C/svg%3E") 16 16, crosshair;--cursor-custom-pointer: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpolygon points='4,2 4,18 8,14 11,20 13,19 10,13 15,13' fill='%23f97316' stroke='%23000' stroke-width='1' stroke-linejoin='round'/%3E%3C/svg%3E") 4 2, pointer;--_mg-red: oklch(58% .26 25);--_mg-orange: oklch(68% .22 55);--_mg-yellow: oklch(83% .2 92);--_mg-green: oklch(62% .24 152);--_mg-cyan: oklch(72% .18 200);--_mg-blue: oklch(54% .24 268);--_mg-violet: oklch(52% .26 295);--_mg-magenta: oklch(58% .28 330);--_mg-void: var(--color-background);--_mg-chrome: oklch(72% .01 255);--_mg-chrome-hi: oklch(95% .01 255);--_mg-chrome-lo: oklch(30% .01 255);--_mg-rainbow-h: linear-gradient( 90deg in oklch, var(--_mg-red) 0%, var(--_mg-orange) 14%, var(--_mg-yellow) 28%, var(--_mg-green) 43%, var(--_mg-cyan) 57%, var(--_mg-blue) 72%, var(--_mg-violet) 86%, var(--_mg-magenta) 100% );--_mg-rainbow-v: linear-gradient( 180deg in oklch, var(--_mg-yellow) 0%, var(--_mg-orange) 20%, var(--_mg-red) 40%, var(--_mg-magenta) 55%, var(--_mg-blue) 75%, var(--_mg-violet) 100% );--_mg-chrome-grad: linear-gradient( 180deg, var(--_mg-chrome-hi) 0%, var(--_mg-chrome) 35%, var(--_mg-chrome-lo) 55%, var(--_mg-chrome) 75%, var(--_mg-chrome-hi) 100% );--_mg-bevel: inset 0 2px 0 oklch(100% 0 0 / .3), inset 0 -2px 0 oklch(0% 0 0 / .55), inset 2px 0 0 oklch(100% 0 0 / .18), inset -2px 0 0 oklch(0% 0 0 / .35), 0 6px 20px oklch(0% 0 0 / .6)}@media(prefers-reduced-motion:reduce){:root[data-theme~=magna]{--border-anim-spin-duration: 0s;--border-anim-pulse-duration: 0s;--motion-enter-duration: 0s}}:root[data-motion-reduced][data-theme~=magna]{--border-anim-spin-duration: 0s;--border-anim-pulse-duration: 0s}:root[data-theme~=magna],[data-theme~=magna]{:is(main,article){& h1,h2,h3,h4{font-family:var(--font-heading);font-weight:700;letter-spacing:.06em;line-height:1.15}& a:not([class]){color:var(--color-accent);text-decoration:none;&:hover{text-decoration:underline}}& code{font-family:var(--font-code);font-size:.88em;color:var(--color-accent);background:#ffffff0f;padding:.1em .4em;border-radius:var(--radius-m)}& kbd{font-family:var(--font-code);font-size:.88em;color:var(--color-accent);background:#ffffff0f;padding:.1em .4em;border-radius:var(--radius-m)}}::selection{background:var(--color-primary);color:var(--color-on-primary);text-shadow:none}}
1
+ @font-face{font-family:Orbitron;font-style:normal;font-weight:400 900;font-display:swap;src:url(https://fonts.gstatic.com/s/orbitron/v35/yMJRMIlzdpvBhQQL_Qq7dy1biN15.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Exo 2";font-style:normal;font-weight:300 700;font-display:swap;src:url(https://fonts.gstatic.com/s/exo2/v26/7cHmv4okm5zmbtYoK-4W4nIp.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Share Tech Mono;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/sharetechmono/v16/J7aHnp1uDWRBEqV98dVQztYldFcLowEFA87Heg.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root[data-theme~=magna],[data-theme~=magna]{color-scheme:light dark;--theme-border-style: sharp;--theme-icon-set: lucide;--hue-primary: 55;--hue-secondary: 268;--hue-accent: 200;--color-background: oklch(95% .005 255);--color-surface: oklch(97% .004 255);--color-surface-raised: oklch(99% .003 255);--color-surface-sunken: oklch(92% .008 255);--color-surface-alt: oklch(93% .006 255);--_mg-overlay: oklch(95% .005 255 / .85);--color-text: oklch(18% .02 255);--color-text-muted: oklch(40% .03 255);--color-text-subtle: oklch(55% .02 255);--color-primary: oklch(55% .22 55);--color-primary-subtle: oklch(95% .04 55);--_mg-primary-strong: oklch(50% .24 55);--color-on-primary: oklch(98% .01 55);--color-secondary: oklch(42% .22 268);--color-secondary-subtle: oklch(95% .04 268);--color-accent: oklch(45% .16 200);--color-accent-subtle: oklch(95% .04 200);--color-error: oklch(50% .22 25);--color-error-subtle: oklch(95% .04 25);--color-error-text: oklch(40% .16 25);--color-warning: oklch(55% .18 60);--color-warning-subtle: oklch(95% .04 60);--color-warning-text: oklch(40% .14 60);--color-success: oklch(45% .2 152);--color-success-subtle: oklch(95% .04 152);--color-success-text: oklch(35% .14 152);--color-info: oklch(48% .14 200);--color-info-subtle: oklch(95% .03 200);--color-info-text: oklch(38% .12 200);--color-border: oklch(82% .01 255);--color-border-strong: oklch(60% .04 255);--color-focus: var(--color-primary);--font-display: "Orbitron", "Arial Black", sans-serif;--font-heading: "Orbitron", "Arial Black", sans-serif;--font-body: "Exo 2", "Arial", sans-serif;--font-code: "Share Tech Mono", "Courier New", monospace;--font-sans: "Exo 2", "Arial", sans-serif;--font-mono: "Share Tech Mono", "Courier New", monospace;--radius-sm: 0px;--radius-m: 4px;--radius-l: 4px;--radius-xl: 4px;--radius-full: 4px;--shadow-sm: 0 1px 3px oklch(0% 0 0 / .1);--shadow-md: 0 4px 12px oklch(0% 0 0 / .12), 0 2px 4px oklch(0% 0 0 / .08);--shadow-lg: 0 8px 32px oklch(0% 0 0 / .14), 0 4px 8px oklch(0% 0 0 / .08);--motion-enter-duration: .45s;--motion-stagger-delay: 50ms;--motion-bounce: cubic-bezier(.34, 1.56, .64, 1);--motion-hover-lift: translateY(-3px);--border-anim: spin;--border-anim-spin-duration: 3s;--border-anim-spin-width: 2px;--border-anim-pulse-duration: 2s;--border-anim-pulse-color: var(--color-primary);--border-anim-hue-duration: 4s;--scrollbar-thumb: oklch(70% .01 255);--scrollbar-track: oklch(92% .005 255);--scrollbar-width: thin;--scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track);--cursor-custom-default: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Ccircle cx='16' cy='16' r='5' fill='none' stroke='%23f97316' stroke-width='1.5'/%3E%3Cline x1='16' y1='1' x2='16' y2='9' stroke='%23f97316' stroke-width='1.5'/%3E%3Cline x1='16' y1='23' x2='16' y2='31' stroke='%23f97316' stroke-width='1.5'/%3E%3Cline x1='1' y1='16' x2='9' y2='16' stroke='%23f97316' stroke-width='1.5'/%3E%3Cline x1='23' y1='16' x2='31' y2='16' stroke='%23f97316' stroke-width='1.5'/%3E%3C/svg%3E") 16 16, crosshair;--cursor-custom-pointer: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpolygon points='4,2 4,18 8,14 11,20 13,19 10,13 15,13' fill='%23f97316' stroke='%23000' stroke-width='1' stroke-linejoin='round'/%3E%3C/svg%3E") 4 2, pointer;--_mg-red: oklch(58% .26 25);--_mg-orange: oklch(68% .22 55);--_mg-yellow: oklch(83% .2 92);--_mg-green: oklch(62% .24 152);--_mg-cyan: oklch(72% .18 200);--_mg-blue: oklch(54% .24 268);--_mg-violet: oklch(52% .26 295);--_mg-magenta: oklch(58% .28 330);--_mg-void: var(--color-background);--_mg-chrome: oklch(78% .01 255);--_mg-chrome-hi: oklch(98% .005 255);--_mg-chrome-lo: oklch(55% .01 255);--_mg-rainbow-h: linear-gradient( 90deg in oklch, var(--_mg-red) 0%, var(--_mg-orange) 14%, var(--_mg-yellow) 28%, var(--_mg-green) 43%, var(--_mg-cyan) 57%, var(--_mg-blue) 72%, var(--_mg-violet) 86%, var(--_mg-magenta) 100% );--_mg-rainbow-v: linear-gradient( 180deg in oklch, var(--_mg-yellow) 0%, var(--_mg-orange) 20%, var(--_mg-red) 40%, var(--_mg-magenta) 55%, var(--_mg-blue) 75%, var(--_mg-violet) 100% );--_mg-chrome-grad: linear-gradient( 180deg, var(--_mg-chrome-hi) 0%, var(--_mg-chrome) 35%, var(--_mg-chrome-lo) 55%, var(--_mg-chrome) 75%, var(--_mg-chrome-hi) 100% );--_mg-bevel: inset 0 2px 0 oklch(100% 0 0 / .4), inset 0 -2px 0 oklch(0% 0 0 / .15), inset 2px 0 0 oklch(100% 0 0 / .25), inset -2px 0 0 oklch(0% 0 0 / .1), 0 4px 12px oklch(0% 0 0 / .12)}@media(prefers-reduced-motion:reduce){:root[data-theme~=magna]{--border-anim-spin-duration: 0s;--border-anim-pulse-duration: 0s;--motion-enter-duration: 0s}}:root[data-motion-reduced][data-theme~=magna]{--border-anim-spin-duration: 0s;--border-anim-pulse-duration: 0s}:root[data-theme~=magna],[data-theme~=magna]{:is(main,article){& h1,h2,h3,h4{font-family:var(--font-heading);font-weight:700;letter-spacing:.06em;line-height:1.15}& a:not([class]){color:var(--color-accent);text-decoration:none;&:hover{text-decoration:underline}}& code{font-family:var(--font-code);font-size:.88em;color:var(--color-accent);background:#ffffff0f;padding:.1em .4em;border-radius:var(--radius-m)}& kbd{font-family:var(--font-code);font-size:.88em;color:var(--color-accent);background:#ffffff0f;padding:.1em .4em;border-radius:var(--radius-m)}}::selection{background:var(--color-primary);color:var(--color-on-primary);text-shadow:none}}:root[data-theme~=magna][data-mode=dark],[data-theme~=magna][data-mode=dark]{color-scheme:dark;--color-background: oklch(5% .02 255);--color-surface: oklch(10% .03 255);--color-surface-raised: oklch(14% .04 255);--color-surface-sunken: oklch(7% .02 255);--color-surface-alt: oklch(12% .03 255);--_mg-overlay: oklch(5% .02 255 / .85);--color-text: oklch(93% .01 255);--color-text-muted: oklch(62% .04 255);--color-text-subtle: oklch(40% .03 255);--color-primary: oklch(68% .22 55);--color-primary-subtle: oklch(18% .06 55);--_mg-primary-strong: oklch(80% .2 55);--color-on-primary: oklch(8% .02 255);--color-secondary: oklch(55% .24 268);--color-secondary-subtle: oklch(15% .06 268);--color-accent: oklch(72% .18 200);--color-accent-subtle: oklch(14% .05 200);--color-error: oklch(62% .24 25);--color-error-subtle: oklch(20% .08 25);--color-error-text: oklch(75% .18 25);--color-warning: oklch(78% .18 60);--color-warning-subtle: oklch(22% .08 60);--color-warning-text: oklch(82% .14 60);--color-success: oklch(62% .22 152);--color-success-subtle: oklch(20% .08 152);--color-success-text: oklch(75% .16 152);--color-info: oklch(68% .16 200);--color-info-subtle: oklch(18% .06 200);--color-info-text: oklch(78% .14 200);--color-border: oklch(28% .04 255);--color-border-strong: oklch(50% .06 255);--shadow-sm: 0 1px 3px oklch(0% 0 0 / .5);--shadow-md: 0 4px 12px oklch(0% 0 0 / .6), 0 0 24px oklch(68% .22 55 / .05);--shadow-lg: 0 8px 32px oklch(0% 0 0 / .7), 0 0 40px oklch(68% .22 55 / .08);--scrollbar-thumb: oklch(68% .22 55);--scrollbar-track: oklch(8% .02 255);--_mg-chrome: oklch(72% .01 255);--_mg-chrome-hi: oklch(95% .01 255);--_mg-chrome-lo: oklch(30% .01 255);--_mg-bevel: inset 0 2px 0 oklch(100% 0 0 / .3), inset 0 -2px 0 oklch(0% 0 0 / .55), inset 2px 0 0 oklch(100% 0 0 / .18), inset -2px 0 0 oklch(0% 0 0 / .35), 0 6px 20px oklch(0% 0 0 / .6)}
2
2
  /*# sourceMappingURL=magna.css.map */