:root{--bg: #f4f5f7;--card: #ffffff;--text: #1d2330;--muted: #6b7385;--line: #e2e5eb;--accent: #3b5bdb;--accent-soft: #e8edff;--warn: #b35c00;--warn-soft: #fff1e0;--task: #1b8f4a;--actor: #7c3aad;--style: #e06a00;--style-alt: #f5a01a;--glow: rgba(255, 200, 0, .55);--speed: #d6336c;--error: #c92a2a;--radius: 12px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--text);background:var(--bg);line-height:1.45}*{box-sizing:border-box}body{margin:0}h1,h2{margin:0;line-height:1.25}q{quotes:"“" "”";font-weight:650}.muted{color:var(--muted)}.small{font-size:.85rem}.error{color:var(--error);margin:.5rem 0}.app-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:1.5rem;padding:.65rem 1.5rem;background:#ffffffeb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid var(--line)}.app-header nav{display:flex;gap:.25rem}.nav-link{padding:.35rem .75rem;border-radius:8px;color:var(--muted);text-decoration:none;font-weight:550}.nav-link.router-link-active{color:var(--accent);background:var(--accent-soft)}.who{margin-left:auto;display:flex;align-items:center;gap:.75rem}.app-main{max-width:1280px;margin:0 auto;padding:1.5rem}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:1.1rem 1.25rem}.button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem 1.1rem;border-radius:10px;border:1px solid var(--line);background:var(--card);color:var(--text);font:inherit;font-weight:600;text-decoration:none;cursor:pointer;transition:background .12s,border-color .12s,box-shadow .12s}.button:hover:not(:disabled){border-color:#c5cad5;background:#fafbfc}.button.primary{background:var(--accent);border-color:var(--accent);color:#fff}.button.primary:hover:not(:disabled){background:#3049b8}.button.ghost{border-color:transparent;background:transparent;color:var(--muted)}.button.small{padding:.35rem .7rem;font-size:.85rem}.button:disabled{opacity:.45;cursor:not-allowed}.input{width:100%;padding:.65rem .8rem;border:1px solid var(--line);border-radius:10px;font:inherit;background:#fff}.input:focus,.button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}textarea.input{resize:vertical}kbd{font:600 .72rem ui-monospace,SFMono-Regular,Menlo,monospace;padding:.05rem .35rem;border-radius:4px;border:1px solid currentColor;opacity:.55}.chip{display:inline-block;padding:.1rem .5rem;border-radius:999px;font-size:.75rem;font-weight:600;background:#eceef2;color:var(--muted);white-space:nowrap}.chip.accent{background:var(--accent-soft);color:var(--accent)}.chip.warn{background:var(--warn-soft);color:var(--warn)}.placeholder{max-width:560px;margin:3rem auto;text-align:center;display:grid;gap:.75rem;justify-items:center}.login{max-width:420px;margin:12vh auto 0;display:grid;gap:.75rem}.login p{margin:0}.login form{display:grid;gap:.75rem;margin-top:.5rem}.annotate{display:grid;gap:1rem}.status-line{display:flex;align-items:center;gap:.6rem}.test-number{font-weight:650;color:var(--muted)}.question h1{font-size:1.35rem;font-weight:600}.choose-hint{margin-left:.2rem;color:var(--muted);font-size:.75rem;font-weight:400;opacity:.8}.statement{margin:.5rem 0 0;font-size:1.2rem}.context{display:flex;flex-wrap:wrap;gap:.35rem 1.5rem;margin:0 0 .5rem}.context .muted{font-size:.9rem;text-transform:uppercase;letter-spacing:.04em;margin-right:.35rem}.term{text-shadow:0 0 1px color-mix(in srgb,currentColor 70%,transparent),0 0 0px color-mix(in srgb,currentColor 40%,#ffe08a)}.term.task{color:var(--task)}.term.actor{color:var(--actor)}.term.style{color:var(--style)}.term.style.alt{color:var(--style-alt)}.context .term.task,.term.style{text-shadow:0 0 1px color-mix(in srgb,currentColor 70%,transparent),0 0 6px var(--glow),0 0 12px var(--glow)}.context .term{font-size:1.15rem;font-weight:650}.button.primary .term.style{color:#ffe0c2;text-shadow:none}.button.primary .term.actor{color:#e6ccff}.button.primary .term.task{color:#b9f2cc}.button.primary .term.style.alt{color:#ffd27a}.player{display:grid;gap:.45rem}.frame{position:relative}.video{display:block;width:100%;max-height:58vh;background:#0d1017;border-radius:8px;object-fit:contain;aspect-ratio:16 / 10}.frame.off-speed .video{box-shadow:0 0 0 4px var(--speed)}.speed-badge{position:absolute;top:.5rem;left:.5rem;padding:.15rem .5rem;border-radius:6px;background:#0d101799;color:#fff;font-size:.85rem;font-weight:700;font-variant-numeric:tabular-nums;pointer-events:none}.off-speed .speed-badge{padding:.3rem .75rem;background:var(--speed);font-size:1.2rem;letter-spacing:.02em;text-transform:uppercase;box-shadow:0 2px 10px #00000059}.hotkeys{position:relative;margin-left:auto;outline:none}.hotkeys-icon{display:grid;place-items:center;width:1.6rem;height:1.6rem;border:1.5px solid var(--muted);border-radius:50%;color:var(--muted);font-size:.85rem;font-weight:700;cursor:help}.hotkeys:hover .hotkeys-icon,.hotkeys:focus-visible .hotkeys-icon{border-color:var(--accent);color:var(--accent)}.hotkeys-sheet{display:none;position:absolute;top:calc(100% + .5rem);right:0;z-index:10;width:min(22rem,calc(100vw - 2rem));padding:.9rem 1rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--card);box-shadow:0 10px 30px #14192826}.hotkeys:hover .hotkeys-sheet,.hotkeys:focus-within .hotkeys-sheet{display:block}.hotkeys-title{margin:0 0 .6rem;font-weight:650}.hotkeys-text{margin:0 0 .9rem}.hotkeys-sheet dl{display:grid;grid-template-columns:auto 1fr;gap:.45rem .9rem;margin:0 0 .6rem}.hotkeys-sheet dt{white-space:nowrap}.hotkeys-sheet dd{margin:0}.hotkeys-sheet kbd{opacity:.8}.hotkeys-sheet p:last-child{margin:0}.playback{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:.5rem}.playback-toggle{padding:.2rem .55rem;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--text);font:inherit;font-size:.75rem;font-weight:650;cursor:pointer}.playback-time{font-size:.75rem;font-variant-numeric:tabular-nums;color:var(--muted)}.playback-bar{-webkit-appearance:none;appearance:none;width:100%;height:6px;margin:0;border-radius:999px;background:linear-gradient(var(--accent),var(--accent)) 0 / var(--played) 100% no-repeat,#d7dbe3;cursor:pointer}.playback-bar::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border:0;border-radius:50%;background:var(--accent)}.playback-bar::-moz-range-thumb{width:14px;height:14px;border:0;border-radius:50%;background:var(--accent)}.video-pair{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.option-card{display:grid;gap:.75rem;padding:.75rem;transition:border-color .12s,box-shadow .12s}.option-card.selected,.single-video{border-color:var(--line)}.option-card.selected{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.choose{width:100%}.restart{grid-column:1 / -1;justify-self:center}.single-video{padding:.75rem}.single-video .video{max-height:48vh}.label-options{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.label-option{justify-content:center;padding:1rem 2.4rem;font-size:1.05rem;font-weight:400;text-align:center}.label-option,.choose{position:relative}.option-number{position:absolute;top:.45rem;left:.6rem;padding:.05rem .4rem;border-radius:6px;background:var(--bg);color:var(--muted);font-size:.75rem;font-weight:650;font-style:normal}.button.primary .option-number{background:#fff3;color:#fff}.label-option .term.style{font-weight:650}.answer{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.5rem}.confidence{border:0;margin:0;padding:0}.confidence legend{padding:0;margin-bottom:.6rem;font-weight:550}.segments{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:10px;overflow:hidden}.segment{padding:.6rem .5rem;border:0;border-right:1px solid var(--line);background:#fff;font:inherit;font-weight:550;color:var(--muted);cursor:pointer}.segment:last-child{border-right:0}.segment.selected{background:var(--accent);color:#fff}.issue{display:grid;gap:.6rem;font-weight:550}.actions{display:flex;align-items:center;gap:.6rem;position:sticky;bottom:0;padding:.75rem 0;background:linear-gradient(to top,var(--bg) 70%,transparent)}.spacer{flex:1}.history{display:grid;gap:.75rem}.history-head{display:flex;align-items:center;justify-content:space-between}.history-table{display:grid;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--card)}.history-row{display:grid;grid-template-columns:90px 190px minmax(0,1.4fr) minmax(0,1.4fr) minmax(0,.9fr) 150px 80px;gap:1rem;align-items:center;padding:.65rem 1rem;border:0;border-top:1px solid var(--line);background:transparent;font:inherit;color:inherit;text-align:left;cursor:pointer}.history-row:hover:not(.header){background:#f8f9fb}.history-row.header{border-top:0;background:#f8f9fb;font-size:.8rem;font-weight:650;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;cursor:default}.history-row .number{display:flex;align-items:center;gap:.4rem;font-weight:650}.thumbs{display:flex;gap:.35rem}.thumbs img{width:88px;height:56px;object-fit:cover;border-radius:6px;background:#0d1017;border:2px solid transparent}.thumbs img.chosen{border-color:var(--accent)}.stack{display:grid;gap:.1rem;min-width:0}.stack>span{overflow:hidden;text-overflow:ellipsis}@media(max-width:900px){.video-pair,.label-options,.answer{grid-template-columns:1fr}.history-row{grid-template-columns:60px 1fr 1fr}.history-row>span:nth-child(n+4){display:none}}