/* White default, with a separate black comparison at ?theme=dark. */
:root[data-theme="dark"]{color-scheme:dark;--ink:#fff;--muted:#b8b8b8;--paper:#000}
:root[data-theme="dark"] .film,
:root[data-theme="dark"] .player-wrap iframe{background:var(--paper)}
:root[data-theme="dark"] body.theater-mode .film-details{background:transparent}
:root[data-theme="dark"] body.theater-mode .project-caption{flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;gap:2px 8px;width:fit-content;max-width:100%;margin-left:auto;margin-right:auto;padding:6px 12px;border-radius:10px;background:#000}
:root[data-theme="dark"] body.theater-mode .caption-title{width:auto;max-width:100%}
:root[data-theme="dark"] body.theater-mode .caption-roles{color:#ddd}
:root[data-theme="dark"] body.theater-mode .caption-roles::before{content:'—';margin-right:8px}
:root[data-theme="dark"] body.theater-mode .control-button,
:root[data-theme="dark"] body.theater-mode .timeline{filter:drop-shadow(0 1px 2px #000a)}
:root[data-theme="light"]{color-scheme:light;--ink:#111;--muted:#626262;--paper:#fff}
:root[data-theme="light"] .film{background:var(--paper)}
:root[data-theme="light"] .media-stage,
:root[data-theme="light"] .poster,
:root[data-theme="light"] .player-wrap,
:root[data-theme="light"] .player-wrap iframe{background:var(--paper)}
:root[data-theme="light"] .control-button{color:#111}
:root[data-theme="light"] button:focus-visible,
:root[data-theme="light"] a:focus-visible,
:root[data-theme="light"] input:focus-visible{outline-color:#555}
:root[data-theme="light"] .skip-link{background:#111;color:#fff}
:root[data-theme="light"] .contact-button{border-bottom-color:#1117}
:root[data-theme="light"] .video-state{color:#444}
:root[data-theme="light"] #dots button::after{background:#0003}
:root[data-theme="light"] #dots button[aria-current=true]::after{background:#111}
:root[data-theme="light"] .timeline::-webkit-slider-runnable-track{background:linear-gradient(to right,#111 var(--progress),#0003 var(--progress))}
:root[data-theme="light"] .timeline::-moz-range-track{background:#0003}
:root[data-theme="light"] .timeline::-moz-range-progress{background:#111}
:root[data-theme="light"] .timeline::-webkit-slider-thumb{background:#111}
:root[data-theme="light"] .timeline::-moz-range-thumb{background:#111}
:root[data-theme="light"] dialog{color:#111;border-color:#0002;background:#fffffff5;box-shadow:0 30px 100px #0003}
:root[data-theme="light"] dialog::backdrop{background:#0004}
:root[data-theme="light"] .round-button{border-color:#0003;background:#f2f2f2}
:root[data-theme="light"] .round-button:hover{background:#e5e5e5}
:root[data-theme="light"] .index-row{border-top-color:#0002}
:root[data-theme="light"] #contact-dialog p{color:#444}
:root[data-theme="light"] .contact-detail{border-bottom-color:#0003}
:root[data-theme="light"] .no-js{background:#f2f2f2}
