/* Cinematic History: charcoal framing, gold accents, readable parchment records. */
body.cinematic-theme{--bg:#171713;--surface:#e4d7bd;--surface-raised:#eee4d0;--surface-hover:#cfbc98;--card:#e4d7bd;--card-muted:#d5c4a3;--primary:#66502d;--primary-strong:#48371f;--accent:#66502d;--accent-soft:#8c704422;--text:#332d22;--muted:#65553c;--muted-strong:#51432e;--border:#927c59;--border-soft:#927c5966;--memory-accent:#71503e;--memory-soft:#e0cdba;--evidence-accent:#65512e;--evidence-soft:#dfd0b1;background:#171713;color:var(--text)}
html:has(body.cinematic-theme){background:#171713}body.cinematic-theme::before{display:none}
body.cinematic-theme .workspace{padding-top:0}
body.cinematic-theme .app-header,body.cinematic-theme .mobile-nav,body.cinematic-theme .atlas-footer{background:#1e1e18;border-color:#776442;color:#eee6d7}
body.cinematic-theme .brand-lockup strong,body.cinematic-theme .atlas-footer strong{color:#eee6d7}
body.cinematic-theme .brand-lockup span,body.cinematic-theme .atlas-footer p,body.cinematic-theme .atlas-footer>strong span{color:#d2c3a7}
body.cinematic-theme .brand-mark{filter:sepia(1) saturate(1.4);opacity:1}
body.cinematic-theme .app-header .nav-link,body.cinematic-theme .app-header .ghost-action,body.cinematic-theme .mobile-nav .tab,body.cinematic-theme .mobile-more summary{color:#ded1b7}
body.cinematic-theme .app-header .nav-link.active,body.cinematic-theme .mobile-nav .tab.active{color:#f0d395;border-color:#cfad6c;background:#cfad6c15}
body.cinematic-theme .header-access-action{border-color:#927c59;color:#f0d395;background:#d7b87914}
body.cinematic-theme .header-access-action:hover{border-color:#d7b879;color:#fff0c9;background:#d7b87924}
body.cinematic-theme .header-access-short{color:inherit}
body.cinematic-theme .profile-action,body.cinematic-theme .primary-action{background:#66502d;color:#fff4dc;border-color:#66502d}
body.cinematic-theme .app-header .profile-action{background:#d7b879;color:#28251b;border-color:#d7b879}
body.cinematic-theme .view:not(.overview-view){background:#d9c7a5;padding:32px;border-radius:16px;margin-top:24px}
body.cinematic-theme .reading-room .cinematic-hero{position:relative;isolation:isolate;overflow:hidden;min-height:640px;grid-template-columns:1.3fr 1fr;align-items:center;padding:60px 6% 45px;margin:0;border-radius:0 0 16px 16px;color:#eee6d7}
.cinematic-hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% center;z-index:-2}
.cinematic-hero-poster{z-index:-3}.cinematic-hero-film{opacity:0;transition:opacity .35s ease}.cinematic-hero-film.is-ready{opacity:1}
.cinematic-film-controls{position:absolute;left:6%;right:6%;bottom:16px;z-index:2;display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:10px 12px;border-top:1px solid #c7a76e66;background:linear-gradient(90deg,transparent,#17130dcc 18%,#17130dcc 82%,transparent);backdrop-filter:blur(4px)}
body.cinematic-theme .cinematic-film-controls button{min-height:42px;padding:10px 16px;border:1px solid #c7a76e;border-radius:10px;background:#201d16e8;color:#f3e2bd;font:600 12px/1.3 Inter,sans-serif}
body.cinematic-theme .cinematic-film-controls button:hover{background:#332d22}
body.cinematic-theme .cinematic-volume-control{display:flex;align-items:center;gap:8px;min-height:42px;padding:0 10px;border:1px solid #c7a76e;border-radius:10px;background:#201d16e8;color:#f3e2bd;font:600 11px/1.2 Inter,sans-serif}
body.cinematic-theme .cinematic-volume-control input{width:78px;min-height:20px;padding:0;border:0;border-radius:0;background:transparent;accent-color:#d7b879}
.cinematic-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#10120eef,#10120e50 65%,#10120e15),linear-gradient(0deg,#171713,transparent 50%);z-index:-1}
body.cinematic-theme .cinematic-hero .eyebrow{color:#ebcf96}
body.cinematic-theme .reading-room .cinematic-hero h1{font-family:Georgia,serif;font-size:clamp(44px,5.3vw,73px);line-height:1.06;letter-spacing:-.035em;color:#f3ead9}
body.cinematic-theme .cinematic-hero em{color:#e8c88b}
.cinematic-lead{max-width:385px;font-size:14px;line-height:1.85;color:#e3d9c7;margin-top:24px}
body.cinematic-theme .cinematic-discover{display:inline-block;color:#edcf91;font-size:11px;letter-spacing:.13em;margin-top:26px;padding:12px 0}
body.cinematic-theme .reading-room .intro-note{align-self:end;padding:0;transform:translateY(-84px);max-width:340px;justify-self:end;color:#e8ddca;text-shadow:0 1px 5px #000}
body.cinematic-theme .intro-note .tiny-cross{color:#e8c88b}
body.cinematic-theme .intro-note #homeMessage{color:#e8ddca;font-size:12px}
body.cinematic-theme .cinematic-timeline{padding:40px 4%;color:#eee6d7;background:radial-gradient(ellipse at top,#302b20,#171713 80%)}
.cinematic-timeline h2{font:36px Georgia,serif;margin:10px 0 30px;color:#eee6d7}
body.cinematic-theme .cinematic-timeline .eyebrow{color:#d9bd82}
.cinematic-chapters{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
body.cinematic-theme .cinematic-chapters button{background:transparent;border:0;border-top:1px solid #a18b59;color:#e0c895;text-align:center;padding:15px 5px;font-size:12px}
.cinematic-chapters strong{display:block;font:20px Georgia,serif;margin:8px 0;color:#eee6d7}.cinematic-chapters small{display:block;color:#d0c5af;font-size:11px}
body.cinematic-theme .cinematic-chapters button[aria-pressed=true],body.cinematic-theme .cinematic-chapters button:hover{background:#d8bb7924;border-color:#f0d599}
.cinematic-chapter-detail{display:flex;align-items:center;justify-content:space-between;gap:25px;border-block:1px solid #746747;padding:24px 0;margin:20px 0 0}
.cinematic-chapter-detail h3{font:28px Georgia,serif;color:#eee6d7;margin:0 0 8px}.cinematic-chapter-detail p{color:#d0c5af;font-size:13px;max-width:650px}
body.cinematic-theme #cinemaAction{background:#d7b879;border-color:#d7b879;color:#28251b;padding:13px 18px}
body.cinematic-theme .reading-room .journey{padding:30px 4%;background:#d9c7a5;border-radius:16px}
body.cinematic-theme .reading-room .spread{background:#e4d7bd;border-color:#a78b5d;box-shadow:0 18px 36px #241b1722}
body.cinematic-theme .reading-room .chapter{background:#e4d7bd;border-color:#aa926c}
body.cinematic-theme .reading-room .atlas-page{background:#d5c4a3}
body.cinematic-theme .reading-room .chapter-date,body.cinematic-theme .reading-room em{color:#71503e}
body.cinematic-theme .reading-room .pill{color:#51432e;border-color:#927c59;background:#dfd0b1}
body.cinematic-theme .reading-room .map-caption{color:#51432e}
body.cinematic-theme .reading-quick{padding:22px 4%;margin-bottom:0}
body.cinematic-theme .reading-quick button{background:#d7b879;color:#28251b;border-color:#d7b879}
body.cinematic-theme .reading-quick .text-action{display:inline-flex;align-items:center;justify-content:center;min-height:49px!important;padding:12px 20px;border:1px solid #d7b879;border-radius:10px;line-height:1.2;white-space:nowrap}
body.cinematic-theme .current-position-card,body.cinematic-theme .backend-panel,body.cinematic-theme .overview-card,body.cinematic-theme .person-card,body.cinematic-theme .change-card,body.cinematic-theme .source-note-card,body.cinematic-theme .source-card,body.cinematic-theme .access-card,body.cinematic-theme .invite-card,body.cinematic-theme .install-card,body.cinematic-theme .sync-panel,body.cinematic-theme .image-stage,body.cinematic-theme .dialog,body.cinematic-theme .profile-section{background:#e4d7bd;border-color:#927c5966;color:#332d22}
body.cinematic-theme .metric,body.cinematic-theme .metric:nth-child(2),body.cinematic-theme .metric:nth-child(3){background:#dfd0b1}
body.cinematic-theme .metric span,body.cinematic-theme .metric:nth-child(2) span,body.cinematic-theme .metric:nth-child(3) span{color:#66502d}
body.cinematic-theme .reading-room .home-focus-board .overview-tree-card{background:#dfd0b1;padding:24px;border-radius:16px}
body.cinematic-theme .overview-view[data-home-state=needs-login] .review-strip{display:none}
body.cinematic-theme .continue-exploring{background:#d5c4a3;border-color:#a18b59}
body.cinematic-theme .continue-exploring h2{color:#332d22}
body.cinematic-theme .continue-exploring p:not(.section-kicker){color:#65553c}
body.cinematic-theme .continue-exploring .section-kicker{color:#71503e}
body.cinematic-theme .continue-exploring .text-action{background:#66502d;border-color:#66502d;color:#fff4dc;padding:12px 16px;border-radius:10px}
body.cinematic-theme .signed-out-welcome{background:#dfd0b1;border-color:#a18b59}
body.cinematic-theme .signed-out-welcome h2{color:#332d22}
body.cinematic-theme .signed-out-welcome p:not(.section-kicker),body.cinematic-theme .signed-out-welcome-actions small{color:#65553c}
body.cinematic-theme .signed-out-welcome .section-kicker{color:#71503e}
body.cinematic-theme .signed-out-welcome .primary-action{background:#66502d;border-color:#66502d;color:#fff4dc}
body.cinematic-theme [data-home-focus=stories],body.cinematic-theme [data-home-focus=sources]{background:#dfd0b1;border-color:#a18b59}
body.cinematic-theme [data-home-focus=stories] .section-kicker,body.cinematic-theme [data-home-focus=sources] .section-kicker{color:#66502d}
body.cinematic-theme .reading-section-heading{color:#d2c3a7;border-color:#776442;margin-top:25px}
body.cinematic-theme .reading-section-heading .section-kicker{color:#e8c88b}
body.cinematic-theme .reading-desk{background:#d9c7a5;padding:40px 4%;border-radius:16px;border-color:#927c59}
body.cinematic-theme .reading-question{background:#e4d7bd;border-color:#927c59}
body.cinematic-theme .story-card,body.cinematic-theme .story-card--featured{background:#e4d7bd;border-color:#a18b59}
body.cinematic-theme input,body.cinematic-theme select,body.cinematic-theme textarea{background:#eee4d0;color:#332d22;border-color:#927c59}
body.cinematic-theme input::placeholder,body.cinematic-theme textarea::placeholder{color:#65553c;opacity:1}
body.cinematic-theme .form-section,body.cinematic-theme.deep-index .account-profile{background:#d5c4a3;border-color:#927c59}
body.cinematic-theme.deep-index .account-profile summary,body.cinematic-theme.deep-index .account-profile summary small,body.cinematic-theme.deep-index .reviewer-panel label{color:#51432e}
body.cinematic-theme.deep-index .reviewer-panel input,body.cinematic-theme .relationship-grid select[multiple],body.cinematic-theme .relationship-grid select[multiple] option{background:#eee4d0;color:#332d22}
body.cinematic-theme .interactive-tree-stage{background:linear-gradient(#66502d0c 1px,transparent 1px),linear-gradient(90deg,#66502d0c 1px,transparent 1px),#cabc9d;background-size:28px 28px;border-color:#927c59}
body.cinematic-theme .tree-person-node{background:#eee4d0;color:#332d22}
body.cinematic-theme .atlas-footer .text-action{color:#e8c88b}
body.cinematic-theme .reading-room button:focus-visible,body.cinematic-theme .reading-room a:focus-visible{outline:3px solid #b18c40;outline-offset:4px}
body.cinematic-theme .update-banner{background:#d7b879;color:#28251b;border-bottom:1px solid #927c59}
body.cinematic-theme .update-banner button{border:1px solid #66502d;border-radius:8px;background:#66502d;color:#fff4dc;padding:8px 14px;font:800 12px/1.2 Inter,sans-serif}
body.cinematic-theme .update-banner button:hover{background:#48371f;border-color:#48371f}
body.cinematic-theme .header-account-menu{position:relative;z-index:5}
body.cinematic-theme .header-account-menu summary{display:inline-flex;align-items:center;gap:7px;min-height:42px;padding:9px 13px;border:1px solid #927c59;border-radius:10px;color:#f0d395;cursor:pointer;font:700 11px/1 Inter,sans-serif;letter-spacing:.05em;list-style:none}
body.cinematic-theme .header-account-menu summary::-webkit-details-marker{display:none}
body.cinematic-theme .header-account-menu summary .lucide{width:15px;height:15px}
body.cinematic-theme .header-account-menu[open] summary,body.cinematic-theme .header-account-menu summary:hover{background:#d7b8791f;border-color:#d7b879}
body.cinematic-theme .header-account-menu:not([open]) .header-account-popover{display:none}
body.cinematic-theme .header-account-menu[open] .header-account-popover{display:block;position:absolute;top:calc(100% + 10px);right:0;width:min(340px,calc(100vw - 32px));padding:16px;border:1px solid #927c59;border-radius:12px;background:#2a2921;box-shadow:0 18px 38px #110f0dcc}
body.cinematic-theme .header-account-status{display:grid;gap:8px;padding-bottom:13px;border-bottom:1px solid #927c594d}
body.cinematic-theme .header-account-status .backend-kicker{color:#e8c88b}
body.cinematic-theme .header-account-status p:last-child{margin:0;color:#d2c3a7;font-size:12px;line-height:1.5}
body.cinematic-theme .header-account-menu .backend-controls{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding-top:14px}
body.cinematic-theme .header-account-menu .backend-controls label{grid-column:1 / -1;display:grid;gap:5px;color:#d2c3a7;font-size:11px;font-weight:700}
body.cinematic-theme .header-account-menu .backend-controls input{width:100%;min-height:40px;padding:9px 10px;background:#eee4d0;color:#332d22;border-color:#927c59}
body.cinematic-theme .header-account-menu .backend-controls button{min-height:40px;padding:9px 10px;border:1px solid #927c59;border-radius:8px;background:#201d16;color:#f3e2bd;font:700 11px/1.2 Inter,sans-serif}
body.cinematic-theme .header-account-menu .backend-controls button:hover{background:#48371f;border-color:#d7b879}
body.cinematic-theme .header-account-menu[data-account-state="local"] .backend-controls,body.cinematic-theme .header-account-menu[data-account-state="setup-needed"] .backend-controls,body.cinematic-theme .header-account-menu[data-account-state="signed-out"] .backend-controls{display:none}
body.cinematic-theme .header-account-menu[data-account-state="needs-login"] #reloadSharedData,body.cinematic-theme .header-account-menu[data-account-state="needs-login"] #signOut,body.cinematic-theme .header-account-menu[data-account-state="signed-in"] .backend-controls label,body.cinematic-theme .header-account-menu[data-account-state="signed-in"] #sendMagicLink,body.cinematic-theme .header-account-menu[data-account-state="restricted"] .backend-controls label,body.cinematic-theme .header-account-menu[data-account-state="restricted"] #sendMagicLink,body.cinematic-theme .header-account-menu[data-account-state="restricted"] #reloadSharedData{display:none}
body.cinematic-theme .reading-room .time-dial{align-items:stretch;margin-top:12px;padding-top:6px;border-top:1px solid #927c594d}
body.cinematic-theme .reading-room .time-dial .dial-label{display:grid;align-content:center;gap:7px;color:#d7b879;font-size:10px;line-height:1.2}
body.cinematic-theme .reading-room .time-dial .dial-label small{display:block;max-width:145px;color:#a99878;font-size:10px;line-height:1.35;letter-spacing:0}
body.cinematic-theme .reading-room .time-dial button{border-top-color:#927c5966;padding-block:12px}
body.cinematic-theme .reading-room .time-dial button[aria-pressed=true]{background:#d8bb7918}
@media(max-width:760px){body.cinematic-theme .reading-room .cinematic-hero{grid-template-columns:1fr;gap:32px;padding:40px 7% 155px;min-height:700px}body.cinematic-theme .reading-room .intro-note{justify-self:start;max-width:100%;transform:none}body.cinematic-theme .reading-room .cinematic-hero h1{font-size:48px}.cinematic-hero-film,.cinematic-hero-poster{object-position:70% center}.cinematic-film-controls{left:20px;right:20px;bottom:16px;justify-content:center;flex-wrap:wrap;padding:10px}.cinematic-film-controls button{flex:1 1 120px}.cinematic-volume-control{flex:1 1 150px;justify-content:center}.cinematic-chapters{gap:4px}.cinematic-chapters strong{font-size:14px}.cinematic-chapters small{font-size:10px}.cinematic-chapter-detail{display:block}.cinematic-chapter-detail button{margin-top:18px}body.cinematic-theme .view:not(.overview-view){padding:18px}.cinematic-timeline h2{font-size:30px}}
body.cinematic-theme .reading-room .cinematic-hero em{color:#e8c88b}
body.cinematic-theme{--muted:#594930}
body.cinematic-theme .cinematic-timeline h2,body.cinematic-theme .cinematic-chapter-detail h3{color:#eee6d7}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cinematic-hero-film{transition:none}}
