:root{color-scheme:dark;--bg:#20282d;--paper:#283239;--line:#485158;--text:#f1ede4;--muted:#bbc2c2;--accent:#e5b271;--ink:#151e24}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.5 system-ui,Segoe UI,sans-serif}body.light{color-scheme:light;--bg:#f2efe7;--paper:#fffdf8;--line:#c9c7bd;--text:#283139;--muted:#52616a;--accent:#95601c}button,a,input,select{touch-action:manipulation}button,select{font:inherit;color:inherit;background:transparent;border:1px solid var(--line);border-radius:7px;cursor:pointer;min-height:44px;padding:7px 13px}button:hover{border-color:var(--accent)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:3px}[hidden]{display:none!important}header{display:flex;align-items:center;justify-content:space-between;gap:22px;border-bottom:1px solid var(--line);padding:13px 4%;font-size:13px}header>div{display:flex;align-items:center;gap:16px;letter-spacing:.16em}header>div span{font-size:10px;color:var(--muted)}nav{display:flex;align-items:center;gap:18px}main{max-width:1600px;margin:auto;padding:25px 4%}h1{font:43px/1.1 Georgia,serif;letter-spacing:-1px;margin:8px 0}p{margin:10px 0}.eyebrow{font-size:11px;letter-spacing:.18em;color:var(--accent);font-weight:650}.intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.intro p:not(.eyebrow){font-size:14px;color:var(--muted)}#chapterToggle{display:none}.workspace{display:grid;grid-template-columns:215px minmax(0,1fr);gap:25px}#chapters{display:flex;flex-direction:column;gap:7px}#chapters button{display:grid;grid-template-columns:38px 1fr;text-align:left;gap:9px;border-color:transparent;font-size:12px}#chapters button time{font-size:11px;color:var(--muted);padding-top:2px}#chapters button.current{background:var(--paper);border-color:var(--line);color:var(--accent)}#cinema{border:1px solid #4a5359;border-radius:12px;overflow:hidden;background:#131d23;color:#f1ede4;min-width:0;--line:#46535b;--accent:#e5b271;--muted:#bcc6c8}.scene-heading{display:flex;justify-content:space-between;gap:12px;padding:10px 16px;font-size:13px}#stage{height:clamp(360px,48vw,680px);position:relative;overflow:hidden;background:#eae2cb;isolation:isolate}#chart,#photo{position:absolute;inset:0}#photo{z-index:2;background:#101a20;display:flex;align-items:center;justify-content:center}#photo img{width:100%;height:100%;object-fit:contain}#photo span{position:absolute;bottom:64px;left:16px;right:16px;text-align:center;font-size:12px;background:#101a20dc;padding:8px}.chart-label{position:absolute;top:14px;left:14px;max-width:calc(100% - 28px);background:#152127ed;color:#f7f0df;padding:7px 12px;border-radius:5px;font-size:12px;pointer-events:none;z-index:1}#stageTools{position:absolute;right:12px;bottom:12px;z-index:5;background:#152127ed;border:1px solid #67736e;border-radius:8px;padding:3px;display:flex;gap:3px}#stageTools button{font-size:12px;padding:6px 10px;border-color:transparent;color:#fff}#sourceCard{position:absolute;right:17px;top:56px;z-index:3;width:min(550px,56%);max-height:calc(100% - 135px);overflow:auto;background:#fffdf4;color:#242824;border:1px solid #a9975a;box-shadow:0 14px 40px #0005;border-radius:9px;padding:10px;scrollbar-width:thin}.source-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;font-weight:650;margin-bottom:7px}.source-heading button{font-size:20px;min-height:34px;padding:0 10px;color:#4b4836;border-color:#b6b096}#sourceImageWrap{position:relative;line-height:0}#sourceImage{display:block;width:100%;height:auto}#highlights{position:absolute;inset:0;pointer-events:none}#highlights i{position:absolute;background:#ffe13c66;mix-blend-mode:multiply;border-bottom:2px solid #cda6118c;border-radius:2px}#sourcePdf{color:#635527;font-size:11px;display:block;margin-top:8px}.follow-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:5px 15px;font-size:10px;color:#bbc6c8;border-bottom:1px solid #39464d}.follow-bar button{font-size:11px;min-height:36px;border:0;color:#e5b271}.caption-row{display:flex;align-items:center;gap:12px;padding:8px 17px;min-height:87px}.caption-row button{font-size:11px;min-height:34px;padding:5px}.caption-row p{font:18px/1.4 Georgia,serif;margin:4px 0;min-height:50px}.transport{padding:4px 16px 13px}.timeline{display:flex;align-items:center;gap:12px;font-size:11px;font-variant-numeric:tabular-nums}.timeline input{flex:1;min-width:0;accent-color:#e5b271;height:28px}.buttons{display:flex;justify-content:space-between;align-items:center;margin-top:4px}.buttons>div{display:flex;gap:10px;align-items:center}.buttons button{min-width:44px;border:0;font-size:17px}#play{width:52px;height:48px;background:#e5b271;color:#1b252a;border-radius:50%}.buttons select{font-size:13px;background:#1e2d35}#playerStatus{font-size:11px;min-height:15px;color:#e5b271;margin:2px 0 0}.notes{margin:25px 0;display:grid;grid-template-columns:1fr 1fr;gap:35px}.notes h2{font:25px Georgia,serif;margin:8px 0}.notes p{font-size:14px;color:var(--muted)}.notes details summary{cursor:pointer;font-size:13px;padding:12px;border-bottom:1px solid var(--line)}#transcript{max-height:450px;overflow:auto;margin-top:10px}#transcript button{display:flex;gap:12px;text-align:left;width:100%;border:0;line-height:1.5;font-size:13px;padding:9px}#transcript time{color:var(--accent);flex-shrink:0}#transcript button.current{background:var(--paper)}#referenceLinks{display:flex;gap:8px;flex-wrap:wrap}#referenceLinks button{font-size:12px;min-height:36px}.correction{background:#a9762d22;border-left:3px solid var(--accent);padding:12px;color:var(--text)!important}footer{border-top:1px solid var(--line);padding:20px 0;font-size:11px;color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}#cinema:fullscreen,#cinema.immersed{position:fixed;inset:0;border:0;border-radius:0;z-index:1000;display:flex;flex-direction:column}#cinema.immersed #stage,#cinema:fullscreen #stage{flex:1;height:auto;min-height:0}#cinema.immersed .caption-row,#cinema:fullscreen .caption-row{min-height:66px}.immersed .caption-row p{min-height:0;font-size:16px}body.immersed{overflow:hidden}#cinema.immersed .transport{padding-bottom:max(10px,env(safe-area-inset-bottom))}@media(max-width:1000px){.workspace{grid-template-columns:170px 1fr;gap:15px}#sourceCard{width:65%}main{padding:20px 3%}}@media(max-width:750px){header{padding:10px 4%}header>div{display:none}header nav{gap:10px;font-size:11px}.intro h1{font-size:32px}.intro p:not(.eyebrow){font-size:12px;max-width:230px}#chapterToggle{display:block;font-size:12px}.workspace{display:block}#chapters{display:none;margin-bottom:18px}#chapters.open{display:grid;grid-template-columns:1fr 1fr}.notes{grid-template-columns:1fr;gap:15px}#stage{height:55dvh;min-height:320px;max-height:600px}#sourceCard{left:8px;right:8px;width:auto;top:48px;max-height:calc(100% - 118px);padding:8px}#stageTools{right:8px;bottom:8px;max-width:calc(100% - 16px)}#stageTools button{padding:5px 8px;min-height:42px}.caption-row{padding:8px 12px;min-height:84px}.caption-row p{font-size:16px}.buttons>div{gap:5px}.follow-bar{padding:3px 10px}.follow-bar>span{max-width:60%}.scene-heading{font-size:11px}.chart-label{font-size:10px;top:9px;left:9px}}@media(max-height:520px) and (orientation:landscape){.immersed .scene-heading,.immersed .follow-bar{display:none}.immersed .caption-row{min-height:35px!important}.immersed .caption-row p{font-size:13px}.immersed .transport{padding:0 14px 4px}.immersed #play{height:34px}.immersed .buttons button{min-height:34px}.immersed #playerStatus{display:none}.immersed #sourceCard{top:8px;max-height:calc(100% - 65px);width:50%;left:auto}.immersed #stageTools{bottom:5px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
#cinema.recording-mode{position:fixed;inset:0;border:0;border-radius:0;z-index:1000;display:flex;flex-direction:column;background:#131d23}
body.recording-mode{overflow:hidden}
#cinema.recording-mode #stage{flex:1;height:auto;min-height:0}
#cinema.recording-mode .transport,#cinema.recording-mode #stageTools,#cinema.recording-mode .follow-bar button,#cinema.recording-mode .caption-row button,#cinema.recording-mode #clock,body.recording-mode #chapters,body.recording-mode #chapterToggle,body.recording-mode header,body.recording-mode .intro,body.recording-mode .notes,body.recording-mode footer{display:none!important}
#cinema.recording-mode .scene-heading{padding:8px 16px;font-size:13px;background:#0d161b}
#cinema.recording-mode .caption-row{min-height:66px;padding:8px 20px;background:#0d161b;border-top:1px solid #2e3b43}
#cinema.recording-mode .caption-row p{font-size:17px;min-height:0;margin:0}
#stageTools button.stage-rec-btn{color:var(--accent);font-weight:600}