:root{
    --ink:#0e1a2e; --cream:#f7f4ee; --copper:#d97b3c; --bayou:#5fb3bd;
    --muted:#5d6a80; --border:rgba(14,26,46,.12); --card:#fffdfa;
  }
  *{box-sizing:border-box}
  html,body{margin:0;padding:0;background:transparent;color:var(--ink);
    font-family:Inter,ui-sans-serif,system-ui,sans-serif}
  .wrap{padding:4px 0 8px}
  .grid{display:grid;gap:24px;grid-template-columns:1fr}
  @media(min-width:820px){.grid{grid-template-columns:1fr 1fr}}
  .card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:24px}
  h2{font-family:"Space Grotesk",Inter,sans-serif;font-size:18px;margin:0 0 18px;font-weight:600}
  label{display:block;font-size:13px;font-weight:500;margin:0 0 6px}
  .field{margin-bottom:18px}
  .hint{font-size:12px;color:var(--muted);margin-top:5px}
  input[type=number]{width:100%;height:42px;padding:0 12px;border:1px solid var(--border);
    border-radius:8px;background:#fff;color:var(--ink);font-size:15px;font-family:inherit}
  input[type=number]:focus{outline:2px solid var(--copper);outline-offset:1px}
  input[type=range]{width:100%;accent-color:var(--copper)}
  .row{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
  .val{font-family:"JetBrains Mono",ui-monospace,monospace;font-size:13px;color:var(--copper)}
  .big{background:var(--ink);color:var(--cream);border-radius:14px;padding:24px;margin-bottom:16px}
  .big .k{font-family:"JetBrains Mono",ui-monospace,monospace;font-size:11px;letter-spacing:.12em;
    text-transform:uppercase;color:var(--bayou)}
  .big .v{font-family:"Space Grotesk",Inter,sans-serif;font-size:40px;font-weight:600;margin-top:8px;line-height:1.05}
  .big .s{font-size:13px;color:rgba(247,244,238,.7);margin-top:8px}
  .stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}
  .stat{border:1px solid var(--border);border-radius:12px;padding:16px;background:var(--card)}
  .stat .k{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);
    font-family:"JetBrains Mono",ui-monospace,monospace}
  .stat .v{font-family:"Space Grotesk",Inter,sans-serif;font-size:22px;font-weight:600;margin-top:6px}
  .note{font-size:12px;color:var(--muted);margin-top:16px;line-height:1.6}