:root{font:14px/1.45 system-ui,-apple-system,"Segoe UI","Microsoft YaHei",sans-serif;color:#243c4d;background:#f1f5f8;--line:#d2dee7;--muted:#647b8c;--blue:#255b82}
*{box-sizing:border-box}body{margin:0;height:100dvh;padding:7px 10px;display:grid;grid-template-rows:28px minmax(0,1fr);gap:7px;overflow:hidden}header,.session-bar,.panel-heading,nav,.question-meta{display:flex;align-items:center;gap:10px;min-width:0}header strong{font-size:14px}#phase{font-size:11px;background:#e3edf4;color:var(--muted);padding:3px 8px;border-radius:12px}.spacer{flex:1}button,input,textarea{font:inherit}button{padding:7px 12px;border:1px solid #acc4d6;border-radius:6px;background:#fff;color:inherit;cursor:pointer;white-space:nowrap}button:hover{background:#e8f0f6}button:disabled{opacity:.45;cursor:not-allowed}.primary{background:var(--blue);color:#fff;border-color:var(--blue);font-weight:650}.primary:hover{background:#1b4565}.text-button{padding:3px 7px;font-size:12px;background:transparent;border-color:transparent}main,.card{min-height:0;min-width:0}.card{background:#fff;border:1px solid var(--line);border-radius:9px}h1,h2,p{margin:0}h1{font-size:22px}h2{font-size:14px}.small{font-size:12px;color:var(--muted)}.notice{padding:8px 10px;background:#fff1d4;color:#865d20;border-radius:6px;font-size:12px}.welcome{max-width:960px;margin:auto;height:100%;padding:clamp(16px,3vw,35px);display:flex;flex-direction:column;justify-content:center;gap:15px;overflow:auto}.welcome>button{align-self:flex-end}.guide-text{display:grid;gap:12px;margin:10px 0}.exposure-warning{background:#fff0dd;border-left:3px solid #d5a15d;padding:9px}.welcome .small{line-height:1.6}#workspace{height:100%;display:grid;grid-template-rows:25px minmax(0,1fr) 43px;gap:8px}.session-bar{font-size:12px;color:var(--muted)}.working-grid{display:grid;grid-template-columns:minmax(360px,.95fr) minmax(480px,1.05fr);gap:9px;min-height:0}.context-column{display:grid;grid-template-rows:minmax(180px,1.1fr) minmax(150px,1fr);gap:9px;min-height:0}.video-card{background:#101b22;overflow:hidden}.video-card video{width:100%;height:100%;object-fit:contain;display:block}.subtitle-card{padding:8px;display:grid;grid-template-rows:24px minmax(0,1fr);gap:4px;overflow:hidden}.panel-heading{gap:7px}.transcript{overflow:auto;min-height:0;scrollbar-width:thin;overscroll-behavior:contain}.turn{display:block;text-align:left;width:100%;white-space:normal;padding:7px 8px;border:0;border-bottom:1px solid #e7eef4;border-radius:0;background:#fff;font-size:14px;line-height:1.5}.turn.active{background:#e4eff8}.turn-time{font-size:10px;color:var(--muted);display:block}.review-card{display:grid;grid-template-rows:25px minmax(0,1fr);padding:8px 11px;gap:4px;overflow:hidden}.question-meta{font-size:11px;color:var(--muted);justify-content:space-between}#same-video{color:var(--blue)}.review-scroll{overflow:auto;min-height:0;padding-right:3px;scrollbar-width:thin;overscroll-behavior:contain}#review-form{display:grid;gap:10px;padding-bottom:7px}.original{background:#f0f5f9;border:1px solid #deE8ef;border-radius:7px;padding:9px 11px}.original h2{margin-bottom:5px}.original p:not(.small){white-space:pre-wrap;overflow-wrap:anywhere;font-size:15px;line-height:1.6}.original .small{margin-top:4px}.reference{background:#f7f7ef}.reference h2 .small{font-weight:400;font-size:10px}fieldset{border:0;padding:0;margin:0;display:flex;align-items:center;gap:15px;flex-wrap:wrap}legend{font-size:13px;font-weight:650;margin-bottom:4px}fieldset label{font-size:13px;white-space:nowrap;cursor:pointer}input[type=radio],input[type=checkbox]{accent-color:var(--blue);vertical-align:middle;margin-right:4px}details{font-size:13px;padding:7px 0;border-bottom:1px solid #e6edf3}summary{cursor:pointer;color:var(--blue);font-weight:600}.block{display:block;font-size:12px}.block>textarea{display:block;width:100%;margin-top:5px}.block>.small{font-size:10px}textarea{resize:vertical;min-height:44px;padding:7px;border:1px solid #c8d8e5;border-radius:5px;background:white;color:inherit;font-size:13px;line-height:1.5}details .block{margin-top:9px}.tags{display:flex;flex-wrap:wrap;gap:6px 13px;padding:9px 0}.tags label{white-space:nowrap;font-size:12px}.new-ideas{display:grid;gap:6px}.new-ideas .panel-heading button{font-size:12px;padding:5px 9px}.idea{margin-top:8px;background:#f1f6fa;border:1px solid var(--line);border-radius:7px;padding:9px;display:grid;gap:7px}.idea .panel-heading strong{font-size:12px}.idea .panel-heading button{padding:2px 6px}.idea textarea{width:100%;display:block;margin-top:3px}.idea label{font-size:12px}nav{gap:8px}.messages{flex:1;min-width:0;font-size:11px;color:var(--muted);max-height:42px;overflow:auto}.messages span{display:block}#error{color:#aa382f}#both-correct{background:#e8f2ea;border-color:#b5d1bc;color:#2b6345}.finished{grid-row:2;display:grid;place-content:center;text-align:center;padding:25px;gap:12px}dialog{border:1px solid var(--line);border-radius:10px;padding:22px;max-width:880px;width:94vw;max-height:88dvh;color:inherit;overflow:auto}dialog::backdrop{background:#12253466}dialog>button{display:block;margin:14px 0 0 auto}[hidden]{display:none!important}button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #97bedc;outline-offset:2px}
.verdict-options{gap:8px}.verdict-options label{position:relative;flex:1;min-width:0}.verdict-options input{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.verdict-options span{display:flex;align-items:center;justify-content:center;min-height:36px;padding:7px 10px;border:1px solid #bdcedc;border-radius:9px;background:#fff;color:#425e72;transition:background-color .12s,border-color .12s}.verdict-options label:hover span{background:#eef4f9;border-color:#7b9fb9}.verdict-options input:checked+span{background:#e2edf8;border-color:var(--blue);color:#17486e;font-weight:650;box-shadow:inset 0 0 0 1px var(--blue)}.verdict-options input[value=issue]:checked+span{background:#fff0e5;border-color:#bd703b;color:#8b4922;box-shadow:inset 0 0 0 1px #bd703b}.verdict-options input:focus-visible+span{outline:3px solid #97bedc;outline-offset:2px}.correction-fields{display:grid;gap:9px;background:#f2f7fb;border:1px solid #d1e0eb;border-radius:8px;padding:10px 12px}.correction-fields .small{font-size:11px}
.video-card{position:relative;display:grid;grid-template-rows:minmax(0,1fr)}.video-card video{min-height:0}.video-captions{position:absolute;left:50%;bottom:48px;transform:translateX(-50%);width:94%;display:flex;flex-direction:column;gap:2px;color:#fff;text-align:center;white-space:pre-wrap;overflow-wrap:anywhere;text-shadow:0 2px 3px #000,1px 1px 2px #000,-1px -1px 2px #000;pointer-events:none;z-index:2}.video-captions .caption-zh{font-size:16px;line-height:1.4;font-weight:650}.video-captions .caption-en{font-size:13px;line-height:1.4;color:#fff}.video-captions span:empty{display:none}.turn-zh,.turn-en{display:block}.turn-en{font-size:.88em;color:#687e8f;margin-top:2px}
@media(max-width:720px){.video-captions{gap:1px}.video-captions .caption-zh{font-size:11px}.video-captions .caption-en{font-size:10px}}
.welcome{width:min(1120px,100%);max-width:1120px;padding:clamp(16px,2.5vw,30px);gap:18px;justify-content:flex-start}.welcome-intro{display:grid;gap:9px;flex-shrink:0}.welcome-intro>p{font-size:16px;line-height:1.65}.welcome-intro #welcome-guide{color:var(--muted);font-size:14px}.welcome-examples{display:grid;grid-template-columns:minmax(0,1fr);grid-auto-rows:max-content;gap:18px;flex:1;min-height:0;overflow:auto;padding:0 6px;scrollbar-width:thin;overscroll-behavior:contain}.example-card{width:min(640px,100%);margin-inline:auto;border:1px solid var(--line);border-radius:9px;overflow:hidden;background:#f6f9fc}.example-player{position:relative;aspect-ratio:16/9;background:#101b22}.example-video{display:block;width:100%;height:100%;object-fit:contain}.example-copy{padding:11px 14px;display:grid;gap:7px}.example-copy p{display:grid;grid-template-columns:64px minmax(0,1fr);align-items:baseline;gap:9px}.example-label{font-size:12px;color:var(--muted)}.example-card strong{font-size:17px;line-height:1.45}.example-answer{font-size:15px;line-height:1.5}.welcome-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;flex-shrink:0}.welcome-actions #welcome-message{max-width:60%;line-height:1.5}.autoplay-status{position:absolute;top:9px;right:9px;border-radius:5px;padding:4px 8px;background:#122534bb;color:#fff;font-size:12px;pointer-events:none}
@media(min-width:1700px){body{padding-left:max(12px,calc((100vw - 1800px)/2));padding-right:max(12px,calc((100vw - 1800px)/2))}.original p:not(.small){font-size:17px}#review-form{gap:14px}.turn{font-size:16px}fieldset label,legend{font-size:15px}}
@media(max-width:1050px){.working-grid{grid-template-columns:minmax(300px,.9fr) minmax(370px,1.1fr)}nav button{font-size:12px;padding:7px 8px}.session-bar{gap:6px}.session-bar .text-button{font-size:11px}.question-meta{font-size:10px}fieldset{gap:8px}}
@media(max-width:720px){body{padding:4px;gap:4px;grid-template-rows:27px minmax(0,1fr)}header{gap:6px}header strong{font-size:12px}#phase{font-size:9px;padding:2px 4px}#workspace{grid-template-rows:24px minmax(0,1fr) 43px;gap:5px}.session-bar{font-size:10px;gap:5px}.session-bar .text-button{padding:3px;font-size:9px}#copy-link{display:none}.working-grid{grid-template-columns:1fr;grid-template-rows:minmax(190px,.85fr) minmax(240px,1fr);gap:5px}.context-column{grid-template-columns:1fr 1fr;grid-template-rows:1fr;gap:5px}.subtitle-card{padding:4px;grid-template-rows:20px minmax(0,1fr)}.subtitle-card .panel-heading strong{font-size:10px}#subtitle-language{display:none}#follow{font-size:9px;padding:2px}.turn{font-size:11px;padding:4px}.turn-time{font-size:8px}.review-card{padding:5px 7px;grid-template-rows:21px minmax(0,1fr)}.question-meta{font-size:9px}#same-video{display:none}.original{padding:6px 8px}.original p:not(.small){font-size:13px}.reference h2 .small{display:block}.original h2{font-size:12px}#review-form{gap:8px}fieldset{gap:5px 8px}legend,fieldset label{font-size:11px}nav{gap:4px}nav button{font-size:10px;padding:8px 6px}#save{display:none}.messages{font-size:9px}.welcome{padding:15px;justify-content:flex-start;gap:10px}.welcome h1{font-size:18px}.welcome p{font-size:12px}.guide-text{gap:9px}.welcome>button{font-size:12px}}
@media(max-width:720px){.welcome-examples{grid-template-columns:1fr;gap:12px}.welcome-intro>p{font-size:14px}.example-card strong{font-size:14px}.welcome-actions #welcome-message{max-width:100%}.welcome-actions .spacer{display:none}.welcome-actions{justify-content:flex-end}.welcome-actions #welcome-message{flex-basis:100%}}
@media(min-width:1051px){.working-grid{grid-template-columns:minmax(420px,1.18fr) minmax(400px,.82fr)}}
@media(min-width:721px) and (max-width:1050px){.working-grid{grid-template-columns:minmax(330px,1.1fr) minmax(340px,.9fr)}}
@media(min-width:721px){.context-column{grid-template-rows:minmax(210px,1.75fr) minmax(120px,.75fr)}}
.video-tools{position:absolute;right:9px;top:9px;z-index:3}
.playback-speed{display:flex;align-items:center;gap:5px;padding:4px 7px;border:1px solid #a9c4d799;border-radius:5px;background:#122534cc;color:#fff;font-size:12px}
.playback-speed select{font:inherit;font-weight:650;color:#fff;background:#122534;border:0;border-radius:3px;padding:2px 3px;cursor:pointer}
.playback-speed option{color:#243c4d;background:#fff}
.autoplay-status{left:9px;right:auto}