@font-face{font-family:Manrope;font-weight:400;font-display:swap;src:url(/fonts/Manrope_400Regular.ttf) format("truetype")}@font-face{font-family:Manrope;font-weight:600;font-display:swap;src:url(/fonts/Manrope_600SemiBold.ttf) format("truetype")}@font-face{font-family:Newsreader;font-weight:500;font-style:italic;font-display:swap;src:url(/fonts/Newsreader_500Medium_Italic.ttf) format("truetype")}@font-face{font-family:JetBrains Mono;font-weight:400;font-display:swap;src:url(/fonts/JetBrainsMono_400Regular.ttf) format("truetype")}@font-face{font-family:JetBrains Mono;font-weight:500;font-display:swap;src:url(/fonts/JetBrainsMono_500Medium.ttf) format("truetype")}:root{--bg: #fafaf7;--bg-2: #f2f2ee;--ink: #0a0e1a;--ink-2: #2a2f3f;--mute: #6b7180;--line: #e4e2da;--line-2: #d8d5cb;--accent: #1e40ff;--accent-ink: #0026d9;--accent-tint: #eaf0ff;--accent-soft: rgba(30, 64, 255, .08);--danger: #c2410c;--sans: "Manrope", system-ui, -apple-system, "Helvetica Neue", sans-serif;--serif: "Newsreader", Georgia, serif;--mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace}*{box-sizing:border-box}html,body{margin:0;padding:0}body{min-height:100dvh;display:flex;flex-direction:column;font-family:var(--sans);background:var(--bg);color:var(--ink);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}[hidden]{display:none!important}.brand{display:flex;align-items:center;gap:12px;padding:16px 20px;max-width:640px;width:100%;margin:0 auto}.brand__name{font-weight:600;font-size:14px;letter-spacing:.04em}.brand__role{font-family:var(--mono);font-size:10px;color:var(--mute);letter-spacing:.04em}main{flex:1;width:100%;max-width:640px;margin:0 auto;padding:16px 20px 32px}.screen{display:flex;flex-direction:column;gap:16px}h1{margin:0;font-weight:600;font-size:clamp(30px,8vw,44px);line-height:1.08;letter-spacing:-.03em;overflow-wrap:anywhere}h1 em{font-family:var(--serif);font-style:italic;font-weight:500;color:var(--accent)}.lede{margin:0;font-size:17px;color:var(--ink-2)}.muted{color:var(--mute)}.eyebrow{margin:0;font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--mute)}.tag{align-self:flex-start;margin:0;display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:11px;letter-spacing:.06em;color:var(--ink-2);padding:6px 12px;background:var(--accent-soft);border-radius:999px}.tag__dot{width:8px;height:8px;border-radius:50%;background:var(--accent)}form{display:flex;flex-direction:column;gap:10px;margin-top:8px}input[type=text]{font:inherit;font-size:17px;color:var(--ink);padding:14px 16px;border:1px solid var(--line-2);border-radius:6px;background:#fff}input[type=text]:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}.btn{font:inherit;font-weight:600;font-size:15px;cursor:pointer;padding:14px 22px;border-radius:999px;border:0}.btn--primary{background:var(--accent);color:#fff}.btn--primary:hover{background:var(--accent-ink)}.btn:disabled{opacity:.5;cursor:progress}.error{margin:0;color:var(--danger);font-size:14px}.fineprint{margin:8px 0 0;font-size:13px;color:var(--mute)}.deck{display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:10px;margin-top:8px}.card{aspect-ratio:3 / 4;display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-weight:500;font-size:26px;color:var(--ink);background:#fff;border:1.5px solid var(--line-2);border-radius:10px;cursor:pointer;transition:transform .12s,border-color .12s,background .12s}.card:hover{border-color:var(--accent);transform:translateY(-2px)}.card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.card[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#fff;transform:translateY(-4px)}.card:disabled{cursor:not-allowed;opacity:.45;transform:none}.card[aria-pressed=true]:disabled{opacity:1}.footer{display:flex;justify-content:space-between;gap:12px;max-width:640px;width:100%;margin:0 auto;padding:16px 20px calc(16px + env(safe-area-inset-bottom));font-family:var(--mono);font-size:11px;color:var(--mute);border-top:1px solid var(--line)}.footer a{color:inherit}