/* RaceReady — minimal generic stylesheet, derived from Cue's design system. */
:root {
  --bg:#0f1115; --panel:#1a1d24; --line:#2a2e36;
  --ink:#e8e6df; --muted:#8b8f9a; --accent:#d4a84b;
}
* { box-sizing: border-box; }
html,body { margin:0; padding:0; background:var(--bg); color:var(--ink);
  font:15px/1.45 -apple-system, system-ui, sans-serif; min-height:100vh; }
.screen { display:none; max-width:430px; margin:0 auto; padding:18px 16px 28px; }
.screen.active { display:block; }
.home-head { text-align:center; margin-bottom:20px; }
.brand { font-size:32px; margin:8px 0 4px; letter-spacing:-0.01em; }
.tag { color:var(--muted); margin:0 0 18px; }
.setup-card { background:var(--panel); border:1px solid var(--line); border-radius:14px; padding:14px 14px 6px; margin-bottom:16px; }
.row { display:flex; justify-content:space-between; align-items:center; padding:10px 4px; border-bottom:1px solid var(--line); gap:10px; }
.row:last-child { border-bottom:0; }
.row input[type="text"], .row input[type="number"], .row input[type="date"] {
  background:#0a0c10; color:var(--ink); border:1px solid var(--line); border-radius:8px;
  padding:8px 10px; width:55%; font:14px ui-monospace,monospace;
}
.cta-row { display:flex; gap:10px; margin-bottom:18px; }
.btn-primary { flex:1; background:var(--accent); color:#0f1115; border:0; padding:12px 14px; border-radius:10px; font-weight:700; font-size:15px; cursor:pointer; }
.btn-ghost { flex:1; background:transparent; color:var(--ink); border:1px solid var(--line); padding:12px 14px; border-radius:10px; font-size:15px; cursor:pointer; }
.home-links { display:flex; flex-direction:column; gap:8px; }
.link { background:transparent; border:0; color:var(--accent); text-align:left; padding:8px 0; font-size:14px; cursor:pointer; }
.run-header { display:flex; justify-content:space-between; align-items:center; margin-bottom:14px; }
.run-title { font-size:18px; margin:0; }
.plan-pill { background:var(--accent); color:#0f1115; padding:6px 12px; border-radius:999px; font-weight:700; }
.metrics { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-bottom:14px; }
.metric { background:var(--panel); border:1px solid var(--line); border-radius:12px; padding:12px; }
.metric-label { color:var(--muted); font-size:11px; letter-spacing:0.08em; text-transform:uppercase; }
.metric-value { display:block; font-size:26px; font-weight:600; margin-top:4px; }
.metric-unit { color:var(--muted); font-size:13px; margin-left:4px; }
.cue-card { background:var(--panel); border:1px solid var(--line); border-radius:14px; padding:16px; margin-bottom:14px; }
.cue-title { margin:0 0 6px; font-size:18px; }
.cue-body { margin:0; color:var(--muted); font-size:14px; line-height:1.5; }
.run-controls { display:flex; gap:10px; }
.about-body h3 { margin-top:18px; }
.about-body p { color:var(--muted); }