:root{color-scheme:dark;--bg:#0a141b;--panel:#10222c;--line:#29404d;--text:#edf5f8;--muted:#a9c0cd;--mint:#47e8b6;--amber:#ffd18a}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.5 system-ui,-apple-system,sans-serif}header{padding:22px 4vw;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;align-items:center}.brand,.header-actions,.panel-heading,.window-controls,.topline{display:flex;align-items:center;gap:16px}.brand h1{font-size:21px;letter-spacing:-.5px;margin:0}.brand p{font-size:14px;margin:0;color:var(--muted)}.mark{font-size:40px;color:var(--mint);line-height:1}main{max-width:1450px;margin:auto;padding:28px 4vw}h2{font-size:25px;margin:0}h3{font-size:18px;margin:0}h4{margin:24px 0 4px}p{margin:4px 0 12px;color:var(--muted)}.topline{justify-content:space-between;margin-bottom:22px}.topline label{min-width:280px}.badge{font-size:12px;letter-spacing:1px;color:var(--mint);border:1px solid #2a6859;padding:5px 9px;border-radius:4px;white-space:nowrap}.badge.amber{color:var(--amber);border-color:#665039}button,.button{border:1px solid #47e8b655;background:#173c39;color:var(--text);padding:9px 14px;border-radius:6px;font:inherit;cursor:pointer;display:inline-block;text-align:center}.secondary{background:transparent;border-color:var(--line)}button:hover,.button:hover{background:#23534c}button:disabled{opacity:.4;cursor:default}button.link{border:0;padding:0;background:none;color:var(--mint);font-size:14px}label{display:block;color:var(--muted);font-size:14px}select,input[type=number]{width:100%;margin-top:6px;padding:9px 10px;background:#0b1b24;color:var(--text);border:1px solid #3c5664;border-radius:5px;font:inherit;min-height:40px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:8px;overflow:hidden;margin-bottom:24px}.stats>div{padding:18px 24px;background:var(--panel)}.stats span,.scores span{display:block;color:var(--muted);font-size:14px}.stats strong{display:block;font-size:30px;font-weight:550;font-variant-numeric:tabular-nums}.stats strong.small{font-size:22px;padding-top:7px}section{background:var(--panel);border:1px solid var(--line);border-radius:9px;padding:22px;margin-bottom:24px}.panel-heading{justify-content:space-between;margin-bottom:15px}.panel-heading p{font-size:14px;margin:3px 0 0}.window-controls label{min-width:135px}.window-controls button{margin-top:22px}canvas{display:block;width:100%;touch-action:pan-y}#wave{height:290px}#overview{height:70px;cursor:crosshair;background:#0c1b24;border-radius:4px}.chart-footer{display:flex;justify-content:space-between;gap:16px;font-size:13px;color:var(--muted);min-height:30px}.scrub{margin:14px 0 8px}input[type=range]{width:100%;accent-color:var(--mint)}.fine{font-size:13px;line-height:1.55;margin:10px 0;color:var(--muted)}.analysis-grid{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(460px,1.7fr);gap:24px}.settings>label{margin-top:17px}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.check{display:flex;align-items:center;gap:9px;color:var(--text);font-size:16px}.check input{accent-color:var(--mint);width:18px;height:18px}.empty{padding:55px 10px;text-align:center;font-size:20px}.empty span{font-size:15px;color:var(--muted)}.scores{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding-bottom:22px;border-bottom:1px solid var(--line);margin-bottom:18px}.scores strong{font-size:32px;color:var(--amber);font-weight:500;font-variant-numeric:tabular-nums}.component{display:grid;grid-template-columns:150px 1fr 48px;gap:12px;align-items:center;margin:8px 0;font-size:14px}.bar{height:8px;background:#263c49;border-radius:5px;overflow:hidden}.bar i{display:block;height:100%;background:var(--mint)}.component span:last-child{text-align:right;font-variant-numeric:tabular-nums}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px;text-align:left}th{color:var(--muted);font-weight:500}td,th{padding:10px 8px;border-bottom:1px solid var(--line)}td{font-variant-numeric:tabular-nums}.breath-table{max-height:340px;overflow:auto}details{border-top:1px solid var(--line);padding:18px 0}summary{cursor:pointer;font-weight:600}.method{padding:15px 0;max-width:1000px}.method li{margin:10px 0;color:var(--muted)}a{color:var(--mint)}footer{font-size:13px;color:var(--muted);padding:20px 0}#error{padding:15px;background:#572c31;border:1px solid #b8676b;border-radius:6px;margin-bottom:20px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--mint);outline-offset:3px}[hidden]{display:none!important}@media(max-width:900px){.analysis-grid{grid-template-columns:1fr}.header-actions{flex-wrap:wrap;justify-content:flex-end}.header-actions .badge{display:none}.stats>div{padding:14px}.topline{align-items:flex-start}.stats strong{font-size:25px}}@media(max-width:600px){header{align-items:flex-start}.header-actions{gap:8px}.header-actions button,.header-actions .button{font-size:13px;padding:8px}main{padding:22px 16px}.topline{display:block}.topline label{margin-top:16px;min-width:0}.stats{grid-template-columns:1fr 1fr}.panel-heading{align-items:flex-start;flex-wrap:wrap}.scores{grid-template-columns:1fr 1fr}.component{grid-template-columns:125px 1fr 40px}section{padding:16px}.chart-footer{flex-wrap:wrap}h2{font-size:23px}}

.sample-toggle{margin-bottom:12px;font-size:14px}.position-heading{display:flex;justify-content:space-between;gap:10px;font-size:13px;color:var(--muted);margin:10px 18px 6px 55px}#positionTrack{position:relative;height:30px;margin:0 18px 0 55px;background:#192d38;border-radius:4px;overflow:hidden}.position-block{position:absolute;top:0;bottom:0;background:#304f69;border-right:1px solid #7398b8;display:flex;justify-content:center;align-items:center;font-size:12px;white-space:nowrap;overflow:hidden}

.time-stepper{display:flex;align-self:end;gap:0;border:1px solid #355363;border-radius:8px;overflow:hidden}.time-stepper button{border:0;border-radius:0;background:transparent;padding:0;width:34px;height:40px;font-size:20px}.time-stepper button+button{border-left:1px solid #355363}.time-stepper button:hover{background:#23404b}

#ring{width:100%;height:360px;display:block}#ringPanel{margin-top:24px}#ringOffset{width:110px}.header-actions{flex-wrap:wrap}

.hover-chart{position:relative}.shared-crosshair{position:absolute;top:18px;bottom:30px;border-left:1px solid #edf5f873;pointer-events:none;z-index:2}.hover-value{position:absolute;right:18px;pointer-events:none;background:#10222ce8;color:#edf5f8;font:12px/20px system-ui;padding:0 5px;z-index:3}.hover-value:empty{display:none}

#positionLegend{display:flex;flex-wrap:wrap;gap:8px 16px}.position-key{display:inline-flex;align-items:center;gap:6px}.position-key i{width:12px;height:12px;border-radius:2px;display:inline-block}.position-heading{flex-wrap:wrap;align-items:center}.position-block{border-right:0}

.clickable-row{cursor:pointer;transition:background-color .12s ease}.clickable-row:hover{background:#47e8b60d}.clickable-row:focus-visible{outline:2px solid #47e8b680;outline-offset:-2px;background:#47e8b60d}

#ringPanel{margin-top:0}#snore{height:100px}.signal-notes{font-size:12px;padding:6px 0}.wave-panel .scrub{margin:4px 0}.wave-panel .window-controls{flex-wrap:wrap}.wave-panel .sample-toggle{display:inline-flex;margin:4px 0}.wave-panel #windowTime{display:inline-block;margin:4px 12px}.wave-panel>.fine{margin:4px 0;font-size:12px}

.position-heading{margin:0 18px 5px 55px;font-size:12px;line-height:20px;font-weight:400;justify-content:flex-start;gap:16px;color:#a9c0cd}#positionLegend{gap:6px 12px;font-size:11px}.position-key i{width:9px;height:9px}#positionTrack{height:30px;border-radius:0;margin-bottom:14px}.position-heading+ #positionTrack{border-top:1px solid #29404d;border-bottom:1px solid #29404d}

.wave-panel>.panel-heading{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px}.wave-panel>.panel-heading>div:first-child{flex:1 1 200px}.wave-panel>.panel-heading p{font-size:12px;max-width:330px}.wave-panel .window-controls{display:flex;flex:0 1 auto;gap:8px;align-items:flex-end;flex-wrap:wrap}.wave-panel .window-controls label{min-width:0;font-size:12px}.wave-panel .window-controls select{width:150px;height:34px;min-height:34px;padding:5px 8px;margin-top:4px}.wave-panel #ringOffset{display:block;width:72px;height:34px;min-height:34px;padding:5px 8px;margin-top:4px}.wave-panel .window-controls button{margin:0;height:34px;min-height:34px;width:34px;padding:0}.wave-panel .time-stepper{align-self:flex-end}.wave-panel .time-stepper button{height:32px;min-height:32px;width:30px;font-size:18px}.nav-controls{display:flex;gap:4px;flex-shrink:0}@media(max-width:700px){.wave-panel>.panel-heading>div:first-child{flex-basis:100%}.wave-panel .window-controls{justify-content:flex-start}}