.cinema-player{--cinema-paper:#f5f0e3;--cinema-ink:#153c34;--cinema-green:#b9dec8;--cinema-amber:#e8c08d;border:1px solid var(--line-strong,#425653);background:var(--surface,#162024);color:var(--text,#e7efec);border-radius:16px;min-width:0;margin:28px 0;overflow:hidden}.cinema-player:focus-visible{outline:2px solid var(--accent,#afe7cc);outline-offset:5px}.cinema-player [hidden]{display:none!important}.cinema-player button,.cinema-player summary,.cinema-player a{touch-action:manipulation}.cinema-player button:focus-visible,.cinema-player summary:focus-visible,.cinema-player a:focus-visible{outline:2px solid var(--accent,#afe7cc);outline-offset:3px}.cinema-player button:disabled{opacity:.45;cursor:not-allowed}.cinema-player p{margin:0}.cinema-toolbar{color:#eaf1e9;background:#132f29;border-bottom:1px solid #375247;justify-content:space-between;align-items:center;gap:14px;padding:14px 18px;display:flex}.cinema-modes{flex-wrap:wrap;gap:6px;display:flex}.cinema-modes button{color:#d0ddd4;border:1px solid #0000;border-radius:8px;padding:10px 14px;font-size:.88rem;font-weight:600}.cinema-modes button span{opacity:.8;margin-left:6px;font-size:.68rem;font-weight:400;display:inline-block}.cinema-modes button[aria-pressed=true]{color:#173c31;background:#f5f0e3;border-color:#f5f0e3}.cinema-modes button:hover:not([aria-pressed=true]){color:#fff;background:#28473b}.cinema-fullscreen{white-space:nowrap;border-radius:7px;align-items:center;gap:6px;padding:9px;font-size:.82rem;display:inline-flex;border:1px solid #4d6b5c!important}.cinema-static-label{font-size:.8rem}.cinema-start-listening{border-bottom:1px solid var(--line);background:var(--accent-bg,#223d34);align-items:center;gap:18px;padding:17px 20px;display:flex}.cinema-start-listening button{color:#213c30;background:#edcf9f;border:1px solid #edcf9f;border-radius:8px;flex:none;min-width:142px;padding:12px 19px;font-size:.91rem;font-weight:600}.cinema-start-listening button:hover:not(:disabled){color:#153c34;background:#f7dfb8}.cinema-start-listening button[data-playing=true]{background:#c8e4d0;border-color:#c8e4d0}.cinema-start-listening p{color:var(--text);font-size:.81rem;line-height:1.7}.cinema-start-listening p span{color:var(--muted);margin-top:2px;font-size:.71rem;display:block}.cinema-slide-navigation{border-bottom:1px solid var(--line);align-items:center;gap:18px;padding:16px 20px;display:flex}.cinema-slide-navigation button{border:1px solid var(--line-strong);border-radius:6px;flex:none;padding:7px 10px;font-size:.8rem}.cinema-slide-navigation p{text-align:center;color:var(--muted);flex:1;min-width:0;font-family:Consolas,monospace;font-size:.88rem}.cinema-slide-navigation strong{color:var(--accent);font-size:1.2rem;font-weight:400}.cinema-page-title{color:var(--text);margin-top:3px;font:.78rem/1.5 Microsoft YaHei,sans-serif;display:block}.cinema-frame{background:var(--cinema-paper);margin:0}.cinema-frame img{aspect-ratio:16/9;object-fit:contain;width:100%;height:auto;display:block}.cinema-frame figcaption{color:#3e594d;background:#e9e9d9;border-top:1px solid #c6cebb;flex-wrap:wrap;align-items:center;gap:8px 18px;padding:11px 20px;font-size:.74rem;display:flex}.cinema-frame figcaption span{flex:240px}.cinema-frame figcaption a{text-underline-offset:3px;white-space:nowrap;color:#235342;text-decoration:underline}.cinema-slide-reading{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:28px;padding:27px;display:grid}.cinema-kicker{color:var(--amber);letter-spacing:.08em;margin-bottom:10px;font-size:.68rem;display:block}.cinema-slide-notes h3{color:var(--text);margin:0 0 12px;font-size:1.2rem;line-height:1.65}.cinema-slide-notes .cinema-claim{color:var(--accent);font-size:.98rem;line-height:1.85}.cinema-slide-notes ul{color:var(--muted);margin:14px 0;padding-left:20px;font-size:.87rem;line-height:1.95}.cinema-slide-notes .cinema-cue{background:var(--surface2);border-left:2px solid var(--accent2);color:var(--muted);padding:13px 15px;font-size:.79rem;line-height:1.85}.cinema-cue b{color:var(--text);margin-bottom:3px;font-weight:500;display:block}.cinema-narration{border-left:1px solid var(--line);min-width:0;padding-left:27px}.cinema-narration h4{color:var(--faint);margin:0 0 12px;font-size:.8rem;font-weight:400}.cinema-narration p{color:var(--muted);overflow-wrap:anywhere;font-size:.92rem;line-height:2}.cinema-audio-bar{background:var(--surface2);border-block:1px solid var(--line);padding:18px 25px 20px}.cinema-audio-heading{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:11px;display:flex}.cinema-audio-heading label{color:var(--text);font-size:.84rem}.cinema-audio-heading span{color:var(--faint);font-size:.72rem}.cinema-audio-bar audio{width:100%;min-width:0;height:42px;display:block}.cinema-audio-options{flex-wrap:wrap;align-items:center;gap:22px;margin-top:12px;display:flex}.cinema-audio-options label{color:var(--muted);align-items:center;gap:9px;font-size:.8rem;display:inline-flex}.cinema-audio-options select{border-radius:6px;padding:5px 10px;font-size:.8rem}.cinema-auto-label span{color:var(--faint);font-size:.72rem}.cinema-caption{color:#f5f0e3;white-space:pre-line;text-align:center;background:#132f29;border-radius:8px;min-height:3.4em;padding:14px 18px;font-size:.92rem;line-height:1.9;margin-top:16px!important}.cinema-chapters{border-bottom:1px solid var(--line);padding:0 24px}.cinema-chapters summary{cursor:pointer;color:var(--text);padding:17px 0;font-size:.87rem}.cinema-chapters summary span{color:var(--faint);margin-left:12px;font-size:.75rem}.cinema-chapters ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 0 20px;padding:0;list-style:none;display:grid}.cinema-chapters li{min-width:0}.cinema-chapters button{text-align:left;border:1px solid var(--line);border-radius:7px;align-items:flex-start;gap:11px;width:100%;height:100%;padding:13px;display:flex}.cinema-chapters button[aria-current=step]{border-color:var(--accent2);background:var(--accent-bg)}.cinema-chapter-number{color:var(--accent);font:.78rem/1.8 Consolas,monospace}.cinema-chapters strong{font-size:.82rem;font-weight:400;line-height:1.7;display:block}.cinema-chapters small{color:var(--faint);margin-top:6px;font-size:.69rem;display:block}.cinema-exercise{border:1px solid var(--amber);border-radius:9px;min-width:0;margin:0 26px 25px;padding:19px}.cinema-exercise legend{color:var(--amber);padding:0 8px;font-size:.93rem;line-height:1.8}.cinema-exercise>p{color:var(--muted);font-size:.8rem;line-height:1.9}.cinema-options{gap:8px;margin:14px 0;display:grid}.cinema-options button{border:1px solid var(--line-strong);text-align:left;border-radius:7px;align-items:baseline;gap:12px;padding:12px 14px;font-size:.87rem;line-height:1.8;display:flex}.cinema-options button span{color:var(--faint);flex-shrink:0;font:.75rem/1.8 Consolas,monospace}.cinema-options button[data-result=correct]{background:var(--accent-bg);color:var(--accent);border-color:var(--accent2)}.cinema-options button[data-result=retry]{border-color:var(--amber);color:var(--amber)}.cinema-exercise .cinema-exercise-feedback{color:var(--text);min-height:2em}.cinema-video-panel{padding:0}.cinema-video-panel>summary{cursor:pointer;color:var(--accent);padding:18px 24px}.cinema-video-panel video{aspect-ratio:16/9;background:#0b1813;width:100%;height:auto;display:block}.cinema-video-panel .cinema-video-note{color:var(--muted);border-bottom:1px solid var(--line);padding:18px 24px;font-size:.82rem;line-height:1.9}.cinema-player .cinema-status{color:var(--accent);padding:16px 24px 0;font-size:.8rem;line-height:1.9}.cinema-player .cinema-storage-warning{border-left:2px solid var(--amber);background:var(--surface2);color:var(--amber);margin:13px 24px 0;padding:12px;font-size:.8rem;line-height:1.85}.cinema-player .cinema-help,.cinema-player .cinema-noscript{color:var(--faint);padding:11px 24px 20px;font-size:.72rem;line-height:1.9}.cinema-help span{margin-top:4px;display:block}.cinema-player:fullscreen{background:var(--bg,#101719);border:0;border-radius:0;max-width:none;margin:0;overflow:auto}.cinema-player:fullscreen .cinema-toolbar{z-index:2;position:sticky;top:0}.cinema-player:fullscreen .cinema-frame img{max-height:72vh}.cinema-player:fullscreen .cinema-video-panel video{max-height:calc(100vh - 105px)}.cinema-player:fullscreen .cinema-slide-reading{max-width:1280px;margin-inline:auto}@media (width<=1050px){.cinema-slide-reading{grid-template-columns:1fr;gap:21px}.cinema-narration{border-left:0;border-top:1px solid var(--line);padding-top:19px;padding-left:0}}@media (width<=600px){.cinema-player{border-radius:10px;margin-block:20px}.cinema-toolbar{gap:6px;padding:10px}.cinema-modes{flex:1;gap:3px}.cinema-modes button{padding:10px 9px;font-size:.77rem}.cinema-modes button span{margin:2px 0 0;font-size:.62rem;display:block}.cinema-fullscreen{padding:9px 7px;font-size:.76rem}.cinema-fullscreen span{display:none}.cinema-start-listening{gap:12px;padding:13px}.cinema-start-listening button{min-width:124px;padding:11px 13px;font-size:.84rem}.cinema-start-listening p{font-size:.72rem}.cinema-start-listening p span{font-size:.65rem}.cinema-slide-navigation{gap:7px;padding:12px 10px}.cinema-slide-navigation button{padding:8px 6px;font-size:.72rem}.cinema-page-title{display:none}.cinema-frame figcaption{gap:6px 14px;padding:10px 13px;font-size:.68rem}.cinema-frame figcaption span{flex-basis:100%}.cinema-slide-reading{padding:20px 17px}.cinema-slide-notes h3{font-size:1.08rem}.cinema-slide-notes .cinema-claim{font-size:.92rem}.cinema-narration p{font-size:.88rem;line-height:2}.cinema-audio-bar{padding:16px 13px}.cinema-audio-heading{flex-direction:column;align-items:flex-start;gap:3px}.cinema-audio-options{flex-direction:column;align-items:flex-start;gap:12px}.cinema-caption{padding:12px;font-size:.86rem}.cinema-chapters{padding:0 15px}.cinema-chapters ol{grid-template-columns:1fr}.cinema-exercise{margin:0 15px 20px;padding:14px}.cinema-exercise legend{font-size:.85rem}.cinema-options button{padding:10px;font-size:.82rem}.cinema-player .cinema-status,.cinema-player .cinema-help,.cinema-player .cinema-noscript,.cinema-video-panel .cinema-video-note{padding-inline:16px}.cinema-player .cinema-storage-warning{margin-inline:16px}}@media (prefers-reduced-motion:reduce){.cinema-player,.cinema-player *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media print{.cinema-toolbar,.cinema-start-listening,.cinema-slide-navigation,.cinema-audio-bar,.cinema-chapters,.cinema-video-panel,.cinema-status,.cinema-help,.cinema-storage-warning,.cinema-options{display:none!important}.cinema-player{border:0;margin:0}.cinema-slide-reading{padding:16px 0;display:block}.cinema-narration{border:0;padding:15px 0}.cinema-frame img{break-inside:avoid}}
