:root{--paper:#f7f0e7;--ink:#241d14;--dim:#7a6f62;--faint:#d9cfc2;--raised:#fbf6ef;--title:"Dokdo", "Caveat Brush", cursive;--body:"Caveat Brush", "Comic Sans MS", cursive;--cursive:"Beth Ellen", cursive;--label:"Yuji Mai", serif;--mono:"Kode Mono", ui-monospace, monospace;--dots:radial-gradient(circle, var(--ink) .85px, transparent 1.15px);--dots-heavy:radial-gradient(circle, var(--ink) 1.3px, transparent 1.6px);--dots-dense:radial-gradient(circle, var(--ink) .95px, transparent 1.25px);--line:2.5px solid var(--ink);--wobble:18px 22px 16px 24px / 22px 16px 24px 18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--paper:#1c1712;--ink:#f2e9dc;--dim:#a39684;--faint:#4a4036;--raised:#241e17;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html{background:var(--paper)}body{background:var(--paper);color:var(--ink);font:18px/1.45 var(--body);-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3{font-family:var(--title);text-transform:lowercase;letter-spacing:.01em;margin:0 0 .5em;font-weight:400;line-height:1.05}h1{font-size:3rem}h2{align-items:center;gap:10px;margin-top:1.8em;font-size:1.9rem;display:flex}h2:after{content:"";background:var(--dots) 0 0 / 5px 5px;opacity:.55;flex:1;height:7px}h3{font-size:1.5rem}a{color:inherit;text-underline-offset:3px;text-decoration-thickness:1.5px}a:hover{text-decoration-style:wavy}main{isolation:isolate;max-width:860px;margin:0 auto;padding:0 16px 80px}hr,.rule{background:var(--dots) 0 0 / 6px 6px;opacity:.5;border:0;height:6px;margin:1.5em 0}.dim{color:var(--dim)}.small{font-size:15px}.num{font-family:var(--mono);font-size:.8em}.cursive{font-family:var(--cursive);font-size:.95em}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.spread{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.stack>*+*{margin-top:10px}button,.button{font:inherit;color:var(--ink);background:var(--paper);cursor:pointer;border:2px solid #0000;border-radius:4px;padding:4px 14px;text-decoration:none;display:inline-block;position:relative}button:after,.button:after{content:"";border:2.5px solid var(--ink);border-radius:inherit;filter:url(#ink);pointer-events:none;position:absolute;inset:-2px}button:before,.button:before{content:"";border-radius:inherit;background:var(--dots) 0 0 / 3px 3px;clip-path:polygon(calc(100% - 5px) 0,100% 0,100% 100%,0 100%,0 calc(100% - 5px),calc(100% - 5px) calc(100% - 5px));pointer-events:none;opacity:0;transition:opacity .1s,transform .1s;position:absolute;inset:-2px}button:hover:before,.button:hover:before{opacity:1;transform:translate(5px,5px)}button:active,.button:active{background:var(--ink);color:var(--paper)}button:active:before,.button:active:before{opacity:0}button.quiet,.button.quiet{color:var(--dim)}button.quiet:after,.button.quiet:after{border-color:var(--faint);border-width:2px}button.quiet:hover,.button.quiet:hover{color:var(--ink)}button.quiet:hover:after,.button.quiet:hover:after{border-color:var(--ink)}button:disabled{opacity:.4;cursor:default}button:disabled:before{display:none}input,textarea,select{font:inherit;color:var(--ink);border:0;border-bottom:2px dotted var(--dim);background:0 0;border-radius:0;width:100%;padding:4px 2px}input:focus,textarea:focus,select:focus{border-bottom:2px solid var(--ink);outline:none}textarea{border:2px solid var(--ink);resize:vertical;background:var(--raised);border-radius:3px;min-height:140px;padding:10px}select option{background:var(--paper)}label{color:var(--dim);font-size:15px;display:block}label>input,label>textarea,label>select{color:var(--ink);margin-top:2px;font-size:18px}::placeholder{color:var(--dim);opacity:.7}.card{isolation:isolate;border-radius:var(--wobble);padding:14px 16px;position:relative}.card:after{content:"";z-index:-1;background:var(--ink);border-radius:inherit;filter:url(#ink-card);pointer-events:none;position:absolute;inset:0}.card:before{content:"";z-index:-2;border-radius:inherit;background:var(--dots-dense) 0 0 / 3px 3px;filter:url(#ink-edge);pointer-events:none;position:absolute;inset:0;transform:translate(7px,7px)}a.card{text-decoration:none;transition:top .1s,left .1s;display:block}a.card:hover{top:-2px;left:-1px}.grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:22px;display:grid}ul.plain{margin:0;padding:0;list-style:none}ul.plain>li{border-bottom:1.5px dashed var(--faint);padding:9px 0}.tag{font-family:var(--mono);border:1.5px solid var(--ink);color:var(--ink);background:var(--paper);border-radius:3px;padding:0 8px;font-size:11px}.error{color:#b5462f}@media (prefers-color-scheme:dark){.error{color:#f0a08a}}.dither{width:100%;aspect-ratio:var(--ratio,4 / 3);background:var(--ink);-webkit-mask:var(--src) center / cover no-repeat;-webkit-mask:var(--src) center / cover no-repeat;mask:var(--src) center / cover no-repeat;display:block}