.audio-controls{position:fixed;top:2rem;right:2rem;z-index:1000;display:flex;align-items:center;gap:15px;padding:10px 15px}.audio-controls .volume-slider-container{display:flex;align-items:center;overflow:hidden;transition:all .4s cubic-bezier(.34,1.56,.64,1);opacity:0;width:0;transform:translate(10px)}.audio-controls:hover .volume-slider-container{opacity:1;width:100px;transform:translate(0)}.audio-controls input[type=range]{-webkit-appearance:none;width:100%;background:transparent;cursor:url(/cursors/cursor-pointer.png),pointer}.audio-controls input[type=range]:focus{outline:none}.audio-controls input[type=range]::-webkit-slider-runnable-track{width:100%;height:3px;cursor:url(/cursors/cursor-pointer.png),pointer;background:#1a1a1a;border-radius:2px;border-top:1px solid #1a1a1a;box-shadow:1px 1px #0000001a}.audio-controls input[type=range]::-moz-range-track{width:100%;height:3px;cursor:url(/cursors/cursor-pointer.png),pointer;background:#1a1a1a;border-radius:2px}.audio-controls input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;height:14px;width:14px;border-radius:50%;background:#1a1a1a;cursor:url(/cursors/cursor-pointer.png),pointer;margin-top:-6px;box-shadow:0 0 0 2px #fafafa;transition:transform .1s}.audio-controls input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}.audio-controls input[type=range]::-moz-range-thumb{height:14px;width:14px;border:none;border-radius:50%;background:#1a1a1a;cursor:url(/cursors/cursor-pointer.png),pointer;box-shadow:0 0 0 2px #fafafa;transition:transform .1s}.audio-controls input[type=range]::-moz-range-thumb:hover{transform:scale(1.2)}.audio-controls .mute-btn{background:none;border:none;cursor:url(/cursors/cursor-pointer.png),pointer;padding:5px;display:flex;align-items:center;justify-content:center;opacity:.8;transition:transform .2s ease,opacity .2s}.audio-controls .mute-btn:hover{opacity:1;transform:scale(1.1) rotate(5deg)}.audio-controls .mute-btn svg{width:28px;height:28px;fill:none;stroke:#1a1a1a;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}@media(max-width:767px){html{font-size:14px}}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background-color:#fafafa;color:#0a0a0a;overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;-ms-overflow-style:none;scrollbar-width:none}body::-webkit-scrollbar{display:none}.app{width:100%;height:100vh;height:100dvh;position:relative;overflow:hidden}.canvas-wrapper{position:absolute;inset:0;z-index:1}.ui-overlay{position:fixed;inset:0;pointer-events:none;z-index:50}.scroll-hint{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;animation:fadeIn 1s ease .5s both}.scroll-hint__text{font-family:Caveat,cursive;font-size:1rem;color:#666}.scroll-hint__arrow{font-size:1.5rem;color:#0a0a0a;animation:bounce 2s ease infinite}.instructions{position:absolute;bottom:1rem;right:1rem}.instructions p{font-family:Caveat,cursive;font-size:.9rem;color:#888;background:#ffffffe6;padding:.5rem 1rem;border-radius:20px;border:1px solid #eee}@media(max-width:767px){.instructions{bottom:auto;top:1rem;right:1rem}.instructions p{font-size:.75rem}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}60%{transform:translateY(-4px)}}.ui-overlay,.scroll-hint,.instructions{-webkit-user-select:none;user-select:none}a{color:inherit;text-decoration:none}button{background:none;border:none;cursor:url(/cursors/cursor-pointer.png),pointer;font:inherit;color:inherit}.preloader{position:fixed;inset:0;width:100%;height:100%;z-index:100;pointer-events:auto;cursor:url(/cursors/cursor-default.png),auto}.preloader__half{position:absolute;top:0;bottom:0;width:100%;height:100%;background-color:#fff;background-image:url(/textures/paper-texture.webp);background-size:cover;background-position:center;will-change:transform;filter:drop-shadow(0 0 10px rgba(0,0,0,.1))}.preloader__half--left{left:0}.preloader__half--right{right:0}.preloader__overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;pointer-events:none}.preloader__percentage{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:Caveat,cursive;font-size:2rem;color:#0a0a0a;z-index:20;mix-blend-mode:multiply}