:root{color-scheme:light dark;--bg:#0d1117;--panel:#151b23;--text:#e7edf4;--muted:#8b98a7;--line:#2a3441;--hr:#ff6464;--spo2:#5bbcff;--accent:#7bd88f}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.45 system-ui,-apple-system,sans-serif}header{height:54px;padding:0 max(14px,env(safe-area-inset-left));display:flex;align-items:center;gap:16px;border-bottom:1px solid var(--line)}.brand{color:var(--text);font-size:19px;font-weight:700;text-decoration:none;margin-right:auto}.button,button{border:1px solid var(--line);border-radius:6px;background:var(--panel);color:var(--text);padding:7px 10px;cursor:pointer;text-decoration:none}button:hover,.button:hover{border-color:var(--accent)}.link{border:0;background:none;color:var(--muted)}.hidden{display:none!important}main{padding:12px;max-width:1600px;margin:auto}.toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:8px}.presets{display:flex;gap:4px}.presets button{padding-inline:8px}.presets button.active{border-color:var(--accent);color:var(--accent)}#range-label{color:var(--muted);margin-left:auto}#loading{min-width:70px;color:var(--accent)}.timeline-panel{border:1px solid var(--line);border-radius:8px;background:var(--panel);overflow:hidden}#timeline{width:100%;height:min(72vh,760px);min-height:410px}.drawer-toggle{margin-top:10px}.drawer{display:grid;grid-template-columns:repeat(3,minmax(220px,1fr));gap:18px;margin-top:8px;padding:16px;background:var(--panel);border:1px solid var(--line);border-radius:8px}.drawer h2{font-size:15px;margin:0 0 10px}.drawer form{display:grid;gap:8px}.drawer label{display:grid;gap:3px;color:var(--muted)}input,textarea{width:100%;border:1px solid var(--line);background:var(--bg);color:var(--text);padding:7px;border-radius:5px}textarea{min-height:60px;resize:vertical}#marker-list{list-style:none;padding:0;max-height:220px;overflow:auto}#marker-list li{display:flex;gap:6px;align-items:center;border-top:1px solid var(--line);padding:7px 0}#marker-list button:first-child{flex:1;text-align:left}.error{color:#ff8b8b}@media(max-width:720px){main{padding:8px}.toolbar{gap:5px}.presets{width:100%;overflow-x:auto}.presets button{flex:1;white-space:nowrap}#range-label{width:100%;margin:0}#timeline{height:68vh;min-height:390px}.drawer{grid-template-columns:1fr}header{height:48px}}