.tv-view{max-width:1380px;margin:0 auto}.tv-setup{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:22px;align-items:start}.tv-setup-main,.tv-benefits,.tv-learning-layout,.tv-lesson-footer{background:#fff;border:1px solid #e5e7eb;border-radius:20px;box-shadow:0 10px 32px rgba(15,23,42,.06)}.tv-setup-main{padding:24px}.tv-step-label{margin:5px 0 15px;color:#6d28d9;font-size:.76rem;font-weight:900;letter-spacing:.1em}.tv-step-label:not(:first-child){margin-top:27px;padding-top:24px;border-top:1px solid #eef0f3}.tv-field{display:flex;flex-direction:column;gap:7px;font-weight:750;color:#344054}.tv-field input,.tv-field select,.tv-field textarea{width:100%;border:1px solid #d0d5dd;border-radius:11px;background:#fff;padding:11px 12px;color:#101828;font:inherit;outline:none}.tv-field input:focus,.tv-field select:focus,.tv-field textarea:focus{border-color:#7c3aed;box-shadow:0 0 0 3px rgba(124,58,237,.11)}.tv-url-field>div{display:flex;gap:9px}.tv-url-field input{flex:1}.tv-status{margin-top:9px;padding:10px 12px;border-radius:10px;background:#f8fafc;color:#475467;font-size:.88rem}.tv-status.ok{background:#ecfdf3;color:#027a48}.tv-status.error{background:#fef3f2;color:#b42318}.tv-preview{margin-top:13px;display:flex;gap:14px;align-items:center;padding:12px;border:1px solid #d1fadf;background:#f6fef9;border-radius:13px}.tv-preview-player{width:150px;aspect-ratio:16/9;border-radius:9px;overflow:hidden;background:#101828}.tv-preview-player iframe{width:100%;height:100%;border:0}.tv-preview p{margin:3px 0;color:#667085}.tv-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.tv-skills{margin:18px 0 0;padding:15px;border:1px solid #e4e7ec;border-radius:14px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.tv-skills legend{font-weight:850;padding:0 7px}.tv-skills label{display:flex;align-items:center;gap:8px;padding:8px;border-radius:9px;background:#f9fafb;font-size:.9rem}.tv-skills input{accent-color:#7c3aed}.tv-legal-note{font-size:.82rem;color:#667085;margin:9px 0 16px}.tv-create{width:100%;justify-content:center;min-height:48px}.tv-benefits{padding:24px;position:sticky;top:18px;background:linear-gradient(155deg,#f5f3ff,#fff 58%,#ecfeff)}.tv-benefits>span{display:grid;width:48px;height:48px;place-items:center;border-radius:14px;background:#7c3aed;color:#fff;font-size:1.4rem}.tv-benefits h3{font-size:1.35rem;margin:15px 0 8px}.tv-benefits ul{padding-left:19px;color:#475467;line-height:1.75}.tv-lesson-topbar{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:13px}.tv-lesson-topbar>div{display:flex;gap:7px;flex-wrap:wrap}.tv-lesson-topbar span{background:#f2f4f7;border-radius:999px;padding:7px 11px;font-size:.8rem;font-weight:800}.tv-learning-layout{display:grid;grid-template-columns:minmax(360px,.9fr) minmax(440px,1.1fr);overflow:hidden}.tv-video-column{padding:18px;background:#111827;color:#fff}.tv-player{width:100%;aspect-ratio:16/9;background:#000;border-radius:13px;overflow:hidden}.tv-player iframe{width:100%;height:100%;border:0}.tv-player-actions{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}.tv-player-actions button{border:1px solid #475467;background:#1f2937;color:#fff;border-radius:9px;padding:8px 10px;cursor:pointer}.tv-now{background:#1f2937;border-radius:12px;padding:13px}.tv-now small{color:#c4b5fd;font-weight:850}.tv-now strong{display:block;margin:4px 0}.tv-now p{margin:0;color:#d0d5dd}.tv-practice-column{min-width:0;background:#fff}.tv-skill-nav{display:flex;gap:7px;overflow:auto;padding:14px;border-bottom:1px solid #eaecf0;scrollbar-width:thin}.tv-skill-nav button{white-space:nowrap;border:1px solid #d0d5dd;background:#fff;border-radius:999px;padding:8px 11px;font-weight:750;cursor:pointer}.tv-skill-nav button.active{background:#7c3aed;border-color:#7c3aed;color:#fff}.tv-skill-nav button.done::after{content:' ✓';color:#12b76a}.tv-skill-nav button.active.done::after{color:#d1fadf}.tv-skill-content{padding:22px;min-height:480px;max-height:690px;overflow:auto}.tv-skill-head{display:flex;justify-content:space-between;gap:13px;align-items:start;margin-bottom:17px}.tv-skill-head h3{margin:0 0 5px;font-size:1.28rem}.tv-skill-head p{margin:0;color:#667085}.tv-ask{border:1px solid #c4b5fd;background:#f5f3ff;color:#5b21b6;border-radius:10px;padding:9px 11px;font-weight:800;white-space:nowrap;cursor:pointer}.tv-card{border:1px solid #e4e7ec;border-radius:14px;padding:15px;margin:11px 0;background:#fff}.tv-card h4{margin:0 0 7px}.tv-card p{color:#475467}.tv-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:11px}.tv-actions button,.tv-option{border:1px solid #d0d5dd;background:#fff;border-radius:9px;padding:8px 10px;cursor:pointer}.tv-actions button:hover,.tv-option:hover{border-color:#7c3aed}.tv-transcript-line{display:flex;gap:9px;align-items:flex-start;padding:11px;border-radius:10px;margin:5px 0;background:#f9fafb}.tv-transcript-line.active{background:#f5f3ff;box-shadow:inset 3px 0 #7c3aed}.tv-transcript-line button{border:0;background:none;cursor:pointer}.tv-word-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tv-word-card{border:1px solid #e4e7ec;border-radius:13px;padding:13px}.tv-word-card small{color:#7c3aed;font-weight:800}.tv-word-card strong{display:block;font-size:1.08rem;margin:3px 0}.tv-input,.tv-textarea{width:100%;border:1px solid #d0d5dd;border-radius:10px;padding:10px;font:inherit}.tv-feedback{margin-top:10px;padding:11px;border-radius:10px;background:#f0fdf4;color:#166534}.tv-hint{background:#fffaeb;color:#7a2e0e}.tv-question{font-size:1.03rem;font-weight:750}.tv-options{display:grid;gap:8px}.tv-option{text-align:left}.tv-option.selected{border-color:#7c3aed;background:#f5f3ff}.tv-complete{margin-top:18px;width:100%;border:0;border-radius:11px;padding:12px;background:#12b76a;color:#fff;font-weight:850;cursor:pointer}.tv-lesson-footer{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:18px;margin-top:15px}.tv-lesson-footer p{margin:4px 0 0;color:#667085}.tv-recording{color:#b42318;font-weight:800}.tv-hidden-word{display:inline-block;min-width:85px;border-bottom:2px solid #7c3aed;color:transparent}.tv-empty{padding:28px;text-align:center;color:#667085}.tv-view .hidden{display:none!important}
@media(max-width:1050px){.tv-setup{grid-template-columns:1fr}.tv-benefits{position:static}.tv-learning-layout{grid-template-columns:1fr}.tv-video-column{position:relative}.tv-skill-content{max-height:none}.tv-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.tv-view{padding-bottom:78px}.tv-setup-main{padding:16px}.tv-form-grid{grid-template-columns:1fr 1fr;gap:10px}.tv-skills{grid-template-columns:1fr 1fr;padding:10px}.tv-url-field>div{flex-direction:column}.tv-preview{align-items:flex-start}.tv-preview-player{width:115px}.tv-learning-layout{border-radius:14px}.tv-video-column{padding:10px;position:sticky;top:0;z-index:3}.tv-player{border-radius:9px}.tv-now{display:none}.tv-player-actions{margin-bottom:2px}.tv-player-actions button{padding:7px 8px;font-size:.78rem}.tv-skill-content{padding:16px;min-height:420px}.tv-skill-head{flex-direction:column}.tv-ask{width:100%}.tv-word-grid{grid-template-columns:1fr}.tv-lesson-topbar{align-items:flex-start;flex-direction:column}.tv-lesson-footer{align-items:stretch;flex-direction:column}.tv-lesson-footer button{width:100%}}
@media(max-width:420px){.tv-form-grid,.tv-skills{grid-template-columns:1fr}.tv-preview{display:block}.tv-preview-player{width:100%;margin-bottom:10px}}