@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap";.player-container{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#121212;overflow:hidden;padding:2rem;border:2px solid #0af;border-radius:16px;width:500px;height:520px;box-sizing:border-box;margin:auto}.volume-slider-container{position:absolute;left:-10px;bottom:10%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center}.volume-icon{font-size:1.5rem;margin-bottom:-100px;margin-left:5px}.volume-slider{-webkit-appearance:none;width:100px;height:5px;transform:rotate(-90deg);transform-origin:center;background:#444;border-radius:3px;outline:none;cursor:pointer}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;background:var(--slider-thumb-color, #0af);border:2px solid #fff;border-radius:50%;cursor:pointer}.volume-slider::-moz-range-thumb{width:12px;height:12px;background:var(--slider-thumb-color, #0af);border:2px solid #fff;border-radius:50%;cursor:pointer}.suppression-slider-container{position:absolute;right:-10px;bottom:10%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;z-index:10}.suppression-icon{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;font-size:1.5rem;margin-bottom:-100px;margin-left:5px;cursor:pointer;padding:0;transition:transform .2s ease,opacity .2s ease}.suppression-icon.active{transform:scale(1.08)}.suppression-icon:disabled{cursor:progress;opacity:.6}.suppression-slider{-webkit-appearance:none;width:100px;height:5px;transform:rotate(-90deg);transform-origin:center;background:#444;border-radius:3px;outline:none;cursor:pointer}.suppression-slider::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;background:var(--slider-thumb-color, #0af);border:2px solid #fff;border-radius:50%;cursor:pointer}.suppression-slider::-moz-range-thumb{width:12px;height:12px;background:var(--slider-thumb-color, #0af);border:2px solid #fff;border-radius:50%;cursor:pointer}.noise-info{text-align:center;margin-bottom:1rem;animation:fadeIn 1s ease-out;height:120px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.noise-name{font-size:2rem;font-weight:700;margin-bottom:.5rem;text-shadow:0 2px 4px rgba(0,0,0,.6)}.noise-details,.noise-benefits{font-size:.9rem;margin:.2rem 0;color:#ccc}.status-message{margin:.75rem auto 0;max-width:320px;font-size:.8rem;color:#ffd7d7}.dial-wrapper{position:relative;margin:1rem 0}svg{-webkit-user-select:none;user-select:none;max-width:90vw;max-height:90vw}@keyframes glowAnimation{0%{filter:drop-shadow(0 0 5px rgba(255,255,255,.5))}50%{filter:drop-shadow(0 0 15px rgba(255,255,255,1))}to{filter:drop-shadow(0 0 5px rgba(255,255,255,.5))}}.glow{animation:glowAnimation 2s infinite}.player-controls{margin-top:1rem;display:flex;gap:1rem}.btn-play,.btn-pause{font-size:1.2rem;padding:.75rem 2rem;border:none;border-radius:30px;cursor:pointer;font-weight:600;transition:transform .2s ease,box-shadow .2s ease}.btn-play:hover,.btn-pause:hover{transform:scale(1.05);box-shadow:0 4px 12px #0000004d}.btn-suppress{font-size:1.2rem;padding:.75rem 1.5rem;border:none;border-radius:30px;cursor:pointer;font-weight:600;transition:transform .2s ease,box-shadow .2s ease;display:flex;align-items:center;justify-content:center}.btn-suppress.active{transform:scale(1.1);box-shadow:0 4px 12px #00000080}body{margin:0;padding:0;font-family:Inter,sans-serif;background:linear-gradient(135deg,#1a1a1a,#2a2a2a);color:#f0f0f0;-webkit-user-select:none;user-select:none;width:100vw;height:100vh}.app-container{display:flex;flex-direction:row;width:100vw;height:100vh;overflow:hidden}.noise-selector-container{background:#121212;box-shadow:0 4px 12px #00000080;border-radius:10px;padding:15px 20px;z-index:100;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;height:100%}.noise-player-container{flex:1;display:flex;justify-content:center;align-items:center;width:100%}@media (max-width: 768px){.app-container{flex-direction:column}.noise-selector-container{flex-direction:row;width:100%;padding-left:0;height:auto}.noise-selector-container .noise-selector{display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;width:100%}}.noise-radio{width:50px;height:50px;margin:5px;border:2px solid transparent;border-radius:4px;cursor:pointer;transition:transform .2s ease,border-color .2s ease;display:flex;align-items:center;justify-content:center;font-size:.75rem;color:#fff;text-align:center;padding:4px;box-shadow:0 2px 4px #00000080}.noise-radio.selected{border-color:#fff;transform:scale(1.1)}