@import"https://fonts.googleapis.com/css2?family=Syne:wght@500;700;800&family=Space+Mono:ital,wght@0,400;0,700;1,400&display=swap";:root{--paper: #f3ede0;--paper-2: #e9e1cf;--paper-3: #ddd3bd;--ink: #1c1b19;--ink-soft: rgba(28, 27, 25, .72);--ink-faint: rgba(28, 27, 25, .38);--pink: #ff48b0;--pink-ink: #c2185b;--blue: #0078bf;--yellow: #ffe800;--green: #00a95c;--orange: #ff6c2f;--teal: #00838a;--purple: #765ba7;--red: #ff665e;--accent: var(--pink);--accent-2: var(--blue);--rule: 2px solid var(--ink);--shadow: 4px 4px 0 var(--ink);--font-display: "Syne", "Archivo Black", system-ui, sans-serif;--font-mono: "Space Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--radius: 2px;--sheet: #fbf8f1;--font-dots: "Doto", var(--font-mono);--screen-25: conic-gradient(from 90deg at 2px 2px, var(--ink) 25%, transparent 0) 0 0 / 4px 4px;--screen-50: conic-gradient(var(--ink) 25%, transparent 0 50%, var(--ink) 0 75%, transparent 0) 0 0 / 4px 4px;--screen-75: conic-gradient(from 90deg at 2px 2px, transparent 25%, var(--ink) 0) 0 0 / 4px 4px;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--paper);color:var(--ink);font-family:var(--font-mono);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;position:relative;min-height:100vh}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:.35;mix-blend-mode:multiply;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.4 0 0 0 0 0.35 0 0 0 0 0.3 0 0 0 0.35 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}h1,h2,h3,h4{font-family:var(--font-display);font-weight:800;letter-spacing:-.02em;line-height:1;margin:0}h1{font-size:clamp(2.2rem,5.5vw,4.4rem);text-transform:uppercase}h2{font-size:clamp(1.8rem,4vw,3rem);text-transform:uppercase}h3{font-size:1.1rem;text-transform:uppercase;letter-spacing:.02em}p{margin:0 0 1em;max-width:62ch}a{color:inherit;text-decoration-thickness:2px;text-underline-offset:3px}a:hover{color:var(--accent-2)}small,.small{font-size:13px}.mono{font-family:var(--font-mono)}.upper{text-transform:uppercase;letter-spacing:.08em}.muted{color:var(--ink-soft)}.overprint{position:relative;display:inline-block;color:var(--ink)}.overprint:before,.overprint:after{content:attr(data-text);position:absolute;left:0;top:0;mix-blend-mode:multiply;pointer-events:none}.overprint:before{color:var(--pink);transform:translate(-.045em,.035em)}.overprint:after{color:var(--blue);transform:translate(.04em,-.03em);opacity:.9}.halftone{background-image:radial-gradient(circle at 50% 50%,var(--ink) 0 .9px,transparent 1px);background-size:5px 5px;opacity:.15}.btn{font-family:var(--font-mono);font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.06em;border:var(--rule);background:var(--paper);color:var(--ink);padding:10px 14px;cursor:pointer;box-shadow:var(--shadow);transition:transform 80ms ease,box-shadow 80ms ease;border-radius:var(--radius);display:inline-flex;align-items:center;gap:8px;text-decoration:none}.btn:hover{transform:translate(-1px,-1px);box-shadow:5px 5px 0 var(--ink)}.btn:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--ink)}.btn.primary{background:var(--accent);color:var(--ink)}.btn.blue{background:var(--blue);color:#fff}.btn.yellow{background:var(--yellow)}.btn.ghost{box-shadow:none}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:var(--shadow)}.tag{display:inline-block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;padding:3px 8px;border:2px solid var(--ink);border-radius:999px;background:var(--paper)}.tag.pink{background:var(--pink)}.tag.blue{background:var(--blue);color:#fff}.tag.yellow{background:var(--yellow)}.tag.green{background:var(--green);color:#fff}.card{border:var(--rule);background:var(--paper);box-shadow:var(--shadow);padding:16px;border-radius:var(--radius)}label{display:block}select,input[type=text],input[type=number]{font-family:var(--font-mono);font-size:13px;border:2px solid var(--ink);background:var(--paper);color:var(--ink);padding:6px 8px;width:100%;border-radius:var(--radius)}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:22px;background:transparent;margin:0}input[type=range]::-webkit-slider-runnable-track{height:2px;background:var(--ink)}input[type=range]::-moz-range-track{height:2px;background:var(--ink)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;margin-top:-7px;background:var(--accent);border:2px solid var(--ink);border-radius:50%;box-shadow:2px 2px 0 var(--ink);cursor:grab}input[type=range]::-moz-range-thumb{width:12px;height:12px;background:var(--accent);border:2px solid var(--ink);border-radius:50%;box-shadow:2px 2px 0 var(--ink);cursor:grab}input[type=checkbox]{-webkit-appearance:none;appearance:none;width:18px;height:18px;border:2px solid var(--ink);background:var(--paper);display:inline-grid;place-content:center;cursor:pointer;border-radius:var(--radius);vertical-align:middle}input[type=checkbox]:before{content:"";width:10px;height:10px;background:var(--ink);transform:scale(0);transition:transform 80ms}input[type=checkbox]:checked:before{transform:scale(1)}input[type=checkbox]:checked{background:var(--yellow)}::selection{background:var(--yellow);color:var(--ink)}.wrap{max-width:1200px;margin:0 auto;padding:0 24px}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.grid{display:grid;gap:16px}hr.rule{border:0;border-top:var(--rule);margin:24px 0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;left:12px;top:-100px;z-index:10000;background:var(--yellow);color:var(--ink);border:var(--rule);padding:10px 14px;font-weight:700;text-decoration:none}.skip-link:focus{top:12px}:focus-visible{outline:3px solid var(--ink);outline-offset:2px;box-shadow:0 0 0 6px var(--yellow)}.btn:focus-visible{box-shadow:var(--shadow),0 0 0 6px var(--yellow)}@media(prefers-reduced-motion:reduce){*{transition:none!important}}.consent{position:fixed;z-index:1000;left:12px;right:12px;bottom:12px;max-width:720px;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;padding:14px 16px;background:var(--sheet);color:var(--ink);border:var(--rule);box-shadow:var(--shadow);font-size:14px;line-height:1.5}.consent p{margin:0;flex:1 1 320px}.consent div{display:flex;gap:10px;margin-left:auto}.consent button{font:inherit;font-weight:700;min-height:44px;padding:0 16px;background:var(--paper);color:var(--ink);border:var(--rule);border-radius:var(--radius);cursor:pointer}.consent button:hover{background:var(--yellow)}.consent button:focus-visible{outline:3px solid var(--blue);outline-offset:2px}body.app-page{height:100dvh;overflow:hidden;overscroll-behavior:none}body.app-page:before{display:none}