*{margin:0;padding:0;box-sizing:border-box}html{overflow:hidden}.video-container{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1}canvas{width:100%;height:100%}#loader{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;display:flex;align-items:center;justify-content:center;z-index:10;transition:opacity .4s}#progress-bar{width:160px;height:2px;background:#333}#progress{height:100%;width:0%;background:#fff;transition:width .1s}#audio-toggle{position:fixed;top:32px;left:32px;width:52px;height:52px;border:2px solid rgba(255,255,255,.25);border-radius:8px;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:5;transition:border-color .15s,background .15s,box-shadow .15s;animation:hint-fade-in .6s .5s both}#audio-toggle .wave-bar{fill:#ffffff59;transform-origin:center;transition:fill .3s}#audio-toggle .wave-bar:nth-child(1){animation:wave-bar .8s ease-in-out infinite alternate paused;animation-delay:0s}#audio-toggle .wave-bar:nth-child(2){animation:wave-bar .8s ease-in-out infinite alternate paused;animation-delay:.12s}#audio-toggle .wave-bar:nth-child(3){animation:wave-bar .8s ease-in-out infinite alternate paused;animation-delay:.24s}#audio-toggle .wave-bar:nth-child(4){animation:wave-bar .8s ease-in-out infinite alternate paused;animation-delay:.36s}#audio-toggle .wave-bar:nth-child(5){animation:wave-bar .8s ease-in-out infinite alternate paused;animation-delay:.48s}#audio-toggle.unmuted .wave-bar{fill:#ffffffe6;animation-play-state:running}#audio-toggle.unmuted,#audio-toggle:hover{border-color:#ffffff80;background:#ffffff1a;box-shadow:0 0 12px #ffffff26}#audio-toggle:active{border-color:#ffffffb3;background:#ffffff26;box-shadow:0 0 20px #ffffff40}@keyframes wave-bar{0%{transform:scaleY(.3)}to{transform:scaleY(1)}}#scroll-hint{position:fixed;bottom:32px;right:32px;display:flex;flex-direction:column;gap:8px;z-index:5;animation:hint-fade-in .6s .5s both}#scroll-hint button{width:52px;height:52px;border:2px solid rgba(255,255,255,.25);border-radius:8px;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .15s,background .15s,box-shadow .15s}#scroll-hint button svg{fill:#fff9;transition:fill .15s}#scroll-hint button:hover,#scroll-hint button.active{border-color:#ffffff80;background:#ffffff1a;box-shadow:0 0 12px #ffffff26}#scroll-hint button:hover svg,#scroll-hint button.active svg{fill:#ffffffe6}#scroll-hint button:active{border-color:#ffffffb3;background:#ffffff26;box-shadow:0 0 20px #ffffff40}#scroll-hint button:active svg{fill:#fff}#btn-up{animation:bounce-up 1.8s ease-in-out infinite}#btn-down{animation:bounce-down 1.8s ease-in-out infinite}@keyframes bounce-up{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes bounce-down{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}@keyframes hint-fade-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}