@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Libre+Caslon+Display&display=swap');
:root{color-scheme:dark;--bg:#131716;--surface:#1b201e;--line:#343c36;--ink:#ecebdf;--muted:#a2aaa0;--accent:#d6b979;--serif:'Libre Caslon Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.55 var(--sans);padding-bottom:146px}button,input,select{font:inherit}button,a,summary,select{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.35;cursor:default}button:focus-visible,a:focus-visible,summary:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button{color:var(--ink);border:0;background:none}a{color:inherit;text-decoration:none}.shell{max-width:1320px;margin:auto;padding:0 54px}.masthead{height:106px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;gap:18px;align-items:center;font-size:10px;letter-spacing:2.8px;line-height:1.7;font-weight:600}.brand-icon{font:32px/1 Georgia;letter-spacing:-12px;display:block;transform:scaleX(1.2);margin-right:13px}.brand-icon span{color:var(--accent)}.mast-note{font-size:10px;letter-spacing:2.4px;color:var(--muted)}.quiet{padding:10px 0;color:var(--muted);font-size:12px}.quiet:hover,.text-button:hover{color:var(--ink)}#focus{font-size:13px}.episode-head{display:flex;align-items:center;justify-content:space-between;padding:43px 0 29px}.eyebrow,.small-label,.section-label,.field-label{font-size:10px;letter-spacing:1.8px;font-weight:600}.eyebrow{color:var(--accent)}.sep{color:#697368;padding:0 10px}h1{font-family:var(--serif);font-size:72px;line-height:1.05;font-weight:400;margin:12px 0 8px;letter-spacing:-2px}.episode-head p{color:var(--muted);margin:0;font-size:14px}.episode-tools{display:flex;align-items:flex-start;flex-direction:column;gap:9px;min-width:247px}.episode-tools label{font-size:9px;letter-spacing:2px;color:var(--muted)}select{width:100%;border:1px solid #454d43;border-radius:3px;background:var(--surface);color:var(--ink);padding:12px 35px 12px 14px;font-size:13px}.spoiler{font-size:10px;color:var(--accent);margin-top:4px}.intro{padding:15px 0 22px;display:flex;align-items:center;gap:11px;border-bottom:1px solid var(--line);margin-bottom:30px}.intro p{margin:0;font-size:12px;color:#d0d2c6;flex:1}.intro p span{color:var(--muted)}.intro-dot{width:5px;height:5px;border-radius:100%;background:var(--accent)}.text-button{padding:0;font-size:11px;color:var(--accent);white-space:nowrap}main{display:grid;grid-template-columns:minmax(0,1fr) 306px;gap:40px}.section-label{color:var(--muted);display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1.8px}.live-dot{display:inline-block;width:5px;height:5px;background:var(--accent);border-radius:100%;margin-right:8px}.scene-card{margin-top:17px;background:var(--surface);border:1px solid #3c453c;border-radius:3px;padding:26px 34px 0;position:relative;overflow:hidden}.scene-card:before{content:'';position:absolute;width:260px;height:260px;right:-160px;top:-155px;border-radius:50%;border:1px solid #40493b;box-shadow:0 0 0 18px #1b201e,0 0 0 19px #333c32,0 0 0 38px #1b201e,0 0 0 39px #2b342c;pointer-events:none;opacity:.6}.card-top{display:flex;justify-content:space-between;align-items:center;position:relative;gap:10px}.bookmark{font-size:11px;color:var(--muted);padding:6px 0 6px 12px}.bookmark[aria-pressed=true]{color:var(--accent)}.scene-label{font-size:11px;color:var(--muted);margin:28px 0 9px}h2{font:400 43px/1.12 var(--serif);letter-spacing:-.6px;margin:0 0 20px;max-width:530px}.glance{font-size:17px;line-height:1.7;color:#e2e3d7;margin:0 0 30px;max-width:600px}.look-for{padding:0 0 0 15px;border-left:2px solid var(--accent);margin-bottom:30px}.small-label{font-size:8px;color:var(--muted);letter-spacing:1.4px}.look-for .small-label{color:var(--accent)}.look-for p{font-size:12px;color:#c0c7bb;margin:5px 0 0;max-width:490px}.deep-cut{border-bottom:1px solid var(--line);padding-bottom:24px}.deep-cut>h3{font:400 29px/1.2 var(--serif);margin:25px 0 20px}.insight+.insight{margin-top:22px}.insight h4{font-size:13px;font-weight:500;color:var(--accent);margin:0 0 7px}.insight p{font-size:14px;line-height:1.85;color:#c0c9bb;margin:0;max-width:680px}.insight-source{display:inline-block;font-size:10px;color:var(--muted);margin-top:9px;text-decoration:underline;text-underline-offset:3px}.insight-source:hover{color:var(--accent)}.episode-note{font-size:10px;color:var(--muted)}.scene-navigation{display:flex;justify-content:space-between;margin-top:8px}.timeline-reference{margin-top:28px}.era-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:13px;gap:8px}.era-item{padding:11px 9px;border:1px solid var(--line);border-radius:3px;min-width:0}.era-item.active{border-color:var(--accent);background:#2a3023;box-shadow:inset 0 3px 0 var(--accent)}.era-item b{font-size:10px;font-weight:500;display:block}.era-item span{display:block;font-size:10px;color:var(--muted);margin-top:4px}.era-item.active b{color:var(--accent)}.era-item .era-marker{color:var(--accent);font-size:8px;letter-spacing:1px;font-weight:600;margin-top:9px}.timeline-reference>p{font-size:11px;color:var(--muted);margin-top:14px}.timeline-reference>.era-context{color:var(--ink);font-size:12px;margin:12px 0 0}.era-item:nth-child(4):last-child{grid-column:1/-1}.scene-rail{border-left:1px solid var(--line);padding-left:29px;align-self:start;position:sticky;top:24px}.rail-heading{display:flex;justify-content:space-between;align-items:center}.rail-heading .text-button{font-size:10px}#savedCount{margin-left:3px}.rail-note{font-size:10px;line-height:1.6;color:var(--muted);margin:14px 0 17px}#cueList{max-height:560px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#485342 transparent;padding-right:7px}.cue-button{display:grid;grid-template-columns:23px 1fr;gap:10px;text-align:left;width:100%;padding:13px 9px 13px 0;border-top:1px solid #2c342d;position:relative;line-height:1.5}.cue-button .num{font-size:9px;color:#7f8b7d;padding-top:3px}.cue-button .cue-label{font-size:11px;color:#b4bfb0}.cue-button .cue-time{display:block;font-size:9px;color:#7f8b7d;margin-top:3px}.cue-button.selected .num{color:var(--accent)}.cue-button.selected .cue-label{color:var(--ink)}.cue-button.selected{background:#242a22;padding-left:8px;border-left:2px solid var(--accent)}.cue-button:hover{background:#20261f}.rail-foot{font-size:9px;color:var(--muted);margin-top:20px;line-height:1.8}.rail-foot a:hover{text-decoration:underline}.page-footer{display:flex;justify-content:space-between;margin-top:38px;padding:22px 0;border-top:1px solid var(--line);font-size:9px;color:#8e998b}.transport{background:#171c18f5;border-top:1px solid #414b3b;position:fixed;bottom:0;left:0;right:0;z-index:5;padding:18px 54px 12px;backdrop-filter:blur(15px)}.transport-inner{display:flex;align-items:center;justify-content:space-between;max-width:1212px;margin:auto;gap:20px}.clock-group{display:flex;gap:16px;align-items:center}.play{border-radius:50%;background:var(--accent);color:#1c2419;width:43px;height:43px;font-size:14px}.clock-group>div{display:flex;flex-direction:column}#clock{font-size:21px;line-height:1.3;font-variant-numeric:tabular-nums;letter-spacing:1px}#clockStatus{font-size:7px;letter-spacing:1.1px;margin-top:4px;color:var(--muted)}.mode-group{border:1px solid #394335;border-radius:4px;padding:3px;display:flex}.mode{font-size:11px;padding:8px 15px;border-radius:2px;color:var(--muted)}.mode.active{background:#303a29;color:#e7ecd9}.sync-group{display:flex;gap:18px;align-items:center}.sync-button{font-size:11px;border:1px solid #657153;border-radius:3px;padding:10px 16px}.sync-button span{margin-left:18px;color:var(--accent)}#transportHint{font-size:9px;color:var(--muted);text-align:center;margin:12px 0 0}dialog{background:var(--surface);color:var(--ink);border:1px solid #505b45;border-radius:6px;max-width:680px;width:calc(100% - 30px);max-height:88dvh;padding:30px 35px}dialog::backdrop{background:#080d0be3;backdrop-filter:blur(5px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.dialog-intro{font-size:13px;color:#b7c0b1}.field-label{display:block;font-size:9px;margin-top:24px;color:var(--accent)}.time-input{display:flex;gap:10px;margin-top:8px}input{background:#131913;border:1px solid #536048;border-radius:3px;color:var(--ink);padding:10px;width:100%;font-variant-numeric:tabular-nums}.time-input input{width:130px}.time-input button,.primary{background:var(--accent);color:#1e2819;border-radius:3px;padding:10px 18px;font-size:12px}.helper{font-size:11px;color:var(--muted);line-height:1.7}.calibrate-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:25px}h3{font-size:14px;font-weight:500;margin:0}.time-row{display:flex;align-items:center;gap:15px;padding:10px 0;border-top:1px solid var(--line)}.time-row label{flex:1;font-size:12px;color:#c0c9b9}.time-row input{width:90px;font-size:12px;padding:8px}.dialog-actions{display:flex;align-items:center;gap:20px;margin-top:20px}.dialog-actions .primary{margin-left:auto}.import-label{cursor:pointer;position:relative}.import-label input{position:absolute;opacity:0;width:1px;height:1px;left:0}.import-label:focus-within{outline:2px solid var(--accent)}#settingsError{color:#f2ae93;font-size:12px}#toast{position:fixed;bottom:135px;left:50%;transform:translateX(-50%);z-index:20;background:#d6b979;color:#1b2217;padding:12px 22px;border-radius:4px;max-width:90vw;font-size:12px;opacity:0;pointer-events:none;transition:opacity .2s}#toast.show{opacity:1}.empty{font-size:12px;color:var(--muted);padding:20px 0}.focus .episode-head,.focus .intro,.focus .scene-rail,.focus .timeline-reference,.focus .page-footer,.focus .mast-note{display:none}.focus main{display:block;max-width:880px;margin:32px auto}.focus .glance{font-size:24px}.focus h2{font-size:56px}.focus .scene-card{padding:40px 42px 0}.focus .masthead{height:80px}
@media(min-width:1500px){.shell{padding-top:12px}.scene-card{padding-top:35px}.glance{font-size:19px}.scene-label{margin-top:35px}}
@media(max-width:1000px){.shell{padding:0 28px}main{gap:25px;grid-template-columns:minmax(0,1fr) 255px}.scene-rail{padding-left:20px}.mast-note{display:none}.scene-card{padding:23px 25px 0}h2{font-size:37px}.transport{padding:15px 28px 12px}.sync-group{gap:12px}.mode{padding:8px 12px}.intro p span{display:none}.episode-head{padding-top:33px}.glance{font-size:16px}}
@media(max-width:720px){body{padding-bottom:181px}.shell{padding:0 20px}.masthead{height:78px}.brand{font-size:8px;gap:14px;letter-spacing:2px}.brand-icon{font-size:27px}.episode-head{padding:27px 0 18px;align-items:flex-start;gap:15px}.episode-head .eyebrow{font-size:8px;letter-spacing:1.2px}h1{font-size:48px;letter-spacing:-1.4px}.episode-head p{font-size:11px;max-width:170px}.episode-tools{min-width:0;width:150px;padding-top:3px}.episode-tools label{font-size:8px}.episode-tools select{font-size:10px;padding:9px 5px}.spoiler{font-size:8px;line-height:1.6}.intro{padding-top:10px;margin-bottom:22px}.intro p{font-size:11px}.intro .text-button{font-size:10px}main{display:flex;flex-direction:column;gap:30px}.scene-card{padding:21px 22px 0;margin-top:14px}.scene-label{margin-top:22px;font-size:10px}h2{font-size:37px}.glance{font-size:16px;line-height:1.65;margin-bottom:25px}.look-for{margin-bottom:25px}.look-for p{font-size:11px}.timeline-reference{margin-top:22px}.scene-rail{border-left:0;border-top:1px solid var(--line);padding:25px 0 0;position:static;width:100%}#cueList{max-height:345px}.cue-button{padding:13px 8px}.cue-button .cue-label{font-size:12px}.rail-note{margin:10px 0 15px}.page-footer{margin-top:25px;display:block;font-size:9px}.page-footer span{display:block;margin:4px 0}.transport{padding:14px 20px 11px}.transport-inner{display:grid;grid-template-columns:1fr auto;gap:12px}.clock-group{gap:10px}.play{width:38px;height:38px}#clock{font-size:19px}#clockStatus{font-size:6px}.mode{font-size:10px;padding:7px 10px}.sync-group{grid-column:1/-1;justify-content:center;gap:25px}.sync-group .quiet{padding:2px 8px}.sync-button{padding:6px 13px;font-size:10px}#transportHint{font-size:8px;margin-top:9px;line-height:1.5}dialog{padding:20px}.dialog-actions{gap:14px}.dialog-actions .quiet{font-size:11px}.calibrate-heading{flex-direction:column;align-items:flex-start;gap:8px}.time-row label{font-size:11px}.time-row input{width:82px}.focus .glance{font-size:20px}.focus h2{font-size:41px}.focus .scene-card{padding:24px 24px 0}.focus main{margin:25px auto}.focus .masthead{height:70px}#toast{bottom:176px;width:max-content;max-width:90vw}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}