@botiverse/raft-ui 0.23.1 → 0.25.0

package/dist/themes.css

@@ -0,0 +1,474 @@
+/* Generated from themes.json by scripts/build-themes.mjs. Do not edit this
+   file; edit themes.json and run `vp run @botiverse/raft-ui#build:themes`.
+
+   Themes (design/foundations/themes.md): import after foundation.css and put
+   data-theme="<id>" on the element with the mode class. Without data-theme
+   the app is Raft Yellow, the foundation itself. */
+
+/* The frame decorations components draw (AppRail; the app's top bar via
+   frame-decor-top). none unless the theme has decor and it is on. */
+:root,
+.light,
+.dark {
+  --frame-decor-top: var(--theme-decor-top, none);
+  --frame-decor-rail: var(--theme-decor-rail, none);
+}
+
+:is(:root, .light, .dark)[data-theme-decor="off"] {
+  --frame-decor-top: none;
+  --frame-decor-rail: none;
+}
+
+/* Boring Gray */
+.light[data-theme="boring"],
+:root:not(.light):not(.dark)[data-theme="boring"] {
+  --layer-frame: oklch(0.975 0 0);
+  --layer-sidebar: oklch(0.975 0 0);
+  --layer-frame-active: oklch(0.92 0 0);
+  --foreground-on-frame: oklch(0.2 0 0);
+  --foreground-on-frame-active: oklch(0.2 0 0);
+  --foreground-on-frame-muted: oklch(0.45 0 0);
+  --fill-frame-medium: oklch(0 0 0 / 0.06);
+  --line-frame-active: transparent;
+  --brand-400: oklch(0.925 0 0);
+  --brand-soft: oklch(0.95 0 0);
+  --brand-strong: oklch(0.35 0 0);
+  --brand-glow: oklch(0.925 0 0);
+  --brand-edge: transparent;
+  --selection: oklch(0.9 0 0);
+}
+
+.dark[data-theme="boring"] {
+  --layer-frame: oklch(0.19 0 0);
+  --layer-sidebar: oklch(0.19 0 0);
+  --layer-canvas: oklch(0.235 0 0);
+  --layer-card: oklch(0.26 0 0);
+  --layer-popover: oklch(0.28 0 0);
+  --layer-frame-active: oklch(0.32 0 0);
+  --foreground-on-frame: oklch(0.93 0 0);
+  --foreground-on-frame-active: oklch(0.96 0 0);
+  --foreground-on-frame-muted: oklch(0.7 0 0);
+  --fill-frame-medium: oklch(1 0 0 / 0.07);
+  --line-frame-active: transparent;
+  --brand-400: oklch(0.86 0 0);
+  --brand-soft: oklch(1 0 0 / 0.12);
+  --brand-strong: oklch(0.86 0 0);
+  --brand-glow: oklch(0.86 0 0);
+  --brand-edge: transparent;
+  --selection: oklch(1 0 0 / 0.2);
+}
+
+@media (prefers-color-scheme: dark) {
+  :root:not(.light):not(.dark)[data-theme="boring"] {
+    --layer-frame: oklch(0.19 0 0);
+    --layer-sidebar: oklch(0.19 0 0);
+    --layer-canvas: oklch(0.235 0 0);
+    --layer-card: oklch(0.26 0 0);
+    --layer-popover: oklch(0.28 0 0);
+    --layer-frame-active: oklch(0.32 0 0);
+    --foreground-on-frame: oklch(0.93 0 0);
+    --foreground-on-frame-active: oklch(0.96 0 0);
+    --foreground-on-frame-muted: oklch(0.7 0 0);
+    --fill-frame-medium: oklch(1 0 0 / 0.07);
+    --line-frame-active: transparent;
+    --brand-400: oklch(0.86 0 0);
+    --brand-soft: oklch(1 0 0 / 0.12);
+    --brand-strong: oklch(0.86 0 0);
+    --brand-glow: oklch(0.86 0 0);
+    --brand-edge: transparent;
+    --selection: oklch(1 0 0 / 0.2);
+  }
+}
+
+/* Bots */
+:is(:root, .light, .dark)[data-theme="bots"] {
+  --theme-decor-top: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='190' height='48' shape-rendering='crispEdges'%3E%3Cg transform='translate(0 12) scale(3)'%3E%3Cpath fill='%23141111' d='M1 0h6v1h-6zM0 1h1v1h-1zM2 1h1v1h-1zM5 1h1v1h-1zM7 1h1v1h-1zM0 2h1v1h-1zM2 2h1v1h-1zM5 2h1v1h-1zM7 2h1v1h-1zM0 3h8v1h-8zM1 4h1v1h-1zM3 4h2v1h-2zM6 4h1v1h-1zM1 5h6v1h-6zM1 6h2v1h-2zM5 6h2v1h-2zM1 7h2v1h-2zM5 7h2v1h-2z'/%3E%3Cpath fill='%2327ccf3' d='M1 1h1v1h-1zM6 1h1v1h-1z'/%3E%3Cpath fill='%23ffffff' d='M3 1h2v1h-2zM1 2h1v1h-1zM3 2h2v1h-2zM6 2h1v1h-1zM2 4h1v1h-1zM5 4h1v1h-1z'/%3E%3C/g%3E%3Cg transform='translate(38 4) scale(2)'%3E%3Cpath fill='%23141111' d='M1 0h6v1h-6zM0 1h1v1h-1zM7 1h1v1h-1zM0 2h1v1h-1zM7 2h1v1h-1zM0 3h1v1h-1zM7 3h1v1h-1zM0 4h1v1h-1zM7 4h1v1h-1zM0 5h1v1h-1zM7 5h1v1h-1zM1 6h6v1h-6zM1 7h2v1h-2zM5 7h2v1h-2z'/%3E%3Cpath fill='%23576574' d='M1 1h6v1h-6zM1 2h1v1h-1zM3 2h2v1h-2zM6 2h1v1h-1zM1 3h1v1h-1zM3 3h2v1h-2zM6 3h1v1h-1zM1 4h6v1h-6zM1 5h2v1h-2zM5 5h2v1h-2z'/%3E%3Cpath fill='%2327ccf3' d='M2 2h1v1h-1zM5 2h1v1h-1zM2 3h1v1h-1zM5 3h1v1h-1z'/%3E%3Cpath fill='%23ffffff' d='M3 5h2v1h-2z'/%3E%3C/g%3E%3Cg transform='translate(80 14) scale(3)'%3E%3Cpath fill='%23141111' d='M0 0h3v1h-3zM5 0h3v1h-3zM1 1h1v1h-1zM6 1h1v1h-1zM1 2h6v1h-6zM0 3h1v1h-1zM7 3h1v1h-1zM0 4h1v1h-1zM2 4h1v1h-1zM5 4h1v1h-1zM7 4h1v1h-1zM0 5h1v1h-1zM7 5h1v1h-1zM1 6h6v1h-6z'/%3E%3Cpath fill='%23f8a16f' d='M1 3h6v1h-6zM1 4h1v1h-1zM3 4h2v1h-2zM6 4h1v1h-1zM1 5h6v1h-6z'/%3E%3C/g%3E%3Cg transform='translate(118 6) scale(2)'%3E%3Cpath fill='%23f97264' d='M3 0h2v1h-2z'/%3E%3Cpath fill='%23141111' d='M3 1h2v1h-2zM1 2h6v1h-6zM0 3h1v1h-1zM7 3h1v1h-1zM0 4h1v1h-1zM2 4h1v1h-1zM5 4h1v1h-1zM7 4h1v1h-1zM0 5h1v1h-1zM7 5h1v1h-1zM0 6h1v1h-1zM3 6h2v1h-2zM7 6h1v1h-1zM1 7h6v1h-6z'/%3E%3Cpath fill='%23ffffff' d='M1 3h6v1h-6zM1 4h1v1h-1zM3 4h2v1h-2zM6 4h1v1h-1zM1 5h6v1h-6zM1 6h2v1h-2zM5 6h2v1h-2z'/%3E%3C/g%3E%3Cg transform='translate(160 12) scale(3)'%3E%3Cpath fill='%23141111' d='M1 0h1v1h-1zM6 0h1v1h-1zM2 1h1v1h-1zM5 1h1v1h-1zM0 2h8v1h-8zM0 3h1v1h-1zM7 3h1v1h-1zM0 4h1v1h-1zM2 4h1v1h-1zM5 4h1v1h-1zM7 4h1v1h-1zM0 5h1v1h-1zM3 5h2v1h-2zM7 5h1v1h-1zM0 6h8v1h-8zM1 7h1v1h-1zM6 7h1v1h-1z'/%3E%3Cpath fill='%2327ccf3' d='M1 3h6v1h-6zM1 4h1v1h-1zM3 4h2v1h-2zM6 4h1v1h-1zM1 5h2v1h-2zM5 5h2v1h-2z'/%3E%3C/g%3E%3C/svg%3E");
+  --theme-decor-rail: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='112' shape-rendering='crispEdges'%3E%3Cg transform='translate(12 0) scale(3)'%3E%3Cpath fill='%23141111' d='M1 1h6v1h-6zM1 2h1v1h-1zM6 2h1v1h-1zM1 3h1v1h-1zM6 3h1v1h-1zM1 4h1v1h-1zM6 4h1v1h-1zM1 5h1v1h-1zM3 5h2v1h-2zM6 5h1v1h-1zM1 6h1v1h-1zM6 6h1v1h-1zM1 7h6v1h-6z'/%3E%3Cpath fill='%23ffffff' d='M2 2h4v1h-4zM3 3h2v1h-2zM2 4h4v1h-4zM2 5h1v1h-1zM5 5h1v1h-1zM2 6h4v1h-4z'/%3E%3Cpath fill='%23576574' d='M0 3h1v1h-1zM7 3h1v1h-1zM0 4h1v1h-1zM7 4h1v1h-1z'/%3E%3Cpath fill='%2327ccf3' d='M2 3h1v1h-1zM5 3h1v1h-1z'/%3E%3C/g%3E%3Cg transform='translate(0 34) scale(2)'%3E%3Cpath fill='%23141111' d='M1 0h6v1h-6zM0 1h1v1h-1zM7 1h1v1h-1zM0 2h1v1h-1zM7 2h1v1h-1zM0 3h1v1h-1zM7 3h1v1h-1zM0 4h1v1h-1zM7 4h1v1h-1zM0 5h1v1h-1zM7 5h1v1h-1zM1 6h6v1h-6zM1 7h2v1h-2zM5 7h2v1h-2z'/%3E%3Cpath fill='%23576574' d='M1 1h6v1h-6zM1 2h1v1h-1zM3 2h2v1h-2zM6 2h1v1h-1zM1 3h1v1h-1zM3 3h2v1h-2zM6 3h1v1h-1zM1 4h6v1h-6zM1 5h2v1h-2zM5 5h2v1h-2z'/%3E%3Cpath fill='%2327ccf3' d='M2 2h1v1h-1zM5 2h1v1h-1zM2 3h1v1h-1zM5 3h1v1h-1z'/%3E%3Cpath fill='%23ffffff' d='M3 5h2v1h-2z'/%3E%3C/g%3E%3Cg transform='translate(24 52) scale(3)'%3E%3Cpath fill='%23141111' d='M1 0h6v1h-6zM0 1h1v1h-1zM2 1h1v1h-1zM5 1h1v1h-1zM7 1h1v1h-1zM0 2h1v1h-1zM2 2h1v1h-1zM5 2h1v1h-1zM7 2h1v1h-1zM0 3h8v1h-8zM1 4h1v1h-1zM3 4h2v1h-2zM6 4h1v1h-1zM1 5h6v1h-6zM1 6h2v1h-2zM5 6h2v1h-2zM1 7h2v1h-2zM5 7h2v1h-2z'/%3E%3Cpath fill='%2327ccf3' d='M1 1h1v1h-1zM6 1h1v1h-1z'/%3E%3Cpath fill='%23ffffff' d='M3 1h2v1h-2zM1 2h1v1h-1zM3 2h2v1h-2zM6 2h1v1h-1zM2 4h1v1h-1zM5 4h1v1h-1z'/%3E%3C/g%3E%3Cg transform='translate(4 86) scale(3)'%3E%3Cpath fill='%23141111' d='M0 0h1v1h-1zM7 0h1v1h-1zM0 1h1v1h-1zM2 1h1v1h-1zM5 1h1v1h-1zM7 1h1v1h-1zM0 2h8v1h-8zM0 3h1v1h-1zM7 3h1v1h-1zM0 4h1v1h-1zM2 4h1v1h-1zM5 4h1v1h-1zM7 4h1v1h-1zM0 5h1v1h-1zM7 5h1v1h-1zM0 6h1v1h-1zM3 6h2v1h-2zM7 6h1v1h-1zM1 7h6v1h-6z'/%3E%3Cpath fill='%23fe7da8' d='M1 1h1v1h-1zM6 1h1v1h-1z'/%3E%3Cpath fill='%23ffffff' d='M1 3h6v1h-6zM1 4h1v1h-1zM3 4h2v1h-2zM6 4h1v1h-1zM1 5h6v1h-6zM1 6h2v1h-2zM5 6h2v1h-2z'/%3E%3C/g%3E%3C/svg%3E");
+}
+
+.light[data-theme="bots"],
+:root:not(.light):not(.dark)[data-theme="bots"] {
+  --layer-frame: oklch(0.82 0.04 240);
+  --foreground-on-frame: var(--sticker-ink);
+  --foreground-on-frame-muted: color-mix(in oklch, var(--sticker-ink) 62%, var(--layer-frame));
+  --foreground-on-frame-active: var(--sticker-ink);
+  --layer-frame-active: oklch(1 0 0);
+  --fill-frame-medium: oklch(0.1813 0.005 17.62 / 0.1);
+  --layer-sidebar: oklch(0.985 0.012 240);
+}
+
+.dark[data-theme="bots"] {
+  --layer-frame: oklch(0.31 0.04 240);
+  --foreground-on-frame: oklch(0.96 0.01 90);
+  --foreground-on-frame-muted: oklch(0.80 0.02 90);
+  --layer-frame-active: var(--brand-400);
+  --fill-frame-medium: oklch(1 0 0 / 0.1);
+  --layer-canvas: oklch(0.235 0.02 240);
+  --layer-sidebar: oklch(0.205 0.022 240);
+  --layer-card: oklch(0.265 0.02 240);
+  --layer-popover: oklch(0.29 0.02 240);
+}
+
+@media (prefers-color-scheme: dark) {
+  :root:not(.light):not(.dark)[data-theme="bots"] {
+    --layer-frame: oklch(0.31 0.04 240);
+    --foreground-on-frame: oklch(0.96 0.01 90);
+    --foreground-on-frame-muted: oklch(0.80 0.02 90);
+    --layer-frame-active: var(--brand-400);
+    --fill-frame-medium: oklch(1 0 0 / 0.1);
+    --layer-canvas: oklch(0.235 0.02 240);
+    --layer-sidebar: oklch(0.205 0.022 240);
+    --layer-card: oklch(0.265 0.02 240);
+    --layer-popover: oklch(0.29 0.02 240);
+  }
+}
+
+/* Critters */
+:is(:root, .light, .dark)[data-theme="critters"] {
+  --theme-decor-top: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='190' height='48' shape-rendering='crispEdges'%3E%3Cg transform='translate(0 12) scale(3)'%3E%3Cpath fill='%23141111' d='M0 0h1v1h-1zM7 0h1v1h-1zM0 1h2v1h-2zM6 1h2v1h-2zM0 2h1v1h-1zM2 2h1v1h-1zM5 2h1v1h-1zM7 2h1v1h-1zM0 3h1v1h-1zM7 3h1v1h-1zM0 4h1v1h-1zM2 4h1v1h-1zM5 4h1v1h-1zM7 4h1v1h-1zM1 5h1v1h-1zM6 5h1v1h-1zM2 6h1v1h-1zM5 6h1v1h-1zM3 7h2v1h-2z'/%3E%3Cpath fill='%23ffd440' d='M1 2h1v1h-1zM3 2h2v1h-2zM6 2h1v1h-1zM1 3h6v1h-6zM1 4h1v1h-1zM3 4h2v1h-2zM6 4h1v1h-1zM2 5h4v1h-4zM3 6h2v1h-2z'/%3E%3C/g%3E%3Cg transform='translate(38 4) scale(2)'%3E%3Cpath fill='%23141111' d='M0 0h1v1h-1zM2 0h1v1h-1zM5 0h1v1h-1zM7 0h1v1h-1zM0 1h1v1h-1zM2 1h1v1h-1zM5 1h1v1h-1zM7 1h1v1h-1zM0 2h1v1h-1zM2 2h4v1h-4zM7 2h1v1h-1zM0 3h1v1h-1zM7 3h1v1h-1zM0 4h1v1h-1zM2 4h1v1h-1zM5 4h1v1h-1zM7 4h1v1h-1zM0 5h1v1h-1zM7 5h1v1h-1zM1 6h1v1h-1zM6 6h1v1h-1zM2 7h4v1h-4z'/%3E%3Cpath fill='%23ffffff' d='M1 0h1v1h-1zM6 0h1v1h-1zM1 3h6v1h-6zM1 4h1v1h-1zM3 4h2v1h-2zM6 4h1v1h-1zM1 5h2v1h-2zM5 5h2v1h-2zM2 6h4v1h-4z'/%3E%3Cpath fill='%23fe7da8' d='M1 1h1v1h-1zM6 1h1v1h-1zM1 2h1v1h-1zM6 2h1v1h-1zM3 5h2v1h-2z'/%3E%3C/g%3E%3Cg transform='translate(80 14) scale(3)'%3E%3Cpath fill='%23141111' d='M0 0h1v1h-1zM7 0h1v1h-1zM0 1h1v1h-1zM2 1h1v1h-1zM5 1h1v1h-1zM7 1h1v1h-1zM0 2h1v1h-1zM3 2h2v1h-2zM7 2h1v1h-1zM0 3h1v1h-1zM2 3h1v1h-1zM5 3h1v1h-1zM7 3h1v1h-1zM0 4h1v1h-1zM7 4h1v1h-1zM1 5h1v1h-1zM6 5h1v1h-1zM2 6h1v1h-1zM5 6h1v1h-1zM3 7h2v1h-2z'/%3E%3Cpath fill='%23f8a16f' d='M1 1h1v1h-1zM6 1h1v1h-1zM1 2h2v1h-2zM5 2h2v1h-2zM1 3h1v1h-1zM3 3h2v1h-2zM6 3h1v1h-1zM2 4h4v1h-4z'/%3E%3Cpath fill='%23ffffff' d='M1 4h1v1h-1zM6 4h1v1h-1zM2 5h4v1h-4zM3 6h2v1h-2z'/%3E%3C/g%3E%3Cg transform='translate(118 6) scale(2)'%3E%3Cpath fill='%23141111' d='M2 0h4v1h-4zM1 1h6v1h-6zM0 2h2v1h-2zM6 2h2v1h-2zM0 3h1v1h-1zM2 3h1v1h-1zM5 3h1v1h-1zM7 3h1v1h-1zM0 4h1v1h-1zM7 4h1v1h-1zM0 5h2v1h-2zM6 5h2v1h-2zM1 6h1v1h-1zM6 6h1v1h-1zM3 7h2v1h-2z'/%3E%3Cpath fill='%23ffffff' d='M2 2h4v1h-4zM1 3h1v1h-1zM3 3h2v1h-2zM6 3h1v1h-1zM1 4h2v1h-2zM5 4h2v1h-2zM2 5h4v1h-4zM2 6h4v1h-4z'/%3E%3Cpath fill='%23f8a16f' d='M3 4h2v1h-2zM2 7h1v1h-1zM5 7h1v1h-1z'/%3E%3C/g%3E%3Cg transform='translate(160 12) scale(3)'%3E%3Cpath fill='%23141111' d='M2 0h4v1h-4zM0 1h2v1h-2zM6 1h2v1h-2zM0 2h1v1h-1zM7 2h1v1h-1zM0 3h1v1h-1zM2 3h1v1h-1zM5 3h1v1h-1zM7 3h1v1h-1zM0 4h1v1h-1zM7 4h1v1h-1zM1 5h1v1h-1zM3 5h2v1h-2zM6 5h1v1h-1zM2 6h1v1h-1zM5 6h1v1h-1zM3 7h2v1h-2z'/%3E%3Cpath fill='%23ffffff' d='M2 1h4v1h-4zM2 2h4v1h-4zM3 3h2v1h-2zM2 4h4v1h-4zM2 5h1v1h-1zM5 5h1v1h-1zM3 6h2v1h-2z'/%3E%3Cpath fill='%23b07a4e' d='M1 2h1v1h-1zM6 2h1v1h-1zM1 3h1v1h-1zM6 3h1v1h-1zM1 4h1v1h-1zM6 4h1v1h-1z'/%3E%3C/g%3E%3C/svg%3E");
+  --theme-decor-rail: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='112' shape-rendering='crispEdges'%3E%3Cg transform='translate(12 0) scale(3)'%3E%3Cpath fill='%23141111' d='M0 0h2v1h-2zM6 0h2v1h-2zM0 1h1v1h-1zM2 1h4v1h-4zM7 1h1v1h-1zM0 2h1v1h-1zM7 2h1v1h-1zM0 3h1v1h-1zM2 3h1v1h-1zM5 3h1v1h-1zM7 3h1v1h-1zM0 4h1v1h-1zM7 4h1v1h-1zM0 5h1v1h-1zM7 5h1v1h-1zM1 6h1v1h-1zM6 6h1v1h-1zM2 7h4v1h-4z'/%3E%3Cpath fill='%23b07a4e' d='M1 1h1v1h-1zM6 1h1v1h-1zM3 2h2v1h-2zM3 3h2v1h-2zM1 4h2v1h-2zM5 4h2v1h-2zM1 5h6v1h-6zM2 6h4v1h-4z'/%3E%3Cpath fill='%23ffffff' d='M1 2h2v1h-2zM5 2h2v1h-2zM1 3h1v1h-1zM6 3h1v1h-1z'/%3E%3Cpath fill='%23ffd440' d='M3 4h2v1h-2z'/%3E%3C/g%3E%3Cg transform='translate(0 34) scale(2)'%3E%3Cpath fill='%23141111' d='M1 0h2v1h-2zM5 0h2v1h-2zM0 1h1v1h-1zM3 1h2v1h-2zM7 1h1v1h-1zM0 2h1v1h-1zM2 2h1v1h-1zM5 2h1v1h-1zM7 2h1v1h-1zM0 3h1v1h-1zM7 3h1v1h-1zM0 4h1v1h-1zM2 4h4v1h-4zM7 4h1v1h-1zM0 5h1v1h-1zM7 5h1v1h-1zM1 6h1v1h-1zM6 6h1v1h-1zM2 7h4v1h-4z'/%3E%3Cpath fill='%23ffffff' d='M1 1h2v1h-2zM5 1h2v1h-2zM1 2h1v1h-1zM6 2h1v1h-1z'/%3E%3Cpath fill='%23a9d877' d='M3 2h2v1h-2zM1 3h6v1h-6zM1 4h1v1h-1zM6 4h1v1h-1zM1 5h6v1h-6zM2 6h4v1h-4z'/%3E%3C/g%3E%3Cg transform='translate(24 52) scale(3)'%3E%3Cpath fill='%23141111' d='M0 0h2v1h-2zM6 0h2v1h-2zM0 1h1v1h-1zM2 1h4v1h-4zM7 1h1v1h-1zM0 2h1v1h-1zM7 2h1v1h-1zM0 3h1v1h-1zM2 3h1v1h-1zM5 3h1v1h-1zM7 3h1v1h-1zM0 4h1v1h-1zM7 4h1v1h-1zM0 5h1v1h-1zM3 5h2v1h-2zM7 5h1v1h-1zM1 6h1v1h-1zM6 6h1v1h-1zM2 7h4v1h-4z'/%3E%3Cpath fill='%23b07a4e' d='M1 1h1v1h-1zM6 1h1v1h-1zM1 2h6v1h-6zM1 3h1v1h-1zM3 3h2v1h-2zM6 3h1v1h-1zM1 4h1v1h-1zM6 4h1v1h-1zM1 5h1v1h-1zM6 5h1v1h-1zM2 6h4v1h-4z'/%3E%3Cpath fill='%23ffffff' d='M2 4h4v1h-4zM2 5h1v1h-1zM5 5h1v1h-1z'/%3E%3C/g%3E%3Cg transform='translate(4 86) scale(3)'%3E%3Cpath fill='%23141111' d='M0 0h1v1h-1zM7 0h1v1h-1zM0 1h2v1h-2zM6 1h2v1h-2zM0 2h1v1h-1zM2 2h1v1h-1zM5 2h1v1h-1zM7 2h1v1h-1zM0 3h1v1h-1zM7 3h1v1h-1zM0 4h1v1h-1zM2 4h1v1h-1zM5 4h1v1h-1zM7 4h1v1h-1zM1 5h1v1h-1zM6 5h1v1h-1zM2 6h1v1h-1zM5 6h1v1h-1zM3 7h2v1h-2z'/%3E%3Cpath fill='%23ffd440' d='M1 2h1v1h-1zM3 2h2v1h-2zM6 2h1v1h-1zM1 3h6v1h-6zM1 4h1v1h-1zM3 4h2v1h-2zM6 4h1v1h-1zM2 5h4v1h-4zM3 6h2v1h-2z'/%3E%3C/g%3E%3C/svg%3E");
+}
+
+.light[data-theme="critters"],
+:root:not(.light):not(.dark)[data-theme="critters"] {
+  --layer-frame: oklch(0.87 0.07 60);
+  --foreground-on-frame: var(--sticker-ink);
+  --foreground-on-frame-muted: color-mix(in oklch, var(--sticker-ink) 62%, var(--layer-frame));
+  --foreground-on-frame-active: var(--sticker-ink);
+  --layer-frame-active: oklch(1 0 0);
+  --fill-frame-medium: oklch(0.1813 0.005 17.62 / 0.1);
+  --layer-sidebar: oklch(0.985 0.012 60);
+}
+
+.dark[data-theme="critters"] {
+  --layer-frame: oklch(0.31 0.045 60);
+  --foreground-on-frame: oklch(0.96 0.01 90);
+  --foreground-on-frame-muted: oklch(0.80 0.02 90);
+  --layer-frame-active: var(--brand-400);
+  --fill-frame-medium: oklch(1 0 0 / 0.1);
+  --layer-canvas: oklch(0.235 0.02 60);
+  --layer-sidebar: oklch(0.205 0.022 60);
+  --layer-card: oklch(0.265 0.02 60);
+  --layer-popover: oklch(0.29 0.02 60);
+}
+
+@media (prefers-color-scheme: dark) {
+  :root:not(.light):not(.dark)[data-theme="critters"] {
+    --layer-frame: oklch(0.31 0.045 60);
+    --foreground-on-frame: oklch(0.96 0.01 90);
+    --foreground-on-frame-muted: oklch(0.80 0.02 90);
+    --layer-frame-active: var(--brand-400);
+    --fill-frame-medium: oklch(1 0 0 / 0.1);
+    --layer-canvas: oklch(0.235 0.02 60);
+    --layer-sidebar: oklch(0.205 0.022 60);
+    --layer-card: oklch(0.265 0.02 60);
+    --layer-popover: oklch(0.29 0.02 60);
+  }
+}
+
+/* Space */
+:is(:root, .light, .dark)[data-theme="space"] {
+  --theme-decor-top: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='190' height='48' shape-rendering='crispEdges'%3E%3Cg transform='translate(0 12) scale(3)'%3E%3Cpath fill='%23141111' d='M3 0h2v1h-2zM3 1h2v1h-2zM0 2h8v1h-8zM1 3h1v1h-1zM6 3h1v1h-1zM2 4h1v1h-1zM5 4h1v1h-1zM1 5h1v1h-1zM3 5h2v1h-2zM6 5h1v1h-1zM0 6h1v1h-1zM2 6h1v1h-1zM5 6h1v1h-1zM7 6h1v1h-1zM0 7h2v1h-2zM6 7h2v1h-2z'/%3E%3Cpath fill='%23ffd440' d='M2 3h4v1h-4zM3 4h2v1h-2zM2 5h1v1h-1zM5 5h1v1h-1zM1 6h1v1h-1zM6 6h1v1h-1z'/%3E%3C/g%3E%3Cg transform='translate(38 4) scale(2)'%3E%3Cpath fill='%23141111' d='M2 1h4v1h-4zM1 2h1v1h-1zM6 2h1v1h-1zM0 3h1v1h-1zM7 3h1v1h-1zM0 4h2v1h-2zM6 4h2v1h-2zM1 5h1v1h-1zM6 5h1v1h-1zM2 6h4v1h-4z'/%3E%3Cpath fill='%23f8a16f' d='M2 2h2v1h-2zM5 2h1v1h-1zM2 4h4v1h-4zM2 5h4v1h-4z'/%3E%3Cpath fill='%23ffffff' d='M4 2h1v1h-1z'/%3E%3Cpath fill='%23ffd440' d='M1 3h6v1h-6z'/%3E%3C/g%3E%3Cg transform='translate(80 14) scale(3)'%3E%3Cpath fill='%23141111' d='M3 0h2v1h-2zM3 1h2v1h-2zM0 2h8v1h-8zM1 3h1v1h-1zM6 3h1v1h-1zM2 4h1v1h-1zM5 4h1v1h-1zM1 5h1v1h-1zM3 5h2v1h-2zM6 5h1v1h-1zM0 6h1v1h-1zM2 6h1v1h-1zM5 6h1v1h-1zM7 6h1v1h-1zM0 7h2v1h-2zM6 7h2v1h-2z'/%3E%3Cpath fill='%23ffd440' d='M2 3h4v1h-4zM3 4h2v1h-2zM2 5h1v1h-1zM5 5h1v1h-1zM1 6h1v1h-1zM6 6h1v1h-1z'/%3E%3C/g%3E%3Cg transform='translate(118 6) scale(2)'%3E%3Cpath fill='%23141111' d='M2 1h4v1h-4zM1 2h1v1h-1zM6 2h1v1h-1zM0 3h8v1h-8zM0 4h1v1h-1zM7 4h1v1h-1zM1 5h6v1h-6z'/%3E%3Cpath fill='%2327ccf3' d='M2 2h1v1h-1zM4 2h2v1h-2z'/%3E%3Cpath fill='%23ffffff' d='M3 2h1v1h-1zM1 4h1v1h-1zM3 4h2v1h-2zM6 4h1v1h-1z'/%3E%3Cpath fill='%23ffd440' d='M2 4h1v1h-1zM5 4h1v1h-1zM2 6h4v1h-4zM1 7h6v1h-6z'/%3E%3C/g%3E%3Cg transform='translate(160 12) scale(3)'%3E%3Cpath fill='%23141111' d='M2 0h3v1h-3zM1 1h1v1h-1zM4 1h1v1h-1zM0 2h1v1h-1zM3 2h1v1h-1zM0 3h1v1h-1zM3 3h1v1h-1zM0 4h1v1h-1zM3 4h1v1h-1zM7 4h1v1h-1zM0 5h1v1h-1zM4 5h2v1h-2zM7 5h1v1h-1zM1 6h1v1h-1zM6 6h1v1h-1zM2 7h4v1h-4z'/%3E%3Cpath fill='%23ffd440' d='M2 1h2v1h-2zM6 1h1v1h-1zM1 2h2v1h-2zM1 3h2v1h-2zM1 4h2v1h-2zM1 5h3v1h-3zM6 5h1v1h-1zM2 6h4v1h-4z'/%3E%3C/g%3E%3C/svg%3E");
+  --theme-decor-rail: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='112' shape-rendering='crispEdges'%3E%3Cg transform='translate(12 0) scale(3)'%3E%3Cpath fill='%23141111' d='M3 0h2v1h-2zM3 1h2v1h-2zM0 2h8v1h-8zM1 3h1v1h-1zM6 3h1v1h-1zM2 4h1v1h-1zM5 4h1v1h-1zM1 5h1v1h-1zM3 5h2v1h-2zM6 5h1v1h-1zM0 6h1v1h-1zM2 6h1v1h-1zM5 6h1v1h-1zM7 6h1v1h-1zM0 7h2v1h-2zM6 7h2v1h-2z'/%3E%3Cpath fill='%23ffd440' d='M2 3h4v1h-4zM3 4h2v1h-2zM2 5h1v1h-1zM5 5h1v1h-1zM1 6h1v1h-1zM6 6h1v1h-1z'/%3E%3C/g%3E%3Cg transform='translate(0 34) scale(2)'%3E%3Cpath fill='%23141111' d='M3 0h2v1h-2zM2 1h1v1h-1zM5 1h1v1h-1zM2 2h1v1h-1zM5 2h1v1h-1zM2 3h1v1h-1zM5 3h1v1h-1zM2 4h1v1h-1zM5 4h1v1h-1zM1 5h2v1h-2zM5 5h2v1h-2zM0 6h1v1h-1zM2 6h1v1h-1zM5 6h1v1h-1zM7 6h1v1h-1zM0 7h2v1h-2zM6 7h2v1h-2z'/%3E%3Cpath fill='%23f97264' d='M3 1h2v1h-2zM1 6h1v1h-1zM6 6h1v1h-1z'/%3E%3Cpath fill='%23ffffff' d='M3 2h2v1h-2zM3 4h2v1h-2zM3 5h2v1h-2zM3 6h2v1h-2z'/%3E%3Cpath fill='%2327ccf3' d='M3 3h2v1h-2z'/%3E%3Cpath fill='%23f8a16f' d='M3 7h2v1h-2z'/%3E%3C/g%3E%3Cg transform='translate(24 52) scale(3)'%3E%3Cpath fill='%23141111' d='M3 0h2v1h-2zM3 1h2v1h-2zM0 2h8v1h-8zM1 3h1v1h-1zM6 3h1v1h-1zM2 4h1v1h-1zM5 4h1v1h-1zM1 5h1v1h-1zM3 5h2v1h-2zM6 5h1v1h-1zM0 6h1v1h-1zM2 6h1v1h-1zM5 6h1v1h-1zM7 6h1v1h-1zM0 7h2v1h-2zM6 7h2v1h-2z'/%3E%3Cpath fill='%23ffd440' d='M2 3h4v1h-4zM3 4h2v1h-2zM2 5h1v1h-1zM5 5h1v1h-1zM1 6h1v1h-1zM6 6h1v1h-1z'/%3E%3C/g%3E%3Cg transform='translate(4 86) scale(3)'%3E%3Cpath fill='%23141111' d='M2 0h4v1h-4zM1 1h1v1h-1zM6 1h1v1h-1zM0 2h1v1h-1zM2 2h4v1h-4zM7 2h1v1h-1zM0 3h1v1h-1zM2 3h1v1h-1zM5 3h1v1h-1zM7 3h1v1h-1zM0 4h1v1h-1zM2 4h4v1h-4zM7 4h1v1h-1zM0 5h1v1h-1zM7 5h1v1h-1zM1 6h6v1h-6zM0 7h1v1h-1zM7 7h1v1h-1z'/%3E%3Cpath fill='%23ffffff' d='M2 1h4v1h-4zM1 2h1v1h-1zM6 2h1v1h-1zM1 3h1v1h-1zM6 3h1v1h-1zM1 4h1v1h-1zM6 4h1v1h-1zM1 5h6v1h-6zM1 7h2v1h-2zM5 7h2v1h-2z'/%3E%3Cpath fill='%2327ccf3' d='M3 3h2v1h-2z'/%3E%3Cpath fill='%23f97264' d='M3 7h2v1h-2z'/%3E%3C/g%3E%3C/svg%3E");
+}
+
+.light[data-theme="space"],
+:root:not(.light):not(.dark)[data-theme="space"] {
+  --layer-frame: oklch(0.30 0.10 293);
+  --foreground-on-frame: oklch(0.96 0.01 90);
+  --foreground-on-frame-muted: oklch(0.80 0.02 90);
+  --layer-frame-active: var(--brand-400);
+  --fill-frame-medium: oklch(1 0 0 / 0.1);
+  --layer-sidebar: oklch(0.985 0.012 293);
+}
+
+.dark[data-theme="space"] {
+  --layer-frame: oklch(0.29 0.085 293);
+  --foreground-on-frame: oklch(0.96 0.01 90);
+  --foreground-on-frame-muted: oklch(0.80 0.02 90);
+  --layer-frame-active: var(--brand-400);
+  --fill-frame-medium: oklch(1 0 0 / 0.1);
+  --layer-canvas: oklch(0.235 0.035 293);
+  --layer-sidebar: oklch(0.205 0.039 293);
+  --layer-card: oklch(0.265 0.035 293);
+  --layer-popover: oklch(0.29 0.035 293);
+}
+
+@media (prefers-color-scheme: dark) {
+  :root:not(.light):not(.dark)[data-theme="space"] {
+    --layer-frame: oklch(0.29 0.085 293);
+    --foreground-on-frame: oklch(0.96 0.01 90);
+    --foreground-on-frame-muted: oklch(0.80 0.02 90);
+    --layer-frame-active: var(--brand-400);
+    --fill-frame-medium: oklch(1 0 0 / 0.1);
+    --layer-canvas: oklch(0.235 0.035 293);
+    --layer-sidebar: oklch(0.205 0.039 293);
+    --layer-card: oklch(0.265 0.035 293);
+    --layer-popover: oklch(0.29 0.035 293);
+  }
+}
+
+/* Desk */
+:is(:root, .light, .dark)[data-theme="desk"] {
+  --theme-decor-top: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='190' height='48' shape-rendering='crispEdges'%3E%3Cg transform='translate(0 12) scale(3)'%3E%3Cpath fill='%23141111' d='M5 0h2v1h-2zM4 1h1v1h-1zM7 1h1v1h-1zM3 2h1v1h-1zM6 2h1v1h-1zM2 3h1v1h-1zM5 3h1v1h-1zM1 4h1v1h-1zM4 4h1v1h-1zM0 5h1v1h-1zM3 5h1v1h-1zM0 6h1v1h-1zM2 6h1v1h-1zM0 7h2v1h-2z'/%3E%3Cpath fill='%23fe7da8' d='M5 1h2v1h-2z'/%3E%3Cpath fill='%23ffffff' d='M4 2h2v1h-2z'/%3E%3Cpath fill='%23ffd440' d='M3 3h2v1h-2zM2 4h2v1h-2z'/%3E%3Cpath fill='%23b07a4e' d='M1 5h2v1h-2zM1 6h1v1h-1z'/%3E%3C/g%3E%3Cg transform='translate(38 4) scale(2)'%3E%3Cpath fill='%23141111' d='M2 0h4v1h-4zM1 1h1v1h-1zM6 1h1v1h-1zM0 2h1v1h-1zM7 2h1v1h-1zM0 3h1v1h-1zM7 3h1v1h-1zM1 4h1v1h-1zM6 4h1v1h-1zM2 5h1v1h-1zM5 5h1v1h-1zM2 6h4v1h-4zM2 7h1v1h-1zM5 7h1v1h-1z'/%3E%3Cpath fill='%23ffd440' d='M2 1h4v1h-4zM1 2h1v1h-1zM3 2h4v1h-4zM1 3h6v1h-6zM2 4h4v1h-4zM3 5h2v1h-2z'/%3E%3Cpath fill='%23ffffff' d='M2 2h1v1h-1z'/%3E%3Cpath fill='%23576574' d='M3 7h2v1h-2z'/%3E%3C/g%3E%3Cg transform='translate(80 14) scale(3)'%3E%3Cpath fill='%23141111' d='M0 0h7v1h-7zM0 1h1v1h-1zM4 1h1v1h-1zM7 1h1v1h-1zM0 2h1v1h-1zM4 2h1v1h-1zM7 2h1v1h-1zM0 3h1v1h-1zM7 3h1v1h-1zM0 4h1v1h-1zM7 4h1v1h-1zM0 5h1v1h-1zM3 5h3v1h-3zM7 5h1v1h-1zM0 6h1v1h-1zM7 6h1v1h-1zM0 7h8v1h-8z'/%3E%3Cpath fill='%23576574' d='M1 1h1v1h-1zM6 1h1v1h-1zM1 2h1v1h-1zM6 2h1v1h-1zM1 3h6v1h-6zM1 4h1v1h-1zM6 4h1v1h-1zM1 5h1v1h-1zM6 5h1v1h-1zM1 6h1v1h-1zM6 6h1v1h-1z'/%3E%3Cpath fill='%23ffffff' d='M2 1h2v1h-2zM5 1h1v1h-1zM2 2h2v1h-2zM5 2h1v1h-1zM2 4h4v1h-4zM2 5h1v1h-1zM2 6h4v1h-4z'/%3E%3C/g%3E%3Cg transform='translate(118 6) scale(2)'%3E%3Cpath fill='%23141111' d='M1 0h4v1h-4zM0 1h1v1h-1zM5 1h1v1h-1zM0 2h1v1h-1zM5 2h1v1h-1zM0 3h1v1h-1zM5 3h1v1h-1zM1 4h5v1h-5zM4 5h1v1h-1zM6 5h1v1h-1zM5 6h1v1h-1zM7 6h1v1h-1zM6 7h2v1h-2z'/%3E%3Cpath fill='%23ffffff' d='M1 1h1v1h-1z'/%3E%3Cpath fill='%2327ccf3' d='M2 1h3v1h-3zM1 2h4v1h-4zM1 3h4v1h-4z'/%3E%3Cpath fill='%23b07a4e' d='M5 5h1v1h-1zM6 6h1v1h-1z'/%3E%3C/g%3E%3Cg transform='translate(160 12) scale(3)'%3E%3Cpath fill='%23141111' d='M0 1h8v1h-8zM0 2h1v1h-1zM7 2h1v1h-1zM0 3h8v1h-8zM0 4h1v1h-1zM2 4h6v1h-6zM0 5h2v1h-2zM3 5h5v1h-5zM0 6h1v1h-1zM2 6h2v1h-2zM6 6h2v1h-2zM0 7h8v1h-8z'/%3E%3Cpath fill='%23f97264' d='M1 2h1v1h-1z'/%3E%3Cpath fill='%23ffd440' d='M2 2h1v1h-1z'/%3E%3Cpath fill='%23a9d877' d='M3 2h1v1h-1zM1 4h1v1h-1zM2 5h1v1h-1zM1 6h1v1h-1zM4 6h2v1h-2z'/%3E%3Cpath fill='%23ffffff' d='M4 2h3v1h-3z'/%3E%3C/g%3E%3C/svg%3E");
+  --theme-decor-rail: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='112' shape-rendering='crispEdges'%3E%3Cg transform='translate(12 0) scale(3)'%3E%3Cpath fill='%23141111' d='M6 0h2v1h-2zM4 1h2v1h-2zM7 1h1v1h-1zM2 2h2v1h-2zM7 2h1v1h-1zM0 3h2v1h-2zM6 3h2v1h-2zM1 4h2v1h-2zM5 4h1v1h-1zM7 4h1v1h-1zM3 5h3v1h-3zM7 5h1v1h-1zM4 6h1v1h-1zM6 6h1v1h-1zM5 7h1v1h-1z'/%3E%3Cpath fill='%23ffffff' d='M6 1h1v1h-1zM4 2h3v1h-3zM2 3h4v1h-4zM3 4h2v1h-2zM6 4h1v1h-1zM6 5h1v1h-1zM5 6h1v1h-1z'/%3E%3C/g%3E%3Cg transform='translate(0 34) scale(2)'%3E%3Cpath fill='%23141111' d='M3 0h2v1h-2zM2 1h1v1h-1zM5 1h1v1h-1zM1 2h1v1h-1zM6 2h1v1h-1zM1 3h1v1h-1zM6 3h1v1h-1zM1 4h1v1h-1zM6 4h1v1h-1zM0 5h1v1h-1zM7 5h1v1h-1zM0 6h8v1h-8zM3 7h2v1h-2z'/%3E%3Cpath fill='%23ffd440' d='M3 1h2v1h-2zM2 2h4v1h-4zM2 3h4v1h-4zM2 4h4v1h-4zM1 5h6v1h-6z'/%3E%3C/g%3E%3Cg transform='translate(24 52) scale(3)'%3E%3Cpath fill='%23141111' d='M2 0h4v1h-4zM0 1h3v1h-3zM5 1h3v1h-3zM0 2h1v1h-1zM7 2h1v1h-1zM0 3h1v1h-1zM3 3h3v1h-3zM7 3h1v1h-1zM0 4h1v1h-1zM7 4h1v1h-1zM0 5h1v1h-1zM3 5h3v1h-3zM7 5h1v1h-1zM0 6h1v1h-1zM7 6h1v1h-1zM0 7h8v1h-8z'/%3E%3Cpath fill='%23576574' d='M3 1h2v1h-2z'/%3E%3Cpath fill='%23ffffff' d='M1 2h6v1h-6zM2 3h1v1h-1zM6 3h1v1h-1zM1 4h6v1h-6zM2 5h1v1h-1zM6 5h1v1h-1zM1 6h6v1h-6z'/%3E%3Cpath fill='%23a9d877' d='M1 3h1v1h-1zM1 5h1v1h-1z'/%3E%3C/g%3E%3Cg transform='translate(4 86) scale(3)'%3E%3Cpath fill='%23141111' d='M0 0h7v1h-7zM0 1h1v1h-1zM4 1h1v1h-1zM7 1h1v1h-1zM0 2h1v1h-1zM4 2h1v1h-1zM7 2h1v1h-1zM0 3h1v1h-1zM7 3h1v1h-1zM0 4h1v1h-1zM7 4h1v1h-1zM0 5h1v1h-1zM3 5h3v1h-3zM7 5h1v1h-1zM0 6h1v1h-1zM7 6h1v1h-1zM0 7h8v1h-8z'/%3E%3Cpath fill='%23576574' d='M1 1h1v1h-1zM6 1h1v1h-1zM1 2h1v1h-1zM6 2h1v1h-1zM1 3h6v1h-6zM1 4h1v1h-1zM6 4h1v1h-1zM1 5h1v1h-1zM6 5h1v1h-1zM1 6h1v1h-1zM6 6h1v1h-1z'/%3E%3Cpath fill='%23ffffff' d='M2 1h2v1h-2zM5 1h1v1h-1zM2 2h2v1h-2zM5 2h1v1h-1zM2 4h4v1h-4zM2 5h1v1h-1zM2 6h4v1h-4z'/%3E%3C/g%3E%3C/svg%3E");
+}
+
+.light[data-theme="desk"],
+:root:not(.light):not(.dark)[data-theme="desk"] {
+  --layer-frame: oklch(0.83 0.06 75);
+  --foreground-on-frame: var(--sticker-ink);
+  --foreground-on-frame-muted: color-mix(in oklch, var(--sticker-ink) 62%, var(--layer-frame));
+  --foreground-on-frame-active: var(--sticker-ink);
+  --layer-frame-active: oklch(1 0 0);
+  --fill-frame-medium: oklch(0.1813 0.005 17.62 / 0.1);
+  --layer-sidebar: oklch(0.985 0.012 75);
+}
+
+.dark[data-theme="desk"] {
+  --layer-frame: oklch(0.31 0.04 75);
+  --foreground-on-frame: oklch(0.96 0.01 90);
+  --foreground-on-frame-muted: oklch(0.80 0.02 90);
+  --layer-frame-active: var(--brand-400);
+  --fill-frame-medium: oklch(1 0 0 / 0.1);
+  --layer-canvas: oklch(0.235 0.02 75);
+  --layer-sidebar: oklch(0.205 0.022 75);
+  --layer-card: oklch(0.265 0.02 75);
+  --layer-popover: oklch(0.29 0.02 75);
+}
+
+@media (prefers-color-scheme: dark) {
+  :root:not(.light):not(.dark)[data-theme="desk"] {
+    --layer-frame: oklch(0.31 0.04 75);
+    --foreground-on-frame: oklch(0.96 0.01 90);
+    --foreground-on-frame-muted: oklch(0.80 0.02 90);
+    --layer-frame-active: var(--brand-400);
+    --fill-frame-medium: oklch(1 0 0 / 0.1);
+    --layer-canvas: oklch(0.235 0.02 75);
+    --layer-sidebar: oklch(0.205 0.022 75);
+    --layer-card: oklch(0.265 0.02 75);
+    --layer-popover: oklch(0.29 0.02 75);
+  }
+}
+
+/* Food */
+:is(:root, .light, .dark)[data-theme="food"] {
+  --theme-decor-top: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='190' height='48' shape-rendering='crispEdges'%3E%3Cg transform='translate(0 12) scale(3)'%3E%3Cpath fill='%23141111' d='M2 0h4v1h-4zM1 1h1v1h-1zM6 1h1v1h-1zM0 2h1v1h-1zM7 2h1v1h-1zM0 3h1v1h-1zM3 3h2v1h-2zM7 3h1v1h-1zM0 4h1v1h-1zM3 4h2v1h-2zM7 4h1v1h-1zM0 5h1v1h-1zM7 5h1v1h-1zM1 6h1v1h-1zM6 6h1v1h-1zM2 7h4v1h-4z'/%3E%3Cpath fill='%23fe7da8' d='M2 1h1v1h-1zM4 1h2v1h-2zM1 2h4v1h-4zM6 2h1v1h-1zM1 3h1v1h-1zM5 3h2v1h-2zM1 4h2v1h-2zM5 4h1v1h-1zM2 5h5v1h-5zM2 6h2v1h-2zM5 6h1v1h-1z'/%3E%3Cpath fill='%23ffd440' d='M3 1h1v1h-1zM6 4h1v1h-1z'/%3E%3Cpath fill='%2327ccf3' d='M5 2h1v1h-1zM1 5h1v1h-1z'/%3E%3Cpath fill='%23ffffff' d='M2 3h1v1h-1zM4 6h1v1h-1z'/%3E%3C/g%3E%3Cg transform='translate(38 4) scale(2)'%3E%3Cpath fill='%23141111' d='M3 0h2v1h-2zM1 1h2v1h-2zM5 1h2v1h-2zM0 2h1v1h-1zM7 2h1v1h-1zM0 3h1v1h-1zM7 3h1v1h-1zM0 4h1v1h-1zM7 4h1v1h-1zM1 5h1v1h-1zM6 5h1v1h-1zM2 6h1v1h-1zM5 6h1v1h-1zM3 7h2v1h-2z'/%3E%3Cpath fill='%23a9d877' d='M3 1h2v1h-2zM2 2h4v1h-4z'/%3E%3Cpath fill='%23f97264' d='M1 2h1v1h-1zM6 2h1v1h-1zM1 3h1v1h-1zM3 3h2v1h-2zM6 3h1v1h-1zM1 4h6v1h-6zM3 5h2v1h-2zM3 6h2v1h-2z'/%3E%3Cpath fill='%23ffd440' d='M2 3h1v1h-1zM5 3h1v1h-1zM2 5h1v1h-1zM5 5h1v1h-1z'/%3E%3C/g%3E%3Cg transform='translate(80 14) scale(3)'%3E%3Cpath fill='%23141111' d='M0 0h8v1h-8zM0 1h1v1h-1zM7 1h1v1h-1zM0 2h1v1h-1zM7 2h1v1h-1zM1 3h1v1h-1zM6 3h1v1h-1zM1 4h1v1h-1zM6 4h1v1h-1zM2 5h1v1h-1zM5 5h1v1h-1zM2 6h1v1h-1zM5 6h1v1h-1zM3 7h2v1h-2z'/%3E%3Cpath fill='%23b07a4e' d='M1 1h6v1h-6z'/%3E%3Cpath fill='%23ffd440' d='M1 2h2v1h-2zM4 2h3v1h-3zM3 3h2v1h-2zM2 4h4v1h-4zM4 5h1v1h-1zM3 6h2v1h-2z'/%3E%3Cpath fill='%23f97264' d='M3 2h1v1h-1zM2 3h1v1h-1zM5 3h1v1h-1zM3 5h1v1h-1z'/%3E%3C/g%3E%3Cg transform='translate(118 6) scale(2)'%3E%3Cpath fill='%23141111' d='M2 0h4v1h-4zM1 1h1v1h-1zM6 1h1v1h-1zM0 2h1v1h-1zM7 2h1v1h-1zM0 3h1v1h-1zM7 3h1v1h-1zM0 4h8v1h-8zM1 5h1v1h-1zM3 5h1v1h-1zM6 5h1v1h-1zM2 6h1v1h-1zM5 6h1v1h-1zM3 7h2v1h-2z'/%3E%3Cpath fill='%23fe7da8' d='M2 1h2v1h-2zM5 1h1v1h-1zM1 2h6v1h-6zM1 3h6v1h-6z'/%3E%3Cpath fill='%23ffffff' d='M4 1h1v1h-1z'/%3E%3Cpath fill='%23b07a4e' d='M2 5h1v1h-1zM4 5h2v1h-2zM3 6h2v1h-2z'/%3E%3C/g%3E%3Cg transform='translate(160 12) scale(3)'%3E%3Cpath fill='%23141111' d='M3 0h2v1h-2zM2 1h1v1h-1zM5 1h1v1h-1zM2 2h1v1h-1zM5 2h1v1h-1zM1 3h1v1h-1zM6 3h1v1h-1zM1 4h1v1h-1zM6 4h1v1h-1zM0 5h1v1h-1zM2 5h4v1h-4zM7 5h1v1h-1zM0 6h1v1h-1zM2 6h4v1h-4zM7 6h1v1h-1zM0 7h8v1h-8z'/%3E%3Cpath fill='%23ffffff' d='M3 1h2v1h-2zM3 2h2v1h-2zM2 3h4v1h-4zM2 4h4v1h-4zM1 5h1v1h-1zM6 5h1v1h-1zM1 6h1v1h-1zM6 6h1v1h-1z'/%3E%3C/g%3E%3C/svg%3E");
+  --theme-decor-rail: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='112' shape-rendering='crispEdges'%3E%3Cg transform='translate(12 0) scale(3)'%3E%3Cpath fill='%23141111' d='M3 0h2v1h-2zM2 1h1v1h-1zM5 1h1v1h-1zM1 2h1v1h-1zM6 2h1v1h-1zM0 3h1v1h-1zM7 3h1v1h-1zM0 4h8v1h-8zM1 5h1v1h-1zM3 5h1v1h-1zM5 5h2v1h-2zM1 6h1v1h-1zM3 6h1v1h-1zM5 6h2v1h-2zM2 7h4v1h-4z'/%3E%3Cpath fill='%23f97264' d='M3 1h2v1h-2z'/%3E%3Cpath fill='%23fe7da8' d='M2 2h4v1h-4zM1 3h2v1h-2zM4 3h3v1h-3z'/%3E%3Cpath fill='%23ffffff' d='M3 3h1v1h-1z'/%3E%3Cpath fill='%23b07a4e' d='M2 5h1v1h-1zM4 5h1v1h-1zM2 6h1v1h-1zM4 6h1v1h-1z'/%3E%3C/g%3E%3Cg transform='translate(0 34) scale(2)'%3E%3Cpath fill='%23141111' d='M2 0h4v1h-4zM1 1h1v1h-1zM6 1h1v1h-1zM0 2h1v1h-1zM2 2h1v1h-1zM7 2h1v1h-1zM0 3h1v1h-1zM5 3h1v1h-1zM7 3h1v1h-1zM0 4h1v1h-1zM3 4h1v1h-1zM7 4h1v1h-1zM0 5h1v1h-1zM6 5h2v1h-2zM1 6h1v1h-1zM3 6h1v1h-1zM6 6h1v1h-1zM2 7h4v1h-4z'/%3E%3Cpath fill='%23b07a4e' d='M2 1h4v1h-4zM1 2h1v1h-1zM3 2h4v1h-4zM1 3h4v1h-4zM6 3h1v1h-1zM1 4h2v1h-2zM4 4h3v1h-3zM1 5h5v1h-5zM2 6h1v1h-1zM4 6h2v1h-2z'/%3E%3C/g%3E%3Cg transform='translate(24 52) scale(3)'%3E%3Cpath fill='%23141111' d='M2 1h3v1h-3zM1 2h1v1h-1zM5 2h2v1h-2zM0 3h1v1h-1zM7 3h1v1h-1zM0 4h1v1h-1zM7 4h1v1h-1zM1 5h1v1h-1zM7 5h1v1h-1zM2 6h5v1h-5z'/%3E%3Cpath fill='%23ffffff' d='M2 2h3v1h-3zM1 3h2v1h-2zM5 3h2v1h-2zM1 4h2v1h-2zM5 4h2v1h-2zM2 5h5v1h-5z'/%3E%3Cpath fill='%23ffd440' d='M3 3h2v1h-2zM3 4h1v1h-1z'/%3E%3Cpath fill='%23f8a16f' d='M4 4h1v1h-1z'/%3E%3C/g%3E%3Cg transform='translate(4 86) scale(3)'%3E%3Cpath fill='%23141111' d='M2 0h4v1h-4zM1 1h1v1h-1zM6 1h1v1h-1zM0 2h1v1h-1zM7 2h1v1h-1zM0 3h1v1h-1zM3 3h2v1h-2zM7 3h1v1h-1zM0 4h1v1h-1zM3 4h2v1h-2zM7 4h1v1h-1zM0 5h1v1h-1zM7 5h1v1h-1zM1 6h1v1h-1zM6 6h1v1h-1zM2 7h4v1h-4z'/%3E%3Cpath fill='%23fe7da8' d='M2 1h1v1h-1zM4 1h2v1h-2zM1 2h4v1h-4zM6 2h1v1h-1zM1 3h1v1h-1zM5 3h2v1h-2zM1 4h2v1h-2zM5 4h1v1h-1zM2 5h5v1h-5zM2 6h2v1h-2zM5 6h1v1h-1z'/%3E%3Cpath fill='%23ffd440' d='M3 1h1v1h-1zM6 4h1v1h-1z'/%3E%3Cpath fill='%2327ccf3' d='M5 2h1v1h-1zM1 5h1v1h-1z'/%3E%3Cpath fill='%23ffffff' d='M2 3h1v1h-1zM4 6h1v1h-1z'/%3E%3C/g%3E%3C/svg%3E");
+}
+
+.light[data-theme="food"],
+:root:not(.light):not(.dark)[data-theme="food"] {
+  --layer-frame: oklch(0.88 0.065 355);
+  --foreground-on-frame: var(--sticker-ink);
+  --foreground-on-frame-muted: color-mix(in oklch, var(--sticker-ink) 62%, var(--layer-frame));
+  --foreground-on-frame-active: var(--sticker-ink);
+  --layer-frame-active: oklch(1 0 0);
+  --fill-frame-medium: oklch(0.1813 0.005 17.62 / 0.1);
+  --layer-sidebar: oklch(0.985 0.012 355);
+}
+
+.dark[data-theme="food"] {
+  --layer-frame: oklch(0.31 0.055 355);
+  --foreground-on-frame: oklch(0.96 0.01 90);
+  --foreground-on-frame-muted: oklch(0.80 0.02 90);
+  --layer-frame-active: var(--brand-400);
+  --fill-frame-medium: oklch(1 0 0 / 0.1);
+  --layer-canvas: oklch(0.235 0.025 355);
+  --layer-sidebar: oklch(0.205 0.028 355);
+  --layer-card: oklch(0.265 0.025 355);
+  --layer-popover: oklch(0.29 0.025 355);
+}
+
+@media (prefers-color-scheme: dark) {
+  :root:not(.light):not(.dark)[data-theme="food"] {
+    --layer-frame: oklch(0.31 0.055 355);
+    --foreground-on-frame: oklch(0.96 0.01 90);
+    --foreground-on-frame-muted: oklch(0.80 0.02 90);
+    --layer-frame-active: var(--brand-400);
+    --fill-frame-medium: oklch(1 0 0 / 0.1);
+    --layer-canvas: oklch(0.235 0.025 355);
+    --layer-sidebar: oklch(0.205 0.028 355);
+    --layer-card: oklch(0.265 0.025 355);
+    --layer-popover: oklch(0.29 0.025 355);
+  }
+}
+
+/* Quest */
+:is(:root, .light, .dark)[data-theme="quest"] {
+  --theme-decor-top: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='190' height='48' shape-rendering='crispEdges'%3E%3Cg transform='translate(0 12) scale(3)'%3E%3Cpath fill='%23141111' d='M3 0h2v1h-2zM2 1h1v1h-1zM5 1h1v1h-1zM2 2h1v1h-1zM5 2h1v1h-1zM1 3h2v1h-2zM5 3h2v1h-2zM0 4h1v1h-1zM7 4h1v1h-1zM1 5h2v1h-2zM5 5h2v1h-2zM2 6h1v1h-1zM5 6h1v1h-1zM2 7h1v1h-1zM5 7h1v1h-1z'/%3E%3Cpath fill='%23ffffff' d='M3 1h1v1h-1zM3 2h1v1h-1zM3 3h1v1h-1z'/%3E%3Cpath fill='%2327ccf3' d='M4 1h1v1h-1zM4 2h1v1h-1zM4 3h1v1h-1z'/%3E%3Cpath fill='%23ffd440' d='M1 4h6v1h-6zM3 7h2v1h-2z'/%3E%3Cpath fill='%23b07a4e' d='M3 5h2v1h-2zM3 6h2v1h-2z'/%3E%3C/g%3E%3Cg transform='translate(38 4) scale(2)'%3E%3Cpath fill='%23141111' d='M1 1h1v1h-1zM3 1h2v1h-2zM6 1h1v1h-1zM1 2h6v1h-6zM1 3h1v1h-1zM6 3h1v1h-1zM1 4h1v1h-1zM6 4h1v1h-1zM0 5h8v1h-8zM0 6h1v1h-1zM7 6h1v1h-1zM0 7h8v1h-8z'/%3E%3Cpath fill='%23ffd440' d='M2 3h4v1h-4zM2 4h4v1h-4zM1 6h6v1h-6z'/%3E%3C/g%3E%3Cg transform='translate(80 14) scale(3)'%3E%3Cpath fill='%23141111' d='M0 0h8v1h-8zM0 1h1v1h-1zM7 1h1v1h-1zM0 2h1v1h-1zM7 2h1v1h-1zM0 3h1v1h-1zM7 3h1v1h-1zM0 4h1v1h-1zM7 4h1v1h-1zM1 5h1v1h-1zM6 5h1v1h-1zM2 6h1v1h-1zM5 6h1v1h-1zM3 7h2v1h-2z'/%3E%3Cpath fill='%2327ccf3' d='M1 1h2v1h-2zM5 1h2v1h-2zM1 2h2v1h-2zM5 2h2v1h-2zM1 4h2v1h-2zM5 4h2v1h-2zM2 5h1v1h-1zM5 5h1v1h-1z'/%3E%3Cpath fill='%23ffd440' d='M3 1h2v1h-2zM3 2h2v1h-2zM1 3h6v1h-6zM3 4h2v1h-2zM3 5h2v1h-2zM3 6h2v1h-2z'/%3E%3C/g%3E%3Cg transform='translate(118 6) scale(2)'%3E%3Cpath fill='%23141111' d='M2 0h4v1h-4zM2 1h1v1h-1zM5 1h1v1h-1zM2 2h1v1h-1zM5 2h1v1h-1zM1 3h1v1h-1zM6 3h1v1h-1zM0 4h1v1h-1zM7 4h1v1h-1zM0 5h1v1h-1zM7 5h1v1h-1zM0 6h1v1h-1zM7 6h1v1h-1zM1 7h6v1h-6z'/%3E%3Cpath fill='%23b07a4e' d='M3 1h2v1h-2z'/%3E%3Cpath fill='%23ffffff' d='M3 2h2v1h-2zM2 3h4v1h-4zM1 5h1v1h-1zM4 6h1v1h-1z'/%3E%3Cpath fill='%23a9d877' d='M1 4h6v1h-6zM2 5h5v1h-5zM1 6h3v1h-3zM5 6h2v1h-2z'/%3E%3C/g%3E%3Cg transform='translate(160 12) scale(3)'%3E%3Cpath fill='%23141111' d='M1 1h3v1h-3zM0 2h1v1h-1zM4 2h4v1h-4zM0 3h1v1h-1zM2 3h1v1h-1zM7 3h1v1h-1zM0 4h1v1h-1zM4 4h1v1h-1zM7 4h1v1h-1zM1 5h3v1h-3zM5 5h3v1h-3z'/%3E%3Cpath fill='%23ffd440' d='M1 2h3v1h-3zM1 3h1v1h-1zM3 3h4v1h-4zM1 4h3v1h-3zM5 4h2v1h-2z'/%3E%3C/g%3E%3C/svg%3E");
+  --theme-decor-rail: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='112' shape-rendering='crispEdges'%3E%3Cg transform='translate(12 0) scale(3)'%3E%3Cpath fill='%23141111' d='M3 0h2v1h-2zM2 1h1v1h-1zM5 1h1v1h-1zM1 2h1v1h-1zM6 2h1v1h-1zM0 3h1v1h-1zM7 3h1v1h-1zM0 4h1v1h-1zM7 4h1v1h-1zM1 5h1v1h-1zM6 5h1v1h-1zM2 6h1v1h-1zM5 6h1v1h-1zM3 7h2v1h-2z'/%3E%3Cpath fill='%2327ccf3' d='M3 1h2v1h-2zM2 2h1v1h-1zM4 2h2v1h-2zM1 3h1v1h-1zM3 3h4v1h-4zM1 4h6v1h-6zM2 5h4v1h-4zM3 6h2v1h-2z'/%3E%3Cpath fill='%23ffffff' d='M3 2h1v1h-1zM2 3h1v1h-1z'/%3E%3C/g%3E%3Cg transform='translate(0 34) scale(2)'%3E%3Cpath fill='%23141111' d='M1 1h6v1h-6zM0 2h1v1h-1zM7 2h1v1h-1zM0 3h3v1h-3zM5 3h3v1h-3zM0 4h1v1h-1zM7 4h1v1h-1zM0 5h1v1h-1zM7 5h1v1h-1zM0 6h1v1h-1zM7 6h1v1h-1zM0 7h8v1h-8z'/%3E%3Cpath fill='%23b07a4e' d='M1 2h6v1h-6zM1 4h2v1h-2zM5 4h2v1h-2zM1 5h6v1h-6zM1 6h6v1h-6z'/%3E%3Cpath fill='%23ffd440' d='M3 3h2v1h-2zM3 4h2v1h-2z'/%3E%3C/g%3E%3Cg transform='translate(24 52) scale(3)'%3E%3Cpath fill='%23141111' d='M1 1h2v1h-2zM5 1h2v1h-2zM0 2h1v1h-1zM3 2h2v1h-2zM7 2h1v1h-1zM0 3h1v1h-1zM7 3h1v1h-1zM0 4h1v1h-1zM7 4h1v1h-1zM1 5h1v1h-1zM6 5h1v1h-1zM2 6h1v1h-1zM5 6h1v1h-1zM3 7h2v1h-2z'/%3E%3Cpath fill='%23f97264' d='M1 2h2v1h-2zM5 2h2v1h-2zM1 3h6v1h-6zM1 4h6v1h-6zM2 5h4v1h-4zM3 6h2v1h-2z'/%3E%3C/g%3E%3Cg transform='translate(4 86) scale(3)'%3E%3Cpath fill='%23141111' d='M3 0h2v1h-2zM2 1h1v1h-1zM5 1h1v1h-1zM2 2h1v1h-1zM5 2h1v1h-1zM1 3h2v1h-2zM5 3h2v1h-2zM0 4h1v1h-1zM7 4h1v1h-1zM1 5h2v1h-2zM5 5h2v1h-2zM2 6h1v1h-1zM5 6h1v1h-1zM2 7h1v1h-1zM5 7h1v1h-1z'/%3E%3Cpath fill='%23ffffff' d='M3 1h1v1h-1zM3 2h1v1h-1zM3 3h1v1h-1z'/%3E%3Cpath fill='%2327ccf3' d='M4 1h1v1h-1zM4 2h1v1h-1zM4 3h1v1h-1z'/%3E%3Cpath fill='%23ffd440' d='M1 4h6v1h-6zM3 7h2v1h-2z'/%3E%3Cpath fill='%23b07a4e' d='M3 5h2v1h-2zM3 6h2v1h-2z'/%3E%3C/g%3E%3C/svg%3E");
+}
+
+.light[data-theme="quest"],
+:root:not(.light):not(.dark)[data-theme="quest"] {
+  --layer-frame: oklch(0.40 0.12 25);
+  --foreground-on-frame: oklch(0.96 0.01 90);
+  --foreground-on-frame-muted: oklch(0.80 0.02 90);
+  --layer-frame-active: var(--brand-400);
+  --fill-frame-medium: oklch(1 0 0 / 0.1);
+  --layer-sidebar: oklch(0.985 0.012 25);
+}
+
+.dark[data-theme="quest"] {
+  --layer-frame: oklch(0.31 0.08 25);
+  --foreground-on-frame: oklch(0.96 0.01 90);
+  --foreground-on-frame-muted: oklch(0.80 0.02 90);
+  --layer-frame-active: var(--brand-400);
+  --fill-frame-medium: oklch(1 0 0 / 0.1);
+  --layer-canvas: oklch(0.235 0.03 25);
+  --layer-sidebar: oklch(0.205 0.033 25);
+  --layer-card: oklch(0.265 0.03 25);
+  --layer-popover: oklch(0.29 0.03 25);
+}
+
+@media (prefers-color-scheme: dark) {
+  :root:not(.light):not(.dark)[data-theme="quest"] {
+    --layer-frame: oklch(0.31 0.08 25);
+    --foreground-on-frame: oklch(0.96 0.01 90);
+    --foreground-on-frame-muted: oklch(0.80 0.02 90);
+    --layer-frame-active: var(--brand-400);
+    --fill-frame-medium: oklch(1 0 0 / 0.1);
+    --layer-canvas: oklch(0.235 0.03 25);
+    --layer-sidebar: oklch(0.205 0.033 25);
+    --layer-card: oklch(0.265 0.03 25);
+    --layer-popover: oklch(0.29 0.03 25);
+  }
+}
+
+/* Weather */
+:is(:root, .light, .dark)[data-theme="weather"] {
+  --theme-decor-top: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='190' height='48' shape-rendering='crispEdges'%3E%3Cg transform='translate(0 12) scale(3)'%3E%3Cpath fill='%23141111' d='M2 1h2v1h-2zM1 2h1v1h-1zM4 2h2v1h-2zM0 3h1v1h-1zM6 3h1v1h-1zM0 4h1v1h-1zM7 4h1v1h-1zM0 5h1v1h-1zM7 5h1v1h-1zM1 6h6v1h-6z'/%3E%3Cpath fill='%23ffffff' d='M2 2h2v1h-2zM1 3h5v1h-5zM1 4h6v1h-6zM1 5h6v1h-6z'/%3E%3C/g%3E%3Cg transform='translate(38 4) scale(2)'%3E%3Cpath fill='%23141111' d='M1 0h1v1h-1zM3 0h2v1h-2zM6 0h1v1h-1zM0 1h1v1h-1zM2 1h1v1h-1zM5 1h1v1h-1zM7 1h1v1h-1zM1 2h1v1h-1zM6 2h1v1h-1zM0 3h1v1h-1zM7 3h1v1h-1zM0 4h1v1h-1zM7 4h1v1h-1zM1 5h1v1h-1zM6 5h1v1h-1zM0 6h1v1h-1zM2 6h1v1h-1zM5 6h1v1h-1zM7 6h1v1h-1zM1 7h1v1h-1zM3 7h2v1h-2zM6 7h1v1h-1z'/%3E%3Cpath fill='%23ffd440' d='M3 1h2v1h-2zM2 2h4v1h-4zM1 3h6v1h-6zM1 4h6v1h-6zM2 5h4v1h-4zM3 6h2v1h-2z'/%3E%3C/g%3E%3Cg transform='translate(80 14) scale(3)'%3E%3Cpath fill='%23141111' d='M2 1h4v1h-4zM1 2h1v1h-1zM6 2h1v1h-1zM0 3h1v1h-1zM7 3h1v1h-1zM0 4h1v1h-1zM3 4h2v1h-2zM7 4h1v1h-1zM0 5h1v1h-1zM7 5h1v1h-1zM0 6h3v1h-3zM5 6h3v1h-3z'/%3E%3Cpath fill='%23f97264' d='M2 2h4v1h-4zM1 3h1v1h-1zM6 3h1v1h-1zM1 4h1v1h-1zM6 4h1v1h-1zM1 5h1v1h-1zM6 5h1v1h-1z'/%3E%3Cpath fill='%23ffd440' d='M2 3h4v1h-4zM2 4h1v1h-1zM5 4h1v1h-1zM2 5h1v1h-1zM5 5h1v1h-1z'/%3E%3C/g%3E%3Cg transform='translate(118 6) scale(2)'%3E%3Cpath fill='%23141111' d='M2 1h2v1h-2zM1 2h1v1h-1zM4 2h2v1h-2zM0 3h1v1h-1zM6 3h1v1h-1zM0 4h1v1h-1zM7 4h1v1h-1zM0 5h1v1h-1zM7 5h1v1h-1zM1 6h6v1h-6z'/%3E%3Cpath fill='%23ffffff' d='M2 2h2v1h-2zM1 3h5v1h-5zM1 4h6v1h-6zM1 5h6v1h-6z'/%3E%3C/g%3E%3Cg transform='translate(160 12) scale(3)'%3E%3Cpath fill='%23141111' d='M3 0h2v1h-2zM1 1h2v1h-2zM5 1h2v1h-2zM0 2h1v1h-1zM7 2h1v1h-1zM0 3h8v1h-8zM4 4h1v1h-1zM4 5h1v1h-1zM2 6h1v1h-1zM4 6h1v1h-1zM3 7h1v1h-1z'/%3E%3Cpath fill='%23f97264' d='M3 1h2v1h-2zM1 2h2v1h-2zM4 2h3v1h-3z'/%3E%3Cpath fill='%23ffffff' d='M3 2h1v1h-1z'/%3E%3C/g%3E%3C/svg%3E");
+  --theme-decor-rail: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='112' shape-rendering='crispEdges'%3E%3Cg transform='translate(12 0) scale(3)'%3E%3Cpath fill='%23141111' d='M3 0h4v1h-4zM2 1h1v1h-1zM7 1h1v1h-1zM1 2h3v1h-3zM7 2h1v1h-1zM0 3h1v1h-1zM4 3h1v1h-1zM7 3h1v1h-1zM0 4h1v1h-1zM5 4h3v1h-3zM0 5h1v1h-1zM7 5h1v1h-1zM1 6h6v1h-6z'/%3E%3Cpath fill='%23ffd440' d='M3 1h4v1h-4zM4 2h3v1h-3zM5 3h2v1h-2z'/%3E%3Cpath fill='%23ffffff' d='M1 3h3v1h-3zM1 4h4v1h-4zM1 5h6v1h-6z'/%3E%3C/g%3E%3Cg transform='translate(0 34) scale(2)'%3E%3Cpath fill='%23141111' d='M2 1h2v1h-2zM1 2h1v1h-1zM4 2h2v1h-2zM0 3h1v1h-1zM6 3h1v1h-1zM0 4h1v1h-1zM7 4h1v1h-1zM0 5h1v1h-1zM7 5h1v1h-1zM1 6h6v1h-6z'/%3E%3Cpath fill='%23ffffff' d='M2 2h2v1h-2zM1 3h5v1h-5zM1 4h6v1h-6zM1 5h6v1h-6z'/%3E%3C/g%3E%3Cg transform='translate(24 52) scale(3)'%3E%3Cpath fill='%23141111' d='M2 0h2v1h-2zM1 1h1v1h-1zM4 1h2v1h-2zM0 2h1v1h-1zM6 2h1v1h-1zM0 3h1v1h-1zM7 3h1v1h-1zM1 4h6v1h-6z'/%3E%3Cpath fill='%23ffffff' d='M2 1h2v1h-2zM1 2h5v1h-5zM1 3h6v1h-6z'/%3E%3Cpath fill='%2327ccf3' d='M1 5h1v1h-1zM3 5h1v1h-1zM5 5h1v1h-1zM0 6h1v1h-1zM2 6h1v1h-1zM4 6h1v1h-1zM1 7h1v1h-1zM3 7h1v1h-1zM5 7h1v1h-1z'/%3E%3C/g%3E%3Cg transform='translate(4 86) scale(3)'%3E%3Cpath fill='%23141111' d='M2 0h4v1h-4zM2 1h4v1h-4zM0 2h8v1h-8zM0 3h1v1h-1zM7 3h1v1h-1zM0 4h1v1h-1zM2 4h1v1h-1zM5 4h1v1h-1zM7 4h1v1h-1zM0 5h1v1h-1zM7 5h1v1h-1zM0 6h1v1h-1zM7 6h1v1h-1zM1 7h6v1h-6z'/%3E%3Cpath fill='%23ffffff' d='M1 3h6v1h-6zM1 4h1v1h-1zM3 4h2v1h-2zM6 4h1v1h-1zM1 5h2v1h-2zM4 5h3v1h-3z'/%3E%3Cpath fill='%23f8a16f' d='M3 5h1v1h-1z'/%3E%3Cpath fill='%23f97264' d='M1 6h6v1h-6z'/%3E%3C/g%3E%3C/svg%3E");
+}
+
+.light[data-theme="weather"],
+:root:not(.light):not(.dark)[data-theme="weather"] {
+  --layer-frame: oklch(0.86 0.085 222);
+  --foreground-on-frame: var(--sticker-ink);
+  --foreground-on-frame-muted: color-mix(in oklch, var(--sticker-ink) 62%, var(--layer-frame));
+  --foreground-on-frame-active: var(--sticker-ink);
+  --layer-frame-active: oklch(1 0 0);
+  --fill-frame-medium: oklch(0.1813 0.005 17.62 / 0.1);
+  --layer-sidebar: oklch(0.985 0.012 222);
+}
+
+.dark[data-theme="weather"] {
+  --layer-frame: oklch(0.30 0.055 245);
+  --foreground-on-frame: oklch(0.96 0.01 90);
+  --foreground-on-frame-muted: oklch(0.80 0.02 90);
+  --layer-frame-active: var(--brand-400);
+  --fill-frame-medium: oklch(1 0 0 / 0.1);
+  --layer-canvas: oklch(0.235 0.03 245);
+  --layer-sidebar: oklch(0.205 0.033 245);
+  --layer-card: oklch(0.265 0.03 245);
+  --layer-popover: oklch(0.29 0.03 245);
+  --theme-decor-top: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='190' height='48' shape-rendering='crispEdges'%3E%3Cg transform='translate(0 12) scale(3)'%3E%3Cpath fill='%23141111' d='M3 0h2v1h-2zM3 1h2v1h-2zM0 2h8v1h-8zM1 3h1v1h-1zM6 3h1v1h-1zM2 4h1v1h-1zM5 4h1v1h-1zM1 5h1v1h-1zM3 5h2v1h-2zM6 5h1v1h-1zM0 6h1v1h-1zM2 6h1v1h-1zM5 6h1v1h-1zM7 6h1v1h-1zM0 7h2v1h-2zM6 7h2v1h-2z'/%3E%3Cpath fill='%23ffd440' d='M2 3h4v1h-4zM3 4h2v1h-2zM2 5h1v1h-1zM5 5h1v1h-1zM1 6h1v1h-1zM6 6h1v1h-1z'/%3E%3C/g%3E%3Cg transform='translate(38 4) scale(2)'%3E%3Cpath fill='%23141111' d='M2 0h3v1h-3zM1 1h1v1h-1zM4 1h1v1h-1zM0 2h1v1h-1zM3 2h1v1h-1zM0 3h1v1h-1zM3 3h1v1h-1zM0 4h1v1h-1zM3 4h1v1h-1zM7 4h1v1h-1zM0 5h1v1h-1zM4 5h2v1h-2zM7 5h1v1h-1zM1 6h1v1h-1zM6 6h1v1h-1zM2 7h4v1h-4z'/%3E%3Cpath fill='%23ffd440' d='M2 1h2v1h-2zM6 1h1v1h-1zM1 2h2v1h-2zM1 3h2v1h-2zM1 4h2v1h-2zM1 5h3v1h-3zM6 5h1v1h-1zM2 6h4v1h-4z'/%3E%3C/g%3E%3Cg transform='translate(80 14) scale(3)'%3E%3Cpath fill='%23141111' d='M2 1h2v1h-2zM1 2h1v1h-1zM4 2h2v1h-2zM0 3h1v1h-1zM6 3h1v1h-1zM0 4h1v1h-1zM7 4h1v1h-1zM0 5h1v1h-1zM7 5h1v1h-1zM1 6h6v1h-6z'/%3E%3Cpath fill='%23ffffff' d='M2 2h2v1h-2zM1 3h5v1h-5zM1 4h6v1h-6zM1 5h6v1h-6z'/%3E%3C/g%3E%3Cg transform='translate(118 6) scale(2)'%3E%3Cpath fill='%23141111' d='M3 0h2v1h-2zM3 1h2v1h-2zM0 2h8v1h-8zM1 3h1v1h-1zM6 3h1v1h-1zM2 4h1v1h-1zM5 4h1v1h-1zM1 5h1v1h-1zM3 5h2v1h-2zM6 5h1v1h-1zM0 6h1v1h-1zM2 6h1v1h-1zM5 6h1v1h-1zM7 6h1v1h-1zM0 7h2v1h-2zM6 7h2v1h-2z'/%3E%3Cpath fill='%23ffd440' d='M2 3h4v1h-4zM3 4h2v1h-2zM2 5h1v1h-1zM5 5h1v1h-1zM1 6h1v1h-1zM6 6h1v1h-1z'/%3E%3C/g%3E%3Cg transform='translate(160 12) scale(3)'%3E%3Cpath fill='%23141111' d='M3 0h4v1h-4zM2 1h1v1h-1zM5 1h1v1h-1zM1 2h1v1h-1zM4 2h1v1h-1zM0 3h1v1h-1zM6 3h1v1h-1zM1 4h2v1h-2zM5 4h1v1h-1zM2 5h1v1h-1zM4 5h1v1h-1zM1 6h1v1h-1zM3 6h1v1h-1zM1 7h2v1h-2z'/%3E%3Cpath fill='%23ffd440' d='M3 1h2v1h-2zM2 2h2v1h-2zM1 3h5v1h-5zM3 4h2v1h-2zM3 5h1v1h-1zM2 6h1v1h-1z'/%3E%3C/g%3E%3C/svg%3E");
+  --theme-decor-rail: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='112' shape-rendering='crispEdges'%3E%3Cg transform='translate(12 0) scale(3)'%3E%3Cpath fill='%23141111' d='M2 0h3v1h-3zM1 1h1v1h-1zM4 1h1v1h-1zM0 2h1v1h-1zM3 2h1v1h-1zM0 3h1v1h-1zM3 3h1v1h-1zM0 4h1v1h-1zM3 4h1v1h-1zM7 4h1v1h-1zM0 5h1v1h-1zM4 5h2v1h-2zM7 5h1v1h-1zM1 6h1v1h-1zM6 6h1v1h-1zM2 7h4v1h-4z'/%3E%3Cpath fill='%23ffd440' d='M2 1h2v1h-2zM6 1h1v1h-1zM1 2h2v1h-2zM1 3h2v1h-2zM1 4h2v1h-2zM1 5h3v1h-3zM6 5h1v1h-1zM2 6h4v1h-4z'/%3E%3C/g%3E%3Cg transform='translate(0 34) scale(2)'%3E%3Cpath fill='%23141111' d='M3 0h2v1h-2zM3 1h2v1h-2zM0 2h8v1h-8zM1 3h1v1h-1zM6 3h1v1h-1zM2 4h1v1h-1zM5 4h1v1h-1zM1 5h1v1h-1zM3 5h2v1h-2zM6 5h1v1h-1zM0 6h1v1h-1zM2 6h1v1h-1zM5 6h1v1h-1zM7 6h1v1h-1zM0 7h2v1h-2zM6 7h2v1h-2z'/%3E%3Cpath fill='%23ffd440' d='M2 3h4v1h-4zM3 4h2v1h-2zM2 5h1v1h-1zM5 5h1v1h-1zM1 6h1v1h-1zM6 6h1v1h-1z'/%3E%3C/g%3E%3Cg transform='translate(24 52) scale(3)'%3E%3Cpath fill='%23141111' d='M2 0h2v1h-2zM1 1h1v1h-1zM4 1h2v1h-2zM0 2h1v1h-1zM6 2h1v1h-1zM0 3h1v1h-1zM7 3h1v1h-1zM1 4h6v1h-6z'/%3E%3Cpath fill='%23ffffff' d='M2 1h2v1h-2zM1 2h5v1h-5zM1 3h6v1h-6z'/%3E%3Cpath fill='%2327ccf3' d='M1 5h1v1h-1zM3 5h1v1h-1zM5 5h1v1h-1zM0 6h1v1h-1zM2 6h1v1h-1zM4 6h1v1h-1zM1 7h1v1h-1zM3 7h1v1h-1zM5 7h1v1h-1z'/%3E%3C/g%3E%3Cg transform='translate(4 86) scale(3)'%3E%3Cpath fill='%23141111' d='M2 0h4v1h-4zM2 1h4v1h-4zM0 2h8v1h-8zM0 3h1v1h-1zM7 3h1v1h-1zM0 4h1v1h-1zM2 4h1v1h-1zM5 4h1v1h-1zM7 4h1v1h-1zM0 5h1v1h-1zM7 5h1v1h-1zM0 6h1v1h-1zM7 6h1v1h-1zM1 7h6v1h-6z'/%3E%3Cpath fill='%23ffffff' d='M1 3h6v1h-6zM1 4h1v1h-1zM3 4h2v1h-2zM6 4h1v1h-1zM1 5h2v1h-2zM4 5h3v1h-3z'/%3E%3Cpath fill='%23f8a16f' d='M3 5h1v1h-1z'/%3E%3Cpath fill='%23f97264' d='M1 6h6v1h-6z'/%3E%3C/g%3E%3C/svg%3E");
+}
+
+@media (prefers-color-scheme: dark) {
+  :root:not(.light):not(.dark)[data-theme="weather"] {
+    --layer-frame: oklch(0.30 0.055 245);
+    --foreground-on-frame: oklch(0.96 0.01 90);
+    --foreground-on-frame-muted: oklch(0.80 0.02 90);
+    --layer-frame-active: var(--brand-400);
+    --fill-frame-medium: oklch(1 0 0 / 0.1);
+    --layer-canvas: oklch(0.235 0.03 245);
+    --layer-sidebar: oklch(0.205 0.033 245);
+    --layer-card: oklch(0.265 0.03 245);
+    --layer-popover: oklch(0.29 0.03 245);
+    --theme-decor-top: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='190' height='48' shape-rendering='crispEdges'%3E%3Cg transform='translate(0 12) scale(3)'%3E%3Cpath fill='%23141111' d='M3 0h2v1h-2zM3 1h2v1h-2zM0 2h8v1h-8zM1 3h1v1h-1zM6 3h1v1h-1zM2 4h1v1h-1zM5 4h1v1h-1zM1 5h1v1h-1zM3 5h2v1h-2zM6 5h1v1h-1zM0 6h1v1h-1zM2 6h1v1h-1zM5 6h1v1h-1zM7 6h1v1h-1zM0 7h2v1h-2zM6 7h2v1h-2z'/%3E%3Cpath fill='%23ffd440' d='M2 3h4v1h-4zM3 4h2v1h-2zM2 5h1v1h-1zM5 5h1v1h-1zM1 6h1v1h-1zM6 6h1v1h-1z'/%3E%3C/g%3E%3Cg transform='translate(38 4) scale(2)'%3E%3Cpath fill='%23141111' d='M2 0h3v1h-3zM1 1h1v1h-1zM4 1h1v1h-1zM0 2h1v1h-1zM3 2h1v1h-1zM0 3h1v1h-1zM3 3h1v1h-1zM0 4h1v1h-1zM3 4h1v1h-1zM7 4h1v1h-1zM0 5h1v1h-1zM4 5h2v1h-2zM7 5h1v1h-1zM1 6h1v1h-1zM6 6h1v1h-1zM2 7h4v1h-4z'/%3E%3Cpath fill='%23ffd440' d='M2 1h2v1h-2zM6 1h1v1h-1zM1 2h2v1h-2zM1 3h2v1h-2zM1 4h2v1h-2zM1 5h3v1h-3zM6 5h1v1h-1zM2 6h4v1h-4z'/%3E%3C/g%3E%3Cg transform='translate(80 14) scale(3)'%3E%3Cpath fill='%23141111' d='M2 1h2v1h-2zM1 2h1v1h-1zM4 2h2v1h-2zM0 3h1v1h-1zM6 3h1v1h-1zM0 4h1v1h-1zM7 4h1v1h-1zM0 5h1v1h-1zM7 5h1v1h-1zM1 6h6v1h-6z'/%3E%3Cpath fill='%23ffffff' d='M2 2h2v1h-2zM1 3h5v1h-5zM1 4h6v1h-6zM1 5h6v1h-6z'/%3E%3C/g%3E%3Cg transform='translate(118 6) scale(2)'%3E%3Cpath fill='%23141111' d='M3 0h2v1h-2zM3 1h2v1h-2zM0 2h8v1h-8zM1 3h1v1h-1zM6 3h1v1h-1zM2 4h1v1h-1zM5 4h1v1h-1zM1 5h1v1h-1zM3 5h2v1h-2zM6 5h1v1h-1zM0 6h1v1h-1zM2 6h1v1h-1zM5 6h1v1h-1zM7 6h1v1h-1zM0 7h2v1h-2zM6 7h2v1h-2z'/%3E%3Cpath fill='%23ffd440' d='M2 3h4v1h-4zM3 4h2v1h-2zM2 5h1v1h-1zM5 5h1v1h-1zM1 6h1v1h-1zM6 6h1v1h-1z'/%3E%3C/g%3E%3Cg transform='translate(160 12) scale(3)'%3E%3Cpath fill='%23141111' d='M3 0h4v1h-4zM2 1h1v1h-1zM5 1h1v1h-1zM1 2h1v1h-1zM4 2h1v1h-1zM0 3h1v1h-1zM6 3h1v1h-1zM1 4h2v1h-2zM5 4h1v1h-1zM2 5h1v1h-1zM4 5h1v1h-1zM1 6h1v1h-1zM3 6h1v1h-1zM1 7h2v1h-2z'/%3E%3Cpath fill='%23ffd440' d='M3 1h2v1h-2zM2 2h2v1h-2zM1 3h5v1h-5zM3 4h2v1h-2zM3 5h1v1h-1zM2 6h1v1h-1z'/%3E%3C/g%3E%3C/svg%3E");
+    --theme-decor-rail: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='112' shape-rendering='crispEdges'%3E%3Cg transform='translate(12 0) scale(3)'%3E%3Cpath fill='%23141111' d='M2 0h3v1h-3zM1 1h1v1h-1zM4 1h1v1h-1zM0 2h1v1h-1zM3 2h1v1h-1zM0 3h1v1h-1zM3 3h1v1h-1zM0 4h1v1h-1zM3 4h1v1h-1zM7 4h1v1h-1zM0 5h1v1h-1zM4 5h2v1h-2zM7 5h1v1h-1zM1 6h1v1h-1zM6 6h1v1h-1zM2 7h4v1h-4z'/%3E%3Cpath fill='%23ffd440' d='M2 1h2v1h-2zM6 1h1v1h-1zM1 2h2v1h-2zM1 3h2v1h-2zM1 4h2v1h-2zM1 5h3v1h-3zM6 5h1v1h-1zM2 6h4v1h-4z'/%3E%3C/g%3E%3Cg transform='translate(0 34) scale(2)'%3E%3Cpath fill='%23141111' d='M3 0h2v1h-2zM3 1h2v1h-2zM0 2h8v1h-8zM1 3h1v1h-1zM6 3h1v1h-1zM2 4h1v1h-1zM5 4h1v1h-1zM1 5h1v1h-1zM3 5h2v1h-2zM6 5h1v1h-1zM0 6h1v1h-1zM2 6h1v1h-1zM5 6h1v1h-1zM7 6h1v1h-1zM0 7h2v1h-2zM6 7h2v1h-2z'/%3E%3Cpath fill='%23ffd440' d='M2 3h4v1h-4zM3 4h2v1h-2zM2 5h1v1h-1zM5 5h1v1h-1zM1 6h1v1h-1zM6 6h1v1h-1z'/%3E%3C/g%3E%3Cg transform='translate(24 52) scale(3)'%3E%3Cpath fill='%23141111' d='M2 0h2v1h-2zM1 1h1v1h-1zM4 1h2v1h-2zM0 2h1v1h-1zM6 2h1v1h-1zM0 3h1v1h-1zM7 3h1v1h-1zM1 4h6v1h-6z'/%3E%3Cpath fill='%23ffffff' d='M2 1h2v1h-2zM1 2h5v1h-5zM1 3h6v1h-6z'/%3E%3Cpath fill='%2327ccf3' d='M1 5h1v1h-1zM3 5h1v1h-1zM5 5h1v1h-1zM0 6h1v1h-1zM2 6h1v1h-1zM4 6h1v1h-1zM1 7h1v1h-1zM3 7h1v1h-1zM5 7h1v1h-1z'/%3E%3C/g%3E%3Cg transform='translate(4 86) scale(3)'%3E%3Cpath fill='%23141111' d='M2 0h4v1h-4zM2 1h4v1h-4zM0 2h8v1h-8zM0 3h1v1h-1zM7 3h1v1h-1zM0 4h1v1h-1zM2 4h1v1h-1zM5 4h1v1h-1zM7 4h1v1h-1zM0 5h1v1h-1zM7 5h1v1h-1zM0 6h1v1h-1zM7 6h1v1h-1zM1 7h6v1h-6z'/%3E%3Cpath fill='%23ffffff' d='M1 3h6v1h-6zM1 4h1v1h-1zM3 4h2v1h-2zM6 4h1v1h-1zM1 5h2v1h-2zM4 5h3v1h-3z'/%3E%3Cpath fill='%23f8a16f' d='M3 5h1v1h-1z'/%3E%3Cpath fill='%23f97264' d='M1 6h6v1h-6z'/%3E%3C/g%3E%3C/svg%3E");
+  }
+}
+
+/* Plants */
+:is(:root, .light, .dark)[data-theme="plants"] {
+  --theme-decor-top: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='190' height='48' shape-rendering='crispEdges'%3E%3Cg transform='translate(0 12) scale(3)'%3E%3Cpath fill='%23141111' d='M3 0h2v1h-2zM2 1h1v1h-1zM5 1h1v1h-1zM1 2h1v1h-1zM6 2h1v1h-1zM0 3h1v1h-1zM7 3h1v1h-1zM0 4h1v1h-1zM7 4h1v1h-1zM1 5h2v1h-2zM5 5h2v1h-2zM2 6h1v1h-1zM5 6h1v1h-1zM3 7h2v1h-2z'/%3E%3Cpath fill='%239dcaaa' d='M3 1h2v1h-2zM2 2h4v1h-4zM1 3h6v1h-6zM1 4h6v1h-6zM3 5h2v1h-2z'/%3E%3Cpath fill='%23f8a16f' d='M3 6h2v1h-2z'/%3E%3C/g%3E%3Cg transform='translate(38 4) scale(2)'%3E%3Cpath fill='%23141111' d='M1 0h1v1h-1zM3 0h2v1h-2zM6 0h1v1h-1zM0 1h1v1h-1zM2 1h1v1h-1zM5 1h1v1h-1zM7 1h1v1h-1zM0 2h1v1h-1zM7 2h1v1h-1zM1 3h1v1h-1zM6 3h1v1h-1zM2 4h1v1h-1zM5 4h1v1h-1zM0 5h1v1h-1zM2 5h1v1h-1zM5 5h1v1h-1zM7 5h1v1h-1zM1 6h1v1h-1zM6 6h1v1h-1zM2 7h4v1h-4z'/%3E%3Cpath fill='%23fe7da8' d='M1 1h1v1h-1zM3 1h2v1h-2zM6 1h1v1h-1zM1 2h6v1h-6zM2 3h4v1h-4z'/%3E%3Cpath fill='%23a9d877' d='M3 4h2v1h-2zM1 5h1v1h-1zM3 5h2v1h-2zM6 5h1v1h-1zM2 6h4v1h-4z'/%3E%3C/g%3E%3Cg transform='translate(80 14) scale(3)'%3E%3Cpath fill='%23141111' d='M3 0h2v1h-2zM2 1h1v1h-1zM5 1h1v1h-1zM1 2h1v1h-1zM6 2h1v1h-1zM2 3h1v1h-1zM5 3h1v1h-1zM1 4h1v1h-1zM6 4h1v1h-1zM0 5h1v1h-1zM7 5h1v1h-1zM0 6h3v1h-3zM5 6h3v1h-3zM3 7h2v1h-2z'/%3E%3Cpath fill='%239dcaaa' d='M3 1h2v1h-2zM2 2h4v1h-4zM3 3h2v1h-2zM2 4h4v1h-4zM1 5h6v1h-6z'/%3E%3Cpath fill='%23b07a4e' d='M3 6h2v1h-2z'/%3E%3C/g%3E%3Cg transform='translate(118 6) scale(2)'%3E%3Cpath fill='%23141111' d='M1 0h1v1h-1zM3 0h2v1h-2zM6 0h1v1h-1zM0 1h1v1h-1zM2 1h1v1h-1zM5 1h1v1h-1zM7 1h1v1h-1zM1 2h1v1h-1zM6 2h1v1h-1zM0 3h1v1h-1zM7 3h1v1h-1zM0 4h1v1h-1zM7 4h1v1h-1zM1 5h1v1h-1zM6 5h1v1h-1zM0 6h1v1h-1zM2 6h1v1h-1zM5 6h1v1h-1zM7 6h1v1h-1zM1 7h1v1h-1zM3 7h2v1h-2zM6 7h1v1h-1z'/%3E%3Cpath fill='%23ffd440' d='M1 1h1v1h-1zM3 1h2v1h-2zM6 1h1v1h-1zM2 2h1v1h-1zM5 2h1v1h-1zM1 3h1v1h-1zM6 3h1v1h-1zM1 4h1v1h-1zM6 4h1v1h-1zM2 5h1v1h-1zM5 5h1v1h-1zM1 6h1v1h-1zM3 6h2v1h-2zM6 6h1v1h-1z'/%3E%3Cpath fill='%23b07a4e' d='M3 2h2v1h-2zM2 3h4v1h-4zM2 4h4v1h-4zM3 5h2v1h-2z'/%3E%3C/g%3E%3Cg transform='translate(160 12) scale(3)'%3E%3Cpath fill='%23141111' d='M3 0h2v1h-2zM2 1h1v1h-1zM5 1h2v1h-2zM1 2h2v1h-2zM5 2h1v1h-1zM7 2h1v1h-1zM0 3h1v1h-1zM2 3h1v1h-1zM7 3h1v1h-1zM0 4h1v1h-1zM5 4h2v1h-2zM1 5h2v1h-2zM5 5h1v1h-1zM1 6h1v1h-1zM6 6h1v1h-1zM2 7h4v1h-4z'/%3E%3Cpath fill='%23a9d877' d='M3 1h2v1h-2zM3 2h2v1h-2zM6 2h1v1h-1zM1 3h1v1h-1zM3 3h4v1h-4zM1 4h4v1h-4zM3 5h2v1h-2z'/%3E%3Cpath fill='%23f8a16f' d='M2 6h4v1h-4z'/%3E%3C/g%3E%3C/svg%3E");
+  --theme-decor-rail: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='112' shape-rendering='crispEdges'%3E%3Cg transform='translate(12 0) scale(3)'%3E%3Cpath fill='%23141111' d='M5 0h3v1h-3zM3 1h2v1h-2zM7 1h1v1h-1zM2 2h1v1h-1zM7 2h1v1h-1zM1 3h1v1h-1zM5 3h1v1h-1zM7 3h1v1h-1zM1 4h1v1h-1zM4 4h1v1h-1zM6 4h1v1h-1zM1 5h1v1h-1zM3 5h1v1h-1zM5 5h1v1h-1zM1 6h4v1h-4zM0 7h1v1h-1z'/%3E%3Cpath fill='%23f8a16f' d='M5 1h2v1h-2zM3 2h4v1h-4zM2 3h3v1h-3zM6 3h1v1h-1zM2 4h2v1h-2zM5 4h1v1h-1zM2 5h1v1h-1zM4 5h1v1h-1z'/%3E%3C/g%3E%3Cg transform='translate(0 34) scale(2)'%3E%3Cpath fill='%23141111' d='M3 0h2v1h-2zM2 1h1v1h-1zM5 1h1v1h-1zM1 2h1v1h-1zM6 2h1v1h-1zM2 3h1v1h-1zM5 3h1v1h-1zM1 4h1v1h-1zM6 4h1v1h-1zM0 5h1v1h-1zM7 5h1v1h-1zM0 6h3v1h-3zM5 6h3v1h-3zM3 7h2v1h-2z'/%3E%3Cpath fill='%239dcaaa' d='M3 1h2v1h-2zM2 2h4v1h-4zM3 3h2v1h-2zM2 4h4v1h-4zM1 5h6v1h-6z'/%3E%3Cpath fill='%23b07a4e' d='M3 6h2v1h-2z'/%3E%3C/g%3E%3Cg transform='translate(24 52) scale(3)'%3E%3Cpath fill='%23141111' d='M2 0h4v1h-4zM1 1h1v1h-1zM6 1h1v1h-1zM0 2h1v1h-1zM7 2h1v1h-1zM0 3h1v1h-1zM7 3h1v1h-1zM1 4h6v1h-6zM2 5h1v1h-1zM5 5h1v1h-1zM2 6h1v1h-1zM5 6h1v1h-1zM1 7h6v1h-6z'/%3E%3Cpath fill='%23f97264' d='M2 1h1v1h-1zM5 1h1v1h-1zM1 2h2v1h-2zM5 2h2v1h-2zM1 3h6v1h-6z'/%3E%3Cpath fill='%23ffffff' d='M3 1h2v1h-2zM3 2h2v1h-2zM3 5h2v1h-2zM3 6h2v1h-2z'/%3E%3C/g%3E%3Cg transform='translate(4 86) scale(3)'%3E%3Cpath fill='%23141111' d='M0 0h2v1h-2zM6 0h2v1h-2zM0 1h1v1h-1zM2 1h1v1h-1zM5 1h1v1h-1zM7 1h1v1h-1zM0 2h1v1h-1zM3 2h2v1h-2zM7 2h1v1h-1zM1 3h2v1h-2zM5 3h2v1h-2zM2 4h1v1h-1zM5 4h1v1h-1zM1 5h6v1h-6zM1 6h1v1h-1zM6 6h1v1h-1zM2 7h4v1h-4z'/%3E%3Cpath fill='%23a9d877' d='M1 1h1v1h-1zM6 1h1v1h-1zM1 2h2v1h-2zM5 2h2v1h-2zM3 3h2v1h-2zM3 4h2v1h-2z'/%3E%3Cpath fill='%23f8a16f' d='M2 6h4v1h-4z'/%3E%3C/g%3E%3C/svg%3E");
+}
+
+.light[data-theme="plants"],
+:root:not(.light):not(.dark)[data-theme="plants"] {
+  --layer-frame: oklch(0.80 0.075 158);
+  --foreground-on-frame: var(--sticker-ink);
+  --foreground-on-frame-muted: color-mix(in oklch, var(--sticker-ink) 62%, var(--layer-frame));
+  --foreground-on-frame-active: var(--sticker-ink);
+  --layer-frame-active: oklch(1 0 0);
+  --fill-frame-medium: oklch(0.1813 0.005 17.62 / 0.1);
+  --layer-sidebar: oklch(0.985 0.012 158);
+}
+
+.dark[data-theme="plants"] {
+  --layer-frame: oklch(0.30 0.05 158);
+  --foreground-on-frame: oklch(0.96 0.01 90);
+  --foreground-on-frame-muted: oklch(0.80 0.02 90);
+  --layer-frame-active: var(--brand-400);
+  --fill-frame-medium: oklch(1 0 0 / 0.1);
+  --layer-canvas: oklch(0.235 0.025 158);
+  --layer-sidebar: oklch(0.205 0.028 158);
+  --layer-card: oklch(0.265 0.025 158);
+  --layer-popover: oklch(0.29 0.025 158);
+}
+
+@media (prefers-color-scheme: dark) {
+  :root:not(.light):not(.dark)[data-theme="plants"] {
+    --layer-frame: oklch(0.30 0.05 158);
+    --foreground-on-frame: oklch(0.96 0.01 90);
+    --foreground-on-frame-muted: oklch(0.80 0.02 90);
+    --layer-frame-active: var(--brand-400);
+    --fill-frame-medium: oklch(1 0 0 / 0.1);
+    --layer-canvas: oklch(0.235 0.025 158);
+    --layer-sidebar: oklch(0.205 0.028 158);
+    --layer-card: oklch(0.265 0.025 158);
+    --layer-popover: oklch(0.29 0.025 158);
+  }
+}
+
+/* Spooky */
+:is(:root, .light, .dark)[data-theme="spooky"] {
+  --theme-decor-top: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='190' height='48' shape-rendering='crispEdges'%3E%3Cg transform='translate(0 12) scale(3)'%3E%3Cpath fill='%23141111' d='M3 0h2v1h-2zM3 1h1v1h-1zM5 1h1v1h-1zM1 2h6v1h-6zM0 3h1v1h-1zM7 3h1v1h-1zM0 4h1v1h-1zM2 4h1v1h-1zM5 4h1v1h-1zM7 4h1v1h-1zM0 5h1v1h-1zM7 5h1v1h-1zM0 6h1v1h-1zM2 6h4v1h-4zM7 6h1v1h-1zM1 7h6v1h-6z'/%3E%3Cpath fill='%23a9d877' d='M4 1h1v1h-1z'/%3E%3Cpath fill='%23f8a16f' d='M1 3h6v1h-6zM1 4h1v1h-1zM3 4h2v1h-2zM6 4h1v1h-1zM1 5h6v1h-6zM1 6h1v1h-1zM6 6h1v1h-1z'/%3E%3C/g%3E%3Cg transform='translate(38 4) scale(2)'%3E%3Cpath fill='%23141111' d='M2 0h4v1h-4zM1 1h1v1h-1zM6 1h1v1h-1zM0 2h1v1h-1zM2 2h1v1h-1zM5 2h1v1h-1zM7 2h1v1h-1zM0 3h1v1h-1zM7 3h1v1h-1zM0 4h1v1h-1zM7 4h1v1h-1zM0 5h1v1h-1zM3 5h2v1h-2zM7 5h1v1h-1zM0 6h1v1h-1zM2 6h1v1h-1zM5 6h1v1h-1zM7 6h1v1h-1zM0 7h1v1h-1zM2 7h1v1h-1zM5 7h1v1h-1zM7 7h1v1h-1z'/%3E%3Cpath fill='%23ffffff' d='M2 1h4v1h-4zM1 2h1v1h-1zM3 2h2v1h-2zM6 2h1v1h-1zM1 3h6v1h-6zM1 4h6v1h-6zM1 5h2v1h-2zM5 5h2v1h-2zM1 6h1v1h-1zM3 6h2v1h-2zM6 6h1v1h-1z'/%3E%3C/g%3E%3Cg transform='translate(80 14) scale(3)'%3E%3Cpath fill='%23141111' d='M0 1h1v1h-1zM2 1h1v1h-1zM5 1h1v1h-1zM7 1h1v1h-1zM0 2h8v1h-8zM0 3h2v1h-2zM3 3h2v1h-2zM6 3h2v1h-2zM0 4h8v1h-8zM0 5h1v1h-1zM2 5h4v1h-4zM7 5h1v1h-1zM3 6h2v1h-2z'/%3E%3Cpath fill='%23ffffff' d='M2 3h1v1h-1zM5 3h1v1h-1z'/%3E%3C/g%3E%3Cg transform='translate(118 6) scale(2)'%3E%3Cpath fill='%23141111' d='M1 0h6v1h-6zM0 1h1v1h-1zM7 1h1v1h-1zM0 2h1v1h-1zM2 2h1v1h-1zM5 2h1v1h-1zM7 2h1v1h-1zM0 3h1v1h-1zM7 3h1v1h-1zM1 4h1v1h-1zM6 4h1v1h-1zM1 5h1v1h-1zM3 5h1v1h-1zM5 5h2v1h-2zM2 6h4v1h-4zM3 7h2v1h-2z'/%3E%3Cpath fill='%23ffffff' d='M1 1h6v1h-6zM1 2h1v1h-1zM3 2h2v1h-2zM6 2h1v1h-1zM1 3h6v1h-6zM2 4h4v1h-4zM2 5h1v1h-1zM4 5h1v1h-1z'/%3E%3C/g%3E%3Cg transform='translate(160 12) scale(3)'%3E%3Cpath fill='%23141111' d='M3 0h2v1h-2zM3 1h1v1h-1zM5 1h1v1h-1zM1 2h6v1h-6zM0 3h1v1h-1zM7 3h1v1h-1zM0 4h1v1h-1zM2 4h1v1h-1zM5 4h1v1h-1zM7 4h1v1h-1zM0 5h1v1h-1zM7 5h1v1h-1zM0 6h1v1h-1zM2 6h4v1h-4zM7 6h1v1h-1zM1 7h6v1h-6z'/%3E%3Cpath fill='%23a9d877' d='M4 1h1v1h-1z'/%3E%3Cpath fill='%23f8a16f' d='M1 3h6v1h-6zM1 4h1v1h-1zM3 4h2v1h-2zM6 4h1v1h-1zM1 5h6v1h-6zM1 6h1v1h-1zM6 6h1v1h-1z'/%3E%3C/g%3E%3C/svg%3E");
+  --theme-decor-rail: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='112' shape-rendering='crispEdges'%3E%3Cg transform='translate(12 0) scale(3)'%3E%3Cpath fill='%23141111' d='M0 1h1v1h-1zM2 1h1v1h-1zM5 1h1v1h-1zM7 1h1v1h-1zM0 2h8v1h-8zM0 3h2v1h-2zM3 3h2v1h-2zM6 3h2v1h-2zM0 4h8v1h-8zM0 5h1v1h-1zM2 5h4v1h-4zM7 5h1v1h-1zM3 6h2v1h-2z'/%3E%3Cpath fill='%23ffffff' d='M2 3h1v1h-1zM5 3h1v1h-1z'/%3E%3C/g%3E%3Cg transform='translate(0 34) scale(2)'%3E%3Cpath fill='%23141111' d='M2 0h4v1h-4zM1 1h1v1h-1zM6 1h1v1h-1zM0 2h1v1h-1zM2 2h1v1h-1zM5 2h1v1h-1zM7 2h1v1h-1zM0 3h1v1h-1zM7 3h1v1h-1zM0 4h1v1h-1zM7 4h1v1h-1zM0 5h1v1h-1zM3 5h2v1h-2zM7 5h1v1h-1zM0 6h1v1h-1zM2 6h1v1h-1zM5 6h1v1h-1zM7 6h1v1h-1zM0 7h1v1h-1zM2 7h1v1h-1zM5 7h1v1h-1zM7 7h1v1h-1z'/%3E%3Cpath fill='%23ffffff' d='M2 1h4v1h-4zM1 2h1v1h-1zM3 2h2v1h-2zM6 2h1v1h-1zM1 3h6v1h-6zM1 4h6v1h-6zM1 5h2v1h-2zM5 5h2v1h-2zM1 6h1v1h-1zM3 6h2v1h-2zM6 6h1v1h-1z'/%3E%3C/g%3E%3Cg transform='translate(24 52) scale(3)'%3E%3Cpath fill='%23141111' d='M3 0h2v1h-2zM3 1h2v1h-2zM0 2h1v1h-1zM2 2h4v1h-4zM7 2h1v1h-1zM1 3h6v1h-6zM0 4h2v1h-2zM3 4h2v1h-2zM6 4h2v1h-2zM1 5h6v1h-6zM0 6h1v1h-1zM2 6h4v1h-4zM7 6h1v1h-1zM0 7h1v1h-1zM7 7h1v1h-1z'/%3E%3Cpath fill='%23ffffff' d='M2 4h1v1h-1zM5 4h1v1h-1z'/%3E%3C/g%3E%3Cg transform='translate(4 86) scale(3)'%3E%3Cpath fill='%23141111' d='M3 0h2v1h-2zM3 1h1v1h-1zM5 1h1v1h-1zM1 2h6v1h-6zM0 3h1v1h-1zM7 3h1v1h-1zM0 4h1v1h-1zM2 4h1v1h-1zM5 4h1v1h-1zM7 4h1v1h-1zM0 5h1v1h-1zM7 5h1v1h-1zM0 6h1v1h-1zM2 6h4v1h-4zM7 6h1v1h-1zM1 7h6v1h-6z'/%3E%3Cpath fill='%23a9d877' d='M4 1h1v1h-1z'/%3E%3Cpath fill='%23f8a16f' d='M1 3h6v1h-6zM1 4h1v1h-1zM3 4h2v1h-2zM6 4h1v1h-1zM1 5h6v1h-6zM1 6h1v1h-1zM6 6h1v1h-1z'/%3E%3C/g%3E%3C/svg%3E");
+}
+
+.light[data-theme="spooky"],
+:root:not(.light):not(.dark)[data-theme="spooky"] {
+  --layer-frame: oklch(0.77 0.14 52);
+  --foreground-on-frame: var(--sticker-ink);
+  --foreground-on-frame-muted: color-mix(in oklch, var(--sticker-ink) 62%, var(--layer-frame));
+  --foreground-on-frame-active: var(--sticker-ink);
+  --layer-frame-active: oklch(1 0 0);
+  --fill-frame-medium: oklch(0.1813 0.005 17.62 / 0.1);
+  --layer-sidebar: oklch(0.985 0.012 52);
+}
+
+.dark[data-theme="spooky"] {
+  --layer-frame: oklch(0.27 0.06 300);
+  --foreground-on-frame: oklch(0.96 0.01 90);
+  --foreground-on-frame-muted: oklch(0.80 0.02 90);
+  --layer-frame-active: var(--brand-400);
+  --fill-frame-medium: oklch(1 0 0 / 0.1);
+  --layer-canvas: oklch(0.235 0.03 300);
+  --layer-sidebar: oklch(0.205 0.033 300);
+  --layer-card: oklch(0.265 0.03 300);
+  --layer-popover: oklch(0.29 0.03 300);
+  --theme-decor-top: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='190' height='48' shape-rendering='crispEdges'%3E%3Cg transform='translate(0 12) scale(3)'%3E%3Cpath fill='%23141111' d='M2 0h4v1h-4zM1 1h1v1h-1zM6 1h1v1h-1zM0 2h1v1h-1zM2 2h1v1h-1zM5 2h1v1h-1zM7 2h1v1h-1zM0 3h1v1h-1zM7 3h1v1h-1zM0 4h1v1h-1zM7 4h1v1h-1zM0 5h1v1h-1zM3 5h2v1h-2zM7 5h1v1h-1zM0 6h1v1h-1zM2 6h1v1h-1zM5 6h1v1h-1zM7 6h1v1h-1zM0 7h1v1h-1zM2 7h1v1h-1zM5 7h1v1h-1zM7 7h1v1h-1z'/%3E%3Cpath fill='%23ffffff' d='M2 1h4v1h-4zM1 2h1v1h-1zM3 2h2v1h-2zM6 2h1v1h-1zM1 3h6v1h-6zM1 4h6v1h-6zM1 5h2v1h-2zM5 5h2v1h-2zM1 6h1v1h-1zM3 6h2v1h-2zM6 6h1v1h-1z'/%3E%3C/g%3E%3Cg transform='translate(38 4) scale(2)'%3E%3Cpath fill='%23141111' d='M2 1h4v1h-4zM1 2h1v1h-1zM6 2h1v1h-1zM0 3h1v1h-1zM3 3h2v1h-2zM7 3h1v1h-1zM0 4h1v1h-1zM3 4h2v1h-2zM7 4h1v1h-1zM1 5h1v1h-1zM6 5h1v1h-1zM2 6h4v1h-4z'/%3E%3Cpath fill='%23ffffff' d='M2 2h4v1h-4zM1 3h2v1h-2zM5 3h2v1h-2zM1 4h2v1h-2zM5 4h2v1h-2zM2 5h4v1h-4z'/%3E%3C/g%3E%3Cg transform='translate(80 14) scale(3)'%3E%3Cpath fill='%23141111' d='M0 1h1v1h-1zM2 1h1v1h-1zM5 1h1v1h-1zM7 1h1v1h-1zM0 2h8v1h-8zM0 3h2v1h-2zM3 3h2v1h-2zM6 3h2v1h-2zM0 4h8v1h-8zM0 5h1v1h-1zM2 5h4v1h-4zM7 5h1v1h-1zM3 6h2v1h-2z'/%3E%3Cpath fill='%23ffffff' d='M2 3h1v1h-1zM5 3h1v1h-1z'/%3E%3C/g%3E%3Cg transform='translate(118 6) scale(2)'%3E%3Cpath fill='%23141111' d='M3 0h1v1h-1zM2 1h1v1h-1zM4 1h1v1h-1zM2 2h1v1h-1zM4 2h2v1h-2zM1 3h1v1h-1zM6 3h1v1h-1zM1 4h1v1h-1zM6 4h1v1h-1zM0 5h1v1h-1zM6 5h1v1h-1zM0 6h1v1h-1zM5 6h1v1h-1zM1 7h4v1h-4z'/%3E%3Cpath fill='%23f97264' d='M3 1h1v1h-1zM3 2h1v1h-1zM3 3h3v1h-3zM4 4h2v1h-2zM5 5h1v1h-1z'/%3E%3Cpath fill='%23f8a16f' d='M2 3h1v1h-1zM2 4h2v1h-2zM2 5h3v1h-3zM3 6h2v1h-2z'/%3E%3Cpath fill='%23ffd440' d='M1 5h1v1h-1zM1 6h2v1h-2z'/%3E%3C/g%3E%3Cg transform='translate(160 12) scale(3)'%3E%3Cpath fill='%23141111' d='M3 0h2v1h-2zM3 1h1v1h-1zM5 1h1v1h-1zM1 2h6v1h-6zM0 3h1v1h-1zM7 3h1v1h-1zM0 4h1v1h-1zM2 4h1v1h-1zM5 4h1v1h-1zM7 4h1v1h-1zM0 5h1v1h-1zM7 5h1v1h-1zM0 6h1v1h-1zM2 6h4v1h-4zM7 6h1v1h-1zM1 7h6v1h-6z'/%3E%3Cpath fill='%23a9d877' d='M4 1h1v1h-1z'/%3E%3Cpath fill='%23f8a16f' d='M1 3h6v1h-6zM1 4h1v1h-1zM3 4h2v1h-2zM6 4h1v1h-1zM1 5h6v1h-6zM1 6h1v1h-1zM6 6h1v1h-1z'/%3E%3C/g%3E%3C/svg%3E");
+  --theme-decor-rail: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='112' shape-rendering='crispEdges'%3E%3Cg transform='translate(12 0) scale(3)'%3E%3Cpath fill='%23141111' d='M0 1h1v1h-1zM2 1h1v1h-1zM5 1h1v1h-1zM7 1h1v1h-1zM0 2h8v1h-8zM0 3h2v1h-2zM3 3h2v1h-2zM6 3h2v1h-2zM0 4h8v1h-8zM0 5h1v1h-1zM2 5h4v1h-4zM7 5h1v1h-1zM3 6h2v1h-2z'/%3E%3Cpath fill='%23ffffff' d='M2 3h1v1h-1zM5 3h1v1h-1z'/%3E%3C/g%3E%3Cg transform='translate(0 34) scale(2)'%3E%3Cpath fill='%23141111' d='M3 0h2v1h-2zM3 1h1v1h-1zM5 1h1v1h-1zM2 2h1v1h-1zM5 2h1v1h-1zM2 3h1v1h-1zM6 3h1v1h-1zM1 4h1v1h-1zM6 4h1v1h-1zM1 5h1v1h-1zM6 5h1v1h-1zM0 6h1v1h-1zM7 6h1v1h-1zM0 7h8v1h-8z'/%3E%3Cpath fill='%23576574' d='M4 1h1v1h-1zM3 2h2v1h-2zM4 3h2v1h-2zM2 4h4v1h-4zM2 5h3v1h-3zM1 6h6v1h-6z'/%3E%3Cpath fill='%23ffd440' d='M3 3h1v1h-1zM5 5h1v1h-1z'/%3E%3C/g%3E%3Cg transform='translate(24 52) scale(3)'%3E%3Cpath fill='%23141111' d='M3 0h2v1h-2zM3 1h2v1h-2zM0 2h1v1h-1zM2 2h4v1h-4zM7 2h1v1h-1zM1 3h6v1h-6zM0 4h2v1h-2zM3 4h2v1h-2zM6 4h2v1h-2zM1 5h6v1h-6zM0 6h1v1h-1zM2 6h4v1h-4zM7 6h1v1h-1zM0 7h1v1h-1zM7 7h1v1h-1z'/%3E%3Cpath fill='%23ffffff' d='M2 4h1v1h-1zM5 4h1v1h-1z'/%3E%3C/g%3E%3Cg transform='translate(4 86) scale(3)'%3E%3Cpath fill='%23141111' d='M1 0h6v1h-6zM0 1h1v1h-1zM7 1h1v1h-1zM0 2h1v1h-1zM2 2h1v1h-1zM5 2h1v1h-1zM7 2h1v1h-1zM0 3h1v1h-1zM7 3h1v1h-1zM1 4h1v1h-1zM6 4h1v1h-1zM1 5h1v1h-1zM3 5h1v1h-1zM5 5h2v1h-2zM2 6h4v1h-4zM3 7h2v1h-2z'/%3E%3Cpath fill='%23ffffff' d='M1 1h6v1h-6zM1 2h1v1h-1zM3 2h2v1h-2zM6 2h1v1h-1zM1 3h6v1h-6zM2 4h4v1h-4zM2 5h1v1h-1zM4 5h1v1h-1z'/%3E%3C/g%3E%3C/svg%3E");
+}
+
+@media (prefers-color-scheme: dark) {
+  :root:not(.light):not(.dark)[data-theme="spooky"] {
+    --layer-frame: oklch(0.27 0.06 300);
+    --foreground-on-frame: oklch(0.96 0.01 90);
+    --foreground-on-frame-muted: oklch(0.80 0.02 90);
+    --layer-frame-active: var(--brand-400);
+    --fill-frame-medium: oklch(1 0 0 / 0.1);
+    --layer-canvas: oklch(0.235 0.03 300);
+    --layer-sidebar: oklch(0.205 0.033 300);
+    --layer-card: oklch(0.265 0.03 300);
+    --layer-popover: oklch(0.29 0.03 300);
+    --theme-decor-top: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='190' height='48' shape-rendering='crispEdges'%3E%3Cg transform='translate(0 12) scale(3)'%3E%3Cpath fill='%23141111' d='M2 0h4v1h-4zM1 1h1v1h-1zM6 1h1v1h-1zM0 2h1v1h-1zM2 2h1v1h-1zM5 2h1v1h-1zM7 2h1v1h-1zM0 3h1v1h-1zM7 3h1v1h-1zM0 4h1v1h-1zM7 4h1v1h-1zM0 5h1v1h-1zM3 5h2v1h-2zM7 5h1v1h-1zM0 6h1v1h-1zM2 6h1v1h-1zM5 6h1v1h-1zM7 6h1v1h-1zM0 7h1v1h-1zM2 7h1v1h-1zM5 7h1v1h-1zM7 7h1v1h-1z'/%3E%3Cpath fill='%23ffffff' d='M2 1h4v1h-4zM1 2h1v1h-1zM3 2h2v1h-2zM6 2h1v1h-1zM1 3h6v1h-6zM1 4h6v1h-6zM1 5h2v1h-2zM5 5h2v1h-2zM1 6h1v1h-1zM3 6h2v1h-2zM6 6h1v1h-1z'/%3E%3C/g%3E%3Cg transform='translate(38 4) scale(2)'%3E%3Cpath fill='%23141111' d='M2 1h4v1h-4zM1 2h1v1h-1zM6 2h1v1h-1zM0 3h1v1h-1zM3 3h2v1h-2zM7 3h1v1h-1zM0 4h1v1h-1zM3 4h2v1h-2zM7 4h1v1h-1zM1 5h1v1h-1zM6 5h1v1h-1zM2 6h4v1h-4z'/%3E%3Cpath fill='%23ffffff' d='M2 2h4v1h-4zM1 3h2v1h-2zM5 3h2v1h-2zM1 4h2v1h-2zM5 4h2v1h-2zM2 5h4v1h-4z'/%3E%3C/g%3E%3Cg transform='translate(80 14) scale(3)'%3E%3Cpath fill='%23141111' d='M0 1h1v1h-1zM2 1h1v1h-1zM5 1h1v1h-1zM7 1h1v1h-1zM0 2h8v1h-8zM0 3h2v1h-2zM3 3h2v1h-2zM6 3h2v1h-2zM0 4h8v1h-8zM0 5h1v1h-1zM2 5h4v1h-4zM7 5h1v1h-1zM3 6h2v1h-2z'/%3E%3Cpath fill='%23ffffff' d='M2 3h1v1h-1zM5 3h1v1h-1z'/%3E%3C/g%3E%3Cg transform='translate(118 6) scale(2)'%3E%3Cpath fill='%23141111' d='M3 0h1v1h-1zM2 1h1v1h-1zM4 1h1v1h-1zM2 2h1v1h-1zM4 2h2v1h-2zM1 3h1v1h-1zM6 3h1v1h-1zM1 4h1v1h-1zM6 4h1v1h-1zM0 5h1v1h-1zM6 5h1v1h-1zM0 6h1v1h-1zM5 6h1v1h-1zM1 7h4v1h-4z'/%3E%3Cpath fill='%23f97264' d='M3 1h1v1h-1zM3 2h1v1h-1zM3 3h3v1h-3zM4 4h2v1h-2zM5 5h1v1h-1z'/%3E%3Cpath fill='%23f8a16f' d='M2 3h1v1h-1zM2 4h2v1h-2zM2 5h3v1h-3zM3 6h2v1h-2z'/%3E%3Cpath fill='%23ffd440' d='M1 5h1v1h-1zM1 6h2v1h-2z'/%3E%3C/g%3E%3Cg transform='translate(160 12) scale(3)'%3E%3Cpath fill='%23141111' d='M3 0h2v1h-2zM3 1h1v1h-1zM5 1h1v1h-1zM1 2h6v1h-6zM0 3h1v1h-1zM7 3h1v1h-1zM0 4h1v1h-1zM2 4h1v1h-1zM5 4h1v1h-1zM7 4h1v1h-1zM0 5h1v1h-1zM7 5h1v1h-1zM0 6h1v1h-1zM2 6h4v1h-4zM7 6h1v1h-1zM1 7h6v1h-6z'/%3E%3Cpath fill='%23a9d877' d='M4 1h1v1h-1z'/%3E%3Cpath fill='%23f8a16f' d='M1 3h6v1h-6zM1 4h1v1h-1zM3 4h2v1h-2zM6 4h1v1h-1zM1 5h6v1h-6zM1 6h1v1h-1zM6 6h1v1h-1z'/%3E%3C/g%3E%3C/svg%3E");
+    --theme-decor-rail: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='112' shape-rendering='crispEdges'%3E%3Cg transform='translate(12 0) scale(3)'%3E%3Cpath fill='%23141111' d='M0 1h1v1h-1zM2 1h1v1h-1zM5 1h1v1h-1zM7 1h1v1h-1zM0 2h8v1h-8zM0 3h2v1h-2zM3 3h2v1h-2zM6 3h2v1h-2zM0 4h8v1h-8zM0 5h1v1h-1zM2 5h4v1h-4zM7 5h1v1h-1zM3 6h2v1h-2z'/%3E%3Cpath fill='%23ffffff' d='M2 3h1v1h-1zM5 3h1v1h-1z'/%3E%3C/g%3E%3Cg transform='translate(0 34) scale(2)'%3E%3Cpath fill='%23141111' d='M3 0h2v1h-2zM3 1h1v1h-1zM5 1h1v1h-1zM2 2h1v1h-1zM5 2h1v1h-1zM2 3h1v1h-1zM6 3h1v1h-1zM1 4h1v1h-1zM6 4h1v1h-1zM1 5h1v1h-1zM6 5h1v1h-1zM0 6h1v1h-1zM7 6h1v1h-1zM0 7h8v1h-8z'/%3E%3Cpath fill='%23576574' d='M4 1h1v1h-1zM3 2h2v1h-2zM4 3h2v1h-2zM2 4h4v1h-4zM2 5h3v1h-3zM1 6h6v1h-6z'/%3E%3Cpath fill='%23ffd440' d='M3 3h1v1h-1zM5 5h1v1h-1z'/%3E%3C/g%3E%3Cg transform='translate(24 52) scale(3)'%3E%3Cpath fill='%23141111' d='M3 0h2v1h-2zM3 1h2v1h-2zM0 2h1v1h-1zM2 2h4v1h-4zM7 2h1v1h-1zM1 3h6v1h-6zM0 4h2v1h-2zM3 4h2v1h-2zM6 4h2v1h-2zM1 5h6v1h-6zM0 6h1v1h-1zM2 6h4v1h-4zM7 6h1v1h-1zM0 7h1v1h-1zM7 7h1v1h-1z'/%3E%3Cpath fill='%23ffffff' d='M2 4h1v1h-1zM5 4h1v1h-1z'/%3E%3C/g%3E%3Cg transform='translate(4 86) scale(3)'%3E%3Cpath fill='%23141111' d='M1 0h6v1h-6zM0 1h1v1h-1zM7 1h1v1h-1zM0 2h1v1h-1zM2 2h1v1h-1zM5 2h1v1h-1zM7 2h1v1h-1zM0 3h1v1h-1zM7 3h1v1h-1zM1 4h1v1h-1zM6 4h1v1h-1zM1 5h1v1h-1zM3 5h1v1h-1zM5 5h2v1h-2zM2 6h4v1h-4zM3 7h2v1h-2z'/%3E%3Cpath fill='%23ffffff' d='M1 1h6v1h-6zM1 2h1v1h-1zM3 2h2v1h-2zM6 2h1v1h-1zM1 3h6v1h-6zM2 4h4v1h-4zM2 5h1v1h-1zM4 5h1v1h-1z'/%3E%3C/g%3E%3C/svg%3E");
+  }
+}

