:root{--hand:"Caveat", "Comic Sans MS", cursive;--paper:#f4f0e6;--paper-2:#ebe5d6;--card:#fbf9f4;--grid:#283c5a12;--ink:#16201c;--ink-2:#3b4640;--muted:#6c7469;--line:#d8d0bd;--c-act1:#d4891a;--c-act1-soft:#f6e3c2;--c-act2:#c9452c;--c-act2-soft:#f4d6cd;--c-act3:#2b6a57;--c-act3-soft:#d3e5dc;--good:#2f7d4f;--good-soft:#dcefe2;--bad:#b73a28;--bad-soft:#f6dcd5;--night:#121a17;--display:"Bricolage Grotesque", "Atkinson Hyperlegible", system-ui, sans-serif;--body:"Atkinson Hyperlegible", system-ui, -apple-system, "Segoe UI", sans-serif;--mono:"JetBrains Mono", ui-monospace, Menlo, monospace;--radius:16px;--shadow:0 1px 2px #16201c0f, 0 14px 34px -16px #16201c47}*{box-sizing:border-box}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%}body{color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;background-color:var(--paper);background-image:linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px);background-size:28px 28px;margin:0;font-size:18px;line-height:1.6}h1,h2,h3,h4{font-family:var(--display);letter-spacing:-.02em;margin:0;font-weight:700;line-height:1.08}p{margin:0 0 14px}a{color:var(--c-act2)}code,.mono{font-family:var(--mono);font-size:.92em}.btn{font:700 16px/1.2 var(--body);border:2px solid var(--ink);background:var(--card);color:var(--ink);cursor:pointer;box-shadow:3px 3px 0 var(--ink);border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:12px 22px;text-decoration:none;transition:transform .12s,box-shadow .12s,background .12s;display:inline-flex}.btn:hover{box-shadow:4px 4px 0 var(--ink);transform:translate(-1px,-1px)}.btn:active{box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:3px 3px 0 var(--ink);transform:none}.btn.primary{background:var(--ink);color:var(--paper)}.btn.act1{background:var(--c-act1)}.btn.small{box-shadow:2px 2px 0 var(--ink);padding:7px 14px;font-size:14px}.btn.ghost{box-shadow:none;border-color:var(--line);background:0 0}.btn.ghost:hover{border-color:var(--ink)}:focus-visible{outline:3px solid var(--c-act1);outline-offset:2px}.mark{flex:none;width:34px;height:34px}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}