:root{color-scheme:dark;--bg:#090909;--panel:#131313;--line:#292929;--text:#f2f2f2;--muted:#969696;--ok:#7fd18b;--warn:#ffd166}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;min-height:100dvh}
main{width:min(760px,100%);margin:auto;padding:max(18px,env(safe-area-inset-top)) 16px max(24px,env(safe-area-inset-bottom))}
header,.row{display:flex;justify-content:space-between;align-items:center;gap:12px}h1{font-size:20px;margin:0}.tag,.small,.label{color:var(--muted)}.tag{font-size:12px}.small{font-size:13px;line-height:1.45}.label{font-size:11px;text-transform:uppercase;letter-spacing:.08em}
.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px;margin:10px 0}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metric{background:#0e0e0e;border:1px solid var(--line);border-radius:10px;padding:12px;min-height:78px}.value{font-size:21px;margin-top:8px}
button{width:100%;border:0;border-radius:10px;padding:14px 16px;font:inherit;font-weight:700;background:#f1f1f1;color:#090909}button:disabled{opacity:.5}.secondary{width:auto;background:#1c1c1c;color:var(--text);border:1px solid var(--line);padding:8px 10px;font-weight:400}
.btnrow{display:flex;gap:8px;margin-top:10px}.btnrow .secondary{flex:1}
.status{display:flex;align-items:center;gap:8px;font-size:13px}.dot{width:10px;height:10px;border-radius:50%;background:#555;box-shadow:0 0 0 3px #222}.dot.live{background:var(--ok)}.dot.hit{background:var(--warn);box-shadow:0 0 0 4px rgba(255,209,102,.16)}
canvas{display:block;width:100%;height:180px;background:#080808;border:1px solid var(--line);border-radius:8px;margin-top:10px}input[type=range]{width:100%}.warning{color:var(--warn)}.ok{color:var(--ok)}.event{border-left:3px solid var(--warn);background:#101010;border-radius:6px;padding:8px 10px;margin-top:8px}.flash{animation:flash .25s ease-out}@keyframes flash{0%{box-shadow:inset 0 0 0 9999px rgba(255,209,102,.2)}100%{box-shadow:inset 0 0 0 9999px rgba(255,209,102,0)}}