:root{--bg: #0b0d10;--panel: #14181d;--line: #232a32;--text: #e8edf2;--dim: #7d8894;--accent: #35e08a;--warn: #ffb020;--bad: #ff5468;--purple: #b07cff}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text)}body{font:16px/1.3 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;min-height:100dvh;padding:env(safe-area-inset-top) 16px calc(16px + env(safe-area-inset-bottom));-webkit-tap-highlight-color:transparent}#app{max-width:560px;margin:0 auto;display:flex;flex-direction:column;gap:12px;padding-top:12px}.num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}header{display:flex;justify-content:space-between;align-items:center}h1{font-size:18px;margin:0;letter-spacing:.08em;text-transform:uppercase}h1 span{color:var(--accent)}.status{display:flex;gap:8px;align-items:center;font-size:13px;color:var(--dim)}.dot{width:10px;height:10px;border-radius:50%;background:var(--dim)}.dot.ok{background:var(--accent)}.dot.waiting{background:var(--warn)}.dot.bad{background:var(--bad)}.panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:14px}.label{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--dim)}.current{text-align:center;padding:18px 14px}.current .time{font-size:clamp(52px,17vw,88px);font-weight:700;line-height:1.05}.current .sub{color:var(--dim);font-size:14px;min-height:18px}.grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.stat .v{font-size:22px;font-weight:700;margin-top:4px}.stat.best .v{color:var(--purple)}.stat .d{font-size:13px;margin-top:2px}.d.faster{color:var(--accent)}.d.slower{color:var(--bad)}.controls{display:grid;grid-template-columns:1fr 1fr;gap:10px}button{font:inherit;font-weight:600;color:var(--text);background:#1c222a;border:1px solid var(--line);border-radius:12px;padding:14px 10px;min-height:52px;cursor:pointer}button:active{filter:brightness(1.25)}button.primary{background:var(--accent);color:#04140b;border-color:transparent}button.danger{background:var(--bad);color:#1a0409;border-color:transparent}button.wide{grid-column:1 / -1}button:disabled{opacity:.4;cursor:default}.msg{color:var(--warn);font-size:14px;min-height:18px}.row{display:flex;justify-content:space-between;align-items:center;gap:10px}.speeds{display:flex;gap:6px}.speeds button{min-height:36px;padding:6px 12px}.speeds button.on{border-color:var(--accent);color:var(--accent)}table{width:100%;border-collapse:collapse;margin-top:6px}th,td{text-align:left;padding:8px 4px;border-bottom:1px solid var(--line);font-size:15px}th{color:var(--dim);font-weight:500;font-size:12px;text-transform:uppercase;letter-spacing:.08em}td.r,th.r{text-align:right}tr.best td{color:var(--purple);font-weight:700}.empty{color:var(--dim);padding:10px 0;font-size:14px}details summary{cursor:pointer;color:var(--dim);font-size:14px}.sess{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--line);font-size:14px;gap:8px}.sess button{min-height:32px;padding:4px 10px;font-size:13px}.tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:4px}.tabs button{background:transparent;border:0;min-height:40px;padding:8px;color:var(--dim)}.tabs button.on{background:#1f2730;color:var(--text)}.view{display:flex;flex-direction:column;gap:12px}.view[hidden]{display:none}.tiles{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tile{padding:10px 14px}.tile .v{font-size:20px;font-weight:700;margin-top:2px;word-break:break-all}.v.good{color:var(--accent)}.v.ok{color:var(--warn)}.v.poor{color:var(--bad)}.banner{border-radius:12px;padding:10px 14px;font-size:14px;border:1px solid var(--line);background:var(--panel)}.banner.warn{border-color:var(--warn);color:var(--warn)}.banner.recovered{border-color:var(--purple);color:var(--purple);cursor:pointer}.banner[hidden]{display:none}.hint{font-size:13px;color:var(--dim)}.hint b{color:var(--text)}.rec{border-bottom:1px solid var(--line);padding:10px 0}.recname{font-weight:600;font-size:15px}.recmeta{color:var(--dim);font-size:13px;margin:2px 0 8px}.recbtns{display:flex;flex-wrap:wrap;gap:6px}.recbtns button{min-height:36px;padding:6px 12px;font-size:14px}.tag{font-size:11px;background:var(--purple);color:#130a24;border-radius:6px;padding:1px 6px;vertical-align:middle}.replay{margin-top:10px;padding:12px;background:#10141a;border-radius:12px;display:flex;flex-direction:column;gap:10px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:8px}.fields label{font-size:12px;color:var(--dim);display:flex;flex-direction:column;gap:4px}.fields input{font:inherit;font-size:16px;color:var(--text);background:#0b0d10;border:1px solid var(--line);border-radius:8px;padding:8px;width:100%}.msg.small{font-size:12px;color:var(--dim);min-height:0}.summary{font-size:15px;font-weight:600}