@font-face{font-family:Kabel Black;src:url(../fonts/KabelBlack.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}:root{--ui-white: #ffffff;--ui-opacity: .8;--rec: #dd0103}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:#050508;color:#fff;font-family:Kabel Black,system-ui,sans-serif;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;touch-action:none}#app{position:fixed;inset:0;width:100vw;height:100vh;height:100dvh;overflow:hidden;background:#050508}#video-stage{position:absolute;left:-28px;top:-28px;width:calc(100% + 56px);height:calc(100% + 56px);overflow:hidden;z-index:0;pointer-events:none;will-change:transform;transform-origin:center center;background:#050508}#video-a,#video-b{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;background:transparent}#video-a.shader-source,#video-b.shader-source{opacity:0}#video-stage video.is-back{opacity:0}#video-gl,#video-hold{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:1}#video-gl[hidden],#video-hold[hidden]{display:none}.live-gif{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none;overflow:hidden}#video-look,#bloom{position:absolute;inset:0;z-index:1;pointer-events:none}#bloom{opacity:0;mix-blend-mode:screen;background:radial-gradient(ellipse 70% 50% at 50% 40%,rgba(180,220,255,.28),transparent 70%);filter:blur(18px)}#scene{position:absolute;inset:0;width:100%;height:100%;z-index:5;display:block;touch-action:none;cursor:grab}#scene:active{cursor:grabbing}#hud{position:absolute;inset:0;pointer-events:none}#top-info{position:absolute;top:calc(14px + env(safe-area-inset-top,0px));left:0;right:0;display:flex;justify-content:center;z-index:6}#readout{position:relative;display:inline-block}#rec-dot{position:absolute;right:calc(100% + 15px);top:50%;width:6px;height:6px;margin-top:-3px;border-radius:50%;background:var(--rec);opacity:1;animation:rec-blink 3s steps(1,end) infinite}#counter{display:block;font-family:Kabel Black,sans-serif;font-size:18px;letter-spacing:.08em;color:var(--ui-white);opacity:var(--ui-opacity);transition:opacity .2s linear;line-height:1;white-space:nowrap;text-align:center}#logo{position:absolute;left:50%;bottom:calc(40px + env(safe-area-inset-bottom,0px));width:94%;max-width:980px;height:24vw;max-height:148px;transform:translate(-50%);opacity:var(--ui-opacity);z-index:3;pointer-events:none}#logo svg,#logo .logo-static{width:100%;height:100%;display:block;object-fit:contain}#eq{position:absolute;left:0;right:0;bottom:0;width:100%;height:40px;display:block;opacity:var(--ui-opacity);z-index:6;pointer-events:none}#glitch{position:absolute;inset:0;z-index:20;pointer-events:none;opacity:0}#glitch canvas{width:100%;height:100%;display:block}#glitch.on{opacity:1}#photo-input{position:fixed;left:0;top:0;width:48px;height:48px;opacity:0;z-index:30;pointer-events:none}@keyframes rec-blink{0%,49.999%{opacity:1}50%,to{opacity:0}}