package/dist/wip.d.mts

@@ -1,4 +1,4 @@
-import { $i as MobileNavServerPopoverDestinationProps, As as DialogContentProps, B as MessageListJumpPill, C as InboxItemProps, Ca as PopoverBodyProps, Cs as DialogSheetContentProps, Ds as DialogClose, Fs as DialogFooterNoteProps, G as MessageListJumpPillProps, H as MessageListJumpPillDismissProps, Ji as MobileNavServerItemProps, Jt as MessageReferenceIcon, Ks as DialogSheetBack, Ps as DialogFooterNote, Qi as MobileNavServerPopoverDestination, Qs as DialogTrigger, R as MessageListJumpControls, Sa as PopoverBody, Ss as DialogSheetContent, Ti as PreviewCardMetaProps, U as MessageListJumpPillGroup, V as MessageListJumpPillDismiss, W as MessageListJumpPillGroupProps, Xi as MobileNavServerPopoverContent, Yi as MobileNavServerPopover, Yt as MessageReferenceIconProps, Zi as MobileNavServerPopoverContentProps, Zs as DialogTitleProps, _a as PopoverActionsProps, aa as MobileNavServerPopoverListProps, ar as MessageItemDelegatedByButtonProps, bi as PreviewCardFooter, bs as DialogCommit, ca as MobileNavServerPopoverRowBody, cc as DataAttributes, ci as PreviewCardActions, cr as MessageItemDelegatedByProps, ct as MessageQuotedPreviewAuthorDelegatedBy, da as MobileNavServerPopoverRowDescriptionProps, ea as MobileNavServerPopoverDestinations, fa as MobileNavServerPopoverRowLabel, fi as PreviewCardBody, ga as PopoverActions, ho as DropdownMenuLinkItemProps, ia as MobileNavServerPopoverList, ir as MessageItemDelegatedByButton, la as MobileNavServerPopoverRowBodyProps, lc as StyledProps, li as PreviewCardActionsProps, ls as ListRowProps, lt as MessageQuotedPreviewAuthorDelegatedByProps, ma as MobileNavServerPopoverRowProps, mo as DropdownMenuLinkItem, na as MobileNavServerPopoverGroup, nn as MessageReferenceReadMark, nr as MessageItemDelegatedAvatarProps, oa as MobileNavServerPopoverProps, or as MessageItemDelegatedByName, pa as MobileNavServerPopoverRowLabelProps, pi as PreviewCardBodyProps, qi as MobileNavServerItem, qs as DialogSheetBackProps, ra as MobileNavServerPopoverGroupProps, rc as ButtonProps, rn as MessageReferenceReadMarkProps, rr as MessageItemDelegatedBy, sa as MobileNavServerPopoverRow, sc as VariantProps, sr as MessageItemDelegatedByNameProps, ta as MobileNavServerPopoverDestinationsProps, tr as MessageItemDelegatedAvatar, u as InboxItemDensity, ua as MobileNavServerPopoverRowDescription, vi as PreviewCardEyebrow, vs as TextLinkProps, wi as PreviewCardMeta, ws as Dialog, xi as PreviewCardFooterProps, xs as DialogCommitProps, yi as PreviewCardEyebrowProps, z as MessageListJumpControlsProps } from "./inbox-item-ChGeZBFb.mjs";
+import { $i as MobileNavServerPopoverDestinationProps, As as DialogContentProps, B as MessageListJumpPill, C as InboxItemProps, Ca as PopoverBodyProps, Cs as DialogSheetContentProps, Ds as DialogClose, Fs as DialogFooterNoteProps, G as MessageListJumpPillProps, H as MessageListJumpPillDismissProps, Ji as MobileNavServerItemProps, Jt as MessageReferenceIcon, Ks as DialogSheetBack, Ps as DialogFooterNote, Qi as MobileNavServerPopoverDestination, Qs as DialogTrigger, R as MessageListJumpControls, Sa as PopoverBody, Ss as DialogSheetContent, Ti as PreviewCardMetaProps, U as MessageListJumpPillGroup, V as MessageListJumpPillDismiss, W as MessageListJumpPillGroupProps, Xi as MobileNavServerPopoverContent, Yi as MobileNavServerPopover, Yt as MessageReferenceIconProps, Zi as MobileNavServerPopoverContentProps, Zs as DialogTitleProps, _a as PopoverActionsProps, aa as MobileNavServerPopoverListProps, ar as MessageItemDelegatedByButtonProps, bi as PreviewCardFooter, bs as DialogCommit, ca as MobileNavServerPopoverRowBody, cc as DataAttributes, ci as PreviewCardActions, cr as MessageItemDelegatedByProps, ct as MessageQuotedPreviewAuthorDelegatedBy, da as MobileNavServerPopoverRowDescriptionProps, ea as MobileNavServerPopoverDestinations, fa as MobileNavServerPopoverRowLabel, fi as PreviewCardBody, ga as PopoverActions, ho as DropdownMenuLinkItemProps, ia as MobileNavServerPopoverList, ir as MessageItemDelegatedByButton, la as MobileNavServerPopoverRowBodyProps, lc as StyledProps, li as PreviewCardActionsProps, ls as ListRowProps, lt as MessageQuotedPreviewAuthorDelegatedByProps, ma as MobileNavServerPopoverRowProps, mo as DropdownMenuLinkItem, na as MobileNavServerPopoverGroup, nn as MessageReferenceReadMark, nr as MessageItemDelegatedAvatarProps, oa as MobileNavServerPopoverProps, or as MessageItemDelegatedByName, pa as MobileNavServerPopoverRowLabelProps, pi as PreviewCardBodyProps, qi as MobileNavServerItem, qs as DialogSheetBackProps, ra as MobileNavServerPopoverGroupProps, rc as ButtonProps, rn as MessageReferenceReadMarkProps, rr as MessageItemDelegatedBy, sa as MobileNavServerPopoverRow, sc as VariantProps, sr as MessageItemDelegatedByNameProps, ta as MobileNavServerPopoverDestinationsProps, tr as MessageItemDelegatedAvatar, u as InboxItemDensity, ua as MobileNavServerPopoverRowDescription, vi as PreviewCardEyebrow, vs as TextLinkProps, wi as PreviewCardMeta, ws as Dialog, xi as PreviewCardFooterProps, xs as DialogCommitProps, yi as PreviewCardEyebrowProps, z as MessageListJumpControlsProps } from "./inbox-item-CiTYKTly.mjs";
 import { CSSProperties, ComponentProps, ComponentPropsWithRef, PointerEvent, ReactNode, RefObject } from "react";
 import { Button } from "@base-ui/react/button";
 import { useRender } from "@base-ui/react/use-render";

