@import url("https://fonts.googleapis.com/css2?family=Bangers&display=swap");.noise-page{position:fixed;font-family:Poppins,sans-serif;transition:background .5s ease}.noise-page,.stage{inset:0;overflow:hidden}.ball,.stage{position:absolute}.ball{border-radius:50%;will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:-webkit-grab;cursor:grab}.ball:active{cursor:-webkit-grabbing;cursor:grabbing}.ball.plastic{background-image:radial-gradient(circle closest-side at 50% 60%,hsla(0,0%,100%,.2) 0,hsla(0,0%,100%,.2) 30%,hsla(0,0%,100%,.1) 80%,rgba(0,0,0,.2) 130%)}.ball.plastic:after{content:"";position:absolute;left:19%;top:2%;width:62%;height:44%;border-radius:50%;background-image:linear-gradient(180deg,hsla(0,0%,100%,.7) 0,hsla(0,0%,100%,.1))}.ball.emoji{border-radius:0;background-image:url(https://bouncyballs.org/assets/images/emoji-new.png);background-size:600% 600%}.ball.numbers{display:flex;align-items:center;justify-content:center;background-image:radial-gradient(circle closest-side at 50% 60%,hsla(0,0%,100%,.2) 0,hsla(0,0%,100%,.2) 30%,hsla(0,0%,100%,.1) 80%,rgba(0,0,0,.2) 130%);text-shadow:0 0 4px rgba(0,0,0,.5)}.ball.numbers:after{content:"";position:absolute;left:19%;top:2%;width:62%;height:44%;border-radius:50%;background-image:linear-gradient(180deg,hsla(0,0%,100%,.6) 0,hsla(0,0%,100%,.1))}.ball.numbers .number{font-family:Bangers,Comic Sans MS,cursive;font-size:32px;color:#fff;z-index:1;pointer-events:none}.ball.bubbles{box-shadow:inset 0 10px 30px 5px rgba(150,200,255,.5);background:radial-gradient(circle farthest-corner at 50% 60%,rgba(100,150,255,.1) 0,rgba(100,150,255,.2) 40%,rgba(100,150,255,.3) 55%)}.ball.bubbles:after{content:"";position:absolute;top:4%;left:10%;width:80%;height:80%;border-radius:100%;background-image:radial-gradient(circle farthest-corner at 50% 80%,transparent,transparent 74%,#fff 80%,#fff 84%,transparent 100%)}.stage.bubbles{background-color:#020c55;background-image:url(https://bouncyballs.org/assets/images/underwater.jpg);background-size:1200px 700px;background-position:50% 0;background-repeat:repeat-x}.ball.eyeballs{background-color:#fcfcfc;background-image:radial-gradient(circle farthest-corner at 50% 50%,#fcfcfc 0,#f9eff0 62%,#944 100%)}.ball.eyeballs .outer-iris{position:absolute;width:48%;height:48%;margin:26%;border-radius:50%;animation:eye-anim 6s ease infinite}.ball.eyeballs .iris{position:relative;margin:3%;width:94%;height:94%;border-radius:50%;background-image:radial-gradient(circle farthest-corner at 50% 50%,currentColor 30%,color-mix(in srgb,currentColor,#000 40%) 100%)}.ball.eyeballs .iris:before{width:37.5%;height:37.5%;top:31.25%;left:31.25%;background-color:#000}.ball.eyeballs .iris:after,.ball.eyeballs .iris:before{content:"";display:block;position:absolute;border-radius:50%}.ball.eyeballs .iris:after{width:31.25%;height:31.25%;top:18.75%;left:18.75%;background-color:hsla(0,0%,100%,.2)}@keyframes eye-anim{0%{transform:translateZ(0)}10%,35%{transform:translateX(-40%) translateY(40%) skewX(15deg) skewY(-10deg) scale(.95)}40%,50%{transform:translateZ(0)}65%,85%{transform:translateX(40%) translateY(-40%) skewX(5deg) skewY(2deg) scaleX(.95)}90%,to{transform:translateZ(0)}}.noise-alert{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:100;opacity:0;pointer-events:none;transition:opacity .3s ease}.noise-alert.visible{opacity:1}.noise-alert h2{font-family:Bangers,Comic Sans MS,cursive;font-size:clamp(60px,15vw,140px);font-weight:400;color:#fff;text-shadow:0 0 20px #000,0 0 40px rgba(0,0,0,.5);text-transform:uppercase;white-space:nowrap;margin:0;animation:wobble .8s ease-in-out infinite}@keyframes wobble{0%,to{transform:scale(1)}50%{transform:scaleX(.9) scaleY(1.11)}}.top-bar{position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:16px 24px;z-index:50}.back-btn{color:hsla(0,0%,100%,.7);text-decoration:none;font-size:15px;font-weight:500;padding:8px 16px;background:hsla(0,0%,100%,.1);border-radius:20px;transition:all .2s}.back-btn:hover{background:hsla(0,0%,100%,.2);color:#fff}.info-display{display:flex;gap:16px;align-items:center}.time,.weather{color:#fff;font-size:15px;font-weight:600;padding:8px 16px;background:hsla(0,0%,100%,.15);border-radius:20px}.weather{cursor:pointer;transition:background .2s}.weather:hover{background:hsla(0,0%,100%,.25)}.location-popup{position:fixed;top:70px;right:24px;background:rgba(0,0,0,.9);border-radius:16px;padding:16px;z-index:60;border:1px solid hsla(0,0%,100%,.2)}.location-popup form{display:flex;gap:8px;margin-bottom:12px}.location-popup input[type=text]{padding:10px 14px;font-size:14px;border:1px solid hsla(0,0%,100%,.3);border-radius:8px;background:hsla(0,0%,100%,.1);color:#fff;width:150px;outline:none}.location-popup input[type=text]::placeholder{color:hsla(0,0%,100%,.5)}.location-popup button[type=submit]{padding:10px 16px;font-size:14px;font-weight:600;color:#000;background:#fff;border:none;border-radius:8px;cursor:pointer}.temp-toggle{display:flex;gap:8px}.temp-toggle button{flex:1 1;padding:8px;font-size:13px;font-weight:600;color:hsla(0,0%,100%,.6);background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:6px;cursor:pointer;transition:all .2s}.temp-toggle button.active{color:#fff;background:hsla(0,0%,100%,.25);border-color:hsla(0,0%,100%,.4)}.bot-bar{position:fixed;bottom:0;left:0;right:160px;gap:20px;padding:16px 24px;background:rgba(0,0,0,.4);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:50}.bot-bar,.bot-container{display:flex;align-items:center}.bot-container{flex-direction:column;gap:4px}.bot-image{width:70px;height:70px;border-radius:50%;object-fit:cover;border:3px solid hsla(0,0%,100%,.3);transition:transform .3s}.bot-name{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px}.bot-image.shake{animation:shake .35s ease-in-out infinite}.bot-image.wiggle{animation:wiggle .5s ease-in-out infinite}@keyframes shake{0%,to{transform:translateX(0) rotate(0)}25%{transform:translateX(-8px) rotate(-10deg)}75%{transform:translateX(8px) rotate(10deg)}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}.bot-message{flex:1 1;font-size:18px;font-weight:600;color:#fff}.level-badge{padding:10px 20px;font-size:14px;font-weight:700;color:#fff;border-radius:20px;text-transform:uppercase;letter-spacing:1px}.side-menu{position:fixed;top:60px;right:0;bottom:0;width:160px;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:40;transition:transform .4s cubic-bezier(.4,0,.2,1);overflow-y:auto}.side-menu.collapsed{transform:translateX(140px)}.menu-toggle{position:absolute;left:-20px;top:50%;transform:translateY(-50%);width:20px;height:60px;background:rgba(0,0,0,.5);border:none;border-radius:8px 0 0 8px;color:#fff;font-size:12px;cursor:pointer;transition:background .2s}.menu-toggle:hover{background:rgba(0,0,0,.7)}.menu-content{padding:16px 12px}.menu-section{margin-bottom:20px;text-align:center}.menu-section h3{font-size:13px;font-weight:600;color:#fff;text-transform:uppercase;margin:0 0 10px;opacity:.7}.mic-btn{width:60px;height:60px;border-radius:50%;border:none;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;margin:0 auto}.mic-btn.off{background:hsla(0,0%,100%,.2);opacity:.6}.mic-btn.off:hover{opacity:1}.mic-btn.on{background:rgba(34,197,94,.4);box-shadow:0 0 20px rgba(34,197,94,.5)}.mic-icon{font-size:28px}.mic-error{font-size:11px;color:#fca5a5;margin-top:8px}.slider-container{padding:8px 0}.slider{width:100%;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:hsla(0,0%,100%,.3);border-radius:2px;outline:none;cursor:col-resize}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:#fff;border-radius:50%;cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,.3);-webkit-transition:transform .2s;transition:transform .2s}.slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.slider-value{font-size:12px;color:hsla(0,0%,100%,.6)}.presets{display:flex;justify-content:center;gap:6px;margin-top:8px}.presets button{width:28px;height:28px;border-radius:50%;border:none;background:hsla(0,0%,100%,.15);font-size:14px;cursor:pointer;transition:all .2s;opacity:.6}.presets button:hover{opacity:1}.presets button.active{opacity:1;background:hsla(0,0%,100%,.3);box-shadow:0 0 0 2px hsla(0,0%,100%,.5)}.theme-list{display:flex;flex-direction:column;gap:4px}.theme-list label{display:block;padding:6px 12px;font-size:13px;color:hsla(0,0%,100%,.6);cursor:pointer;transition:all .2s;border-radius:6px}.theme-list label:hover{color:#fff;background:hsla(0,0%,100%,.1)}.theme-list label.active{color:#fff;background:hsla(0,0%,100%,.2)}.theme-list input[type=radio]{display:none}.color-list{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.color-btn{width:24px;height:24px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:all .2s;opacity:.7}.color-btn:hover{opacity:1;transform:scale(1.1)}.color-btn.active{opacity:1;border-color:#fff;box-shadow:0 0 10px currentColor}.checkbox-label{display:inline-block;position:relative;width:30px;height:30px;cursor:pointer}.checkbox-label input{display:none}.checkmark{position:absolute;inset:0;border-radius:50%;border:2px solid hsla(0,0%,100%,.4);transition:all .2s}.checkbox-label:hover .checkmark{border-color:hsla(0,0%,100%,.7)}.checkbox-label input:checked+.checkmark{background:hsla(0,0%,100%,.2);border-color:#fff}.checkbox-label input:checked+.checkmark:after{content:"";position:absolute;width:12px;height:6px;left:7px;top:9px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg)}.alert-sounds{margin-top:12px;display:flex;flex-direction:column;gap:4px}.alert-sounds label{display:block;padding:6px 10px;font-size:12px;color:hsla(0,0%,100%,.6);cursor:pointer;transition:all .2s;border-radius:6px}.alert-sounds label:hover{color:#fff}.alert-sounds label.active{color:#fff;background:hsla(0,0%,100%,.15)}.alert-sounds input[type=radio]{display:none}@media (max-width:768px){.side-menu{width:140px}.side-menu.collapsed{transform:translateX(120px)}.bot-bar{right:140px;padding:12px 16px;gap:12px}.bot-image{width:50px;height:50px}.bot-message{font-size:14px}.level-badge{padding:8px 14px;font-size:12px}.noise-alert h2{font-size:50px}}@media (max-width:600px){.side-menu{top:auto;bottom:80px;right:10px;width:auto;border-radius:16px;height:auto;max-height:60vh}.side-menu.collapsed{transform:translateY(calc(100% - 50px))}.menu-toggle{left:50%;top:-15px;transform:translateX(-50%) rotate(90deg);width:40px;height:20px;border-radius:8px 8px 0 0}.bot-bar{right:0;bottom:0;flex-wrap:wrap;justify-content:center;text-align:center;padding-bottom:20px}.bot-message{width:100%;order:3}.top-bar{flex-wrap:wrap;gap:10px}.info-display{width:100%;justify-content:center}}@media (max-height:600px){.bot-bar{display:none}.side-menu{bottom:0}}