:root{color-scheme:dark;--paper:#f2eee5;--gold:#d1c4aa}*{box-sizing:border-box}body{margin:0;background:#202722;color:var(--paper);font:13px/1.6 'Segoe UI',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:#19251fc9;border:1px solid #ffffff44;border-radius:99px;padding:10px 20px;cursor:pointer;min-height:44px}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:5px}.film-stage{position:fixed;inset:0;overflow:hidden}.film-stage video{width:100%;height:100%;object-fit:cover}.shade{position:absolute;inset:0;background:linear-gradient(#111e1b85,transparent 35%,#111e1baa),linear-gradient(90deg,#15251e77,transparent 75%);pointer-events:none}header{position:fixed;top:24px;left:4vw;right:4vw;display:flex;justify-content:space-between;align-items:center}.brand{font:32px/1.2 Georgia,serif;letter-spacing:8px}.brand small{display:block;font:8px/2.5 'Segoe UI',sans-serif;letter-spacing:2px}nav{display:flex;gap:26px;font-size:12px}.caption{position:fixed;bottom:180px;left:4vw;pointer-events:none}.caption>span{font-size:10px;letter-spacing:2px;color:var(--gold)}h1{font:clamp(36px,5vw,74px)/1.06 Georgia,serif;font-weight:400;max-width:750px;letter-spacing:-1px;margin:18px 0}.caption p{font-size:12px;color:#e4e6df}.caption .note{font-size:9px;color:#d0cbbc;margin-top:24px}.controls{position:fixed;left:4vw;right:4vw;bottom:64px;display:flex;gap:20px;align-items:center}.controls label{flex:1;font-size:9px;color:var(--gold)}input{display:block;width:100%;accent-color:var(--gold);cursor:pointer}output{font-size:10px;font-variant-numeric:tabular-nums}footer{position:fixed;bottom:16px;left:4vw;right:4vw;display:flex;justify-content:space-between;font-size:9px}#track{height:11000px}#status,#failure{position:fixed;top:40%;left:50%;transform:translateX(-50%);padding:15px 25px;background:#19251fe8;font-size:12px}#failure a{text-decoration:underline}[hidden]{display:none!important}@media(max-width:600px){header{top:20px;left:22px;right:22px}.brand{font-size:25px;letter-spacing:5px}nav{font-size:10px;gap:15px}.caption{left:22px;right:22px;bottom:190px}.controls{left:22px;right:22px;gap:12px;flex-wrap:wrap}.controls button{padding:8px 14px;font-size:11px}output{font-size:9px}.caption .note{max-width:260px}h1{font-size:40px}footer{left:22px;right:22px;font-size:8px}}