/* Player and transcript parity with the approved Flora interview lesson. */
.watch-grid{align-items:stretch;grid-template-columns:minmax(0,1.72fr) minmax(270px,.68fr);gap:0;border:1px solid #e5dceb;border-radius:18px;overflow:hidden}
.hero .tag{font-size:11px;line-height:1.25;font-weight:700}.hero .tag .zh-unit,.hero .tag .hanzi,.hero .tag .py{font:inherit;line-height:inherit;display:inline}
.player-column{min-width:0;padding:16px;background:#faf7ff}.player-column .video-wrap{border-radius:15px}.player-column video{max-height:none;aspect-ratio:16/9;object-fit:contain}
.player-timeline{display:grid;grid-template-columns:42px 1fr 42px;gap:9px;align-items:center;margin:12px 4px 7px;font-size:12px;color:#736b7e;font-variant-numeric:tabular-nums}.player-timeline input{width:100%;accent-color:#584776}
.player-controls{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;background:#fff;border-radius:15px;padding:10px 6px;box-shadow:0 8px 22px #4b3d6214}
.player-control{display:grid;justify-items:center;gap:3px;min-width:43px;max-width:58px;padding:3px;border:0;background:transparent;color:#6b6072;font-size:10px;font-weight:750}.player-control .control-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#eee8f5;color:#584776;font-size:15px}.player-control.main .control-icon{width:47px;height:47px;background:#584776;color:#fff;font-size:19px}.player-control.active .control-icon{background:#d8c6ef}.player-control:disabled{opacity:.42;cursor:not-allowed}
.player-status{min-height:19px;text-align:center;color:#766d7c;font-size:12px;margin-top:8px}.current-caption{min-height:130px;margin-top:8px;border:1px solid #d9cde5;border-radius:16px;background:linear-gradient(135deg,#fff,#f4eefb);display:flex;flex-direction:column;justify-content:center;text-align:center;padding:13px 18px}.current-caption .caption-cn{font-size:21px;font-weight:700;line-height:1.55}.current-caption .caption-py{font:14px Pinyin,serif;color:#7b6a8b;line-height:1.5}.current-caption .caption-tr{font-size:14px;color:#696173;margin-top:4px}.caption-empty{color:#9a91a1}
.sync{height:auto;min-height:610px;max-height:690px;border:0;border-left:1px solid #e5dceb;border-radius:0;display:flex;flex-direction:column}.sync-head{flex:none;flex-wrap:wrap}.sync-head strong{font-size:19px}.sync-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.sync-scroll{display:flex;gap:3px}.sync-scroll button{border:1px solid #e5dceb;background:#fff;color:#584776;border-radius:8px;width:26px;height:26px}.lang-buttons{display:flex;gap:4px}.lang-toggle{border:0;border-radius:999px;background:#f0ecf4;color:#8c8294;font-size:11px;font-weight:850;padding:5px 8px}.lang-toggle.active{background:#584776;color:#fff}.sync #syncLines{overflow-y:auto;overscroll-behavior:contain;scroll-behavior:smooth;flex:1;scrollbar-color:#bca9d1 #f4f0f7;scrollbar-width:thin}.sync-line{opacity:.76;transition:opacity .18s;padding:14px 12px}.sync-line:hover{opacity:1}.sync-line.active{opacity:1;background:linear-gradient(90deg,#efe7f8,#fff);border-left:4px solid #584776;padding-left:8px}.sync-line .hanzi{font-size:17px}.sync-line .py{font-size:13px}.sync-line .tr{font-size:13px}.sync-meta{display:flex;justify-content:space-between;margin-top:7px;font-size:11px;color:#786a84}.sync-mini{border:0;background:none;color:#584776;font-weight:800;padding:0}
.sync .sync-py{display:block}
.token{--pos:#c4b9cc;border-bottom:2px solid var(--pos);background:color-mix(in srgb,var(--pos) 23%,transparent);border-radius:4px;padding:0 1px;cursor:default}.token.pos-noun{--pos:#93cfae}.token.pos-verb{--pos:#8abbe2}.token.pos-adjective{--pos:#c6a8e0}.token.pos-adverb{--pos:#efcf88}.token.pos-expression{--pos:#e7b58d}.token.pos-idiom{--pos:#beaadd}.token.pos-other{--pos:#c7c1cc}.token:hover{background:color-mix(in srgb,var(--pos) 45%,transparent)}
.line-card .speaker{display:block;font-size:11px;line-height:1.3;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:#6b5982;margin-bottom:3px}.line-card .line-dialogue>.zh-unit>.hanzi{font-size:19px}
.study-mode{display:inline-flex;gap:4px;padding:4px;background:#f0ebf5;border-radius:999px;margin-top:3px}.study-mode-btn{border:0;border-radius:999px;padding:8px 14px;background:transparent;color:#655b70;font-size:12px;font-weight:850}.study-mode-btn.active{background:#584776;color:#fff;box-shadow:0 5px 14px #58477626}
.dictation-dock{min-height:610px;max-height:690px;border-left:1px solid #e5dceb;padding:18px;background:linear-gradient(160deg,#fff,#faf6ff);overflow:auto}.dictation-dock-head{display:flex;justify-content:space-between;align-items:center;color:#584776}.dictation-dock-head span{font-size:19px;font-weight:850}.dictation-dock>p{font-size:13px;line-height:1.45;color:#6e6576}.dictation-speaker{font-size:11px;font-weight:850;letter-spacing:.06em;text-transform:uppercase;color:#6b5982;margin:18px 0 5px}.dictation-dock textarea{min-height:190px;font-size:18px;line-height:1.65}.dictation-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}.dictation-result{margin-top:14px;border-radius:13px;padding:12px;background:#fff;border:1px solid #e4d9ed}.dictation-result.correct{border-color:#9bd0b2;background:#f1fbf5}.dictation-result.needs-work{border-color:#e7c08e;background:#fff9f0}.dictation-result>strong{display:block;margin-bottom:8px}.dictation-result div{border-top:1px solid #ede5f0;padding-top:7px;margin-top:7px}.dictation-result small{color:#796f82;font-weight:800}.dictation-result p{font-size:17px;margin:3px 0}.dictation-overview{padding:7px 0}.dictation-overview h3{margin:0 0 5px}.dictation-line-picker{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:16px}.dictation-line-select{display:grid;gap:3px;border:1px solid #e2d8eb;background:#fff;border-radius:12px;padding:10px;color:#584776;font-weight:850}.dictation-line-select span{font-size:10px;color:#766d7c}.dictation-line-select.active{border-color:#765c9a;box-shadow:0 0 0 2px #d8c6ef}.dictation-line-select.checked::after{content:'✓';color:#2f7c5b}
.dictation-line-card textarea{min-height:82px;margin-top:7px;font-size:17px;line-height:1.55}.dictation-line-result:empty{display:none}.dictation-line-result .dictation-result{margin-top:10px}.dictation-line-card .dictation-result{display:grid;grid-template-columns:1fr 1fr;gap:8px}.dictation-line-card .dictation-result>strong{grid-column:1/-1}.dictation-line-card .dictation-result div{margin-top:0}
.tooltip{width:min(310px,calc(100vw - 24px));max-width:none;z-index:1000;pointer-events:none;background:#fff;color:#34303c;border:2px solid var(--pos,#c4b9cc);border-radius:17px;padding:13px 15px;box-shadow:0 18px 42px #31243936}.tooltip strong{font-size:19px}.tooltip .popup-pos{display:inline-block;margin-left:7px;padding:3px 8px;background:color-mix(in srgb,var(--pos,#c4b9cc) 40%,white);border-radius:999px;font-size:11px;font-weight:800}.tooltip .popup-py{color:#7c6c88;margin:5px 0}.tooltip .popup-tr{font-size:15px;font-weight:750;color:#393140}.tooltip .popup-note{font-size:11px;color:#796e82;margin-top:5px}
.mindmap{background:#f8f5ff}.mind-head{background:#d9d1f6;color:#34304e}.mind-node{color:#31303a;background:#dfcbf2}.mind-node:nth-child(4n+2){background:#cbe3f7}.mind-node:nth-child(4n+3){background:#c9ece3}.mind-node:nth-child(4n){background:#f8e5c9}
.practice-tabs{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0 16px}.practice-tab{border:1px solid #e0d5ea;border-radius:999px;background:#fff;color:#544a62;padding:8px 12px;font-size:12px;font-weight:800}.practice-tab.active{background:#584776;color:#fff}.practice-panel{display:none}.practice-panel.active{display:block}.word-bank{display:flex;flex-wrap:wrap;gap:7px;background:#f6f2fa;border-radius:12px;padding:10px}.word-bank>span{background:#fff;border:1px solid #e4dceb;border-radius:8px;padding:5px 8px}.practice-input{border:1px solid #d9cae3;border-radius:8px;padding:8px;min-width:150px;margin-top:8px}.practice-panel .practice-block{max-width:850px}
.notebook-item audio{display:block;width:min(360px,100%);margin:8px 0}.notebook-item a.btn{display:inline-block;text-decoration:none;margin-right:7px}
@media(max-width:900px){.watch-grid{grid-template-columns:1fr}.sync,.dictation-dock{height:400px;min-height:400px;max-height:400px;border-left:0;border-top:1px solid #e5dceb}.player-column{padding:12px}.dictation-line-card .dictation-result{grid-template-columns:1fr}}
@media(max-width:480px){.player-control{min-width:42px}.current-caption .caption-cn{font-size:18px}.sync-head strong{font-size:16px}}