:root{color-scheme:light;--font:"Source Serif 4", "Iowan Old Style", Georgia, "Noto Serif", "Songti SC", "Noto Serif CJK SC", "Hiragino Mincho ProN", "Noto Serif JP", serif;--hand:"Caveat", "Bradley Hand", var(--font);--font-code:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--text-sm:.9375rem;--text-base:1.0625rem;--text-lg:1.1875rem;--text-xl:1.375rem;--text-3xl:1.875rem;--text-h2:2rem;--text-h1:2.5rem;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-6:24px;--s-8:32px;--s-10:40px;--s-12:48px;--s-16:64px;--s-20:80px;--s-24:96px;--s-32:128px;--margin:var(--s-6);--gutter:0px;--max:1200px;--measure:66ch;--section:var(--s-20);--bg:#f6f1e6;--surface:#efe7d6;--raised:#e5dac3;--card:#fffdf7;--ink:#1d2a44;--ink-2:#44506a;--muted:#5a6070;--hairline:#1d2a4429;--rule:#1d2a448c;--accent:#23408e;--accent-ink:#fffdf7;--pencil:#b8372a;--grid-fine:#3c5a8c13;--grid-major:#3c5a8c24;--tape:#ecd68cb3;--art:#11131a;--focus:#b8372a}:root[data-theme=dark]{color-scheme:dark;--bg:#1d1b18;--surface:#25221e;--raised:#302c26;--card:#29261f;--ink:#ece4d4;--ink-2:#c2b9a7;--muted:#9e9686;--hairline:#ece4d424;--rule:#ece4d480;--accent:#9fb3ff;--accent-ink:#1d1b18;--pencil:#ff8f7d;--grid-fine:#ece4d409;--grid-major:#ece4d412;--tape:#ecd68c59;--art:#0d0e12;--focus:#ff8f7d}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--bg:#1d1b18;--surface:#25221e;--raised:#302c26;--card:#29261f;--ink:#ece4d4;--ink-2:#c2b9a7;--muted:#9e9686;--hairline:#ece4d424;--rule:#ece4d480;--accent:#9fb3ff;--accent-ink:#1d1b18;--pencil:#ff8f7d;--grid-fine:#ece4d409;--grid-major:#ece4d412;--tape:#ecd68c59;--art:#0d0e12;--focus:#ff8f7d}}@media (width>=768px){:root{--margin:var(--s-8);--text-h2:2.5rem;--text-h1:3.5rem;--section:var(--s-24)}}@media (width>=1200px){:root{--text-h1:4.25rem;--gutter:72px}}*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:var(--s-20)}body,.paper{background-color:var(--bg);background-image:linear-gradient(var(--grid-major) 1px, transparent 1px), linear-gradient(90deg, var(--grid-major) 1px, transparent 1px), linear-gradient(var(--grid-fine) 1px, transparent 1px), linear-gradient(90deg, var(--grid-fine) 1px, transparent 1px);background-size:100px 100px,100px 100px,20px 20px,20px 20px;background-attachment:fixed}body{min-height:100dvh;color:var(--ink);font-family:var(--font);font-size:var(--text-base);font-optical-sizing:auto;-webkit-font-smoothing:antialiased;flex-direction:column;margin:0;line-height:1.6;display:flex;overflow-x:clip}main{flex:1}main:focus{outline:none}img,svg,video{max-width:100%;height:auto;display:block}a{color:inherit;text-underline-offset:.2em;text-decoration-thickness:1px}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}h1,h2,h3,h4{letter-spacing:-.01em;text-wrap:balance;margin:0;font-weight:400;line-height:1.1}:is(h1,h2,h3):lang(zh),:is(h1,h2,h3):lang(ja),:lang(zh) :is(h1,h2,h3),:lang(ja) :is(h1,h2,h3){letter-spacing:0;line-height:1.3}p{text-wrap:pretty;margin:0}code,pre,kbd{font-family:var(--font-code);font-size:.85em}::selection{background:var(--tape);color:var(--ink)}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.skip-link{left:var(--margin);top:var(--s-3);z-index:100;padding:var(--s-3) var(--s-4);background:var(--accent);color:var(--accent-ink);position:absolute}.skip-link:not(:focus){clip-path:inset(50%);width:1px;height:1px;padding:0;overflow:hidden}.wrap{width:min(100% - 2 * var(--margin), var(--max));margin-inline:auto}.muted{color:var(--muted)}.sc{letter-spacing:.08em;font-feature-settings:"c2sc", "smcp";font-variant-caps:all-small-caps}.hand{font-family:var(--hand);color:var(--pencil);font-size:1.5rem;font-weight:500;line-height:1.1}.px{border:1.5px solid var(--pencil);border-radius:50%;flex:none;width:10px;height:10px;display:inline-block}.taped{background:var(--card);padding:var(--s-3) var(--s-3) var(--s-4);position:relative;box-shadow:0 1px #0000000a,0 8px 24px -16px #281e0a59}.taped:before{content:"";background:var(--tape);width:96px;height:24px;margin-left:-48px;position:absolute;top:-12px;left:50%;transform:rotate(-3deg)}.button{justify-content:center;align-items:center;gap:var(--s-2);min-height:48px;padding:0 var(--s-6);border:1.5px solid var(--ink);color:var(--ink);font:inherit;font-size:var(--text-base);cursor:pointer;background:0 0;text-decoration:none;transition:background-color .25s cubic-bezier(.22,1,.36,1),color .25s cubic-bezier(.22,1,.36,1),transform .25s cubic-bezier(.22,1,.36,1);display:inline-flex}.button:hover{background:var(--ink);color:var(--bg)}.button:active{transform:translateY(1px)}.button-accent{border-color:var(--accent);background:var(--accent);color:var(--accent-ink)}.button-accent:hover{border-color:var(--ink)}.button-quiet{border-color:var(--rule)}.link{color:var(--accent);text-decoration:underline;text-decoration-color:color-mix(in srgb, var(--accent) 35%, transparent);transition:text-decoration-color .25s cubic-bezier(.22,1,.36,1)}.link:hover{text-decoration-color:currentColor}.status{font-size:var(--text-sm);letter-spacing:.12em;white-space:nowrap;color:var(--muted);border:2px solid;border-radius:3px;justify-content:center;align-items:center;padding:2px 10px;font-variant-caps:all-small-caps;font-weight:600;line-height:1.4;display:inline-flex;transform:rotate(-4deg)}.status-active{color:var(--pencil)}.status-stable{color:var(--accent)}.status-idea,.status-archived{color:var(--muted);border-style:dashed}.rule-head{justify-content:space-between;align-items:baseline;gap:var(--s-2) var(--s-4);padding-bottom:var(--s-2);border-bottom:2px solid var(--ink);flex-wrap:wrap;display:flex}.page-head{width:min(100% - 2 * var(--margin), var(--max));padding:var(--s-20) 0 var(--s-10);margin-inline:auto}.page-head h1{font-size:var(--text-h1);padding-bottom:var(--s-4);border-bottom:2px solid var(--ink);line-height:1.02}.page-head p{margin-top:var(--s-6);max-width:56ch;font-size:var(--text-xl);color:var(--ink-2);line-height:1.45}.empty{width:min(100% - 2 * var(--margin), var(--max));margin:var(--s-12) auto;color:var(--muted);font-style:italic}.filters{gap:var(--s-2);width:min(100% - 2 * var(--margin), var(--max));margin:0 auto var(--s-8);flex-wrap:wrap;display:flex}.filters button{min-height:40px;padding:0 var(--s-4);border:1.5px solid var(--hairline);background:var(--card);color:var(--ink-2);font:inherit;font-size:var(--text-sm);cursor:pointer;transition:border-color .25s cubic-bezier(.22,1,.36,1),color .25s cubic-bezier(.22,1,.36,1)}.filters button:hover{border-color:var(--ink);color:var(--ink)}.filters button[aria-pressed=true]{border-color:var(--ink);background:var(--ink);color:var(--bg)}.prose{max-width:var(--measure);font-size:var(--text-lg);line-height:1.65}.prose>*+*{margin-top:1em}.prose h2{font-size:var(--text-3xl);margin-top:1.8em;font-weight:600}.prose h3{font-size:var(--text-xl);margin-top:1.6em;font-weight:600}.prose ul,.prose ol{padding-left:1.3em}.prose li+li{margin-top:.4em}.prose li::marker{color:var(--pencil)}.prose blockquote{padding:var(--s-1) 0 var(--s-1) var(--s-6);border-left:3px solid var(--pencil);color:var(--ink-2);margin-inline:0;font-style:italic}.prose a{color:var(--accent)}.prose :not(pre)>code{background:var(--surface);padding:.1em .35em}.prose pre{padding:var(--s-4) var(--s-6);font-size:var(--text-sm);line-height:1.6;overflow-x:auto;background:var(--art)!important;color:#e6eaf4!important}.prose img{background:var(--card);padding:var(--s-2)}.prose hr{border:0;border-top:1px dashed var(--rule);margin-block:2em}.prose table{border-collapse:collapse;font-size:var(--text-base);display:block;overflow-x:auto}.prose th,.prose td{padding:var(--s-2) var(--s-3);text-align:left;border-bottom:1px solid var(--hairline)}.prose th{border-bottom:2px solid var(--ink);font-weight:600}.js [data-reveal]>*{opacity:0;transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1);transform:translateY(24px)}.js [data-reveal].is-visible>*{opacity:1;transform:none}.js [data-reveal].is-visible>:nth-child(2){transition-delay:70ms}.js [data-reveal].is-visible>:nth-child(3){transition-delay:.14s}.js [data-reveal].is-visible>:nth-child(4){transition-delay:.21s}.js [data-reveal].is-visible>:nth-child(n+5){transition-delay:.28s}.pencil-stroke path{fill:none;stroke:var(--pencil);stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round}.js .pencil-stroke path{stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset 1.4s cubic-bezier(.65,0,.35,1) .4s}.js .is-visible .pencil-stroke path{stroke-dashoffset:0}.reveal-all [data-reveal]>*{opacity:1!important;transform:none!important}.reveal-all .pencil-stroke path{stroke-dashoffset:0!important}@media print{.js [data-reveal]>*{opacity:1!important;transform:none!important}.js .pencil-stroke path{stroke-dashoffset:0!important}.js .word{color:var(--ink)!important}.site-header{position:static!important}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation:none!important}.js [data-reveal]>*{opacity:1;transform:none}.js .pencil-stroke path{stroke-dashoffset:0}}