:root{color-scheme:dark;--bg:#101319;--panel:#191e27;--line:#303641;--muted:#99a2b2;--lime:#dcfa78;--red:#ff9298}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#eef1f7;font:16px/1.5 Arial,Helvetica,sans-serif}button,input,select{font:inherit}button{cursor:pointer;border:1px solid #3a424e;background:#252c36;color:#eef1f7;border-radius:7px;padding:10px 15px}button:hover{background:#353e49}button:disabled{opacity:.4;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--lime);outline-offset:4px}header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 4%;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#f7f8fa;font-size:25px;font-weight:800;letter-spacing:-1px}.logo{color:var(--lime);font-size:36px}.tag{font-size:12px;letter-spacing:1.5px;color:var(--muted);margin-left:20px;font-weight:400}main{max-width:1600px;margin:auto;padding:36px 4%}.heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:26px}.eyebrow{color:var(--lime);letter-spacing:1.8px;font-size:12px;font-weight:700}h1{font-size:32px;letter-spacing:-1px;margin:6px 0 0}h2{font-size:20px;margin:0}h3{font-size:15px;margin:0}.privacy{font-size:13px;color:var(--muted)}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:24px}.player,aside{min-width:0}.filebar{display:flex;justify-content:space-between;gap:14px;background:var(--panel);border:1px solid var(--line);border-radius:10px 10px 0 0;padding:13px 18px;font-size:14px}.filebar span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#format{color:var(--muted);font-size:12px;white-space:nowrap}#screen{position:relative;aspect-ratio:16/9;background:#090c11;border:1px solid var(--line);border-top:0;display:flex;align-items:center;justify-content:center;overflow:hidden}video,canvas{width:100%;height:100%;object-fit:contain;display:none}#empty{text-align:center;padding:20px}#empty p{color:var(--muted);margin:8px 0 22px}#empty small{display:block;color:var(--muted);margin-top:22px;font-size:13px}.gate-symbol{color:var(--lime);font-size:60px;line-height:1;margin-bottom:18px}.primary{background:var(--lime);color:#182006;border-color:var(--lime);font-weight:700}.primary:hover{background:#edffa7}.transport{background:var(--panel);padding:18px;border:1px solid var(--line);border-top:0;border-radius:0 0 10px 10px}.readout{display:flex;align-items:center;gap:16px;font-family:monospace}.readout strong{font-size:23px}.readout span{font-size:13px;color:var(--muted)}#length{margin-left:auto}.scrub{position:relative;margin:13px 0 23px}input[type=range]{width:100%;accent-color:var(--lime);margin:0;cursor:pointer}#ticks{position:relative;margin:0 8px}.tick{position:absolute;height:7px;width:2px;background:var(--lime);top:-2px}.tick.bad{background:var(--red)}.playcontrols{display:flex;align-items:center;gap:18px}.playcontrols>div{display:flex;gap:5px;margin-right:auto}.playcontrols button{padding:8px 12px}.play{color:var(--lime)}label{font-size:13px;color:var(--muted);display:flex;gap:7px;align-items:center}select,input[type=number]{background:#10151d;border:1px solid var(--line);color:#f2f4f8;border-radius:5px;padding:6px;width:70px}.markcontrols{display:flex;gap:10px;margin-top:16px}.markcontrols .primary{flex:1}.danger{color:var(--red)}.key,kbd{display:inline-block;border:1px solid currentColor;border-radius:4px;line-height:1.4;padding:0 5px;font:12px/1.5 monospace;opacity:.8;margin-right:7px}#status{font-size:14px;color:var(--muted);min-height:21px}details{border-top:1px solid var(--line);font-size:14px;color:var(--muted);padding-top:16px}summary{cursor:pointer;color:#c5cdd9}.help{display:grid;gap:0 20px;grid-template-columns:1fr 1fr}.help p:last-child{grid-column:1/-1}aside{background:var(--panel);border:1px solid var(--line);border-radius:10px;align-self:start;overflow:hidden}.results-head{display:flex;align-items:center;justify-content:space-between;padding:20px}.results-head span{color:var(--muted);font-size:12px}.stats{display:grid;grid-template-columns:1fr 1fr;padding:0 20px 22px;gap:15px}.stats span,.current>span{font-size:12px;letter-spacing:1px;color:var(--muted);display:block}.stats strong{font:30px/1.5 monospace;display:block}.stats>div:first-child strong{color:var(--lime)}.current{padding:15px 20px;background:#232b34;border-block:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:10px}.current strong{font:20px monospace}.tablehead,.lap{display:grid;grid-template-columns:45px 1fr 95px;align-items:center;padding:13px 20px;gap:8px}.tablehead{font-size:12px;letter-spacing:1px;color:var(--muted)}#laps{max-height:310px;overflow:auto}.lap{border-top:1px solid var(--line);font-size:14px}.lap button{padding:0;background:transparent;border:0;text-align:left;font-family:monospace;font-size:18px}.lap .valid{color:var(--lime)}.lap .invalid{color:var(--red)}.lap .state{font-size:12px;letter-spacing:.5px;text-align:right}.placeholder{padding:20px;text-align:center;font-size:15px;color:#c5cdd9;line-height:1.9}.placeholder span{color:var(--muted);font-size:13px}.markers-title{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:18px 20px}.markers-title span{font-size:13px;color:var(--muted)}#markers{max-height:240px;overflow:auto}.marker{display:flex;gap:10px;align-items:center;padding:7px 20px;font-size:13px}.marker .kind{width:24px;color:var(--lime)}.marker .bad{color:var(--red)}.marker button{padding:2px 7px;border:0;background:transparent}.marker .jump{font-family:monospace;font-size:15px}.marker .remove{margin-left:auto;color:var(--muted);font-size:20px}.note{font-size:12px;color:var(--muted);padding:0 20px 10px}.small{font-size:13px;margin:0;padding:0 20px 20px}footer{max-width:1600px;margin:auto;padding:15px 4% 30px;display:flex;justify-content:space-between;font-size:12px;letter-spacing:1px;color:#818c9d}footer b{color:var(--lime);margin:0 8px}#loading{position:absolute;inset:0;background:#10151df5;text-align:center;padding:12% 30px;z-index:2}#loading[hidden]{display:none}#loadtext{color:var(--muted)}body.drag #screen{outline:3px solid var(--lime)}@media(max-width:1100px){.workspace{grid-template-columns:minmax(0,1fr) 300px}.tag,.privacy{display:none}.playcontrols{gap:8px}.playcontrols button{padding:8px}.markcontrols{flex-wrap:wrap}.markcontrols button{font-size:14px}.stats strong{font-size:25px}}@media(max-width:800px){header{height:72px}.workspace{grid-template-columns:1fr}main{padding-top:25px}h1{font-size:27px}.playcontrols{flex-wrap:wrap}#empty h2{font-size:18px}#empty small{margin-top:10px}.gate-symbol{font-size:38px;margin-bottom:8px}.help{display:block}footer{display:block}footer span{display:block;margin-top:8px}} 

.sessions{border:1px solid var(--line);border-radius:10px;background:var(--panel);margin-bottom:24px;overflow:hidden}.sessions-top{display:flex;justify-content:space-between;gap:20px;padding:18px 20px;align-items:center}.sessions-top h2 span{color:var(--muted);font-size:14px;margin-left:8px}.sessions-top p{font-size:12px;color:var(--muted);margin:4px 0 0}.session-actions{display:flex;align-items:center;gap:10px}.session-actions select{width:180px}.session-actions button{font-size:14px}.session-scroll{overflow:auto;max-height:260px}.session-table{min-width:660px}.session-row{display:grid;grid-template-columns:minmax(200px,1fr) 100px 110px 140px 120px;align-items:center;gap:12px;padding:10px 20px;border-top:1px solid var(--line);font-size:14px}.session-header{color:var(--muted);font-size:12px;letter-spacing:.7px}.session-row.active{background:#dcfa780d;box-shadow:inset 3px 0 var(--lime)}.session-row .filename{background:none;border:0;padding:0;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.session-row .num{font-family:monospace;color:var(--lime)}.session-row .relink{font-size:12px;padding:5px 7px}.best-three{margin:0 20px 20px;padding:12px 15px;border:1px solid #465334;border-radius:7px;background:#dcfa7808;display:grid;grid-template-columns:1fr auto;gap:4px}.best-three span{font-size:12px;color:var(--lime);letter-spacing:.5px}.best-three strong{font:20px monospace}.best-three small{font-size:12px;color:var(--muted);grid-column:1/-1}@media(max-width:1000px){.sessions-top{align-items:start;flex-direction:column}.session-actions{flex-wrap:wrap}}
/* OLED review workspace */
:root{--bg:#000;--panel:#08090b;--line:#282b30;--muted:#a2a6ae;--lime:#63aaff;--red:#ff737d;--green:#63df9b}body{background:#000}header{height:68px;padding:0 24px;background:#030405}.brand{font-size:24px}.tag{font-size:12px}.primary{color:#02070d;background:var(--lime);border-color:var(--lime)}.primary:hover{background:#91c4ff}main{max-width:none;display:grid;grid-template-columns:270px minmax(0,1fr);gap:24px;padding:24px}.desk{min-width:0}.sessions{margin:0;border-radius:8px;align-self:start;position:sticky;top:16px}.sessions-top{display:block;padding:18px 16px}.sessions-top h2{font-size:18px}.sessions-top p{line-height:1.7;margin-top:8px}.session-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.session-actions label{width:100%;justify-content:space-between}.session-actions select{width:180px}.session-actions button{font-size:12px;padding:8px 10px}.session-scroll{max-height:calc(100vh - 310px);min-height:100px;overflow:auto}.recording{padding:15px 16px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:6px}.recording.active{background:#0a1420;box-shadow:inset 3px 0 var(--lime)}.recording .filename{padding:0;border:0;background:transparent;text-align:left;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:15px}.analysis-status{font-size:13px;color:#b1b6c0}.active .analysis-status{color:var(--lime)}.recording-scores{font:12px/1.8 monospace;color:var(--muted)}.recording .relink{align-self:start;font-size:12px;padding:4px 0;color:#b5cae6;border:0;background:transparent}.top-results{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line);border-radius:8px;margin-bottom:24px;background:#050608}.score{padding:18px 20px;min-width:0;border-right:1px solid var(--line)}.score:last-child{border-right:0}.score>span{font-size:12px;letter-spacing:1px;color:#c1c7d1}.score strong,.score>button{display:block;font:32px/1.5 monospace;color:var(--green);background:none;border:0;padding:0}.score small{display:block;font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overall{background:#07101b}.overall>button{color:var(--lime)}.workspace{grid-template-columns:minmax(0,1fr) 340px;gap:20px}#screen{background:#000}.filebar,.transport{background:#08090b}#empty .gate-symbol{color:var(--lime)}#empty h2{font-size:20px}.current{background:#101318}.markcontrols .primary{flex:initial}.markcontrols button{font-size:14px}.reviewbar{display:flex;gap:14px;align-items:center;margin-top:16px}.reviewbar button{border-color:#3c6b9f;color:#a5d0ff}.reviewbar button.finished{background:#102319;border-color:#326349;color:var(--green)}.reviewbar span{font-size:12px;color:var(--muted)}#reviewwarning{border:1px solid #6b5131;background:#17120c;padding:12px 14px;border-radius:6px;margin-top:14px;color:#e6c69c;font-size:14px}#reviewwarning[hidden]{display:none}#reviewwarning p{margin:0 0 8px}.warning-link{font-size:12px;color:#e6c69c;border-color:#4e3f2b;background:transparent;padding:4px 7px;margin:3px}.lap.valid,.legend .valid{color:#a9adb5}.lap.crash,.legend .crash{color:var(--red)}.lap.winner,.legend .winner{color:var(--green)}.lap button{color:inherit}.lap .state{color:inherit}.lap .state{font-size:11px}.marker{gap:6px;flex-wrap:wrap;padding:8px 14px}.marker .kind{width:15px;color:#a9adb5}.marker .kind.bad{color:var(--red)}.marker .jump{font-size:14px}.placement{font-size:10px;letter-spacing:.5px;color:#b4a189}.placement.precise{color:#a9c7ee}.marker .replace{font-size:11px;color:#a9c7ee;border:1px solid #26374c;margin-left:auto;padding:2px 5px}.marker .remove{margin-left:0}.scrub{margin-bottom:12px}#ticks{height:16px;margin-top:6px}.segment{position:absolute;top:0;height:10px;min-width:2px;padding:0;border:0;border-radius:0;opacity:.7}.segment.valid{background:#838995}.segment.crash{background:var(--red)}.segment.winner{background:var(--green)}.segment:hover{opacity:1}.tick{height:16px;background:#eee;width:2px;top:-3px;pointer-events:none}.tick:not(.precise):not(.bad){background:#999;border-top:3px solid #e5b267}.tick.bad{background:var(--red);height:20px;top:-5px}.legend{display:flex;gap:18px;font-size:12px;margin-bottom:15px}.legend span:before{content:'';display:inline-block;width:10px;height:3px;vertical-align:middle;margin-right:6px;background:currentColor}footer{max-width:none;padding:0 24px 24px;font-size:11px}button{background:#15181c}button:hover{background:#252b34}.help{font-size:14px}#laps{max-height:260px}#markers{max-height:320px}.note{font-size:12px;line-height:1.6}aside{background:#060709}.playcontrols button{min-width:38px;touch-action:none}#back,#forward{user-select:none}.playcontrols button:active{background:#12345a}
@media(min-width:1800px){main{grid-template-columns:290px minmax(0,1fr)}.workspace{grid-template-columns:minmax(0,1fr) 390px}#screen{max-height:70vh}.marker{flex-wrap:nowrap}.marker .replace{font-size:12px}}
@media(max-width:1250px){main{grid-template-columns:230px minmax(0,1fr);padding:16px;gap:16px}.workspace{grid-template-columns:minmax(0,1fr)}.top-results{grid-template-columns:1fr 1fr}.score{padding:12px 16px;border-bottom:1px solid var(--line)}.score strong,.score>button{font-size:27px}.session-actions select{width:150px}aside{display:block}.marker{flex-wrap:nowrap}#screen{max-height:60vh}}
@media(max-width:760px){main{display:flex;flex-direction:column}.sessions{position:static;order:1;width:100%}.session-scroll{max-height:280px}.desk{order:0}.top-results{margin-bottom:16px}.score>span{font-size:11px}.score strong,.score>button{font-size:24px}.score{padding:12px}.tag{display:none}.markcontrols{gap:6px}.markcontrols button{padding:10px}.playcontrols{gap:8px}header{padding:0 16px}.reviewbar{flex-wrap:wrap}}
.header-actions{display:flex;gap:10px;align-items:center}#introOpen{font-size:13px;background:none;border-color:#2b3440;padding:9px 12px}dialog{background:#0a0c0f;color:#f3f5f8;border:1px solid #334151;border-radius:12px;max-width:660px;width:calc(100% - 32px);padding:24px;max-height:85vh;overflow:auto}dialog::backdrop{background:#000c;backdrop-filter:blur(4px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.dialog-heading button{font-size:22px;padding:2px 10px}.dialog-heading h2{font-size:22px}dialog p{font-size:14px;line-height:1.7;color:#bdc5d0}dialog h3{margin-top:24px;font-size:18px}.binding-row{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #252d36;padding:8px 0;gap:12px;font-size:14px}.binding-button{min-width:100px;color:#a6d0ff;font:14px monospace;padding:6px 10px}#bindingstatus{color:#aacfff;min-height:20px}dialog details{margin-top:24px}@media(max-width:600px){#introOpen{max-width:110px;font-size:12px;line-height:1.2}header #open{font-size:12px;padding:8px}.brand{font-size:20px}.logo{display:none}}

/* Keep imports outside the scrolling list; all top results belong to the selected video. */
.sessions{display:flex;flex-direction:column;max-height:calc(100dvh - 110px)}.sessions-top,.sessions-bottom{flex:0 0 auto}.session-scroll{flex:1 1 auto;min-height:0;max-height:none;overflow-y:auto;overscroll-behavior:contain}.sessions-bottom{padding:14px 16px;border-top:1px solid var(--line);background:#080b10}.sessions-bottom #addvideos{width:100%;font-size:14px}.collection-results{padding-top:12px;margin-top:12px;font-size:12px}.collection-results summary{font-size:12px}.collection-results .score{border:0;padding:10px 0;background:transparent}.collection-results .score>span{font-size:11px}.collection-results .score>button{font-size:22px}.top-results{grid-template-columns:repeat(2,minmax(0,1fr))}.analysis-heading{display:flex;align-items:baseline;gap:14px;margin-bottom:12px;min-width:0}.analysis-heading>span{font-size:11px;letter-spacing:1px;color:var(--muted);white-space:nowrap}.analysis-heading>strong{font-size:15px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:760px){.sessions{max-height:min(70dvh,550px)}.session-scroll{min-height:80px}.analysis-heading{flex-wrap:wrap;gap:4px}.analysis-heading>strong{max-width:100%}}

.markcontrols{flex-wrap:wrap}#clear{margin-left:auto;font-size:13px} @media(max-width:600px){#clear{margin-left:0}}

.marker-nav{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.marker-nav button{font-size:13px;padding:7px 10px}.preferences{border:1px solid var(--line);border-radius:8px;padding:12px}.preferences label{display:flex;justify-content:space-between;gap:16px;margin:10px 0;font-size:14px;color:#d5dbe4}.preferences input[type=checkbox]{accent-color:var(--lime);width:18px;height:18px}.preferences label:first-child{justify-content:flex-start}.preferences input[type=number]{width:85px}#preferenceStatus{margin:5px 0;font-size:12px}

.placement{white-space:nowrap}
/* Compact working layout. */
button{border-radius:4px;padding:8px 12px}select,input[type=number]{border-radius:3px}.sessions,.top-results,aside,.preferences{border-radius:5px}.filebar{border-radius:5px 5px 0 0;padding:10px 14px}.transport{border-radius:0 0 5px 5px;padding:14px}main{padding:18px;gap:18px}.workspace{gap:16px}.top-results{margin-bottom:18px}.score{padding:13px 16px}.analysis-heading{margin-bottom:9px}.sessions-top{padding:14px}.session-actions{margin-top:12px;gap:6px}.recording{padding:11px 14px;gap:4px}.sessions-bottom{padding:11px 14px}.results-head{padding:15px 16px}.current{padding:11px 16px}.tablehead,.lap{padding:10px 16px}.markers-title{padding:13px 16px}.marker{padding:6px 12px;gap:6px}.markcontrols{margin-top:12px;gap:8px}.marker-nav{margin-top:10px;gap:6px}.reviewbar{margin-top:12px;gap:10px}#reviewwarning{border-radius:4px;padding:10px 12px;margin-top:10px}dialog{border-radius:6px;padding:20px}.legend{margin-bottom:11px}.note{padding:0 16px 8px}.binding-row{padding:6px 0}.preferences{padding:10px}.preferences label{margin:8px 0}@media(max-width:760px){main{padding:12px;gap:14px}.score{padding:11px 12px}.top-results{margin-bottom:14px}}

.hierarchy{padding:12px 14px;border-bottom:1px solid var(--line)}.hierarchy label{display:block;font-size:14px}.hierarchy select{display:block;width:100%;margin-top:4px}.hierarchy-actions{display:flex;gap:6px;margin:5px 0 10px}.hierarchy-actions button,#moveSelected{font-size:12px;padding:4px 8px}#moveSelected{margin:0 14px 8px;align-self:start}.recording-heading{display:flex;gap:7px;min-width:0}.recording-heading .filename{min-width:0}.recording-heading input{accent-color:var(--lime)}.analysis-status:before{content:'';display:inline-block;width:8px;height:8px;border-radius:50%;background:#707680;margin-right:7px}.analysis-status.full:before{background:var(--green)}.analysis-status.quick:before{background:transparent;border:2px solid var(--lime)}.recording.competitive{background:#0b2116}.recording.competitive.active{box-shadow:inset 3px 0 var(--lime)}.reviewbar{padding:12px;border:1px solid #355780;border-radius:4px;background:#091523;flex-wrap:wrap;position:sticky;bottom:8px;z-index:1}.reviewbar>div{flex:1;min-width:180px}.reviewbar strong{font-size:14px;display:block}.reviewbar span{display:block}.reviewbar .primary{color:#03080f}.reviewbar.near-end{border-color:var(--lime);box-shadow:0 0 0 1px var(--lime)}#moveDestination{width:100%}#moveDialog label{display:block;margin-top:14px}.sessions{max-height:calc(100dvh - 100px)}@media(max-width:760px){.sessions{max-height:85dvh}.reviewbar{position:static}.hierarchy{display:grid;grid-template-columns:1fr auto;gap:4px 10px}}

#trackDialog{max-width:440px}#trackForm>label{display:block;margin-top:20px;font-size:14px}#trackName{display:block;width:100%;border:1px solid #39424f;background:#030507;color:#f3f5f8;border-radius:4px;padding:10px 12px;margin-top:6px}#trackForm .track-suggestion-label{margin:16px 0 8px;font-size:13px}.track-suggestions{display:flex;gap:8px;flex-wrap:wrap}.track-suggestions button{color:#abd1ff;border-color:#355476;background:#0c1928}.track-dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}#trackError{color:var(--red);margin:8px 0;font-size:13px}.hierarchy-actions{margin-bottom:0}

/* Verification readiness stays directly beneath the video. */
#screen.timings-ready{outline:2px solid var(--green);outline-offset:-2px}#reviewbar{position:static;margin-top:0;border-radius:0;padding:10px 12px}#reviewbar.timings-ready{border-color:var(--green);background:#092017;box-shadow:inset 3px 0 var(--green)}#reviewbar.timings-ready #reviewReadyTitle{color:var(--green)}#reviewbar.timings-ready #finish{background:var(--green);border-color:var(--green);color:#03150c}#allTimingStatus{font-size:12px;margin-top:5px}#allTimingStatus.all-verified{color:var(--green);font-weight:700}#allTimingStatus[hidden]{display:none}#reviewbar.timings-ready.near-end{box-shadow:inset 3px 0 var(--green)}

#endReview{position:absolute;inset:0;z-index:2;background:#030806f5;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;text-align:center;overflow:auto}#endReview[hidden]{display:none}#endReview h2{font-size:24px}#endReviewHelp{max-width:520px;color:#bac6c0;font-size:14px;margin:12px 0 20px}.end-review-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.end-review-actions button{padding:12px 16px;font-size:14px}.end-review-actions .recommended{border:2px solid var(--green);background:#123725;color:#b3f7d0;font-weight:700}#endContinue{margin-top:20px;background:transparent;font-size:13px}#endAllVerified{color:var(--green);font-size:14px;margin-bottom:0}#endAllVerified[hidden]{display:none}@media(max-width:600px){#endReview{padding:12px}#endReview h2{font-size:18px}#endReviewHelp{margin:5px 0 10px;font-size:12px}.end-review-actions button{padding:7px 9px;font-size:12px}#endContinue{margin-top:10px}}
.playcontrols{flex-wrap:wrap}.playcontrols>.placement-controls{flex-basis:100%;order:2;display:flex;gap:6px;flex-wrap:wrap;margin:0}.placement-controls button{font-size:13px;padding:8px 10px}.placement-controls .key{font-size:12px}#verify.available{background:#10243b;border-color:#426b99;color:#c0ddff}#verify.verifying{outline:1px solid #63aaff}#verify:disabled{background:#15181c;border-color:#303641;color:#969ca5}#tutorialOpen{font-size:13px;background:none;border-color:#2b3440;padding:9px 12px}.tutorial-target{outline:2px solid #63aaff!important;outline-offset:5px}#tutorial{position:fixed;inset:auto 24px 24px auto;margin:0;width:min(470px,calc(100vw - 32px));max-width:none;max-height:none;padding:0;overflow:visible;border-color:#4a6a90;z-index:10;background:#070c13}#tutorial::backdrop{background:#0006;backdrop-filter:none}.tutorial-card{position:relative;padding:20px;background:#070c13;border-radius:6px}.tutorial-top,.tutorial-nav{display:flex;align-items:center;justify-content:space-between;gap:12px}.tutorial-top{margin-bottom:14px;color:#a2b7ce;font-size:13px}.tutorial-top button{font-size:13px;padding:5px 9px}.tutorial-nav{margin-top:18px}#tutorialBody{max-height:55dvh;overflow-y:auto}#tutorialBody p,#tutorialBody li{font-size:14px;color:#c8d2e0;line-height:1.6}#tutorialBody li{margin:6px 0}#tutorialBody ul{padding-left:20px}#tutorialArrow{position:fixed;inset:0;width:100vw;height:100vh;pointer-events:none;overflow:visible;z-index:-1}@media(max-width:600px){#tutorial{right:16px;bottom:16px}.tutorial-card{padding:16px}#tutorialBody{max-height:45dvh}#tutorialOpen{font-size:12px;padding:7px}header{gap:8px}.header-actions{gap:5px}}

.tutorial-card{z-index:1}#tutorialArrow{z-index:0}

#deleteTrackDialog{max-width:480px}#deleteTrackExtra{align-items:flex-start;font-size:14px;color:#dae2ec;background:#141a22;padding:12px;border-radius:4px}#deleteTrackExtra[hidden]{display:none}#deleteTrackAcknowledge{margin-top:4px;accent-color:var(--lime)}#deleteTrackError{color:var(--red)}

.recording{cursor:pointer}.recording:hover{border-color:#42668e}.recording:focus-visible{outline:2px solid var(--lime);outline-offset:-2px}.recording-scores{display:flex;gap:10px;flex-wrap:wrap}.recording-scores .recording-time{padding:2px 0;background:transparent;border:0;color:var(--green);font:12px/1.8 monospace;text-align:left}.recording-time:hover:not(:disabled){text-decoration:underline}.reconnect-hint{font-size:12px;color:var(--muted)}

.transport-symbols{position:absolute;overflow:hidden;pointer-events:none}.transport-icon{display:block;width:20px;height:20px;fill:currentColor;flex:none}.playcontrols #back,.playcontrols #prev,.playcontrols #play,.playcontrols #next,.playcontrols #forward{display:inline-flex;align-items:center;justify-content:center;min-height:38px;min-width:38px}

/* Keep all tutorial steps in the same player-aligned panel. */
#tutorial .tutorial-card{height:100%;display:flex;flex-direction:column;min-height:0;overflow:hidden}#tutorial .tutorial-top,#tutorial .tutorial-nav,#tutorialTitle{flex-shrink:0}#tutorialTitle{margin:0 0 8px}#tutorialBody{flex:1;min-height:0;max-height:none;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}#tutorial .tutorial-nav{margin-top:12px}

/* The same review controls move into view only for the final 5 seconds. */
#reviewNearEnd[hidden],#reviewBelow[hidden]{display:none}#reviewBelow{margin-top:14px}#reviewBelow #reviewbar{border-radius:4px}#reviewbar #finish,#reviewbar #quickReview{background:#15181c;border-color:#3c6b9f;color:#a5d0ff;font-weight:400}#reviewbar.quick-recommended #quickReview{background:var(--lime);border-color:var(--lime);color:#02070d;font-weight:700}#reviewbar.full-recommended #finish{background:var(--green);border-color:var(--green);color:#03150c;font-weight:700}#endQuick.recommended{background:var(--lime);border-color:var(--lime);color:#02070d}#endFull.recommended{background:var(--green);border-color:var(--green);color:#03150c}

.hierarchy-actions{flex-wrap:wrap}#manageTracks{text-align:left}#manageTracksDialog,#importTracksDialog{width:min(700px,calc(100vw - 32px));max-width:700px;max-height:85dvh;overflow:auto}.track-management-row,.import-track-row{display:flex;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}.track-management-row>label,.import-track-row>label{flex:1;min-width:0;overflow-wrap:anywhere}.track-management-row button{padding:5px 8px;font-size:12px}.import-track-row select{width:100%;margin-top:6px}.track-match-hint{display:block;color:#a5d0ff;font-size:12px}.merge-destination{display:block;margin-top:16px}.merge-destination select{display:block;width:100%;margin-top:6px}#mergeTrackError{color:var(--red)}#manageTrackRows,#importTrackRows{margin-top:12px}

.clear-browser-section{margin-top:24px;padding-top:12px;border-top:1px solid var(--line)}.clear-data-confirm{display:block;margin-top:20px}#clearDataError{color:var(--red)}
/* Timeline-first timing review. */
.top-results{grid-template-columns:repeat(4,minmax(0,1fr))}.score.video-score{background:#07111d}.score.video-score>button{color:var(--lime)}.score.track-score{background:#06140d}.score.track-score>button{color:var(--green)}.score>span{font-size:14px;letter-spacing:.35px}.score small{white-space:normal}.score>button{font-size:30px}.analysis-status{align-self:flex-start;font-size:14px;border:1px solid #3b4048;border-radius:3px;padding:2px 7px;color:#c9ccd2!important;background:#141619}.analysis-status.quick{color:#b8d9ff!important;border-color:#355d8a;background:#0b1b2d}.analysis-status.full{color:#a5e9c3!important;border-color:#337650;background:#082214}.analysis-status:before{width:7px;height:7px;margin-right:6px}.review-detail{font-size:12px;color:var(--muted);line-height:1.5}.analysis-status.quick+.review-detail{color:#e4bd76}.lap.needs-review{color:#e4bd76}.marker-legend{flex-wrap:wrap;gap:6px 14px;font-size:12px}.marker-legend .verified{color:var(--lime)}.marker-legend .needs-review{color:#e4b263}.marker-legend .estimated{color:#a6aab1}#ticks{height:38px;margin-top:8px}.segment{top:18px;height:10px}.timeline-marker{position:absolute;top:0;z-index:2;transform:translateX(-50%);height:36px;width:14px;min-width:0;padding:0;border:0;background:transparent;display:flex;align-items:flex-start;justify-content:center;border-radius:2px;touch-action:manipulation}.timeline-marker:hover{background:#ffffff12}.timeline-marker .marker-line{pointer-events:none;display:block;width:4px;height:30px;border-radius:1px;background:#959aa3}.timeline-marker.verified .marker-line{background:var(--lime)}.timeline-marker.needs-review .marker-line{background:#e4b263}.timeline-marker.failure .marker-line{background:var(--red);width:7px;height:13px;margin-top:7px;transform:rotate(45deg)}.timeline-marker.at-playhead{outline:1px solid #ffffffcc;outline-offset:1px}.timeline-marker:disabled{opacity:.8;cursor:default}.reviewbar{position:static}.reviewbar button{background:#15181c;border-color:#3c6b9f;color:#a5d0ff;font-weight:400}.reviewbar.quick-recommended #quickReviewNear{background:var(--lime);border-color:var(--lime);color:#02070d;font-weight:700}.reviewbar.full-recommended #finishNear{background:var(--green);border-color:var(--green);color:#03150c;font-weight:700}#reviewbarNear{margin:0;border-radius:0;padding:10px 12px}.reviewbar [id^=allTimingStatus]{font-size:12px;margin-top:5px}.reviewbar [id^=allTimingStatus].all-verified{color:var(--lime);font-weight:700}.reviewbar [id^=allTimingStatus][hidden]{display:none}#reviewBelow{display:block;margin-top:14px}#reviewNearEnd[hidden]{display:none}.track-management-row{flex-wrap:wrap}.track-management-row>label{flex-basis:100%;font-size:14px;color:#d4dce8}.track-timing-summary{display:block;margin-left:24px;font-size:12px;color:var(--muted)}.manage-toolbar{display:flex;gap:10px;flex-wrap:wrap}#timingForm label{display:flex;justify-content:space-between;gap:16px;margin:16px 0;font-size:14px;color:#d4dce8}#timingForm input{width:90px}#timingError{color:var(--red)}#deleteTrackList{font-size:14px;color:#d8dce4;line-height:1.8}.tablehead,.lap{grid-template-columns:38px 1fr 104px}.lap .state{font-size:12px}
@media(max-width:1250px){.top-results{grid-template-columns:repeat(2,minmax(0,1fr))}.score:nth-child(2){border-right:0}}@media(max-width:760px){.score>span{font-size:12px}.score>button{font-size:24px}.reviewbar>div{min-width:100%;font-size:14px}}

.recording-scores .recording-time{color:var(--lime)}

/* Keep the wordmark together; blue letters echo the gate/failure shortcuts. */
.brand-key{color:var(--lime)}

/* Fixed, undecorated status area prevents layout shifts as save text changes. */
#savestatus{
 display:flex;
 align-items:center;
 width:100%;
 height:3.4em;
 min-height:3.4em;
 max-height:3.4em;
 overflow:auto;
 overflow-wrap:anywhere;
}

footer{flex-wrap:wrap;gap:8px 24px}
footer a{color:var(--lime);text-underline-offset:3px}
footer a:focus-visible{outline:2px solid var(--lime);outline-offset:4px}

/* Hold a snapshot above either decoder until the next recording has a frame. */
#switchFrame{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:1;pointer-events:none}
#switchFrame[hidden]{display:none}