:root{--ink:#111827;--paper:#f4f1e9;--card:#fffdf8;--accent:#e5484d;--blue:#2563eb;--muted:#6b7280;--line:#ddd8cc}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.45 ui-rounded,"SF Pro Rounded",system-ui,sans-serif}main{max-width:980px;margin:auto;padding:max(24px,env(safe-area-inset-top)) 22px 60px}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}h1{font-size:clamp(2.3rem,7vw,4.5rem);line-height:.9;margin:7px 0;font-weight:850;letter-spacing:-.06em}h1 i{font-style:normal;color:var(--accent)}h2{font-size:clamp(1.7rem,4vw,2.7rem);margin:.3em 0;line-height:1.1}.eyebrow{font-size:.75rem;font-weight:800;letter-spacing:.18em;color:var(--muted)}.status{background:#e5e7eb;padding:9px 14px;border-radius:99px;font-size:.85rem;font-weight:700}.status b{display:inline-block;width:9px;height:9px;border-radius:50%;background:#9ca3af;margin-right:6px}.status.on{background:#dcfce7;color:#166534}.status.on b{background:#22c55e}.panel{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:clamp(20px,4vw,38px);box-shadow:0 8px 30px #423c2c10}.setup{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center}.setup p{color:var(--muted);max-width:560px}.setup details{grid-column:1/-1;border-top:1px solid var(--line);padding-top:16px}.setup label{display:block;margin:14px 0 8px;font-size:.85rem;color:var(--muted)}input{display:block;width:min(420px,100%);font:inherit;padding:12px;border:1px solid var(--line);border-radius:10px;margin-top:5px}button{font:inherit;font-weight:750;border:1px solid var(--line);border-radius:12px;background:white;padding:13px 18px;cursor:pointer}button:disabled{opacity:.4}.primary{background:var(--ink);color:white;border-color:var(--ink)}.training{display:grid;grid-template-columns:190px 1fr;gap:18px}nav{display:flex;flex-direction:column;gap:7px}nav span{padding:11px;border-left:3px solid var(--line);font-size:.85rem;color:var(--muted)}nav span.active{border-color:var(--accent);color:var(--ink);font-weight:800}.topline{display:flex;justify-content:space-between;color:var(--muted);font-weight:750}.topline time{font-variant-numeric:tabular-nums;font-size:1.3rem;color:var(--ink)}.progress{height:7px;background:#ece8df;border-radius:99px;margin:12px 0 30px;overflow:hidden}.progress i{display:block;height:100%;background:var(--accent);width:0}.instruction{color:var(--muted);margin-bottom:4px}.work h2{font-size:clamp(2.2rem,6vw,4rem)}.hint{min-height:24px;color:var(--muted)}.notes{display:flex;gap:8px;min-height:58px;margin:18px 0}.note{display:grid;place-items:center;background:var(--ink);color:white;border-radius:12px;min-width:52px;height:58px;font-weight:850;font-size:1.35rem}.note.hit{background:#22c55e;transform:translateY(-3px)}.feedback{padding:12px 0;min-height:50px;font-weight:700}.feedback.good{color:#15803d}.feedback.bad{color:#b91c1c}.controls{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}.history{margin-top:18px;padding-top:20px;padding-bottom:20px}.history h3{margin:0 0 10px}.history-row{display:grid;grid-template-columns:1fr auto auto;gap:20px;padding:10px 0;border-top:1px solid var(--line);font-size:.9rem}.muted{color:var(--muted)}.score{display:flex;gap:40px;margin:28px 0}.score div{display:flex;flex-direction:column}.score b{font-size:2.5rem}.score span{color:var(--muted)}.hidden{display:none!important}@media(max-width:720px){.setup{grid-template-columns:1fr}.setup details{grid-column:1}.training{grid-template-columns:1fr}nav{display:grid;grid-template-columns:repeat(5,1fr)}nav span{font-size:0;padding:7px;border:0;border-bottom:4px solid var(--line)}nav span.active{border-color:var(--accent)}header{align-items:flex-start}.status{margin-top:8px}.controls button{flex:1}.history-row{gap:8px}}