*{box-sizing:border-box;margin:0;padding:0}:root{--bg-color:#000;--control-bg:#00000073;--text-color:#fff;--accent-color:#e50914;--big-btn:96px;--nav-btn:80px;--corner-btn:56px;--big-btn-mobile:76px;--nav-btn-mobile:64px;--corner-btn-mobile:50px}html,body{background:var(--bg-color);width:100%;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:12px;overflow:hidden}#app{justify-content:center;align-items:center;width:100vw;height:100dvh;display:flex;position:relative}#videoPlayer,#preloadVideo{object-fit:contain;background:var(--bg-color);width:100%;height:100%;position:absolute;top:0;left:0}video.preload-mode{visibility:hidden;width:1px;height:1px;position:fixed;left:-9999px}.hidden{display:none!important}#overlay{z-index:10;cursor:pointer;opacity:0;background:radial-gradient(#00000059 0%,#0000 70%);justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}#overlay.visible{opacity:1}#videoTitle:empty{display:none}#videoTitle{z-index:1;letter-spacing:.14em;text-transform:uppercase;text-align:center;width:fit-content;max-width:80dvw;color:var(--text-color);background:var(--control-bg);pointer-events:none;padding:12px 28px;font-family:VcrOsdMono,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:2rem;position:absolute;top:15dvh;left:50%;transform:translate(-50%)}#app.landing #overlay{z-index:50}#app.cursor-hidden{cursor:none}#app.cursor-hidden #overlay,#app.cursor-hidden #overlay *{cursor:none!important}#centerControls{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}#prevBtn,#nextBtn{transition:opacity .3s;position:absolute;top:50%;transform:translateY(-50%)}#prevBtn{left:2vw}#nextBtn{right:2vw}#prevBtn.faded{opacity:0;pointer-events:none}#centerControls button,#shareBtn,#fullscreenBtn,#muteBtn{color:var(--text-color);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:transform .1s;display:flex}#centerControls button{pointer-events:auto;flex:none;height:auto;line-height:0}#centerControls button:hover svg,#shareBtn:hover svg,#fullscreenBtn:hover svg,#muteBtn:hover svg{transform:scale(1.12)}#centerControls button:active,#shareBtn:active,#fullscreenBtn:active,#muteBtn:active{transform:scale(.93)}#centerControls #prevBtn:active,#centerControls #nextBtn:active{transform:translateY(-50%)scale(.93)}#centerControls button:focus-visible,#shareBtn:focus-visible,#fullscreenBtn:focus-visible,#muteBtn:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}#centerControls button svg{width:22vh;max-width:22vw;height:auto;transition:all .15s}#playPauseBtn svg{width:26vh;max-width:26vw}#shareBtn svg,#fullscreenBtn svg,#muteBtn svg{width:70%;height:70%;transition:all .15s}#shareBtn{bottom:max(32px, env(safe-area-inset-bottom));width:var(--corner-btn);height:var(--corner-btn);position:absolute;left:50%;transform:translate(-50%)}#shareBtn:active{transform:translate(-50%)scale(.93)}#muteBtn{bottom:max(32px, env(safe-area-inset-bottom));left:max(24px, env(safe-area-inset-left));width:var(--corner-btn);height:var(--corner-btn);position:absolute}#fullscreenBtn{bottom:max(32px, env(safe-area-inset-bottom));right:max(24px, env(safe-area-inset-right));width:var(--corner-btn);height:var(--corner-btn);position:absolute}#loading{z-index:40;opacity:1;pointer-events:none;justify-content:center;align-items:center;transition:opacity .25s;display:flex;position:fixed;inset:0}#loading.fade-out{opacity:0;transition:opacity 1s}#loading.hidden{display:none}#staticCanvas{width:100%;height:100%;display:block;position:absolute;inset:0}#error{color:#ff6b6b;text-align:center;z-index:50;background:var(--control-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;max-width:80vw;padding:24px;font-size:1.5rem;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}#error.hidden{display:none}#shareModal{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#shareModalCard{background:#111;border:1px solid #ffffff26;border-radius:12px;flex-direction:column;gap:8px;width:min(480px,90vw);padding:28px;display:flex}#shareModalCard h2{color:var(--text-color);margin-bottom:8px;font-size:1.667rem;font-weight:600}#shareModalCard label{text-transform:uppercase;letter-spacing:.08em;color:#fff9;margin-top:8px;font-size:1rem}#shareArchiveField label{font-size:.75rem}#shareArchiveField .share-row input{padding:8px 10px;font-size:.833rem}.share-row{gap:8px;display:flex}.share-row input{min-width:0;color:var(--text-color);background:#000;border:1px solid #ffffff26;border-radius:8px;outline:none;flex:1;padding:10px 12px;font-size:1.083rem}.share-row button{background:var(--control-bg);width:40px;height:40px;color:var(--text-color);cursor:pointer;border:none;border-radius:8px;flex:none;justify-content:center;align-items:center;font-size:1.667rem;transition:background .15s,transform .1s;display:flex}.share-row button:hover{background:#ffffff26}.share-row button:active{transform:scale(.92)}#shareModalClose{color:var(--text-color);cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:8px;margin-top:16px;padding:10px;font-size:1.167rem;font-weight:500;transition:background .15s}#shareModalClose:hover{background:#ffffff26}@media (width<=480px){#centerControls button svg{width:18vh;max-width:18vw}#playPauseBtn svg{width:22vh;max-width:22vw}#shareBtn,#fullscreenBtn,#muteBtn{width:var(--corner-btn-mobile);height:var(--corner-btn-mobile);bottom:max(24px, env(safe-area-inset-bottom))}}