:root{
--bg:#090A0F;
--surface:#12141C;
--accent:#22C55E;
--text:#F3F4F8;
--muted:#8B93A7;
--border:#232736;
--radius:6px;
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%}
body{
  background:var(--bg);
  color:var(--text);
  font-family:Inter,system-ui,-apple-system,sans-serif;
  font-size:14px;
  line-height:1.5;
}
#root{max-width:960px;margin:0 auto;padding:48px 24px}
.eyebrow{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:11px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px}
h1{font-family:'JetBrains Mono',ui-monospace,monospace;font-weight:700;font-size:clamp(1.5rem,4vw,2.5rem);line-height:1.1}
p.lede{color:var(--muted);margin-top:12px}
p.lede b{color:var(--accent);font-weight:500}
.grid{display:grid;gap:16px;margin-top:32px}
@media(min-width:640px){.grid{grid-template-columns:1fr 1fr}}
.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px}
.card__label{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:10px;color:var(--muted);margin-bottom:12px;text-transform:uppercase;letter-spacing:.08em}
.counter{display:flex;align-items:center;gap:16px}
.counter button{width:32px;height:32px;border-radius:var(--radius);border:1px solid var(--border);background:transparent;color:var(--text);cursor:pointer;font-size:16px}
.counter button:hover{border-color:var(--accent)}
.counter__val{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:28px;font-weight:700;color:var(--accent);min-width:2ch;text-align:center}
input.field{width:100%;background:transparent;border:1px solid var(--border);border-radius:var(--radius);padding:8px 10px;color:var(--text);font-family:'JetBrains Mono',ui-monospace,monospace;font-size:12px;outline:none}
input.field:focus{border-color:var(--accent)}
.badge{display:inline-flex;align-items:center;gap:6px;margin-top:24px;font-family:'JetBrains Mono',ui-monospace,monospace;font-size:11px;color:var(--accent);border:1px solid var(--accent);border-radius:99px;padding:4px 10px;opacity:.85}
.dot{width:6px;height:6px;border-radius:99px;background:var(--accent);box-shadow:0 0 8px var(--accent)}
footer{margin-top:48px;font-family:'JetBrains Mono',ui-monospace,monospace;font-size:11px;color:var(--muted)}