:root{--bg: #0e1116;--panel: #161b22;--ink: #e6edf3;--muted: #8b949e;--accent: #4cc9f0;--good: #3fb950;--warn: #d29922;--bad: #f85149;--band: rgba(76, 201, 240, .1);--pane: 320px}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{background:var(--bg);color:var(--ink);font:14px/1.5 -apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}#score{margin-left:var(--pane);width:calc(100% - var(--pane));padding:45vh 0;display:flex;flex-direction:column;align-items:center;gap:8px}#score canvas{height:auto;background:#fff;box-shadow:0 2px 14px #00000080;border-radius:2px}#band{position:fixed;left:0;right:0;top:50%;transform:translateY(-50%);background:var(--band);border-top:1px solid rgba(76,201,240,.35);border-bottom:1px solid rgba(76,201,240,.35);pointer-events:auto;touch-action:none;z-index:5;display:none}#rightMark{position:absolute;top:0;bottom:0;width:2px;background:var(--accent);opacity:.85}#rightMark:before{content:"";position:absolute;top:0;bottom:0;left:-9px;right:-9px}#band:before,#band:after{content:"";position:absolute;left:50%;transform:translate(-50%);width:42px;height:3px;border-radius:2px;background:var(--accent);opacity:.5}#band:before{top:2px}#band:after{bottom:2px}#rightMark:after{content:"line-end →";position:absolute;top:-18px;right:2px;font-size:10px;color:var(--accent);white-space:nowrap}.sysMark{position:absolute;left:0;right:0;height:0;border-top:1px dashed rgba(63,185,80,.5);pointer-events:none;z-index:4;display:none}#autoScrollHighlight{position:absolute;left:0;right:0;background:#4cc9f029;border-top:2px solid var(--accent);border-bottom:2px solid var(--accent);box-shadow:0 0 18px #4cc9f059;pointer-events:none;z-index:4;display:none;transition:top .15s ease,height .15s ease}#cam{position:fixed;right:0;bottom:0;width:2px;height:2px;opacity:.01;pointer-events:none}#camview{position:fixed;bottom:12px;right:12px;width:180px;height:135px;border:1px solid #30363d;border-radius:8px;transform:scaleX(-1);z-index:15;background:#000;display:none}#gaze{position:fixed;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:#f85149d9;box-shadow:0 0 0 2px #fff;pointer-events:none;z-index:16;display:none}#rcTarget{position:fixed;left:50%;width:26px;height:26px;margin:-13px 0 0 -13px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 8px #4cc9f02e;z-index:36;display:none;animation:rcpulse .9s ease-in-out infinite}#rcTarget:after{content:"look here & hold";position:absolute;top:34px;left:50%;transform:translate(-50%);white-space:nowrap;font-size:12px;font-weight:600;color:var(--accent)}@keyframes rcpulse{0%,to{box-shadow:0 0 0 8px #4cc9f02e}50%{box-shadow:0 0 0 14px #4cc9f01a}}#panel{position:fixed;top:0;left:0;bottom:0;width:var(--pane);overflow-y:auto;overflow-x:hidden;background:var(--panel);border-right:1px solid #30363d;padding:14px;z-index:20;box-shadow:2px 0 16px #00000059}#panelHead{display:flex;align-items:center;gap:8px}#panel h1{font-size:16px;margin:0;flex:1;display:flex;align-items:center;letter-spacing:.3px}#panel h1 .logo{height:22px;width:auto;margin-right:7px;flex:none}#minBtn{width:30px;height:30px;flex:none;padding:0;margin:0;display:flex;align-items:center;justify-content:center;font-size:17px;line-height:1;color:var(--muted);background:transparent;border:1px solid #30363d;border-radius:8px;transition:color .15s,border-color .15s,background .15s}#minBtn:hover{color:var(--ink);border-color:var(--accent);background:#21262d}#panel .sub{color:var(--muted);font-size:12px;margin:2px 0 12px}#panel.min{padding:8px 6px}#panel.min>*:not(#panelHead){display:none}#panel.min #panelHead h1{display:none}#panel.min #minBtn{margin:0 auto}#panel label{display:block;font-size:12px;color:var(--muted);margin:10px 0 2px}#panel input[type=range]{width:100%}#panel input[type=text],#panel select{width:100%;padding:7px 8px;margin-top:6px;background:#0d1117;color:var(--ink);border:1px solid #30363d;border-radius:8px;font-size:13px}#panel .val{color:var(--accent);font-variant-numeric:tabular-nums}#panel .ends{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin-top:-2px}#panel .group{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--accent);margin:6px 0 0;padding-top:12px;border-top:1px solid #30363d}#panel button{width:100%;margin:6px 0 0;padding:9px 10px;background:#21262d;color:var(--ink);border:1px solid #30363d;border-radius:8px;cursor:pointer;font-size:13px}#panel button:disabled{opacity:.4;cursor:not-allowed;background:#171b21;color:var(--muted);border-color:#23282f}#panel button:disabled:hover{border-color:#23282f}#panel button:not(:disabled):hover{border-color:var(--accent)}#panel button.primary{background:var(--accent);color:#04222e;border-color:var(--accent);font-weight:600}#panel button.on{border-color:var(--good);color:var(--good)}#panel .row{display:flex;gap:6px}.hidden{display:none}#panel .row button,#panel .row input,#panel .row select{flex:1 1 0;min-width:0;width:auto;margin-top:6px}details{margin-top:10px;border-top:1px solid #30363d;padding-top:8px}summary{cursor:pointer;color:var(--muted);font-size:12px}#panel .tabBar{display:flex;gap:6px;margin-top:12px;border-top:1px solid #30363d;padding-top:10px}#panel .tabBtn{flex:1 1 0;margin:0;font-weight:600}#panel .tabBtn.active{background:var(--accent);color:#04222e;border-color:var(--accent)}#panel .tabPanel{margin-top:4px}#hud{position:fixed;bottom:12px;left:calc(var(--pane) + 12px);background:#161b22e6;border:1px solid #30363d;border-radius:8px;padding:8px 12px;font-size:12px;z-index:20;font-variant-numeric:tabular-nums}#hud .dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px;vertical-align:middle;background:var(--muted)}.s-good{background:var(--good)!important}.s-warn{background:var(--warn)!important}.s-bad{background:var(--bad)!important}#calib{position:fixed;top:0;right:0;bottom:0;left:0;background:#05080ceb;z-index:40;display:none}#calib .msg{position:absolute;top:24px;left:0;right:0;text-align:center;color:var(--ink);font-size:16px}#calib .msg small{color:var(--muted);display:block;margin-top:4px;font-size:13px}.cdot{position:absolute;width:26px;height:26px;margin:-13px 0 0 -13px;border-radius:50%;background:var(--bad);border:2px solid #fff;cursor:pointer;transition:transform .1s,background .2s}.cdot:hover{transform:scale(1.15)}.cdot.capturing{background:var(--warn);transform:scale(1.3)}.cdot.done{background:var(--good)}#pursuitCalib{position:fixed;top:0;right:0;bottom:0;left:0;background:#05080ceb;z-index:40;display:none}#pursuitCalib .msg{position:absolute;top:24px;left:0;right:0;text-align:center;color:var(--ink);font-size:16px}#pursuitCalib .msg small{color:var(--muted);display:block;margin-top:4px;font-size:13px}#pdot{position:absolute;width:22px;height:22px;margin:-11px 0 0 -11px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 8px #4cc9f026}#empty{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:15px;text-align:center;pointer-events:none;z-index:1}#toast{position:fixed;bottom:14px;left:50%;transform:translate(-50%);background:var(--good);color:#04220a;padding:8px 16px;border-radius:8px;z-index:30;font-weight:600;opacity:0;transition:opacity .2s;pointer-events:none}#toast.show{opacity:1}#recal{position:fixed;top:12px;left:50%;transform:translate(-50%);background:var(--warn);color:#241a03;padding:8px 12px;border-radius:8px;z-index:35;display:none;align-items:center;gap:10px;font-size:13px;box-shadow:0 8px 30px #0006;max-width:92vw}#recal button{background:#241a03;color:#fff;border:0;border-radius:6px;padding:5px 10px;font-size:12px;cursor:pointer;width:auto;margin:0}#recal button:hover{opacity:.85}#acctest{position:fixed;top:0;right:0;bottom:0;left:0;background:#05080ceb;z-index:40;display:none}#acctest .msg{position:absolute;top:24px;left:0;right:0;text-align:center;color:var(--ink);font-size:16px}#accdot{position:absolute;width:30px;height:30px;margin:-15px 0 0 -15px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 8px #4cc9f026;transition:left .18s,top .18s}#accintro{position:absolute;left:50%;top:62%;transform:translate(-50%);width:min(440px,90vw);text-align:center;background:var(--panel);border:1px solid #30363d;border-radius:12px;padding:20px}#accintro p{color:var(--muted);font-size:14px;margin:0 0 14px}#accintro button{padding:10px 22px;background:var(--accent);color:#04222e;border:0;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer}#accres{position:fixed;top:0;right:0;bottom:0;left:0;background:#05080ce6;z-index:45;display:none;align-items:center;justify-content:center}#accres .box{background:var(--panel);border:1px solid #30363d;border-radius:12px;padding:22px;width:min(460px,92vw)}#accres h2{margin:0 0 6px;font-size:20px}#accres .nums{color:var(--muted);font-size:13px;margin-bottom:12px}#accres ul{margin:0 0 14px;padding-left:18px}#accres li{margin:6px 0}#accres .row{display:flex;gap:8px}#accres .row button{flex:1;padding:9px;background:#21262d;color:var(--ink);border:1px solid #30363d;border-radius:8px;cursor:pointer}#accres .row button:hover{border-color:var(--accent)}.accbar{height:8px;border-radius:4px;background:#30363d;overflow:hidden;margin:8px 0 2px}.accbar>span{display:block;height:100%}#winkTest{position:fixed;top:0;right:0;bottom:0;left:0;background:#05080ceb;z-index:40;display:none}#winkTest .msg{position:absolute;top:24px;left:0;right:0;text-align:center;color:var(--ink);font-size:16px}#winkTestIntro{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(440px,90vw);text-align:center;background:var(--panel);border:1px solid #30363d;border-radius:12px;padding:20px}#winkTestIntro p{color:var(--muted);font-size:14px;margin:0 0 14px}#winkTestIntro button{padding:10px 22px;background:var(--accent);color:#04222e;border:0;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer}#winkTestRes{position:fixed;top:0;right:0;bottom:0;left:0;background:#05080ce6;z-index:45;display:none;align-items:center;justify-content:center}#winkTestRes .box{background:var(--panel);border:1px solid #30363d;border-radius:12px;padding:22px;width:min(460px,92vw)}#winkTestRes h2{margin:0 0 6px;font-size:20px}#winkTestRes .nums{color:var(--muted);font-size:13px;margin-bottom:12px}#winkTestRes ul{margin:0 0 14px;padding-left:18px}#winkTestRes li{margin:6px 0}#winkTestRes .row{display:flex;gap:8px}#winkTestRes .row button{flex:1;padding:9px;background:#21262d;color:var(--ink);border:1px solid #30363d;border-radius:8px;cursor:pointer}#winkTestRes .row button:hover{border-color:var(--accent)}kbd{background:#21262d;border:1px solid #30363d;border-bottom-width:2px;border-radius:4px;padding:1px 5px;font-size:11px}#autoScrollWarnings{margin:6px 0 0;padding-left:18px;color:var(--warn);font-size:12px}#autoScrollWarnings:empty{display:none}#measuresList{max-height:180px;overflow-y:auto;margin-top:8px;padding-right:2px}.measureRow{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);margin:4px 0}.measureRow span{flex:1 1 auto}.measureRow input{width:56px;flex:none;padding:4px 6px;background:#0d1117;color:var(--ink);border:1px solid #30363d;border-radius:6px;font-size:12px}#tempoHud:empty,#tempoHud:has(#tempoText:empty){display:none}#sectionsBox{margin-top:10px;padding-top:10px;border-top:1px solid #30363d}.overlayCancel{display:inline-block;margin-top:12px;padding:6px 14px;background:#1a1f27;color:var(--ink);border:1px solid #2c333d;border-radius:6px;font-size:13px;cursor:pointer}.overlayCancel:hover{background:#232a34}#retiredControls,#retiredBandControls{display:none}