:root{--bg:#f6f7f9;--panel:#fff;--sidebar:#1e2430;--sidebar-text:#a8b2c4;--sidebar-active:#fff;--border:#e2e5ea;--text:#1e2430;--muted:#6b7385;--accent:#2f6df6;--accent-soft:#e8f0fe;--danger:#c8392b;--ok:#1f8a52;--warn-bg:#fff6e0;--warn-border:#e8c97a;--radius:8px;--sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;font:14px/1.5 var(--sans);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1{margin:0 0 4px;font-size:20px}h2{margin:0 0 12px;font-size:15px}.shell{min-height:100vh;display:flex}.sidebar{background:var(--sidebar);width:210px;color:var(--sidebar-text);flex-direction:column;flex:0 0 210px;gap:22px;padding:18px 12px;display:flex}.brand{color:#fff;padding:0 10px;font-size:15px;font-weight:600}.brand small{color:var(--sidebar-text);font-size:11px;font-weight:400;display:block}.nav{flex-direction:column;gap:2px;display:flex}.nav-label{letter-spacing:.08em;text-transform:uppercase;color:#6a7385;padding:0 10px 6px;font-size:10px}.nav a{color:var(--sidebar-text);border-radius:6px;justify-content:space-between;align-items:center;padding:8px 10px;font-size:13px;text-decoration:none;display:flex}.nav a:hover{color:#fff;background:#ffffff12}.nav a.active{background:var(--accent);color:#fff}.nav a .count{opacity:.7;font-size:11px}.main{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{background:var(--panel);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding:14px 22px;display:flex}.content{flex:1;padding:22px}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.spacer{flex:1}label.field{color:var(--muted);flex-direction:column;gap:4px;font-size:11px;display:flex}input,select,textarea,button{font:inherit;color:inherit;border:1px solid var(--border);background:#fff;border-radius:6px;padding:6px 9px}textarea{resize:vertical;width:100%;min-height:60px}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent-soft);border-color:var(--accent)}input[type=search]{min-width:220px}button{cursor:pointer}button:hover:not(:disabled){border-color:var(--muted)}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.primary:hover:not(:disabled){background:#2359d0}button.link{color:var(--accent);background:0 0;border:none;padding:2px 4px;text-decoration:underline}button.danger{color:var(--danger)}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.panel+.panel{margin-top:16px}.panel-head{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:12px 16px;display:flex}.panel-body{padding:16px}table{border-collapse:collapse;width:100%}th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);border-bottom:1px solid var(--border);white-space:nowrap;padding:9px 16px;font-size:11px;font-weight:600}td{border-bottom:1px solid var(--border);vertical-align:top;padding:10px 16px}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:#fafbfc}.mono{color:var(--muted);font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12px}.muted{color:var(--muted)}.small{font-size:12px}.tag{background:var(--accent-soft);color:#1b4fc0;white-space:nowrap;border:1px solid #cfdefb;border-radius:10px;padding:1px 7px;font-size:11px;display:inline-block}.tag.grey{color:var(--muted);border-color:var(--border);background:#f0f1f4}.tag.warn{background:var(--warn-bg);color:#8a6412;border-color:var(--warn-border)}.tag.premium{color:#6b2fa8;background:#f3e9ff;border-color:#d9c2f2}.empty{text-align:center;color:var(--muted);padding:40px}.error{border-radius:var(--radius);color:var(--danger);background:#fdecea;border:1px solid #f1b4ac;margin:0 0 16px;padding:10px 14px}.notice{border-radius:var(--radius);background:var(--warn-bg);border:1px solid var(--warn-border);color:#6d4f0d;margin:0 0 16px;padding:10px 14px}.saved{color:var(--ok);font-size:12px}.line{border-bottom:1px solid var(--border);grid-template-columns:74px 1fr;gap:14px;padding:14px 16px;display:grid}.line:last-child{border-bottom:none}.line.adding{background:var(--accent-soft)}.line.adding .speaker{color:var(--muted)}.line.adding .speaker .dot{background:var(--muted)}.line.kid{background:#fbfcfd}.speaker{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-size:11px}.speaker .dot{border-radius:50%;width:7px;height:7px;margin-right:5px;display:inline-block}.speaker.parent .dot{background:var(--accent)}.speaker.kid .dot{background:#e0912f}.en{margin-bottom:6px;font-weight:500}.en .link{opacity:.5;font-weight:400}.line:hover .en .link,.en .link:focus{opacity:1}.source-edit{border-radius:var(--radius);border:1px solid var(--accent);background:var(--accent-soft);margin-bottom:8px;padding:8px 10px}.translation{align-items:flex-start;gap:8px;display:flex}.translation input{flex:1}input.suggested,textarea.suggested{background:var(--warn-bg);border-color:var(--warn-border)}@media (width<=860px){.shell{flex-direction:column}.sidebar{flex-direction:row;flex:none;align-items:center;width:auto}.nav{flex-flow:wrap}.nav-label{display:none}}.login{background:var(--sidebar);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{background:var(--panel);border-radius:10px;flex-direction:column;gap:14px;width:100%;max-width:330px;padding:26px;display:flex;box-shadow:0 18px 40px #00000047}.login-brand{font-size:17px;font-weight:600}.login-brand small{color:var(--muted);font-size:12px;font-weight:400;display:block}.login-card button{padding:9px}.sidebar-foot{margin-top:auto;padding:0 10px}.sidebar-foot .who{color:var(--sidebar-text);margin-bottom:6px;font-size:11px}.sidebar-foot button{width:100%;color:var(--sidebar-text);background:#ffffff14;border-color:#0000;padding:6px;font-size:12px}.sidebar-foot button:hover{color:#fff;background:#ffffff26}.media-grid{grid-template-columns:1.4fr 1fr;gap:20px;display:grid}.media-preview{border:1px solid var(--border);object-fit:contain;background:#000;border-radius:6px;width:100%;max-height:240px;display:block}.media-still{border:1px solid var(--border);background:#f4f6f8;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:130px;padding:10px;display:flex}.media-still img{object-fit:contain;border-radius:4px;max-width:100%;max-height:150px}.media-empty{border:1px dashed var(--border);height:130px;color:var(--muted);background:#fafbfc;border-radius:6px;justify-content:center;align-items:center;font-size:12px;display:flex}.progress{background:var(--border);border-radius:3px;height:6px;overflow:hidden}.progress-bar{background:var(--accent);height:100%;transition:width .15s}@media (width<=720px){.media-grid{grid-template-columns:1fr}}.thumb-cell{width:48px;padding-right:0}.thumb{object-fit:cover;border:1px solid var(--border);background:#eceef1;border-radius:3px;width:40px;height:24px;display:block}.thumb-placeholder{border:1px dashed var(--border);width:40px;height:24px;color:var(--muted);background:#fafbfc;border-radius:3px;justify-content:center;align-items:center;font-size:10px;display:flex}.thumb-placeholder.has-video{color:var(--accent);background:var(--accent-soft);border-style:solid}.practice{border-bottom:1px solid var(--border);padding:12px 16px}.practice:last-of-type{border-bottom:none}.practice-body{margin:8px 0 0 22px}.practice-form{border:1px solid var(--accent);border-radius:var(--radius);background:var(--accent-soft);margin-bottom:12px;padding:14px 16px}.option-list{margin:6px 0;padding-left:20px;font-size:13px}.option-list li.correct{font-weight:600}.tag.ok-tag{color:#1b6b37;background:#e7f6ec;border-color:#b6e0c4}.option-grid{flex-wrap:wrap;gap:10px;margin-top:8px;display:flex}.option{border:1px solid var(--border);background:#fff;border-radius:6px;flex-direction:column;align-items:center;gap:4px;width:104px;padding:6px;display:flex}.option.correct{background:#f4fbf6;border-color:#b6e0c4}.option img{object-fit:cover;border-radius:4px;width:88px;height:60px}.option-missing{border:1px dashed var(--border);width:88px;height:60px;color:var(--muted);background:#fafbfc;border-radius:4px;justify-content:center;align-items:center;font-size:11px;display:flex}.option-row input[type=radio]{margin-top:9px}.path-step{background:var(--accent);color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:600;display:inline-flex}.icon-picker{border-radius:var(--radius);border:1px solid var(--accent);background:#fff;margin-top:10px;padding:10px}.icon-grid{flex-wrap:wrap;gap:8px;max-height:260px;margin-top:10px;display:flex;overflow-y:auto}button.icon-cell{cursor:pointer;border:1px solid var(--border);background:#fff;border-radius:6px;flex-direction:column;align-items:center;gap:3px;width:78px;padding:6px;display:flex}button.icon-cell:hover:not(:disabled){border-color:var(--accent)}button.icon-cell.chosen{border-color:var(--accent);background:var(--accent-soft)}.icon-cell img{object-fit:contain;width:48px;height:48px}.icon-chosen{object-fit:contain;border:1px solid var(--border);background:#fff;border-radius:6px;flex:none;width:40px;height:40px}.icon-chosen.small{border-radius:4px;width:28px;height:28px}.icon-chosen.empty{color:var(--muted);border-style:dashed;justify-content:center;align-items:center;display:flex}.sound-wrap{align-items:center;gap:4px;display:inline-flex}button.sound{font:inherit;border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:14px;align-items:center;gap:7px;padding:5px 11px;font-size:13px;display:inline-flex;position:relative}button.sound:hover:not(:disabled){border-color:var(--accent)}button.sound.playing{border-color:var(--accent);background:var(--accent-soft)}button.sound.failed{border-color:var(--warn-border);background:var(--warn-bg)}.sound-label{font-weight:500}.sound-bars{align-items:center;gap:2px;height:14px;display:inline-flex}.sound-bars i{background:var(--muted);border-radius:2px;width:2.5px;height:5px;display:block}.sound.playing .sound-bars i{background:var(--accent)}.sound.playing .sound-bars i:first-child{animation:.62s ease-in-out infinite sound-bar}.sound.playing .sound-bars i:nth-child(2){animation:.48s ease-in-out 80ms infinite sound-bar}.sound.playing .sound-bars i:nth-child(3){animation:.72s ease-in-out .16s infinite sound-bar}.sound.playing .sound-bars i:nth-child(4){animation:.54s ease-in-out 40ms infinite sound-bar}@keyframes sound-bar{0%,to{height:4px}50%{height:14px}}.sound.playing:after{content:"";border-radius:inherit;border:1px solid var(--accent);animation:.9s ease-out infinite sound-ring;position:absolute;inset:-1px}@keyframes sound-ring{0%{opacity:.55;transform:scale(1)}to{opacity:0;transform:scale(1.22)}}@media (prefers-reduced-motion:reduce){.sound.playing .sound-bars i{height:12px;animation:none}.sound.playing:after{opacity:.4;animation:none}}.suggestions{border:1px solid var(--border);border-radius:var(--radius);background:#fff;flex-direction:column;gap:6px;max-height:300px;margin-top:10px;padding:10px;display:flex;overflow-y:auto}.suggestion{text-align:left;border-radius:var(--radius);border:1px solid var(--border);background:#fff;align-items:baseline;gap:8px;padding:7px 9px;display:flex}.suggestion:hover{border-color:var(--accent)}.suggestion input[type=checkbox]{align-self:center}.image-picker{border-radius:var(--radius);border:1px solid var(--accent);background:#fff;margin-top:10px;padding:10px}.image-results{flex-wrap:wrap;gap:8px;max-height:280px;margin-top:10px;display:flex;overflow-y:auto}.image-result{border:1px solid var(--border);background:#fff;border-radius:6px;flex-direction:column;align-items:center;gap:2px;width:116px;padding:5px;display:flex}.image-result:hover{border-color:var(--accent)}.image-choose{cursor:pointer;font:inherit;background:0 0;border:none;flex-direction:column;align-items:center;gap:3px;padding:0;display:flex}.image-choose:disabled{opacity:.5;cursor:wait}.image-result img{object-fit:contain;width:104px;height:78px}.option-thumb{object-fit:cover;border:1px solid var(--border);background:#f4f6f8;border-radius:3px;flex:none;width:46px;height:32px}.option-thumb.empty{color:var(--muted);border-style:dashed;justify-content:center;align-items:center;font-size:12px;display:flex}.word-chips{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.word-chip{border:1px solid var(--border);background:#fff;border-radius:12px;padding:3px 9px;font-size:13px}.word-chip.correct{background:#f4fbf6;border-color:#b6e0c4;font-weight:600}.word-chip.pick{cursor:pointer;font:inherit;font-size:13px}.word-chip.pick:hover{border-color:var(--accent)}.word-chip.pick.chosen{border-color:var(--accent);background:var(--accent);color:#fff}fieldset.speakers{border:1px solid var(--border);border-radius:var(--radius);margin:16px 0 0;padding:12px 14px}fieldset.speakers legend{color:var(--text);padding:0 6px;font-size:12px}.line .speaker{overflow-wrap:anywhere}.button-link{background:var(--accent);color:#fff;border-radius:6px;padding:7px 13px;font-size:13px;text-decoration:none;display:inline-block}.button-link:hover{background:#2359d0;text-decoration:none}.timing-player{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:18px;display:grid}.stage{background:#000;border-radius:6px;position:relative;overflow:hidden}.stage video{object-fit:contain;width:100%;max-height:300px;display:block}.overlay{color:#fff;text-align:center;text-shadow:0 1px 3px #000000e6;pointer-events:none;background:linear-gradient(#0000,#000000c7);min-height:34px;padding:10px 14px 14px;font-size:17px;font-weight:600;line-height:1.35;position:absolute;bottom:0;left:0;right:0}.overlay.idle{color:#ffffff73;font-size:13px;font-weight:400}.step-bar{flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;display:flex}.subtitle-under{border:1px solid var(--border);background:var(--panel);text-align:center;border-radius:6px;min-height:42px;margin-top:8px;padding:10px 12px;font-size:15px}.subtitle-under .none{color:var(--muted);font-size:12px}.timing-hint{color:var(--muted);margin:8px 0 0;font-size:12px}tr.active>td{background:var(--accent-soft)!important}tr.seekable{cursor:pointer}