package/dist/wip.mjs

@@ -1,4 +1,4 @@
-import { $r as ListRowTitle, An as MobileNavServerItem, Bn as MobileNavServerPopoverRowLabel, C as MessageListJumpPillDismiss, Fi as OverlayLayerProvider, Fn as MobileNavServerPopoverGroup, Ft as MessageItemDelegatedBy, Gn as PopoverBody, Gr as ListRow, Hn as PopoverActions, Ii as useParentOverlayKind, In as MobileNavServerPopoverList, It as MessageItemDelegatedByButton, Kr as ListRowBody, Ln as MobileNavServerPopoverRow, Lt as MessageItemDelegatedByName, Mn as MobileNavServerPopoverContent, Nn as MobileNavServerPopoverDestination, Oi as TextLink, P as MessageQuotedPreviewAuthorDelegatedBy, Pi as defaultNativeButton, Pn as MobileNavServerPopoverDestinations, Pt as MessageItemDelegatedAvatar, Qr as ListRowMeta, Ri as useThemeScopeProps, Rn as MobileNavServerPopoverRowBody, S as MessageListJumpPill, Si as DialogSheetBack, Sn as PreviewCardFooter, Ti as DialogTrigger, Vi as tv, Yr as ListRowDescription, _ as InboxItemTrailing, _i as DialogFooterNote, a as InboxItemContext, b as Skeleton, c as InboxItemLeading, ci as DialogCommit, ct as MessageReferenceReadMark, di as Dialog, dn as measureContent, ei as ListRowTop, fn as measureElement, g as InboxItemTitle, gn as PreviewCardActions, gr as DropdownMenuLinkItem, h as InboxItemTimestamp, i as InboxItemContent, it as MessageReferenceIcon, ji as Button$1, jn as MobileNavServerPopover, li as DialogSheetContent, mi as DialogContent, mn as readNow, ni as Tooltip, nr as useHoldThenMoveTouchSensor, o as InboxItemHeading, oi as TooltipTrigger, pi as DialogClose, pn as observeTruncation, qr as ListRowBottom, r as InboxItemBody, ri as TooltipContent, t as InboxItem, un as useOverflowTitle, vn as PreviewCardBody, w as MessageListJumpPillGroup, wi as DialogTitle, wn as PreviewCardMeta, x as MessageListJumpControls, xn as PreviewCardEyebrow, y as inboxItem, zi as useTheme, zn as MobileNavServerPopoverRowDescription } from "./inbox-item-B56I-Ckt.mjs";
+import { $r as ListRowTitle, An as MobileNavServerItem, Bn as MobileNavServerPopoverRowLabel, C as MessageListJumpPillDismiss, Fi as OverlayLayerProvider, Fn as MobileNavServerPopoverGroup, Ft as MessageItemDelegatedBy, Gn as PopoverBody, Gr as ListRow, Hn as PopoverActions, Ii as useParentOverlayKind, In as MobileNavServerPopoverList, It as MessageItemDelegatedByButton, Kr as ListRowBody, Ln as MobileNavServerPopoverRow, Lt as MessageItemDelegatedByName, Mn as MobileNavServerPopoverContent, Nn as MobileNavServerPopoverDestination, Oi as TextLink, P as MessageQuotedPreviewAuthorDelegatedBy, Pi as defaultNativeButton, Pn as MobileNavServerPopoverDestinations, Pt as MessageItemDelegatedAvatar, Qr as ListRowMeta, Ri as useThemeScopeProps, Rn as MobileNavServerPopoverRowBody, S as MessageListJumpPill, Si as DialogSheetBack, Sn as PreviewCardFooter, Ti as DialogTrigger, Vi as tv, Yr as ListRowDescription, _ as InboxItemTrailing, _i as DialogFooterNote, a as InboxItemContext, b as Skeleton, c as InboxItemLeading, ci as DialogCommit, ct as MessageReferenceReadMark, di as Dialog, dn as measureContent, ei as ListRowTop, fn as measureElement, g as InboxItemTitle, gn as PreviewCardActions, gr as DropdownMenuLinkItem, h as InboxItemTimestamp, i as InboxItemContent, it as MessageReferenceIcon, ji as Button$1, jn as MobileNavServerPopover, li as DialogSheetContent, mi as DialogContent, mn as readNow, ni as Tooltip, nr as useHoldThenMoveTouchSensor, o as InboxItemHeading, oi as TooltipTrigger, pi as DialogClose, pn as observeTruncation, qr as ListRowBottom, r as InboxItemBody, ri as TooltipContent, t as InboxItem, un as useOverflowTitle, vn as PreviewCardBody, w as MessageListJumpPillGroup, wi as DialogTitle, wn as PreviewCardMeta, x as MessageListJumpControls, xn as PreviewCardEyebrow, y as inboxItem, zi as useTheme, zn as MobileNavServerPopoverRowDescription } from "./inbox-item-nHjMl3SO.mjs";
 import { Check, ChevronDown, LoaderCircle, Plus, X } from "lucide-react";
 import { createContext, use, useCallback, useContext, useEffect, useId, useLayoutEffect, useMemo, useRef, useState, useSyncExternalStore } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";