:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#e9edf3;background:#0d1118;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}a{color:#9dc0ff;text-decoration:none}a:hover{text-decoration:underline}.app{min-height:100vh}header{height:72px;border-bottom:1px solid #242b36;display:flex;align-items:center;gap:24px;padding:0 max(28px,calc((100vw - 1340px)/2));background:#111721}.brand{font-size:25px;font-weight:800;letter-spacing:-1px;display:flex;align-items:center;gap:2px}.mark{color:#6fa3ff}.tagline{font-size:13px;color:#8993a3}header a{margin-left:auto;font-size:13px}main{max-width:1340px;margin:auto;padding:45px 28px 80px}.intro{margin-bottom:35px}.eyebrow{font-size:11px;letter-spacing:2.4px;font-weight:700;color:#8db6ff}.intro h1{font-size:clamp(27px,4vw,42px);margin:13px 0 8px;letter-spacing:-1px}.intro p{color:#98a4b6;font-size:15px}.layout{display:grid;grid-template-columns:290px minmax(0,1fr);gap:28px;align-items:start}aside{background:#141b25;border:1px solid #2b3441;border-radius:14px;padding:14px;position:sticky;top:20px}.aside-title{font-size:14px;font-weight:700;margin:6px 8px 16px;display:flex;justify-content:space-between}.aside-title span{color:#8b99ac}.interview{width:100%;border:1px solid transparent;border-radius:10px;padding:9px;display:flex;text-align:left;gap:10px;background:transparent;color:#e9edf3;margin-bottom:5px}.interview:hover{background:#202a38}.interview.chosen{background:#202f47;border-color:#4773b5}.interview img{width:92px;height:59px;object-fit:cover;border-radius:6px;background:#283142}.interview span{min-width:0;display:flex;flex-direction:column;gap:8px}.interview strong{font-size:12px;line-height:1.45;overflow-wrap:anywhere}.interview small{font-size:11px;color:#9aabbf}.watch{min-width:0}.player-frame{width:100%;aspect-ratio:16/9;background:#050609;border-radius:12px;overflow:hidden}.player-frame>div,.player-frame iframe{width:100%;height:100%;border:0}.video-info{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:19px 0 10px}.video-info h2{font-size:20px;letter-spacing:-.3px;margin:0}.video-info a{font-size:12px;white-space:nowrap}.timebar{display:flex;gap:12px;align-items:center;color:#8e9bad;font-size:12px;font-variant-numeric:tabular-nums}.timebar input{flex:1;accent-color:#79aaff}.subtitle-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:22px;flex-wrap:wrap}.modes{display:flex;border:1px solid #323c4c;border-radius:9px;overflow:hidden}.modes button{background:#19212d;border:0;color:#b2bed0;padding:10px 14px;font-size:12px}.modes button.active{background:#3262a4;color:#fff}.subtitle-controls label{display:flex;align-items:center;gap:10px;font-size:12px;color:#a5b1c0}.subtitle-controls input{accent-color:#79aaff;width:100px}.current-subtitles{background:#151d29;border:1px solid #29384d;border-radius:12px;min-height:132px;margin-top:13px;padding:24px 22px;display:flex;flex-direction:column;justify-content:center;text-align:center;gap:12px;line-height:1.65}.current-subtitles .zh{font-weight:650}.current-subtitles .en{font-size:.77em;color:#aabbd0}.transcript-head{display:flex;justify-content:space-between;align-items:center;margin:28px 0 12px}.transcript-head h3{margin:0;font-size:16px}.transcript-head span{font-size:12px;color:#8593a7}.transcript{max-height:430px;overflow:auto;border:1px solid #2b3441;border-radius:12px;background:#131a24}.cue{width:100%;display:flex;align-items:start;gap:18px;padding:14px 16px;text-align:left;color:#dce4ef;background:transparent;border:0;border-bottom:1px solid #26303d}.cue:last-child{border-bottom:0}.cue:hover{background:#202b3a}.cue.playing{background:#213756;border-left:3px solid #79aaff;padding-left:13px}.cue time{flex:none;font-size:11px;color:#91a7c6;font-variant-numeric:tabular-nums;padding-top:3px}.cue span{display:flex;flex-direction:column;gap:7px;line-height:1.5}.cue strong{font-size:14px;font-weight:500}.cue small{font-size:12px;color:#99a9bb}.no-cues,.empty{padding:28px;color:#98a4b6;background:#151d29;border-radius:10px}.error{padding:13px 17px;background:#3a232a;border:1px solid #824450;border-radius:8px;margin-bottom:18px}footer{text-align:center;border-top:1px solid #242b36;color:#78869a;font-size:12px;padding:25px}@media(max-width:900px){.layout{grid-template-columns:1fr}aside{position:static;display:flex;overflow-x:auto;gap:10px}.aside-title{display:none}.interview{min-width:225px;margin:0}.interview img{width:80px}}@media(max-width:600px){header{padding:0 18px;height:60px}.tagline{display:none}main{padding:28px 15px 55px}.video-info{align-items:flex-start;flex-direction:column}.current-subtitles{padding:18px 12px}.modes button{padding:9px 10px}.cue{gap:12px;padding:12px}}.add-video{background:#141b25;border:1px solid #2b3441;border-radius:12px;padding:18px;margin:0 0 24px}.add-video label{display:block;font-size:14px;font-weight:700;margin-bottom:12px}.add-video-row{display:flex;gap:10px}.add-video-row input{flex:1;min-width:0;padding:12px 14px;border-radius:8px;border:1px solid #435065;background:#0e141d;color:#e9edf3}.add-video-row button{border:0;border-radius:8px;background:#3262a4;color:#fff;padding:0 20px;font-weight:650}.add-video p{font-size:12px;color:#98a4b6;margin:10px 0 0}.add-message{font-size:12px;color:#b9d1ff;margin-top:10px}.remove-local{font-size:11px!important;color:#b5c8e7!important;text-decoration:underline;cursor:pointer;display:inline!important}@media(max-width:600px){.add-video-row{flex-direction:column}.add-video-row button{padding:12px}}.add-video-row input[type=password]{max-width:180px}.add-video-row button:disabled{opacity:.55;cursor:wait}@media(max-width:700px){.add-video-row{flex-direction:column}.add-video-row input[type=password]{max-width:none}.add-video-row button{padding:12px}}