vanilla-breeze 0.1.2 → 0.1.4

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

@@ -0,0 +1,515 @@
+{
+  "color": {
+    "surface": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.2,
+          0.02,
+          160
+        ]
+      }
+    },
+    "surface-alt": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.24,
+          0.025,
+          155
+        ]
+      }
+    },
+    "surface-raised": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.28,
+          0.02,
+          160
+        ]
+      }
+    },
+    "surface-sunken": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.15,
+          0.015,
+          160
+        ]
+      }
+    },
+    "background": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.18,
+          0.02,
+          160
+        ]
+      }
+    },
+    "text": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.92,
+          0.01,
+          80
+        ]
+      }
+    },
+    "text-muted": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.72,
+          0.01,
+          80
+        ]
+      }
+    },
+    "text-subtle": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.58,
+          0.01,
+          80
+        ]
+      }
+    },
+    "primary": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.7,
+          0.12,
+          230
+        ]
+      }
+    },
+    "primary-hover": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.75,
+          0.14,
+          230
+        ]
+      }
+    },
+    "primary-subtle": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.3,
+          0.05,
+          230
+        ]
+      }
+    },
+    "accent": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.78,
+          0.14,
+          85
+        ]
+      }
+    },
+    "accent-hover": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.83,
+          0.16,
+          85
+        ]
+      }
+    },
+    "accent-subtle": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.3,
+          0.05,
+          85
+        ]
+      }
+    },
+    "border": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.45,
+          0.02,
+          160
+        ]
+      }
+    },
+    "border-muted": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.35,
+          0.015,
+          160
+        ]
+      }
+    },
+    "border-strong": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.6,
+          0.02,
+          160
+        ]
+      }
+    },
+    "success": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.68,
+          0.12,
+          155
+        ]
+      }
+    },
+    "success-subtle": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.25,
+          0.05,
+          155
+        ]
+      }
+    },
+    "success-text": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.75,
+          0.1,
+          155
+        ]
+      }
+    },
+    "warning": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.75,
+          0.12,
+          70
+        ]
+      }
+    },
+    "warning-subtle": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.25,
+          0.06,
+          70
+        ]
+      }
+    },
+    "warning-text": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.8,
+          0.1,
+          70
+        ]
+      }
+    },
+    "error": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.65,
+          0.14,
+          20
+        ]
+      }
+    },
+    "error-subtle": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.25,
+          0.06,
+          20
+        ]
+      }
+    },
+    "error-text": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.75,
+          0.12,
+          20
+        ]
+      }
+    },
+    "info": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.65,
+          0.1,
+          230
+        ]
+      }
+    },
+    "info-subtle": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.25,
+          0.05,
+          230
+        ]
+      }
+    },
+    "info-text": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.72,
+          0.08,
+          230
+        ]
+      }
+    }
+  },
+  "effect": {
+    "shadow": {
+      "xs": {
+        "$type": "shadow",
+        "$value": {
+          "offsetX": {
+            "value": 1,
+            "unit": "px"
+          },
+          "offsetY": {
+            "value": 1,
+            "unit": "px"
+          },
+          "blur": {
+            "value": 0,
+            "unit": "px"
+          },
+          "color": {
+            "colorSpace": "oklch",
+            "components": [
+              0.1,
+              0,
+              0
+            ],
+            "alpha": 0.2
+          }
+        }
+      },
+      "sm": {
+        "$type": "shadow",
+        "$value": {
+          "offsetX": {
+            "value": 2,
+            "unit": "px"
+          },
+          "offsetY": {
+            "value": 2,
+            "unit": "px"
+          },
+          "blur": {
+            "value": 0,
+            "unit": "px"
+          },
+          "color": {
+            "colorSpace": "oklch",
+            "components": [
+              0.1,
+              0,
+              0
+            ],
+            "alpha": 0.25
+          }
+        }
+      },
+      "md": {
+        "$type": "shadow",
+        "$value": {
+          "offsetX": {
+            "value": 3,
+            "unit": "px"
+          },
+          "offsetY": {
+            "value": 3,
+            "unit": "px"
+          },
+          "blur": {
+            "value": 0,
+            "unit": "px"
+          },
+          "color": {
+            "colorSpace": "oklch",
+            "components": [
+              0.1,
+              0,
+              0
+            ],
+            "alpha": 0.3
+          }
+        }
+      },
+      "lg": {
+        "$type": "shadow",
+        "$value": {
+          "offsetX": {
+            "value": 4,
+            "unit": "px"
+          },
+          "offsetY": {
+            "value": 4,
+            "unit": "px"
+          },
+          "blur": {
+            "value": 0,
+            "unit": "px"
+          },
+          "color": {
+            "colorSpace": "oklch",
+            "components": [
+              0.1,
+              0,
+              0
+            ],
+            "alpha": 0.3
+          }
+        }
+      },
+      "xl": {
+        "$type": "shadow",
+        "$value": {
+          "offsetX": {
+            "value": 5,
+            "unit": "px"
+          },
+          "offsetY": {
+            "value": 5,
+            "unit": "px"
+          },
+          "blur": {
+            "value": 0,
+            "unit": "px"
+          },
+          "color": {
+            "colorSpace": "oklch",
+            "components": [
+              0.1,
+              0,
+              0
+            ],
+            "alpha": 0.35
+          }
+        }
+      },
+      "2xl": {
+        "$type": "shadow",
+        "$value": {
+          "offsetX": {
+            "value": 6,
+            "unit": "px"
+          },
+          "offsetY": {
+            "value": 6,
+            "unit": "px"
+          },
+          "blur": {
+            "value": 0,
+            "unit": "px"
+          },
+          "color": {
+            "colorSpace": "oklch",
+            "components": [
+              0.1,
+              0,
+              0
+            ],
+            "alpha": 0.4
+          }
+        }
+      }
+    }
+  },
+  "$extensions": {
+    "com.vanilla-breeze": {
+      "spec": "2025.10",
+      "vbVersion": "0.1.4",
+      "unmapped": [
+        "--scrollbar-thumb",
+        "--scrollbar-track",
+        "--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",
+        "--filter-rough",
+        "--border-roughness",
+        "--cb-bg",
+        "--cb-code-bg",
+        "--cb-header-bg",
+        "--cb-comment",
+        "--cb-function",
+        "--cb-number",
+        "--cb-button-bg",
+        "--cb-button-hover-bg"
+      ]
+    }
+  }
+}

