:root{color-scheme:light dark;font-family:system-ui,sans-serif;--accent: #0ea5e9;--bg: #f8fafc;--fg: #0f172a;--muted: #64748b;--card: #ffffff;--border: #e2e8f0}@media(prefers-color-scheme:dark){:root{--bg: #0f172a;--fg: #e2e8f0;--muted: #94a3b8;--card: #1e293b;--border: #334155}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg)}.app{max-width:640px;margin:0 auto;padding:0 1rem 4rem}header{display:flex;align-items:baseline;justify-content:space-between;padding:1rem 0 .5rem}header h1{font-size:1.3rem;margin:0}.conn{font-size:.8rem;color:var(--muted)}.conn-connected{color:#16a34a}.header-right{display:flex;align-items:baseline;gap:.6rem}.account-link{font-size:.8rem;color:var(--accent);text-decoration:none}.account-link.active{text-decoration:underline}.field{display:grid;gap:.25rem;margin-bottom:.75rem}.field input{padding:.45rem .55rem;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--fg);font:inherit;font-size:.9rem}nav{display:flex;gap:.25rem;border-bottom:1px solid var(--border);margin-bottom:1rem}nav a{padding:.5rem .75rem;text-decoration:none;color:var(--muted);border-bottom:2px solid transparent;font-size:.9rem}nav a.active{color:var(--fg);border-bottom-color:var(--accent)}.card{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:1rem;margin-bottom:.75rem}button{background:var(--accent);color:#fff;border:none;border-radius:6px;padding:.5rem 1rem;font-size:.9rem;cursor:pointer}button.secondary{background:transparent;color:var(--accent);border:1px solid var(--accent)}button:disabled{opacity:.5;cursor:default}.muted{color:var(--muted);font-size:.85rem}.row{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.error{color:#dc2626;font-size:.85rem}table{width:100%;border-collapse:collapse;font-size:.9rem}td,th{text-align:left;padding:.4rem .5rem;border-bottom:1px solid var(--border)}:root{--viz-hr: #e34948;--viz-pace: #2a78d6;--viz-spm: #1baf7a;--viz-grid: #eceff3;--viz-tick: #64748b}@media(prefers-color-scheme:dark){:root{--viz-hr: #e66767;--viz-pace: #3987e5;--viz-spm: #199e70;--viz-grid: #2b3648;--viz-tick: #94a3b8}}.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(105px,1fr));gap:.75rem;margin:.75rem 0 1rem}.stat-tile{min-width:0}.stat-label{font-size:.75rem;color:var(--muted)}.stat-value{font-size:1.35rem;font-weight:600;line-height:1.3}.stat-detail{font-size:.75rem;color:var(--muted)}.chart-toggle{display:flex;gap:.25rem;margin-bottom:.5rem;flex-wrap:wrap}.chart-toggle-btn{background:transparent;color:var(--muted);border:1px solid var(--border);border-radius:6px;padding:.3rem .6rem;font-size:.8rem;display:inline-flex;align-items:center;gap:.4rem}.chart-toggle-btn.active{color:var(--fg);border-color:var(--accent)}.chart-toggle-btn:disabled{opacity:.4}.chart-key{width:10px;height:3px;border-radius:2px;display:inline-block}.chart-wrap{width:100%;overflow:hidden}.chart-wrap svg{display:block;touch-action:none}.chart-grid{stroke:var(--viz-grid);stroke-width:1}.chart-axis{stroke:var(--border);stroke-width:1}.chart-tick{fill:var(--viz-tick);font-size:.7rem;font-variant-numeric:tabular-nums}.chart-crosshair{stroke:var(--muted);stroke-width:1}.chart-dot{stroke:var(--card);stroke-width:2}.chart-tip{fill:var(--card);stroke:var(--border);stroke-width:1}.chart-tip-value{fill:var(--fg);font-size:.85rem;font-weight:600}.chart-tip-unit{fill:var(--muted);font-size:.7rem;font-weight:400}.chart-tip-time{fill:var(--muted);font-size:.7rem;font-variant-numeric:tabular-nums}.table-scroll{overflow-x:auto}table.splits td,table.splits th{font-variant-numeric:tabular-nums;white-space:nowrap}