:root{color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;color:#f0efe7;background:#000}*{box-sizing:border-box}html,body,#film{width:100%;height:100%;margin:0;overflow:hidden}#film{position:relative;background:#000}#screen,#shade{position:absolute;inset:0;width:100%;height:100%}#shade{background:linear-gradient(90deg,#050b0aa8,transparent 85%);opacity:0;transition:opacity .8s;pointer-events:none}.idle #shade{opacity:1}#welcome{position:absolute;left:7vw;bottom:24vh;transition:opacity .7s,transform .7s}.started #welcome{opacity:0;transform:translateY(-10px);pointer-events:none}.eyebrow{font-size:14px;letter-spacing:.2em;text-transform:uppercase;color:#d4e0d3}h1{font:normal clamp(60px,9vw,145px)/1.1 Georgia,serif;letter-spacing:-.035em;margin:20px 0}.subtitle{font-size:22px;letter-spacing:.02em;color:#d7dbce;margin:0 0 35px}.hint{color:#becbc4;font-size:13px;margin-top:22px}.hint span{margin-left:20px}button,a{font:inherit}button{cursor:pointer;border:0;border-radius:3px;background:transparent;color:inherit;padding:10px 13px}button:disabled{opacity:.65;cursor:wait}button:hover{background:#ffffff16}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #d5d1b0;outline-offset:4px}#start{background:#efeee0;color:#1a2b26;padding:15px 28px;font-weight:550;font-size:17px}#start:hover{background:#d7ddcc}#controls{position:absolute;bottom:0;left:0;right:0;padding:32px 3vw 18px;background:linear-gradient(0deg,#000d,#0007 70%,transparent);opacity:0;pointer-events:none;transition:opacity .25s;z-index:5}.controls-visible #controls,#controls:focus-within{opacity:1;pointer-events:auto}.playing:not(.controls-visible){cursor:none}.row,.group{display:flex;align-items:center;gap:12px}.row{justify-content:space-between;margin-top:10px}.group{font-size:14px}#time{font-variant-numeric:tabular-nums;white-space:nowrap;color:#d0d6cd;margin-left:10px}a{color:#dce3d3;text-decoration:none;padding:10px 8px}a:hover{text-decoration:underline;text-underline-offset:4px}#finish{background:#e9e9dc;color:#17261f}#timeline{appearance:none;-webkit-appearance:none;width:100%;height:3px;background:#ffffff45;border-radius:2px;accent-color:#dde2cc;cursor:pointer}#timeline::-webkit-slider-thumb{appearance:none;width:12px;height:12px;border-radius:50%;background:#f0efe5}#timeline::-moz-range-thumb{width:12px;height:12px;border:0;border-radius:50%;background:#f0efe5}#sound[aria-pressed=false]{color:#97a89c}#message{position:absolute;left:50%;top:6vh;transform:translateX(-50%);color:#fff;background:#000a;padding:10px 18px;opacity:0;pointer-events:none;z-index:10}#message.visible{opacity:1}@media(max-width:900px){.row{flex-wrap:wrap}.group{font-size:12px;gap:5px}#welcome{bottom:28vh}.subtitle{font-size:18px}button{padding:10px}a{padding:10px 5px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}