package/dist/cdn/themes/rough.css

@@ -1,2 +1,2 @@
-@font-face{font-family:Caveat;font-style:normal;font-weight:400 700;font-display:swap;src:url(https://fonts.gstatic.com/s/caveat/v23/Wnz6HAc5bAfYB2Q7ZjYYiAzcPA.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~=rough],[data-theme~=rough]{color-scheme:light;--theme-border-style: sketch;--theme-icon-set: lucide;--color-surface: oklch(96% .015 80);--color-surface-alt: oklch(93% .02 75);--color-surface-raised: oklch(98% .01 80);--color-surface-sunken: oklch(90% .025 70);--color-background: oklch(96% .015 80);--color-text: oklch(25% .01 60);--color-text-muted: oklch(40% .01 60);--color-text-subtle: oklch(55% .01 60);--color-primary: oklch(45% .15 250);--caret-color: var(--color-primary);--color-primary-hover: oklch(40% .18 250);--color-primary-subtle: oklch(92% .04 250);--color-accent: oklch(55% .2 25);--color-accent-hover: oklch(48% .22 25);--color-accent-subtle: oklch(93% .04 25);--color-border: oklch(70% .01 60);--color-border-muted: oklch(82% .01 60);--color-border-strong: oklch(45% .01 60);--color-success: oklch(48% .12 155);--color-success-subtle: oklch(93% .04 155);--color-success-text: oklch(32% .1 155);--color-warning: oklch(60% .12 70);--color-warning-subtle: oklch(93% .05 70);--color-warning-text: oklch(38% .1 70);--color-error: oklch(50% .16 20);--color-error-subtle: oklch(93% .04 20);--color-error-text: oklch(35% .12 20);--color-info: oklch(45% .1 240);--color-info-subtle: oklch(93% .04 240);--color-info-text: oklch(32% .08 240);--font-sans: "Caveat", "Segoe Print", "Bradley Hand", cursive;--font-mono: "Courier New", Courier, monospace;--line-height-normal: 1.6;--line-height-tight: 1.2;--radius-xs: 2px;--radius-s: 3px;--radius-m: 4px;--radius-l: 6px;--radius-xl: 8px;--radius-2xl: 8px;--radius-full: 8px;--shadow-xs: 1px 1px 0 oklch(25% .01 60 / .1);--shadow-sm: 2px 2px 0 oklch(25% .01 60 / .12);--shadow-md: 3px 3px 0 oklch(25% .01 60 / .15);--shadow-lg: 4px 4px 0 oklch(25% .01 60 / .15);--shadow-xl: 5px 5px 0 oklch(25% .01 60 / .18);--shadow-2xl: 6px 6px 0 oklch(25% .01 60 / .2);--border-width: 2px;--border-width-thick: 3px;--duration-instant: 50ms;--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s;--ease-default: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(.22, 1, .36, 1);--motion-hover-lift: translateY(-2px) rotate(-.5deg);--motion-hover-scale: scale(1.02) rotate(.5deg);--motion-stagger-delay: 60ms;--motion-bounce: cubic-bezier(.34, 1.56, .64, 1);--motion-smooth: cubic-bezier(.22, 1, .36, 1);--motion-elastic: cubic-bezier(.68, -.2, .32, 1.2);--motion-enter-duration: .3s;--motion-exit-duration: .2s;--filter-rough: var(--filter-rough-light);--border-roughness: 1}:root[data-theme~=rough]:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='paper'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='5' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23paper)'/%3E%3C/svg%3E");z-index:500}:root[data-theme~=rough],[data-theme~=rough]{:is(main,article){& hr:not([data-ornament]){border:none;height:3px;margin-block:2rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='6' viewBox='0 0 400 6'%3E%3Cpath d='M0,3 C20,1 40,5 60,3 C80,1 100,5 120,3 C140,1 160,5 180,3 C200,1 220,5 240,3 C260,1 280,5 300,3 C320,1 340,5 360,3 C380,1 400,5 400,3' fill='none' stroke='oklch(45%25 0.01 60)' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");background-size:100% 100%;background-repeat:no-repeat}& h1{color:var(--color-primary);position:relative;padding-block-end:.5rem;&:after{content:"";display:block;width:80%;height:4px;margin-block-start:.25rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='6' viewBox='0 0 200 6'%3E%3Cpath d='M0,3 Q25,0 50,3 Q75,6 100,3 Q125,0 150,3 Q175,6 200,3' fill='none' stroke='oklch(45%25 0.15 250)' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E");background-size:100% 100%;background-repeat:no-repeat}}& h2{border-block-end:2px dashed var(--color-border);padding-block-end:.5rem;text-decoration-style:wavy}& h3{font-style:italic}& a:not([class]){color:var(--color-primary);text-decoration:underline;text-decoration-style:wavy;text-decoration-thickness:1.5px;text-underline-offset:3px;&:hover{color:var(--color-accent);text-decoration-color:var(--color-accent)}}.button,button{border-width:2px;box-shadow:var(--shadow-sm);transform:rotate(-.5deg);transition:transform .2s ease,box-shadow .2s ease;&:hover{transform:rotate(.5deg) translateY(-1px);box-shadow:var(--shadow-md)}&:active{transform:rotate(0) translateY(1px);box-shadow:var(--shadow-xs)}}.card{border:2px solid var(--color-border);border-image:var(--border-image-sketch);box-shadow:var(--shadow-md);transition:transform .2s ease,box-shadow .2s ease;&:nth-child(odd){transform:rotate(-.5deg)}&:nth-child(2n){transform:rotate(.5deg)}&:hover{transform:rotate(0) translateY(-2px);box-shadow:var(--shadow-lg)}}& blockquote{position:relative;padding:1.5rem 2rem;background:var(--color-surface-alt);border:2px solid var(--color-border);border-image:var(--border-image-sketch);border-radius:var(--radius-l);&:before{content:"";position:absolute;bottom:-12px;left:2rem;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:12px solid var(--color-border)}&:after{content:"";position:absolute;bottom:-9px;left:calc(2rem + 2px);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:10px solid var(--color-surface-alt)}}& table{transform:rotate(-.3deg)}& details{transform:rotate(.2deg)}& input,textarea{border:2px solid var(--color-border);background:var(--color-surface-raised);&:focus{border-color:var(--color-primary);box-shadow:var(--shadow-sm);outline:none}}& pre{background:repeating-linear-gradient(0deg,transparent,transparent 19px,oklch(70% .1 250 / .12) 19px,oklch(70% .1 250 / .12) 20px),repeating-linear-gradient(90deg,transparent,transparent 19px,oklch(70% .1 250 / .12) 19px,oklch(70% .1 250 / .12) 20px),var(--color-surface);border:2px solid var(--color-border);border-image:var(--border-image-sketch);box-shadow:var(--shadow-sm);color:var(--color-text);transform:rotate(.2deg)}& code{background:var(--color-surface-alt);border:1px solid var(--color-border-muted)}}& article.card{border:2px solid var(--color-border);border-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40'%3E%3Cpath d='M0,5 Q10,1 20,5 T40,5 M0,35 Q10,39 20,35 T40,35 M5,0 Q1,10 5,20 T5,40 M35,0 Q39,10 35,20 T35,40' fill='none' stroke='oklch(45%25 0.01 60)' stroke-width='2.5'/%3E%3C/svg%3E") 10 round;padding:var(--size-xl);filter:var(--filter-rough-light)}& page-toc{border:none;filter:none}:is(main,article) code-block{--cb-bg: repeating-linear-gradient( 0deg, transparent, transparent 19px, oklch(70% .1 250 / .1) 19px, oklch(70% .1 250 / .1) 20px ), repeating-linear-gradient( 90deg, transparent, transparent 19px, oklch(70% .1 250 / .1) 19px, oklch(70% .1 250 / .1) 20px ), var(--color-surface);--cb-code-bg: transparent;--cb-header-bg: var(--color-surface);--cb-comment: var(--color-text-subtle);--cb-function: oklch(40% .12 180);--cb-number: oklch(50% .15 25);--cb-button-bg: var(--color-surface);--cb-button-hover-bg: var(--color-primary-subtle)}::selection{background:var(--color-primary);color:var(--color-surface-raised)}--scrollbar-thumb: oklch(70% .01 60);--scrollbar-track: oklch(93% .02 75)}:root[data-theme~=rough][data-mode=dark],[data-theme~=rough][data-mode=dark]{color-scheme:dark;--color-surface: oklch(20% .02 160);--color-surface-alt: oklch(24% .025 155);--color-surface-raised: oklch(28% .02 160);--color-surface-sunken: oklch(15% .015 160);--color-background: oklch(18% .02 160);--color-text: oklch(92% .01 80);--color-text-muted: oklch(72% .01 80);--color-text-subtle: oklch(58% .01 80);--color-primary: oklch(70% .12 230);--color-primary-hover: oklch(75% .14 230);--color-primary-subtle: oklch(30% .05 230);--color-accent: oklch(78% .14 85);--color-accent-hover: oklch(83% .16 85);--color-accent-subtle: oklch(30% .05 85);--color-border: oklch(45% .02 160);--color-border-muted: oklch(35% .015 160);--color-border-strong: oklch(60% .02 160);--color-success: oklch(68% .12 155);--color-success-subtle: oklch(25% .05 155);--color-success-text: oklch(75% .1 155);--color-warning: oklch(75% .12 70);--color-warning-subtle: oklch(25% .06 70);--color-warning-text: oklch(80% .1 70);--color-error: oklch(65% .14 20);--color-error-subtle: oklch(25% .06 20);--color-error-text: oklch(75% .12 20);--color-info: oklch(65% .1 230);--color-info-subtle: oklch(25% .05 230);--color-info-text: oklch(72% .08 230);--shadow-xs: 1px 1px 0 oklch(10% 0 0 / .2);--shadow-sm: 2px 2px 0 oklch(10% 0 0 / .25);--shadow-md: 3px 3px 0 oklch(10% 0 0 / .3);--shadow-lg: 4px 4px 0 oklch(10% 0 0 / .3);--shadow-xl: 5px 5px 0 oklch(10% 0 0 / .35);--shadow-2xl: 6px 6px 0 oklch(10% 0 0 / .4);--scrollbar-thumb: oklch(50% .02 160);--scrollbar-track: oklch(22% .02 160);--input-bg: oklch(20% .02 160);--input-border: oklch(45% .02 160);--input-border-focus: oklch(70% .12 230);--control-border: oklch(55% .02 160);--control-checked-bg: oklch(70% .12 230);--control-checked-border: oklch(70% .12 230);--range-track-bg: oklch(30% .02 160);--range-track-fill: oklch(70% .12 230);--range-thumb-bg: oklch(25% .02 160);--range-thumb-border: oklch(70% .12 230);--progress-track-bg: oklch(28% .02 160);--progress-fill: oklch(70% .12 230);--filter-rough: var(--filter-rough-light);--border-roughness: 1;& article.card{border-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40'%3E%3Cpath d='M0,5 Q10,1 20,5 T40,5 M0,35 Q10,39 20,35 T40,35 M5,0 Q1,10 5,20 T5,40 M35,0 Q39,10 35,20 T35,40' fill='none' stroke='oklch(50%25 0.02 160)' stroke-width='2.5'/%3E%3C/svg%3E") 10 round}:is(main,article) code{background:var(--color-surface-raised);border-color:var(--color-border);color:var(--color-accent)}:is(main,article) h1:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='6' viewBox='0 0 200 6'%3E%3Cpath d='M0,3 Q25,0 50,3 Q75,6 100,3 Q125,0 150,3 Q175,6 200,3' fill='none' stroke='oklch(70%25 0.12 230)' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E")}:is(main,article) hr{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='6' viewBox='0 0 400 6'%3E%3Cpath d='M0,3 C20,1 40,5 60,3 C80,1 100,5 120,3 C140,1 160,5 180,3 C200,1 220,5 240,3 C260,1 280,5 300,3 C320,1 340,5 360,3 C380,1 400,5 400,3' fill='none' stroke='oklch(60%25 0.02 160)' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E")}:is(main,article) pre{background:repeating-linear-gradient(0deg,transparent,transparent 19px,oklch(40% .05 160 / .15) 19px,oklch(40% .05 160 / .15) 20px),repeating-linear-gradient(90deg,transparent,transparent 19px,oklch(40% .05 160 / .15) 19px,oklch(40% .05 160 / .15) 20px),var(--color-surface)}:is(main,article) code-block{--cb-bg: repeating-linear-gradient( 0deg, transparent, transparent 19px, oklch(40% .05 160 / .12) 19px, oklch(40% .05 160 / .12) 20px ), repeating-linear-gradient( 90deg, transparent, transparent 19px, oklch(40% .05 160 / .12) 19px, oklch(40% .05 160 / .12) 20px ), var(--color-surface);--cb-code-bg: transparent;--cb-header-bg: var(--color-surface);--cb-comment: var(--color-text-subtle);--cb-function: oklch(70% .1 180);--cb-number: oklch(78% .14 85);--cb-button-bg: var(--color-surface);--cb-button-hover-bg: var(--color-primary-subtle)}}:root[data-theme~=rough][data-mode=dark]:before{opacity:.03}
+@import"https://fonts.googleapis.com/css2?family=Caveat:wght@400..700&display=swap";:root[data-theme~=rough],[data-theme~=rough]{color-scheme:light;--theme-border-style: sketch;--theme-icon-set: lucide;--color-surface: oklch(96% .015 80);--color-surface-alt: oklch(93% .02 75);--color-surface-raised: oklch(98% .01 80);--color-surface-sunken: oklch(90% .025 70);--color-background: oklch(96% .015 80);--color-text: oklch(25% .01 60);--color-text-muted: oklch(40% .01 60);--color-text-subtle: oklch(55% .01 60);--color-primary: oklch(45% .15 250);--caret-color: var(--color-primary);--color-primary-hover: oklch(40% .18 250);--color-primary-subtle: oklch(92% .04 250);--color-accent: oklch(55% .2 25);--color-accent-hover: oklch(48% .22 25);--color-accent-subtle: oklch(93% .04 25);--color-border: oklch(70% .01 60);--color-border-muted: oklch(82% .01 60);--color-border-strong: oklch(45% .01 60);--color-success: oklch(48% .12 155);--color-success-subtle: oklch(93% .04 155);--color-success-text: oklch(32% .1 155);--color-warning: oklch(60% .12 70);--color-warning-subtle: oklch(93% .05 70);--color-warning-text: oklch(38% .1 70);--color-error: oklch(50% .16 20);--color-error-subtle: oklch(93% .04 20);--color-error-text: oklch(35% .12 20);--color-info: oklch(45% .1 240);--color-info-subtle: oklch(93% .04 240);--color-info-text: oklch(32% .08 240);--font-sans: "Caveat", "Segoe Print", "Bradley Hand", cursive;--font-mono: "Courier New", Courier, monospace;--line-height-normal: 1.6;--line-height-tight: 1.2;--radius-xs: 2px;--radius-s: 3px;--radius-m: 4px;--radius-l: 6px;--radius-xl: 8px;--radius-2xl: 8px;--radius-full: 8px;--shadow-xs: 1px 1px 0 oklch(25% .01 60 / .1);--shadow-sm: 2px 2px 0 oklch(25% .01 60 / .12);--shadow-md: 3px 3px 0 oklch(25% .01 60 / .15);--shadow-lg: 4px 4px 0 oklch(25% .01 60 / .15);--shadow-xl: 5px 5px 0 oklch(25% .01 60 / .18);--shadow-2xl: 6px 6px 0 oklch(25% .01 60 / .2);--border-width: 2px;--border-width-thick: 3px;--duration-instant: 50ms;--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s;--ease-default: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(.22, 1, .36, 1);--motion-hover-lift: translateY(-2px) rotate(-.5deg);--motion-hover-scale: scale(1.02) rotate(.5deg);--motion-stagger-delay: 60ms;--motion-bounce: cubic-bezier(.34, 1.56, .64, 1);--motion-smooth: cubic-bezier(.22, 1, .36, 1);--motion-elastic: cubic-bezier(.68, -.2, .32, 1.2);--motion-enter-duration: .3s;--motion-exit-duration: .2s;--filter-rough: var(--filter-rough-light);--border-roughness: 1}:root[data-theme~=rough]:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='paper'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='5' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23paper)'/%3E%3C/svg%3E");z-index:500}:root[data-theme~=rough],[data-theme~=rough]{:is(main,article){& hr:not([data-ornament]){border:none;height:3px;margin-block:2rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='6' viewBox='0 0 400 6'%3E%3Cpath d='M0,3 C20,1 40,5 60,3 C80,1 100,5 120,3 C140,1 160,5 180,3 C200,1 220,5 240,3 C260,1 280,5 300,3 C320,1 340,5 360,3 C380,1 400,5 400,3' fill='none' stroke='oklch(45%25 0.01 60)' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");background-size:100% 100%;background-repeat:no-repeat}& h1{color:var(--color-primary);position:relative;padding-block-end:.5rem;&:after{content:"";display:block;width:80%;height:4px;margin-block-start:.25rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='6' viewBox='0 0 200 6'%3E%3Cpath d='M0,3 Q25,0 50,3 Q75,6 100,3 Q125,0 150,3 Q175,6 200,3' fill='none' stroke='oklch(45%25 0.15 250)' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E");background-size:100% 100%;background-repeat:no-repeat}}& h2{border-block-end:2px dashed var(--color-border);padding-block-end:.5rem;text-decoration-style:wavy}& h3{font-style:italic}& a:not([class]){color:var(--color-primary);text-decoration:underline;text-decoration-style:wavy;text-decoration-thickness:1.5px;text-underline-offset:3px;&:hover{color:var(--color-accent);text-decoration-color:var(--color-accent)}}.button,button{border-width:2px;box-shadow:var(--shadow-sm);transform:rotate(-.5deg);transition:transform .2s ease,box-shadow .2s ease;&:hover{transform:rotate(.5deg) translateY(-1px);box-shadow:var(--shadow-md)}&:active{transform:rotate(0) translateY(1px);box-shadow:var(--shadow-xs)}}.card{border:2px solid var(--color-border);border-image:var(--border-image-sketch);box-shadow:var(--shadow-md);transition:transform .2s ease,box-shadow .2s ease;&:nth-child(odd){transform:rotate(-.5deg)}&:nth-child(2n){transform:rotate(.5deg)}&:hover{transform:rotate(0) translateY(-2px);box-shadow:var(--shadow-lg)}}& blockquote{position:relative;padding:1.5rem 2rem;background:var(--color-surface-alt);border:2px solid var(--color-border);border-image:var(--border-image-sketch);border-radius:var(--radius-l);&:before{content:"";position:absolute;bottom:-12px;left:2rem;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:12px solid var(--color-border)}&:after{content:"";position:absolute;bottom:-9px;left:calc(2rem + 2px);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:10px solid var(--color-surface-alt)}}& table{transform:rotate(-.3deg)}& details{transform:rotate(.2deg)}& input,textarea{border:2px solid var(--color-border);background:var(--color-surface-raised);&:focus{border-color:var(--color-primary);box-shadow:var(--shadow-sm);outline:none}}& pre{background:repeating-linear-gradient(0deg,transparent,transparent 19px,oklch(70% .1 250 / .12) 19px,oklch(70% .1 250 / .12) 20px),repeating-linear-gradient(90deg,transparent,transparent 19px,oklch(70% .1 250 / .12) 19px,oklch(70% .1 250 / .12) 20px),var(--color-surface);border:2px solid var(--color-border);border-image:var(--border-image-sketch);box-shadow:var(--shadow-sm);color:var(--color-text);transform:rotate(.2deg)}& code{background:var(--color-surface-alt);border:1px solid var(--color-border-muted)}}& article.card{border:2px solid var(--color-border);border-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40'%3E%3Cpath d='M0,5 Q10,1 20,5 T40,5 M0,35 Q10,39 20,35 T40,35 M5,0 Q1,10 5,20 T5,40 M35,0 Q39,10 35,20 T35,40' fill='none' stroke='oklch(45%25 0.01 60)' stroke-width='2.5'/%3E%3C/svg%3E") 10 round;padding:var(--size-xl);filter:var(--filter-rough-light)}& page-toc{border:none;filter:none}:is(main,article) code-block{--cb-bg: repeating-linear-gradient( 0deg, transparent, transparent 19px, oklch(70% .1 250 / .1) 19px, oklch(70% .1 250 / .1) 20px ), repeating-linear-gradient( 90deg, transparent, transparent 19px, oklch(70% .1 250 / .1) 19px, oklch(70% .1 250 / .1) 20px ), var(--color-surface);--cb-code-bg: transparent;--cb-header-bg: var(--color-surface);--cb-comment: var(--color-text-subtle);--cb-function: oklch(40% .12 180);--cb-number: oklch(50% .15 25);--cb-button-bg: var(--color-surface);--cb-button-hover-bg: var(--color-primary-subtle)}::selection{background:var(--color-primary);color:var(--color-surface-raised)}--scrollbar-thumb: oklch(70% .01 60);--scrollbar-track: oklch(93% .02 75)}:root[data-theme~=rough][data-mode=dark],[data-theme~=rough][data-mode=dark]{color-scheme:dark;--color-surface: oklch(20% .02 160);--color-surface-alt: oklch(24% .025 155);--color-surface-raised: oklch(28% .02 160);--color-surface-sunken: oklch(15% .015 160);--color-background: oklch(18% .02 160);--color-text: oklch(92% .01 80);--color-text-muted: oklch(72% .01 80);--color-text-subtle: oklch(58% .01 80);--color-primary: oklch(70% .12 230);--color-primary-hover: oklch(75% .14 230);--color-primary-subtle: oklch(30% .05 230);--color-accent: oklch(78% .14 85);--color-accent-hover: oklch(83% .16 85);--color-accent-subtle: oklch(30% .05 85);--color-border: oklch(45% .02 160);--color-border-muted: oklch(35% .015 160);--color-border-strong: oklch(60% .02 160);--color-success: oklch(68% .12 155);--color-success-subtle: oklch(25% .05 155);--color-success-text: oklch(75% .1 155);--color-warning: oklch(75% .12 70);--color-warning-subtle: oklch(25% .06 70);--color-warning-text: oklch(80% .1 70);--color-error: oklch(65% .14 20);--color-error-subtle: oklch(25% .06 20);--color-error-text: oklch(75% .12 20);--color-info: oklch(65% .1 230);--color-info-subtle: oklch(25% .05 230);--color-info-text: oklch(72% .08 230);--shadow-xs: 1px 1px 0 oklch(10% 0 0 / .2);--shadow-sm: 2px 2px 0 oklch(10% 0 0 / .25);--shadow-md: 3px 3px 0 oklch(10% 0 0 / .3);--shadow-lg: 4px 4px 0 oklch(10% 0 0 / .3);--shadow-xl: 5px 5px 0 oklch(10% 0 0 / .35);--shadow-2xl: 6px 6px 0 oklch(10% 0 0 / .4);--scrollbar-thumb: oklch(50% .02 160);--scrollbar-track: oklch(22% .02 160);--input-bg: oklch(20% .02 160);--input-border: oklch(45% .02 160);--input-border-focus: oklch(70% .12 230);--control-border: oklch(55% .02 160);--control-checked-bg: oklch(70% .12 230);--control-checked-border: oklch(70% .12 230);--range-track-bg: oklch(30% .02 160);--range-track-fill: oklch(70% .12 230);--range-thumb-bg: oklch(25% .02 160);--range-thumb-border: oklch(70% .12 230);--progress-track-bg: oklch(28% .02 160);--progress-fill: oklch(70% .12 230);--filter-rough: var(--filter-rough-light);--border-roughness: 1;& article.card{border-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40'%3E%3Cpath d='M0,5 Q10,1 20,5 T40,5 M0,35 Q10,39 20,35 T40,35 M5,0 Q1,10 5,20 T5,40 M35,0 Q39,10 35,20 T35,40' fill='none' stroke='oklch(50%25 0.02 160)' stroke-width='2.5'/%3E%3C/svg%3E") 10 round}:is(main,article) code{background:var(--color-surface-raised);border-color:var(--color-border);color:var(--color-accent)}:is(main,article) h1:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='6' viewBox='0 0 200 6'%3E%3Cpath d='M0,3 Q25,0 50,3 Q75,6 100,3 Q125,0 150,3 Q175,6 200,3' fill='none' stroke='oklch(70%25 0.12 230)' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E")}:is(main,article) hr{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='6' viewBox='0 0 400 6'%3E%3Cpath d='M0,3 C20,1 40,5 60,3 C80,1 100,5 120,3 C140,1 160,5 180,3 C200,1 220,5 240,3 C260,1 280,5 300,3 C320,1 340,5 360,3 C380,1 400,5 400,3' fill='none' stroke='oklch(60%25 0.02 160)' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E")}:is(main,article) pre{background:repeating-linear-gradient(0deg,transparent,transparent 19px,oklch(40% .05 160 / .15) 19px,oklch(40% .05 160 / .15) 20px),repeating-linear-gradient(90deg,transparent,transparent 19px,oklch(40% .05 160 / .15) 19px,oklch(40% .05 160 / .15) 20px),var(--color-surface)}:is(main,article) code-block{--cb-bg: repeating-linear-gradient( 0deg, transparent, transparent 19px, oklch(40% .05 160 / .12) 19px, oklch(40% .05 160 / .12) 20px ), repeating-linear-gradient( 90deg, transparent, transparent 19px, oklch(40% .05 160 / .12) 19px, oklch(40% .05 160 / .12) 20px ), var(--color-surface);--cb-code-bg: transparent;--cb-header-bg: var(--color-surface);--cb-comment: var(--color-text-subtle);--cb-function: oklch(70% .1 180);--cb-number: oklch(78% .14 85);--cb-button-bg: var(--color-surface);--cb-button-hover-bg: var(--color-primary-subtle)}}:root[data-theme~=rough][data-mode=dark]:before{opacity:.03}
 /*# sourceMappingURL=rough.css.map */