:root{--edge:clamp(18px,2.2vw,48px);--edge-baseline:calc(var(--edge) - .15em);--edge-captop:calc(var(--edge) - .13em);color-scheme:dark;font-family:system-ui,sans-serif;background:#10191d;color:#bac9c4}*{box-sizing:border-box}body{margin:0;overflow:hidden}#scene{display:block;width:100vw;height:100vh}button,select{font:inherit;color:inherit;background:#182a2f;border:1px solid #6b7c7b;padding:7px 12px;border-radius:3px;cursor:pointer}button:hover{background:#31454a}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #b5cac3;outline-offset:3px}[hidden],.chrome{display:none!important}.lil-gui{--background-color:#17272aeb;--widget-color:#33474b;--text-color:#b5cac3;--focus-color:#4f686a;--number-color:#b5cac3;--string-color:#b5cac3;--font-size:11px}#error{position:absolute;inset:40% 20%;text-align:center}#comparison{position:absolute;bottom:14px;left:14px;width:min(48vw,900px);padding:12px;background:#10191df0;border:1px solid #52656a;font-size:12px}#comparison>div{display:flex;justify-content:space-between;gap:10px}#comparison video{width:100%;display:block;margin-top:10px}#comparison input{width:100%}#comparison p{margin:8px 0}#comparison small{color:#849995}@media(max-width:700px){#comparison{width:calc(100vw - 28px)}.lil-gui.root{max-width:85vw}}.film-subtitle{position:fixed;z-index:2;left:50%;bottom:8.4vh;transform:translate(-50%);width:max-content;max-width:88vw;margin:0;pointer-events:none;text-align:center;font-family:Arial,Helvetica,sans-serif;font-size:clamp(18px,min(3.020833vw,5.37037vh),120px);font-weight:400;font-style:normal;line-height:1.12;letter-spacing:0;color:#fafafa;-webkit-text-stroke:.045em #111;paint-order:stroke fill;text-shadow:0 .025em .025em #000;text-wrap:balance;overflow-wrap:break-word;-webkit-user-select:none;user-select:none}.film-subtitle{transition:opacity 1.4s ease,filter 1.4s ease,letter-spacing 2.4s ease}.film-subtitle-cue{opacity:.42;animation:film-subtitle-breathe 4.8s ease-in-out infinite}.film-subtitle-over{opacity:.28}.film-subtitle-caret{display:inline-block;width:.06em;height:.92em;margin-left:.06em;vertical-align:-.1em;background:#fafafa;box-shadow:0 0 0 .02em #111;animation:film-subtitle-caret 1.05s steps(1) infinite}.film-subtitle-listening{opacity:0;filter:blur(.12em);letter-spacing:.06em;transition:opacity 3.2s ease .25s,filter 3.2s ease .25s,letter-spacing 3.2s ease .25s}@keyframes film-subtitle-caret{0%,55%{opacity:1}56%,to{opacity:0}}@keyframes film-subtitle-breathe{0%,to{opacity:.26}50%{opacity:.5}}@media(prefers-reduced-motion:reduce){.film-subtitle,.film-subtitle-listening{transition:opacity .4s}.film-subtitle-cue,.film-subtitle-caret{animation:none}}.film-subtitle-typing{transition:none}.film-subtitle-send{pointer-events:auto;margin-left:.45em;padding:0 .12em;border:0;background:none;font:inherit;font-size:.78em;line-height:1;color:#fafafa;opacity:.38;cursor:pointer;-webkit-text-stroke:inherit;paint-order:stroke fill;text-shadow:inherit;transition:opacity .3s}.film-subtitle-send:hover,.film-subtitle-send:focus-visible{opacity:.9;background:none}.film-entrance{display:flex;gap:1.6em;justify-content:center;opacity:0;transition:opacity 2.4s ease 1s}.film-entrance-shown{opacity:1}.film-entrance-gone{opacity:0;transition:opacity 1.4s ease}.film-entrance button{pointer-events:auto;padding:0;border:0;background:none;font:inherit;color:#fafafa;-webkit-text-stroke:inherit;paint-order:stroke fill;text-shadow:inherit;opacity:.42;cursor:pointer;transition:opacity .4s}.film-entrance button:hover,.film-entrance button:focus-visible{opacity:.95;background:none}.film-entrance{bottom:auto;top:50%;transform:translate(-50%,-50%);font-size:clamp(14px,min(2.1vw,3.7vh),80px);gap:1.4em}.film-keepsake{position:fixed;z-index:3;line-height:1;right:var(--edge);bottom:var(--edge-baseline);padding:0;border:0;background:none;font-family:Arial,Helvetica,sans-serif;font-size:clamp(11px,min(1.05vw,1.85vh),36px);letter-spacing:.02em;color:#fafafa;-webkit-text-stroke:.04em #111;paint-order:stroke fill;text-shadow:0 .03em .03em #000;opacity:0;cursor:pointer;transition:opacity 1.2s ease}.film-keepsake-shown{opacity:.28}.film-keepsake-shown:hover,.film-keepsake-shown:focus-visible{opacity:.85;background:none}.film-keepsake-saving{opacity:.5!important}.film-entrance{flex-direction:column;align-items:center;gap:.7em}.film-entrance button:first-child{font-size:1.12em}.film-entrance button:last-child{font-size:.78em;opacity:.32}.film-sound-toggle{position:fixed;z-index:3;line-height:1;right:var(--edge);top:var(--edge-captop);padding:0;border:0;background:none;font-family:Arial,Helvetica,sans-serif;font-size:clamp(11px,min(1.05vw,1.85vh),36px);letter-spacing:.02em;color:#fafafa;-webkit-text-stroke:.04em #111;paint-order:stroke fill;text-shadow:0 .03em .03em #000;opacity:0;cursor:pointer;transition:opacity 1.2s ease}.film-sound-toggle-shown{opacity:.28}.film-sound-toggle-shown:hover,.film-sound-toggle-shown:focus-visible{opacity:.85;background:none}.film-show{position:fixed;z-index:3;line-height:1;left:var(--edge);bottom:var(--edge-baseline);padding:0;border:0;background:none;font-family:Arial,Helvetica,sans-serif;font-size:clamp(11px,min(1.05vw,1.85vh),36px);letter-spacing:.02em;color:#fafafa;-webkit-text-stroke:.04em #111;paint-order:stroke fill;text-shadow:0 .03em .03em #000;opacity:0;cursor:pointer;transition:opacity 1.2s ease}.film-show-shown{opacity:.28}.film-show-shown:hover,.film-show-shown:focus-visible{opacity:.85;background:none}.film-show-busy{opacity:.1!important;pointer-events:none}.film-loading{position:fixed;z-index:3;right:var(--edge);bottom:var(--edge);width:clamp(22px,1.9vw,52px);height:clamp(22px,1.9vw,52px);opacity:0;pointer-events:none;transition:opacity 1.4s ease;font-size:clamp(11px,min(1.05vw,1.85vh),36px)}.film-loading svg{width:100%;height:100%;overflow:visible;filter:drop-shadow(0 0 .5px rgba(0,0,0,.9))}.film-loading circle{fill:#fafafa;transform-box:fill-box;transform-origin:center;opacity:.12;animation:film-loading-drop 2.6s cubic-bezier(.3,0,.2,1) infinite}.film-loading-on{opacity:.55}@keyframes film-loading-drop{0%{opacity:1;transform:scale(1.25)}12%{opacity:.85;transform:scale(1)}55%{opacity:.18;transform:scale(.8)}to{opacity:.12;transform:scale(.8)}}@media(prefers-reduced-motion:reduce){.film-loading circle{animation:none;opacity:.5}}.film-handheld{pointer-events:none;text-align:center}.film-handheld p{margin:0}.film-handheld p:first-child{font-size:1.05em;opacity:.55}.film-handheld p:last-child{font-size:.68em;opacity:.32;margin-top:.5em}.film-source{position:fixed;z-index:3;right:var(--edge);top:calc(var(--edge-captop) + 1.7*clamp(11px,min(1.05vw,1.85vh),36px));line-height:1;font-family:Arial,Helvetica,sans-serif;font-size:clamp(11px,min(1.05vw,1.85vh),36px);letter-spacing:.02em;color:#fafafa;text-decoration:none;-webkit-text-stroke:.04em #111;paint-order:stroke fill;text-shadow:0 .03em .03em #000;opacity:0;transition:opacity 1.2s ease}.film-source-shown{opacity:.28}.film-source-shown:hover,.film-source-shown:focus-visible{opacity:.85}@media(hover:none)and (pointer:coarse){.film-source{font-size:13px}}.film-subtitle-hint{position:fixed;z-index:2;left:50%;bottom:calc(8.4vh - 1.9em);transform:translate(-50%);max-width:88vw;text-align:center;pointer-events:none;-webkit-user-select:none;user-select:none;font-family:Arial,Helvetica,sans-serif;font-size:clamp(11px,min(1.05vw,1.85vh),36px);letter-spacing:.02em;color:#fafafa;-webkit-text-stroke:.04em #111;paint-order:stroke fill;text-shadow:0 .03em .03em #000;opacity:0;transition:opacity .8s ease}.film-subtitle-hint-shown{opacity:.3}html,body{background:#10191d}#scene{opacity:0;transition:opacity 2.6s cubic-bezier(.4,0,.2,1)}#scene.scene-shown{opacity:1}.film-entrance{transition-delay:1.6s}@media(prefers-reduced-motion:reduce){#scene{transition-duration:.6s}}.film-handheld{font-size:clamp(20px,6vw,30px);width:auto;max-width:84vw;white-space:normal;text-wrap:balance;line-height:1.25}.film-handheld p:first-child{opacity:.7}.film-handheld p:last-child{font-size:.62em;opacity:.42;margin-top:.8em}