:root{color-scheme:dark;--bg:#151616;--ink:#f3f1e9;--muted:#989994;--accent:#dce45c}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif}button,a,label.button{color:inherit}button,.button{font:inherit;cursor:pointer;background:none;border:0}button:focus-visible,a:focus-visible,.button:focus-within{outline:2px solid var(--accent);outline-offset:5px}header{height:94px;position:fixed;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;z-index:3;background:linear-gradient(#151616a0,transparent)}.brand{font-size:23px;font-weight:900;text-decoration:none;letter-spacing:-1px}.brand span{font-weight:400;color:var(--muted);margin:0 10px}.brand b{font-size:19px;color:var(--accent)}.project,header button,.eyebrow,footer,.edit-entry{font-size:10px;font-weight:700;letter-spacing:1.3px}.project{margin-left:auto;margin-right:7vw;color:#c0c0b7}#stage{height:100svh;min-height:600px;position:relative;overflow:hidden}.media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.scrim{position:absolute;inset:0;background:linear-gradient(90deg,#121515aa,transparent 85%),linear-gradient(0deg,#151616ef,transparent 60%)}.content{position:absolute;left:7vw;bottom:20vh;max-width:85vw}.eyebrow{color:var(--accent);margin-bottom:28px}.content h1{font-size:clamp(62px,8.6vw,145px);font-weight:500;line-height:.94;letter-spacing:-.065em;margin:0 0 30px;white-space:pre-line}.content .sub{font-size:15px;line-height:1.6;color:#d1d2cb;max-width:450px;white-space:pre-line}.play{display:flex;align-items:center;gap:18px;margin-top:30px;font-size:11px;letter-spacing:1.4px;font-weight:bold;padding:0}.play span{border:1px solid #ffffff88;border-radius:50%;height:48px;width:48px;display:grid;place-items:center;font-size:14px}.side-note{position:absolute;right:4vw;bottom:22vh;font-size:10px;letter-spacing:2px;writing-mode:vertical-rl;color:#c3c3b9}footer{position:fixed;bottom:55px;left:4vw;right:4vw;display:flex;justify-content:space-between;align-items:center;z-index:3}footer>div{display:flex;align-items:center;gap:28px}#counter{color:#c7c7be}#prev,#next{font-size:24px;font-weight:400}#infoBtn{font-size:10px;letter-spacing:1px;margin-right:35px}.edit-entry{position:fixed;bottom:16px;left:4vw;z-index:3;font-size:8px;color:#a6a69d;letter-spacing:1px}.film-view{position:absolute;inset:0;background:#080909;display:grid;place-items:center}.film-view video{width:100%;height:100%;object-fit:contain}.film-close{position:absolute;top:30px;right:35px;background:#171818dd;padding:12px;font-size:12px;z-index:9}body.playing header,body.playing footer,body.playing .edit-entry{display:none}aside{position:fixed;right:0;top:0;bottom:0;width:min(500px,100%);z-index:7;padding:100px 50px;background:#202222;box-shadow:-50px 0 100px #0005}aside h2{font-size:40px;letter-spacing:-2px;font-weight:500;white-space:pre-line}aside p:last-child{font-size:17px;line-height:1.7;white-space:pre-line;color:#c9ccc5}.close{position:absolute;right:25px;top:25px;font-size:28px}dialog{background:#1e2020;color:var(--ink);border:1px solid #494b43;padding:28px;width:min(1000px,94vw);max-height:90svh}dialog::backdrop{background:#000b;backdrop-filter:blur(8px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;letter-spacing:1px;font-size:12px}.dialog-head button{font-size:26px}#chapters{width:min(720px,94vw)}nav{margin-top:35px}nav button{display:flex;width:100%;text-align:left;border-top:1px solid #41433c;padding:25px 0;gap:25px;font-size:24px}nav button span{font-size:12px;color:var(--accent);padding-top:6px}.hint{font-size:12px;line-height:1.6;color:#acafa5;max-width:680px}.editor-tools{display:flex;gap:12px;margin:25px 0;flex-wrap:wrap}.editor-tools button,.button,.actions button{border:1px solid #55594b;padding:10px 14px;font-size:12px}.editor-tools button:first-child{background:var(--accent);color:#191b16;border-color:var(--accent)}.block{border-top:1px solid #45483f;padding:22px 0}.block-head{display:flex;gap:14px;align-items:center;margin-bottom:18px}.block-head strong{margin-right:auto;font-size:15px}.actions{display:flex;gap:5px;flex-wrap:wrap}.actions button{padding:7px 10px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:15px}.fields label{font-size:11px;color:#b7baad;display:grid;gap:7px}.fields input,.fields textarea{width:100%;border:1px solid #505348;background:#141616;color:#f3f1e9;padding:12px;font:14px Arial;border-radius:0}.fields textarea{min-height:85px;resize:vertical}.fields .wide{grid-column:1/-1}.visibility{font-size:12px;display:flex;align-items:center;gap:8px;margin-top:14px}.filename{font-size:11px;color:#b8be9a;overflow-wrap:anywhere}.actions button:disabled{opacity:.25;cursor:default}#saveState{font-size:12px;color:var(--accent)}#toast{position:fixed;bottom:25px;right:25px;padding:15px;background:var(--accent);color:#161815;z-index:20;font-size:13px}#toast:empty{display:none}@media(max-width:650px){header{height:75px}.brand{font-size:18px}.brand b{font-size:16px}.project{display:none}.content{left:7vw;bottom:24vh}.content h1{font-size:64px}.content .sub{font-size:14px;max-width:300px}.side-note{display:none}footer{bottom:65px}footer>div{gap:14px}#infoBtn{margin-right:4px;font-size:9px}.fields{grid-template-columns:1fr}.block-head{flex-wrap:wrap}.block-head strong{width:100%}.actions{gap:4px}.content h1{font-size:clamp(45px,12vw,72px)}}
/* Custom controls never add a shade or gradient to the film. */
.film-view video{display:block;min-height:0;min-width:0}
.film-toggle{position:absolute;inset:0;width:100%;height:100%;border:0;background:transparent!important;cursor:url('assets/cursor-pause.svg') 32 32,pointer;touch-action:manipulation}
.film-toggle.paused{cursor:url('assets/cursor-play.svg') 32 32,pointer}
.film-toggle:focus-visible{outline-offset:-6px}
.film-tools{position:absolute;right:35px;bottom:25px;display:flex;gap:20px;z-index:9}
.film-tools button{font-size:10px;letter-spacing:1px;padding:10px;background:#171818aa}
.film-view:fullscreen{width:100vw;height:100vh}
@media(hover:none){.film-toggle::after{content:'Ⅱ';position:absolute;left:25px;bottom:25px;width:44px;height:44px;border:1px solid #fff9;border-radius:50%;display:grid;place-items:center;background:#17181866;color:white}.film-toggle.paused::after{content:'▶'}}
.gate{max-width:600px;margin:12vh auto;padding:30px}.gate h1{font-size:64px;line-height:1;letter-spacing:-3px;font-weight:500}.gate p{line-height:1.6;color:#b9bcb4}.gate form{display:grid;gap:22px;margin-top:35px}.gate label{display:grid;gap:10px;font-size:13px}.gate input{background:#242727;border:1px solid #606355;color:white;padding:16px;font-size:18px;width:100%}.gate button{padding:18px;background:var(--accent);color:#161816;text-align:left}.session-bar{position:fixed;bottom:12px;right:4vw;display:flex;gap:16px;align-items:center;z-index:10;font-size:9px;letter-spacing:.5px}.session-bar button{padding:5px}.session-bar span{color:#a5a99e}body.playing .session-bar{bottom:9px}.film-tools{bottom:42px}@media(max-width:650px){.session-bar{gap:7px;font-size:8px;bottom:30px}.session-bar span{display:none}.gate h1{font-size:48px}}