/* YouTube + pronunciation learning studio: follows Hanzi Studio design tokens */
#page-video{--vl-violet:var(--primary)}.vl-head{display:flex;justify-content:space-between;gap:20px;align-items:end;flex-wrap:wrap;margin-bottom:25px}.vl-head h2{font-weight:850;font-size:clamp(24px,2.7vw,36px);letter-spacing:-1.15px;line-height:1.2;margin:9px 0}.vl-head h2 span{color:#fc676d;font-size:23px}.vl-head p{color:var(--muted);font-size:13px;max-width:600px;line-height:1.7;margin:6px 0}.vl-head-stats{display:flex;gap:8px;flex-wrap:wrap}.vl-head-stats>div{background:var(--surface);border:1px solid var(--stroke);border-radius:14px;min-width:86px;padding:10px 14px;text-align:center}.vl-head-stats b{font-size:19px;color:var(--primary);display:block}.vl-head-stats small{color:var(--muted);font-size:10px;display:block;margin-top:2px}.vl-import-bar{border:1px solid var(--stroke);background:var(--surface);border-radius:20px;padding:17px 19px;margin-bottom:13px;display:flex;align-items:end;gap:24px;box-shadow:var(--shadow)}.vl-import-bar.dragging{border:2px dashed var(--primary);background:var(--primary-light)}.vl-url-form{flex:1;min-width:220px}.vl-url-form>label,.vl-field>span,.vl-input-head>label{display:block;color:var(--muted);font-weight:800;letter-spacing:.09em;font-size:10px;margin-bottom:9px}.vl-url-input{display:flex;gap:11px;align-items:center}.vl-url-input>span{display:flex;align-items:center;justify-content:center;flex:0 0 39px;height:42px;background:#fff0f1;color:#e84e5b;font-size:16px;border-radius:11px}.vl-url-input input,.vl-field>input,.vl-field textarea,.vl-editor textarea{width:100%;border-radius:11px;background:var(--bg);border:1px solid var(--stroke);padding:12px 14px;color:var(--txt);font-size:13px;min-width:0;outline:none}.vl-url-input input:focus,.vl-field>input:focus,.vl-field textarea:focus,.vl-editor textarea:focus,.vl-gap:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.vl-url-input button{white-space:nowrap;min-height:43px}.vl-import-note{color:var(--muted);font-size:11px;max-width:145px;line-height:1.5}.vl-message{padding:12px 15px;margin:10px 0;border:1px solid #bdded2;color:#17684f;background:#eaf9f2;border-radius:12px;font-size:12px;line-height:1.55}.vl-message.warn{background:#fff8e7;color:#8d5e15;border-color:#f2dfb9}.vl-message.error{background:#fff1f2;color:#9f3947;border-color:#f8c1c6}.vl-message[hidden]{display:none}.vl-workspace{display:grid;grid-template-columns:minmax(0,1.17fr) minmax(335px,.83fr);gap:18px;align-items:start}.vl-player-col,.vl-lesson-col{min-width:0}.vl-video-shell,.vl-lesson-col,.vl-editor,.vl-current-bar{border:1px solid var(--stroke);background:var(--surface);border-radius:20px;overflow:hidden;box-shadow:var(--shadow)}.vl-video-player{width:100%;aspect-ratio:16/9;position:relative;background:#131523}.vl-video-player iframe,.vl-video-player>div[id=vl-yt-mount]{width:100%!important;height:100%!important;border:0;position:absolute;inset:0}.vl-video-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:22px;background:radial-gradient(ellipse at 45% 28%,#41396e,#171b35 80%);color:white}.vl-video-glyph{display:flex;justify-content:center;align-items:center;width:72px;height:72px;border:1px solid #ffffff66;background:#ffffff1f;border-radius:50%;font-size:24px;margin-bottom:17px;padding-left:4px}.vl-video-placeholder strong{font-size:19px;line-height:1.4}.vl-video-placeholder p{color:#c6c8e2;font-size:12px;line-height:1.6}.vl-video-foot{padding:12px 17px;display:flex;gap:10px;align-items:center;justify-content:space-between}.vl-video-foot .vl-onair{font-size:10px;font-weight:850;color:#f06475;letter-spacing:.08em;white-space:nowrap}.vl-mono{font-size:10px;color:var(--muted);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:250px}.vl-video-foot a{color:var(--primary);font-weight:700;text-decoration:none;font-size:11px;white-space:nowrap}.vl-controls{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:13px 0 18px}.vl-controls button{min-height:39px;font-size:11px;white-space:nowrap}.vl-controls>label{font-size:10px;font-weight:750;color:var(--muted);display:flex;align-items:center;gap:6px}.vl-controls select,.vl-inline-field select{border:1px solid var(--stroke);background:var(--surface);color:var(--txt);padding:9px;border-radius:10px}.vl-toggle input{accent-color:var(--primary)}.vl-editor{padding:20px 21px}.vl-title-row,.vl-input-head{display:flex;justify-content:space-between;align-items:start;gap:12px;flex-wrap:wrap}.vl-title-row strong{font-size:17px;font-weight:850}.vl-title-row p{font-size:11px;color:var(--muted);line-height:1.6;margin:7px 0 17px}.vl-step{display:inline-flex;align-items:center;justify-content:center;background:var(--primary-light);color:var(--primary);font-weight:850;font-size:12px;width:32px;height:32px;border-radius:11px;margin-right:10px}.vl-title-row .btn{font-size:11px;padding:9px 11px}.vl-editor .vl-field{display:block;margin-bottom:15px}.vl-input-head{margin:18px 0 6px}.vl-text-link{border:0;background:none;color:var(--primary);font-weight:750;font-size:11px;padding:0}.vl-editor textarea{resize:vertical;min-height:110px;line-height:1.7}.vl-editor-actions{display:flex;flex-wrap:wrap;gap:9px;margin:14px 0 11px}.vl-editor-actions .btn{font-size:11px;min-height:39px}.vl-file-btn{position:relative;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.vl-explain,.vl-hint{line-height:1.7;color:var(--muted);font-size:11px}.vl-explain{margin:6px 0}.vl-lesson-col{min-height:600px;padding:0}.vl-lesson-top{display:flex;justify-content:space-between;gap:10px;padding:19px 20px 13px;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.09em}.vl-lesson-top span:last-child{background:var(--primary-light);color:var(--primary);padding:4px 9px;border-radius:9px;letter-spacing:0}.vl-tabs{padding:0 13px;border-bottom:1px solid var(--stroke);display:flex;gap:0;overflow:auto}.vl-tabs button{border:0;background:transparent;color:var(--muted);font-weight:700;font-size:12px;white-space:nowrap;padding:15px 11px;border-bottom:3px solid transparent}.vl-tabs button.selected{color:var(--primary);border-color:var(--primary)}.vl-tab-panel{padding:20px;min-height:540px}.vl-tab-panel[hidden]{display:none}.vl-list-head{display:flex;flex-direction:column;gap:5px;margin-bottom:15px}.vl-list-head strong,.vl-pane-title strong{font-size:16px}.vl-list-head small{font-size:11px;color:var(--muted)}.vl-timeline{display:flex;flex-direction:column;gap:9px;max-height:565px;overflow:auto;padding-right:3px}.vl-line{display:flex;align-items:start;text-align:left;width:100%;gap:12px;padding:15px 13px;border:1px solid var(--stroke);border-radius:13px;background:var(--bg);color:var(--txt)}.vl-line:hover{border-color:var(--primary)}.vl-line.active{border-color:var(--primary);background:var(--primary-light)}.vl-line-num{font-size:10px;font-weight:850;color:var(--primary);padding-top:5px}.vl-line-text{min-width:0;flex:1;line-height:1.6;font-size:15px;font-family:'Noto Sans SC','Microsoft YaHei',sans-serif}.vl-line-text small{display:block;margin-top:7px;color:var(--muted);font-size:10px;font-family:system-ui}.vl-line-play{color:var(--primary);font-size:12px;padding-top:5px}.vl-empty{border:1px dashed var(--stroke);padding:35px 22px;border-radius:15px;text-align:center;font-size:12px;line-height:1.7;color:var(--muted)}.vl-empty>div{font-size:38px;color:var(--primary);margin-bottom:10px}.vl-empty strong{display:block;color:var(--txt);font-size:14px}.vl-pane-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.vl-pane-title>span{font-size:10px;font-weight:850;color:var(--primary)}.vl-cloze-content{background:var(--bg);border:1px solid var(--stroke);border-radius:15px;padding:20px;margin:17px 0 15px;min-height:120px}.vl-cloze-cn{font-family:'Noto Sans SC','Microsoft YaHei',sans-serif;line-height:2.5;font-size:clamp(21px,2vw,26px);word-break:break-word}.vl-gap-wrap{display:inline}.vl-gap{width:clamp(95px,11vw,150px);background:var(--surface);border:1.5px dashed var(--primary);border-radius:8px;padding:5px 8px;color:var(--txt);font-size:20px;text-align:center;font-family:inherit;vertical-align:middle;line-height:1.4}.vl-gap.is-good{border:1.5px solid #3aa982;background:#edfbf5}.vl-gap.is-bad{border:1.5px solid #db8292;background:#fff0f1}.vl-actions{display:flex;flex-wrap:wrap;gap:9px;margin:13px 0}.vl-actions .btn{font-size:12px}.vl-feedback{padding:14px 15px;border:1px solid var(--stroke);background:var(--bg);border-radius:12px;margin-top:15px;font-size:12px;line-height:1.7}.vl-feedback[hidden]{display:none}.vl-feedback.is-success{border-color:#9fd7b9;background:#edf9f1;color:#276245}.vl-feedback.is-warning{border-color:#ebd09b;background:#fff9ed;color:#876327}.vl-answer-row{font-size:12px;padding:5px 0}.vl-answer-row span{opacity:.8}.vl-inline-field{display:flex;align-items:center;gap:10px;margin:14px 0}.vl-inline-field span{margin:0}.vl-speaking-script{background:linear-gradient(128deg,#eeeaff,#f7f7ff);border:1px solid #e1dbff;color:#423c82;border-radius:14px;padding:24px 19px;text-align:center;font-family:'Noto Sans SC','Microsoft YaHei',sans-serif;font-size:clamp(22px,2vw,29px);line-height:1.7;word-break:break-word}.vl-live-chip{border:1px solid var(--stroke);padding:6px 9px;border-radius:9px}.vl-mic-row{display:flex;align-items:center;gap:15px;padding:12px 0 18px}.vl-mic-btn{border:0;width:61px;height:61px;flex:0 0 61px;font-size:26px;border-radius:50%;background:var(--primary-light);color:var(--primary);box-shadow:0 0 0 6px #7c6af111}.vl-mic-btn.active{background:#e3446f;color:white;animation:vl-pulse .9s infinite alternate}@keyframes vl-pulse{to{box-shadow:0 0 0 10px #ee67902b}}.vl-mic-row b{display:block;font-size:13px;margin-bottom:5px}.vl-mic-row small{display:block;max-width:250px;font-size:10px;color:var(--muted);line-height:1.5}.vl-tab-panel .vl-field{display:block}.vl-tab-panel .vl-field textarea{margin-top:6px;resize:vertical}.vl-privacy{margin-top:22px;background:var(--muted-bg);border-radius:12px;padding:12px 14px;font-size:11px;color:var(--muted);line-height:1.75}.vl-score{display:flex;align-items:center;gap:16px;margin-bottom:15px}.vl-score-num{font-size:35px;font-weight:900;letter-spacing:-1.5px;color:var(--primary)}.vl-score-num small{font-size:12px}.vl-score strong{font-size:13px}.vl-score p{font-size:11px;margin:5px 0}.vl-diff{display:grid;gap:7px}.vl-diff span{font-size:10px;color:var(--muted);font-weight:850}.vl-diff b{font-size:18px;font-weight:600}.vl-saved-list{display:grid;gap:10px}.vl-saved{display:flex;align-items:center;gap:10px;border:1px solid var(--stroke);border-radius:12px;padding:11px}.vl-saved-icon{font-size:19px;width:42px;height:42px;flex:0 0 42px;border-radius:12px;color:var(--primary);background:var(--primary-light);display:flex;align-items:center;justify-content:center}.vl-saved-info{min-width:0;flex:1}.vl-saved-info strong{font-size:12px;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.vl-saved-info span{font-size:10px;color:var(--muted);display:block;margin-top:4px}.vl-saved .btn{font-size:10px;padding:10px}.vl-current-bar{margin-top:18px;padding:19px 23px;display:flex;align-items:center;justify-content:space-between;gap:15px}.vl-current-label{display:flex;align-items:center;min-width:0}.vl-current-label h3{margin:5px 0;font-family:'Noto Sans SC','Microsoft YaHei',sans-serif;font-size:19px;overflow-wrap:anywhere}.vl-current-label small{font-size:10px;color:var(--muted);letter-spacing:.05em}.vl-current-label p{font-size:11px;color:var(--muted);margin:5px 0}.vl-bottom-callout{margin:16px 0;padding:16px 20px;border-radius:15px;background:var(--primary-light);color:var(--txt);font-size:12px;line-height:1.7}.vl-bottom-callout a{color:var(--primary);font-weight:750}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
[data-theme="dark"] .vl-speaking-script{background:linear-gradient(130deg,#282747,#37325b);border-color:#494269;color:#eae6ff}[data-theme="dark"] .vl-feedback.is-success{background:#214039;color:#9af0cb}[data-theme="dark"] .vl-feedback.is-warning{background:#443922;color:#f7d498}[data-theme="dark"] .vl-message{background:#234437;color:#c4f3d5}[data-theme="dark"] .vl-message.warn{background:#473b23;color:#f5d4a3}[data-theme="dark"] .vl-message.error{background:#4a2932;color:#ffc0c8}
@media(max-width:1210px){.vl-workspace{grid-template-columns:minmax(0,1fr)}.vl-lesson-col{min-height:0}.vl-tab-panel{min-height:320px}.vl-timeline{max-height:340px}.vl-import-note{display:none}}
@media(max-width:680px){.vl-head{align-items:stretch}.vl-head-stats{display:grid;grid-template-columns:repeat(4,1fr);width:100%}.vl-head-stats>div{min-width:0;padding:12px 5px}.vl-head-stats small{font-size:9px}.vl-import-bar{padding:14px;display:block}.vl-url-input{flex-wrap:wrap}.vl-url-input input{flex:1;min-width:calc(100% - 52px)}.vl-url-input button{width:100%}.vl-video-foot{gap:6px;padding:11px}.vl-video-foot a{font-size:10px}.vl-mono{max-width:100px}.vl-controls{gap:7px}.vl-controls .btn{flex:1;min-width:110px}.vl-editor{padding:16px}.vl-tab-panel{padding:15px}.vl-tabs button{padding:14px 11px;font-size:11px}.vl-current-bar{display:block;padding:17px}.vl-current-bar>button{width:100%;margin-top:15px}.vl-saved{flex-wrap:wrap}.vl-saved-info{flex:1;min-width:120px}.vl-speaking-script{font-size:22px}}