#root{min-height:100vh;min-height:100svh}.app{position:relative;min-height:100vh;min-height:100svh;overflow:clip;background:radial-gradient(circle at 12% 14%,rgba(255,255,255,.95),transparent 28%),linear-gradient(135deg,#f4efe6,#d8e0df 48%,#b9c1b8)}.viewer{width:100vw;height:100vh;height:100svh}.tv-glitch{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;opacity:.22;mix-blend-mode:multiply;overflow:hidden}.tv-glitch:before,.tv-glitch:after{position:absolute;top:0;right:0;bottom:0;left:0;content:""}.tv-glitch:before{background:linear-gradient(to bottom,transparent 0%,rgba(255,255,255,.28) 47%,rgba(31,39,37,.22) 49%,transparent 52%);transform:translateY(-100%);animation:glitch-roll 2.2s linear infinite}.tv-glitch:after{background:repeating-linear-gradient(to bottom,rgba(31,39,37,.14) 0,rgba(31,39,37,.14) 1px,transparent 1px,transparent 4px);opacity:.58}.tv-glitch-noise{position:absolute;top:-8%;right:-8%;bottom:-8%;left:-8%;width:116%;height:116%;image-rendering:pixelated;filter:contrast(210%) brightness(115%);animation:glitch-shift .26s steps(2,end) infinite}@keyframes glitch-shift{0%{transform:translate3d(-1.4%,.8%,0) skew(0)}20%{transform:translate3d(1.8%,-.6%,0) skew(-.8deg)}42%{transform:translate3d(-.7%,1.4%,0) skew(.5deg)}63%{transform:translate3d(2.2%,.2%,0) skew(-1.1deg)}to{transform:translate3d(-1.1%,-1%,0) skew(.4deg)}}@keyframes glitch-roll{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.audio-controls{position:absolute;top:clamp(18px,3vw,34px);right:clamp(18px,3vw,34px);z-index:2;display:flex;gap:.45rem}.audio-button{display:grid;width:44px;height:44px;padding:0;place-items:center;color:#1f2725;background:transparent;border:0;border-radius:50%;cursor:pointer}.audio-button:hover{color:#1f2725b8}.audio-button:focus-visible{outline:2px solid currentColor;outline-offset:4px}.audio-button svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.caption{position:absolute;left:clamp(20px,4vw,56px);bottom:max(clamp(20px,4vw,48px),env(safe-area-inset-bottom));z-index:2;max-width:calc(100vw - clamp(40px,8vw,112px));color:#1f2725;pointer-events:none}.caption p{position:relative;top:-.16em;margin:0;font-size:clamp(2.4rem,7vw,6.5rem);font-weight:750;line-height:.9}.glitch-title{display:inline-block}.glitch-title.is-active{text-shadow:.035em 0 rgba(255,255,255,.48),-.025em 0 rgba(31,39,37,.34);animation:title-glitch-shake 2.8s steps(1,end) infinite}.glitch-title.is-active:before,.glitch-title.is-active:after{position:absolute;top:0;right:0;bottom:0;left:0;content:attr(data-text);pointer-events:none;opacity:.78}.glitch-title.is-active:before{color:#ffffffb8;transform:translate(-.035em,-.015em);clip-path:inset(0 0 58% 0);animation:title-glitch-slice-a 1.65s steps(1,end) infinite}.glitch-title.is-active:after{color:#1f2725ad;transform:translate(.04em,.02em);clip-path:inset(48% 0 0 0);animation:title-glitch-slice-b 1.25s steps(1,end) infinite}@keyframes title-glitch-shake{0%,86%,to{transform:translate(0)}88%{transform:translate(-.012em,.004em)}90%{transform:translate(.018em,-.006em)}92%{transform:translate(-.006em,.01em)}}@keyframes title-glitch-slice-a{0%,72%,to{clip-path:inset(0 0 64% 0);transform:translate(-.03em,-.01em)}74%{clip-path:inset(18% 0 54% 0);transform:translate(-.09em,.01em)}77%{clip-path:inset(4% 0 76% 0);transform:translate(.06em,-.015em)}80%{clip-path:inset(35% 0 38% 0);transform:translate(-.05em,.02em)}}@keyframes title-glitch-slice-b{0%,64%,to{clip-path:inset(52% 0 0 0);transform:translate(.035em,.018em)}67%{clip-path:inset(62% 0 12% 0);transform:translate(.1em,-.008em)}70%{clip-path:inset(42% 0 35% 0);transform:translate(-.06em,.018em)}73%{clip-path:inset(78% 0 4% 0);transform:translate(.075em,.008em)}}.caption span{display:block;margin-top:.85rem;font-size:clamp(.9rem,1.5vw,1.05rem);color:#1f2725b8}@media (max-width: 700px){.app{min-height:100dvh}.viewer{height:100dvh}.caption{left:clamp(18px,6vw,28px);right:clamp(18px,6vw,28px);bottom:max(78px,calc(env(safe-area-inset-bottom) + 34px));max-width:none}.caption p{top:0;width:min-content;max-width:100%;font-size:clamp(2rem,12vw,3.4rem);line-height:.94}.caption span{margin-top:.55rem;font-size:.85rem}}@media (max-height: 620px) and (max-width: 700px){.caption{bottom:max(56px,calc(env(safe-area-inset-bottom) + 22px))}.caption p{font-size:clamp(1.75rem,10vw,2.7rem)}.caption span{display:none}}.loader{min-width:150px;color:#1f2725;font-size:.95rem;font-weight:650}:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#1f2725;background:#f4efe6;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body{margin:0;min-width:320px;min-height:100vh}body{overflow:hidden}