vanilla-breeze 0.1.2 → 0.1.4

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

@@ -0,0 +1,549 @@
+{
+  "color": {
+    "surface": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.18,
+          0.04,
+          290
+        ]
+      }
+    },
+    "surface-alt": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.22,
+          0.05,
+          290
+        ]
+      }
+    },
+    "surface-raised": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.25,
+          0.04,
+          290
+        ]
+      }
+    },
+    "background": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.12,
+          0.04,
+          290
+        ]
+      }
+    },
+    "text": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.95,
+          0.01,
+          350
+        ]
+      }
+    },
+    "text-muted": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.8,
+          0.02,
+          350
+        ]
+      }
+    },
+    "hover-bg": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.25,
+          0.06,
+          350
+        ]
+      }
+    },
+    "hover-text": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.8,
+          0.15,
+          350
+        ]
+      }
+    },
+    "surface-overlay": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.22,
+          0.05,
+          290
+        ]
+      }
+    },
+    "primary": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.75,
+          0.18,
+          350
+        ]
+      }
+    },
+    "primary-hover": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.8,
+          0.2,
+          350
+        ]
+      }
+    },
+    "primary-subtle": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.28,
+          0.08,
+          350
+        ]
+      }
+    },
+    "accent": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.75,
+          0.15,
+          180
+        ]
+      }
+    },
+    "accent-hover": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.8,
+          0.17,
+          180
+        ]
+      }
+    },
+    "accent-subtle": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.25,
+          0.06,
+          180
+        ]
+      }
+    },
+    "border": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.35,
+          0.05,
+          290
+        ]
+      }
+    },
+    "success": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.72,
+          0.14,
+          160
+        ]
+      }
+    },
+    "success-subtle": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.25,
+          0.06,
+          160
+        ]
+      }
+    },
+    "success-text": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.78,
+          0.12,
+          160
+        ]
+      }
+    },
+    "warning": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.78,
+          0.12,
+          75
+        ]
+      }
+    },
+    "warning-subtle": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.25,
+          0.06,
+          75
+        ]
+      }
+    },
+    "warning-text": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.82,
+          0.1,
+          75
+        ]
+      }
+    },
+    "error": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.72,
+          0.16,
+          10
+        ]
+      }
+    },
+    "error-subtle": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.25,
+          0.06,
+          10
+        ]
+      }
+    },
+    "error-text": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.78,
+          0.14,
+          10
+        ]
+      }
+    },
+    "info": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.7,
+          0.1,
+          250
+        ]
+      }
+    },
+    "info-subtle": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.25,
+          0.05,
+          250
+        ]
+      }
+    },
+    "info-text": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.76,
+          0.08,
+          250
+        ]
+      }
+    },
+    "text-subtle": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.65,
+          0.02,
+          350
+        ]
+      }
+    },
+    "surface-sunken": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.15,
+          0.04,
+          290
+        ]
+      }
+    },
+    "border-strong": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.55,
+          0.1,
+          350
+        ]
+      }
+    },
+    "border-muted": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.28,
+          0.04,
+          290
+        ]
+      }
+    }
+  },
+  "effect": {
+    "shadow": {
+      "xs": {
+        "$type": "shadow",
+        "$value": {
+          "offsetX": {
+            "value": 0,
+            "unit": "px"
+          },
+          "offsetY": {
+            "value": 2,
+            "unit": "px"
+          },
+          "blur": {
+            "value": 4,
+            "unit": "px"
+          },
+          "color": {
+            "colorSpace": "oklch",
+            "components": [
+              0.2,
+              0.08,
+              290
+            ],
+            "alpha": 0.3
+          }
+        }
+      },
+      "sm": {
+        "$type": "shadow",
+        "$value": {
+          "offsetX": {
+            "value": 0,
+            "unit": "px"
+          },
+          "offsetY": {
+            "value": 4,
+            "unit": "px"
+          },
+          "blur": {
+            "value": 8,
+            "unit": "px"
+          },
+          "color": {
+            "colorSpace": "oklch",
+            "components": [
+              0.2,
+              0.08,
+              290
+            ],
+            "alpha": 0.35
+          }
+        }
+      },
+      "md": {
+        "$type": "shadow",
+        "$value": {
+          "offsetX": {
+            "value": 0,
+            "unit": "px"
+          },
+          "offsetY": {
+            "value": 6,
+            "unit": "px"
+          },
+          "blur": {
+            "value": 16,
+            "unit": "px"
+          },
+          "color": {
+            "colorSpace": "oklch",
+            "components": [
+              0.2,
+              0.08,
+              290
+            ],
+            "alpha": 0.4
+          }
+        }
+      },
+      "lg": {
+        "$type": "shadow",
+        "$value": {
+          "offsetX": {
+            "value": 0,
+            "unit": "px"
+          },
+          "offsetY": {
+            "value": 10,
+            "unit": "px"
+          },
+          "blur": {
+            "value": 24,
+            "unit": "px"
+          },
+          "color": {
+            "colorSpace": "oklch",
+            "components": [
+              0.2,
+              0.08,
+              290
+            ],
+            "alpha": 0.45
+          }
+        }
+      },
+      "xl": {
+        "$type": "shadow",
+        "$value": {
+          "offsetX": {
+            "value": 0,
+            "unit": "px"
+          },
+          "offsetY": {
+            "value": 16,
+            "unit": "px"
+          },
+          "blur": {
+            "value": 32,
+            "unit": "px"
+          },
+          "color": {
+            "colorSpace": "oklch",
+            "components": [
+              0.2,
+              0.08,
+              290
+            ],
+            "alpha": 0.5
+          }
+        }
+      },
+      "2xl": {
+        "$type": "shadow",
+        "$value": {
+          "offsetX": {
+            "value": 0,
+            "unit": "px"
+          },
+          "offsetY": {
+            "value": 24,
+            "unit": "px"
+          },
+          "blur": {
+            "value": 48,
+            "unit": "px"
+          },
+          "color": {
+            "colorSpace": "oklch",
+            "components": [
+              0.2,
+              0.08,
+              290
+            ],
+            "alpha": 0.55
+          }
+        }
+      }
+    }
+  },
+  "$extensions": {
+    "com.vanilla-breeze": {
+      "spec": "2025.10",
+      "vbVersion": "0.1.4",
+      "unmapped": [
+        "--_kawaii-color-lavender",
+        "--_kawaii-color-peach",
+        "--_kawaii-color-sky",
+        "--input-bg",
+        "--input-border",
+        "--input-border-focus",
+        "--control-border",
+        "--control-checked-bg",
+        "--control-checked-border",
+        "--range-track-bg",
+        "--range-track-fill",
+        "--range-thumb-bg",
+        "--range-thumb-border",
+        "--progress-track-bg",
+        "--progress-fill",
+        "--scrollbar-thumb",
+        "--scrollbar-track",
+        "--cal-banner-bg",
+        "--cal-header-bg",
+        "--cal-week-bg-alt",
+        "--cal-today-bg",
+        "--cal-today-border",
+        "--cal-today-shadow",
+        "--cal-watermark-color",
+        "--cal-outside-color"
+      ]
+    }
+  }
+}

package/dist/cdn/themes/kawaii.css

@@ -1,2 +1,2 @@
-@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)}}
+@import"https://fonts.googleapis.com/css2?family=Nunito:wght@400..700&display=swap";: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)}}
 /*# sourceMappingURL=kawaii.css.map */