:root{--paper:#f7f1e6;--paper-deep:#ede4d4;--surface:#fffcf7;--ink:#1e1b18;--ink-muted:#5e5650;--ink-faint:#9a918a;--line:#d9cfc2;--shu:#ee5a24;--shu-deep:#d2481a;--shu-soft:#fce6da;--sakura:#f3a79b;--tanuki:#8a5a3b;--matcha:#8ea36a;--font-body:-apple-system, BlinkMacSystemFont, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Yu Gothic UI", "Yu Gothic", Meiryo, system-ui, sans-serif;--font-hand:var(--font-display), var(--font-body);--gutter:20px;--page-width:640px;--wobble-card:22px 30px 24px 28px / 28px 22px 30px 24px;--wobble-card-alt:30px 22px 28px 24px / 22px 28px 24px 30px;--wobble-pill:34px 28px 32px 26px / 28px 34px 26px 32px;--wobble-tag:14px 11px 13px 10px / 11px 14px 10px 13px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html{-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--paper);min-height:100vh;color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;flex-direction:column;margin:0;font-size:16px;line-height:1.7;display:flex;position:relative}body:before{content:"";opacity:.05;pointer-events:none;z-index:0;background:url(/textures/crayon_grain_dark.webp) 0 0/256px 256px;position:fixed;inset:0}body>*{z-index:1;position:relative}a{color:inherit}img{max-width:100%;display:block}h1,h2,h3{font-family:var(--font-hand);letter-spacing:.02em;word-break:auto-phrase;text-wrap:balance;margin:0;font-weight:400;line-height:1.35}p{margin:0}:focus-visible{outline:3px solid var(--shu);outline-offset:3px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.page{width:100%;max-width:calc(var(--page-width) + var(--gutter) * 2);padding:0 var(--gutter);flex:1;margin:0 auto}.stack{flex-direction:column;gap:20px;display:flex}.sketch{background:var(--surface);border-radius:var(--wobble-card);isolation:isolate;padding:22px 20px;position:relative}.sketch:before,.sketch:after{content:"";pointer-events:none;border-radius:inherit;position:absolute}.sketch:before{border:2px solid var(--ink);filter:url(#ink-wobble);inset:0}.sketch:after{border:1px solid var(--ink);border-radius:var(--wobble-card-alt);opacity:.3;inset:2px -1px -1px 2px}.sketch--alt{border-radius:var(--wobble-card-alt)}.sketch--alt:after{border-radius:var(--wobble-card)}.sketch--soft{background:var(--shu-soft)}.sketch--plain{background:0 0}.pill{border-radius:var(--wobble-pill);min-height:56px;font:inherit;letter-spacing:.06em;text-align:center;cursor:pointer;isolation:isolate;-webkit-tap-highlight-color:transparent;border:0;justify-content:center;align-items:center;gap:10px;padding:0 26px;font-size:17px;font-weight:700;line-height:1.2;text-decoration:none;transition:transform .12s,background-color .12s;display:inline-flex;position:relative}.pill:before{content:"";border:2px solid var(--ink);border-radius:inherit;filter:url(#ink-wobble);pointer-events:none;position:absolute;inset:0}.pill:active{transform:translateY(1px)rotate(-.4deg)}.pill--shu{background:var(--shu);color:#fff;font-size:19px}.pill--shu:hover{background:var(--shu-deep)}.pill--ink{background:var(--ink);color:#fff}.pill--ink:hover{background:#3a3530}.pill--outline{background:var(--surface);color:var(--ink)}.pill--outline:hover{background:var(--paper-deep)}.pill--block{width:100%;display:flex}.pill[aria-disabled=true]{cursor:default;color:var(--ink-faint);background:var(--paper-deep)}.pill[aria-disabled=true]:before{border-color:var(--ink-faint);filter:none;border-style:dashed}.pill[aria-disabled=true]:active{transform:none}.tags{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.tag{border:1.5px solid var(--ink);border-radius:var(--wobble-tag);background:var(--shu-soft);align-items:center;min-height:28px;padding:2px 12px;font-size:13px;font-weight:600;line-height:1.3;display:inline-flex}.tag--plain{background:var(--surface)}.muted{color:var(--ink-muted)}.small{font-size:13px}.hand{font-family:var(--font-hand)}.brush{-webkit-box-decoration-break:clone;box-decoration-break:clone;background-image:linear-gradient(#0000 62%,#ee5a2459 62% 92%,#0000 92%);background-repeat:no-repeat;padding:0 2px}
