:root{--bg:#0e0e10;--fg:#f0f0f0;--muted:#888;--accent-pint:#f5b400;--accent-wank:#e85a71;--card:#1a1a1d;--border:#2a2a2d}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);font-family:ui-sans-serif,system-ui,sans-serif}a,body,html{color:var(--fg)}main{max-width:960px;margin:0 auto;padding:24px 16px 64px}nav{display:flex;gap:16px;padding:12px 16px;border-bottom:1px solid var(--border);align-items:center}nav .spacer{flex:1}h1,h2,h3{margin:16px 0 12px}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:16px}.row{display:flex;gap:16px;flex-wrap:wrap}.col{flex:1;min-width:240px}.btn,button{background:var(--card);color:var(--fg);border:1px solid var(--border);border-radius:8px;padding:10px 14px;cursor:pointer;font-size:16px}.btn:hover,button:hover{background:#222}button:disabled{opacity:.5;cursor:not-allowed}input,select{background:#111;color:var(--fg);border:1px solid var(--border);border-radius:8px;padding:10px;font-size:16px;width:100%}label{display:block;margin:12px 0 4px;color:var(--muted);font-size:14px}.big-tap{font-size:28px;padding:32px;border-radius:20px;width:100%;font-weight:700;letter-spacing:.5px}.big-tap.pint{background:var(--accent-pint);color:#1a1a1d;border:none}.big-tap.wank{background:var(--accent-wank);color:#fff;border:none}.counter{font-size:56px;font-weight:800;text-align:center;margin:8px 0}.muted{color:var(--muted)}table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:8px;border-bottom:1px solid var(--border)}.error{color:#ff7676}