:root{--text-color:#fff;--neon-pink:#ff00ff;--light-pink:#ff66ff;--neon-cyan:#00ffff;--neon-blue:#0055ff;--font-main:'Space Mono',monospace}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body{color:var(--text-color);font-family:var(--font-main);height:100vh;display:flex;justify-content:center;align-items:center;overflow:hidden;position:relative}.bg-image{position:fixed;top:0;left:0;width:100%;height:100%;height:100dvh;background:url('background.jpg') center center/cover no-repeat;z-index:-1}body::before{display:none}.top-right-icons{position:fixed;top:20px;right:20px;display:flex;align-items:center;justify-content:flex-end;gap:20px;z-index:100}.volume-container{display:flex;align-items:center;margin-right:10px}.container{text-align:center;z-index:10;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.controls{display:flex;flex-direction:column;align-items:center;gap:1.5rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.btn{background:rgba(0,0,0,.2);cursor:pointer;border-radius:50%;width:180px;height:180px;display:flex;justify-content:center;align-items:center;transition:.3s;--glow-color:var(--neon-cyan);border:6px solid #fff;color:#fff;box-shadow:0 0 5px #fff,inset 0 0 5px #fff,0 0 10px var(--glow-color),inset 0 0 10px var(--glow-color),0 0 20px var(--glow-color),inset 0 0 20px var(--glow-color),0 0 40px var(--glow-color),0 0 80px rgba(0,0,0,.8);text-shadow:0 0 5px #fff,0 0 10px var(--glow-color),0 0 20px var(--glow-color)}.btn.mode-cool{--glow-color:var(--neon-cyan)}.btn.mode-move{--glow-color:var(--light-pink)}.btn:hover{transform:scale(1.02);background:rgba(0,0,0,.3)}.btn svg{width:80px;height:80px;filter:drop-shadow(0 0 2px #fff) drop-shadow(0 0 5px var(--glow-color)) drop-shadow(0 0 10px var(--glow-color))}#pause-icon line{stroke-linecap:round;stroke-width:4px}input[type=range]{-webkit-appearance:none;width:100px;height:4px;background:0 0;cursor:pointer;border-radius:2px;box-shadow:none;filter:drop-shadow(0 0 2px #fff) drop-shadow(0 0 5px var(--light-pink))}input[type=range]:focus{outline:0}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;height:16px;width:16px;background:#fff;cursor:pointer;margin-top:-6px;border-radius:50%;box-shadow:0 0 1px #fff;transition:transform .2s}input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.2)}input[type=range]::-webkit-slider-runnable-track{width:100%;height:4px;cursor:pointer;background:0 0;border-radius:2px}input[type=range]::-moz-range-thumb{height:16px;width:16px;background:#fff;cursor:pointer;border:none;border-radius:50%;box-shadow:0 0 1px #fff;transition:transform .2s}input[type=range]:hover::-moz-range-thumb{transform:scale(1.2)}input[type=range]::-moz-range-track{width:100%;height:4px;cursor:pointer;background:0 0;border-radius:2px}.icon-btn{background:0 0;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:8px;transition:transform .2s;filter:drop-shadow(0 0 2px #fff) drop-shadow(0 0 5px var(--light-pink)) drop-shadow(0 0 10px var(--light-pink))}.icon-btn:hover{transform:scale(1.1);filter:drop-shadow(0 0 3px #fff) drop-shadow(0 0 8px var(--light-pink)) drop-shadow(0 0 15px var(--light-pink))}.status{margin-top:1rem;font-size:.9rem;opacity:.8;text-shadow:0 0 5px currentColor;letter-spacing:2px}.hidden{display:none!important}.background-effect{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}body::after{content:" ";display:block;position:absolute;top:0;left:0;bottom:0;right:0;background:linear-gradient(rgba(18,16,16,0) 50%,rgba(0,0,0,.25) 50%),linear-gradient(90deg,rgba(255,0,0,.06),rgba(0,255,0,.02),rgba(0,0,255,.06));z-index:2;background-size:100% 2px,3px 100%;pointer-events:none}.mode-switch-container{position:fixed;bottom:50px;left:50%;transform:translateX(-50%);z-index:100}.mode-switch-container.top-left{bottom:auto;left:20px;top:20px;transform:none}.mode-btn{background:0 0;border:3px solid #fff;color:#fff;font-family:'Varela Round',sans-serif;padding:8px 20px;font-size:1.3rem;font-weight:700;cursor:pointer;text-transform:lowercase;border-radius:50px;transition:.3s;display:flex;justify-content:center;align-items:center;box-shadow:0 0 5px #fff,inset 0 0 5px #fff,0 0 10px var(--neon-cyan),inset 0 0 5px var(--neon-cyan),0 0 15px var(--neon-cyan);text-shadow:0 0 5px #fff,0 0 10px var(--neon-cyan),0 0 20px var(--neon-cyan)}.mode-btn:hover{transform:scale(1.02);background:rgba(0,0,0,.3)}body.mode-move .mode-btn{box-shadow:0 0 5px #fff,inset 0 0 5px #fff,0 0 10px var(--light-pink),inset 0 0 5px var(--light-pink),0 0 15px var(--light-pink);text-shadow:0 0 5px #fff,0 0 10px var(--light-pink),0 0 20px var(--light-pink)}