:root{--bg:#0b0f14;--bg-panel:#121820;--bg-elevated:#1a222d;--bg-input:#0e141b;--border:#26313d;--border-strong:#354453;--text:#e6edf3;--text-dim:#9fb0c0;--text-faint:#64748b;--accent:#38bdf8;--accent-dim:#0ea5e9;--ecg-trace:#eafff4;--ecg-grid-minor:rgba(255,82,110,0.14);--ecg-grid-major:rgba(255,82,110,0.34);--ecg-bg:#0a0d10;--ecg-baseline:rgba(160,200,220,0.25);--q-good:rgba(52,211,153,0.0);--q-poor:rgba(250,204,21,0.10);--q-unusable:rgba(239,68,68,0.16);--sev-info:#64748b;--sev-low:#38bdf8;--sev-medium:#f59e0b;--sev-high:#ef4444;--beat-normal:#4ade80;--beat-pvc:#f87171;--beat-aberrant:#fbbf24;--hr-text:#7dd3fc;--radius:8px;--font:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--mono:ui-monospace,"SF Mono","Cascadia Code",Menlo,Consolas,monospace}*{box-sizing:border-box}body,html{margin:0;padding:0;height:100%;background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px;-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer}.app{display:flex;flex-direction:column;height:100vh;overflow:hidden}.app-main{flex:1 1;display:grid;grid-template-columns:320px 1fr;min-height:0}.sidebar{border-right:1px solid var(--border);background:var(--bg-panel);overflow-y:auto;padding:16px}.viewer{overflow-y:auto;min-width:0;display:flex;flex-direction:column}.app-main.sidebar-collapsed{grid-template-columns:1fr}.app-main.sidebar-collapsed .sidebar{display:none}@media (max-width:900px){.app-main{display:flex;flex-direction:column}.sidebar{border-right:none;border-bottom:1px solid var(--border);max-height:38vh;flex-shrink:0}.viewer{flex:1 1;min-height:0}}.topbar{gap:16px;padding:10px 18px;background:linear-gradient(180deg,#131b24,#0f151c);border-bottom:1px solid var(--border);flex-wrap:wrap}.brand,.topbar{display:flex;align-items:center}.brand{gap:10px;font-weight:700;font-size:16px;letter-spacing:.3px}.brand .dot{width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent)}.topbar .spacer{flex:1 1}.control-group{display:flex;align-items:center;gap:8px}.control-group label{color:var(--text-dim);font-size:12px;white-space:nowrap}input[type=number],input[type=text],select{background:var(--bg-input);color:var(--text);border:1px solid var(--border-strong);border-radius:6px;padding:6px 8px;font-size:13px;outline:none}input:focus,select:focus{border-color:var(--accent)}.btn{background:var(--bg-elevated);color:var(--text);border:1px solid var(--border-strong);border-radius:6px;padding:7px 12px;font-size:13px;display:inline-flex;align-items:center;gap:6px;transition:background .12s,border-color .12s}.btn:hover{background:#22303d}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--accent-dim);border-color:var(--accent);color:#04121b;font-weight:600}.btn-primary:hover{background:var(--accent)}.btn-icon{padding:7px 10px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.section-title{font-size:11px;text-transform:uppercase;letter-spacing:.8px;color:var(--text-faint);margin:4px 0 10px;font-weight:600}.rec-item{padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius);margin-bottom:8px;cursor:pointer;background:var(--bg-elevated);transition:border-color .12s,background .12s}.rec-item:hover{border-color:var(--border-strong)}.rec-item.active{border-color:var(--accent);background:#16222c}.rec-item .name{font-weight:600;font-size:13px;word-break:break-all}.rec-item .meta{color:var(--text-dim);font-size:11.5px;margin-top:4px;display:flex;gap:10px;flex-wrap:wrap}.rec-item .rhythm{margin-top:6px;font-size:11.5px}.rec-actions{display:flex;justify-content:flex-end;margin-top:6px}.link-danger{background:none;border:none;color:var(--sev-high);font-size:11px;opacity:.7}.link-danger:hover{opacity:1;text-decoration:underline}.summary{padding:16px 18px;border-bottom:1px solid var(--border)}.summary-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-gap:10px;gap:10px;margin-top:12px}.stat{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);padding:10px 12px}.stat .k{font-size:11px;color:var(--text-faint);text-transform:uppercase;letter-spacing:.5px}.stat .v{font-size:20px;font-weight:700;margin-top:3px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.stat .v small{font-size:12px;color:var(--text-dim);font-weight:500}.rhythm-banner{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.rhythm-banner h2{margin:0;font-size:18px}.pill{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600}.pill-normal{background:rgba(74,222,128,.15);color:#86efac}.pill-abnormal{background:rgba(245,158,11,.15);color:#fcd34d}.pill-alert{background:rgba(239,68,68,.16);color:#fca5a5}.grade-note{margin-top:12px;font-size:12px;color:var(--text-dim);background:rgba(56,189,248,.07);border:1px solid rgba(56,189,248,.2);border-left:3px solid var(--accent);border-radius:6px;padding:8px 12px;line-height:1.5}.ecg-wrap{padding:16px 18px 24px}.ecg-strip{position:relative;background:var(--ecg-bg);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.ecg-lane{position:relative;width:100%}.ecg-lane canvas{display:block;width:100%}.marker-lane{height:46px;border-bottom:1px solid var(--border)}.beat-lane,.marker-lane{position:relative;background:#0c1116}.beat-lane{height:40px;border-top:1px solid var(--border)}.event-marker{position:absolute;top:4px;transform:translateX(-50%);font-size:10.5px;padding:2px 6px;border-radius:4px;white-space:nowrap;cursor:pointer;border:1px solid;background:#0e141b;font-weight:600;line-height:1.2}.event-marker:after{content:"";position:absolute;left:50%;bottom:-8px;width:1px;height:8px;background:currentColor;opacity:.6}.beat-tick{font-size:10px;color:var(--hr-text);top:2px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.beat-qrs,.beat-tick{position:absolute;transform:translateX(-50%)}.beat-qrs{font-size:11px;font-weight:700;top:20px}.hr-label{position:absolute;transform:translateX(-50%);font-size:9.5px;color:var(--text-dim);top:22px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.transport{display:flex;align-items:center;gap:12px;margin-top:12px;flex-wrap:wrap}.scrollbar{flex:1 1;min-width:220px}input[type=range]{width:100%;accent-color:var(--accent)}.time-readout{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--text-dim);font-size:12px;min-width:150px}.legend{display:flex;gap:16px;flex-wrap:wrap;margin-top:12px;font-size:11.5px;color:var(--text-dim)}.legend .item{display:flex;align-items:center;gap:6px}.legend .swatch{width:12px;height:12px;border-radius:3px}.empty{flex:1 1;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;color:var(--text-dim);text-align:center;padding:40px}.empty .big{font-size:40px;opacity:.5}.toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:8px;padding:10px 16px;font-size:13px;z-index:50;box-shadow:0 8px 30px rgba(0,0,0,.5)}.toast.error{border-color:var(--sev-high);color:#fca5a5;cursor:pointer;max-width:min(560px,90vw)}.toast-dismiss{color:var(--text-faint);font-size:11px;margin-top:5px}.toast.error>div:first-child{line-height:1.45}.uploading{display:inline-flex;align-items:center;gap:8px;color:var(--text-dim);font-size:12px}.spinner{width:14px;height:14px;border:2px solid var(--border-strong);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.event-list{margin-top:16px}.collapse-header{display:flex;align-items:center;gap:8px;width:100%;background:none;border:none;color:var(--text-faint);font-size:11px;text-transform:uppercase;letter-spacing:.8px;font-weight:600;padding:4px 0;text-align:left}.collapse-header:hover{color:var(--text-dim)}.collapse-header .chev{font-size:10px;width:10px}.event-scroll{max-height:260px;overflow-y:auto;margin-top:8px;padding-right:4px}.event-more{color:var(--text-faint);font-size:11.5px;padding:6px 4px}.transport-group{display:flex;align-items:center;gap:6px}.split-btn{position:relative;display:inline-flex;align-items:stretch}.split-main{border-top-right-radius:0;border-bottom-right-radius:0}.split-caret{background:var(--bg-elevated);color:var(--text);border:1px solid var(--border-strong);border-left:none;border-radius:0 6px 6px 0;padding:0 7px;font-size:10px}.split-caret:hover{background:#22303d}.split-btn .split-main{border-radius:6px}.split-btn>.split-caret:first-child{border-radius:6px 0 0 6px;border-left:1px solid var(--border-strong);border-right:none}.split-btn>.split-caret:first-child+.split-main{border-radius:0 6px 6px 0}.split-menu{position:absolute;bottom:100%;margin-bottom:6px;left:0;min-width:190px;background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:8px;padding:4px;z-index:30;box-shadow:0 10px 30px rgba(0,0,0,.5)}.split-btn>.split-caret:not(:first-child)~.split-menu{left:auto;right:0}.split-item{display:block;width:100%;text-align:left;background:none;border:none;color:var(--text);font-size:12.5px;padding:7px 10px;border-radius:5px}.split-item:hover:not(:disabled){background:#22303d}.split-item:disabled{color:var(--text-faint);opacity:.5;cursor:not-allowed}.split-sep{height:1px;background:var(--border);margin:4px 2px}.upload-group{display:flex;flex-direction:column;gap:2px}.upload-group .hint{font-size:10px;color:var(--text-faint)}.ecg-lane.grab{cursor:-webkit-grab;cursor:grab}.ecg-lane.grabbing{cursor:-webkit-grabbing;cursor:grabbing}.ecg-lane{touch-action:none}.modal-backdrop{position:fixed;inset:0;background:rgba(4,8,12,.7);display:flex;align-items:center;justify-content:center;z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal{background:var(--bg-panel);border:1px solid var(--border-strong);border-radius:12px;padding:22px 24px;width:min(520px,92vw);box-shadow:0 20px 60px rgba(0,0,0,.6)}.modal h3{margin:0 0 6px;font-size:18px}.modal-sub{color:var(--text-dim);font-size:13px;line-height:1.5;margin:0 0 16px}.lead-table{border:1px solid var(--border);border-radius:8px;overflow:hidden}.lead-row{display:grid;grid-template-columns:1fr 1.3fr auto;grid-gap:12px;gap:12px;align-items:center;padding:9px 12px;border-bottom:1px solid var(--border)}.lead-row:last-child{border-bottom:none}.lead-head{background:var(--bg-elevated);font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-faint)}.lead-row .src{font-family:var(--mono);font-size:12.5px;color:var(--text-dim)}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.time-readout{margin-top:8px}.analysis{margin:8px 18px 28px;border-top:1px solid var(--border);padding-top:12px}.analysis-head{font-size:12px}.analysis-body{margin-top:12px}.an-sub{font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:var(--text-faint);font-weight:600;margin:16px 0 8px}.stat-row{display:flex;flex-wrap:wrap;gap:8px}.an-tile{background:var(--bg-panel);border:1px solid var(--border);border-radius:7px;padding:7px 11px;min-width:84px}.an-tile .k{font-size:10px;color:var(--text-faint);text-transform:uppercase;letter-spacing:.4px}.an-tile .v{font-size:16px;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;margin-top:2px}.an-grid2{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;margin-top:12px}@media (max-width:720px){.an-grid2{grid-template-columns:1fr}}.an-card{background:var(--ecg-bg);border:1px solid var(--border);border-radius:8px;padding:10px 12px;margin-top:12px}.an-title{font-size:12px;margin-bottom:6px}.an-legend,.an-title{color:var(--text-dim)}.an-legend{display:flex;gap:14px;font-size:11px;margin-top:6px}.an-legend span{display:inline-flex;align-items:center;gap:5px}.an-legend i{width:10px;height:10px;border-radius:2px;display:inline-block}.an-note{margin-top:12px;font-size:12.5px;color:var(--text-dim);background:rgba(56,189,248,.07);border:1px solid rgba(56,189,248,.2);border-radius:6px;padding:8px 12px;line-height:1.5}.morph-row{display:flex;flex-wrap:wrap;gap:10px}.morph{background:var(--bg-panel);border:1px solid var(--border);border-radius:8px;padding:8px;width:108px;text-align:center}.spark{width:90px;height:44px;display:block;margin:0 auto}.spark.empty{color:var(--text-faint);line-height:44px;font-size:12px}.morph-label{font-size:10.5px;color:var(--text-dim);margin-top:4px;white-space:normal;overflow-wrap:anywhere;line-height:1.25}.morph-count{font-size:11px;font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.sr-notes{margin:8px 0 0;padding-left:18px;font-size:12px;color:var(--text-dim);line-height:1.55}.sr-notes li{margin-bottom:5px}.event-row{display:flex;align-items:center;gap:10px;padding:7px 10px;border:1px solid var(--border);border-radius:6px;margin-bottom:6px;cursor:pointer;font-size:12.5px}.event-row:hover{border-color:var(--border-strong);background:var(--bg-elevated)}.event-row .sev{width:8px;height:8px;border-radius:50%;flex-shrink:0}.event-row .t{color:var(--text-faint);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;min-width:70px}.event-row .desc{color:var(--text-dim);flex:1 1}