body{margin:0;padding:0;background:#000;color:#c4f0c5;font-family:Orbitron,sans-serif}.app-container{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:100vh;padding:1rem;padding-bottom:calc(80px + 2rem);overflow-x:hidden;width:100%}h1,h2,h3,p{margin:.5rem;color:#ae81ff;text-align:center}button{background:none;border:1px solid #ae81ff;color:#ae81ff;padding:.5rem 1rem;margin:.5rem;cursor:pointer;transition:.3s;border-radius:8px}button:hover{background:#ae81ff;color:#000}input[type=text],input[type=range]{background:#1a1a1a;border:1px solid #ae81ff;color:#c4f0c5;padding:.4rem;margin:.5rem 0;border-radius:8px}ul{list-style:none;padding:0}li{margin:.3rem 0}.player{z-index:1000;position:fixed;bottom:0;width:100%}.pagination-container{position:fixed;bottom:80px;z-index:900;background-color:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:8px;border-radius:20px;width:auto;left:50%;transform:translate(-50%);display:flex;justify-content:center;border:1px solid rgba(174,129,255,.3)}.neon-title{font-family:Orbitron,sans-serif;font-weight:700;color:#fff;text-shadow:0 0 5px #ae81ff,0 0 10px #ae81ff,0 0 20px #ae81ff,0 0 40px #ae81ff;letter-spacing:3px;margin:2rem 0;text-transform:uppercase;position:relative;text-align:center;font-size:4rem!important}@keyframes flicker{0%,19.999%,22%,62.999%,64%,64.999%,70%,to{opacity:1;text-shadow:0 0 5px #ae81ff,0 0 10px #ae81ff,0 0 20px #ae81ff,0 0 40px #ae81ff}20%,21.999%,63%,63.999%,65%,69.999%{opacity:.8;text-shadow:none}}@keyframes colorCycle{0%{color:#fff;text-shadow:0 0 10px #ae81ff,0 0 20px #ae81ff,0 0 30px #ae81ff}33%{color:#fff;text-shadow:0 0 10px #c085ff,0 0 20px #c085ff,0 0 30px #c085ff}66%{color:#fff;text-shadow:0 0 10px #9a6eff,0 0 20px #9a6eff,0 0 30px #9a6eff}to{color:#fff;text-shadow:0 0 10px #ae81ff,0 0 20px #ae81ff,0 0 30px #ae81ff}}#Almeronin{animation:flicker 5s infinite alternate,colorCycle 10s infinite;margin-top:2rem;margin-bottom:2rem;font-size:4rem!important}@media only screen and (max-width: 600px){.app-container{padding:.5rem;padding-bottom:calc(80px + 1rem)}#Almeronin{font-size:4rem!important;margin-top:1.5rem;margin-bottom:1.5rem;letter-spacing:2px}h1,h2,h3{font-size:1.2rem}button{padding:.5rem .8rem;font-size:.9rem;min-height:44px}input[type=text],input[type=range]{font-size:1rem;padding:.5rem;height:44px}}.background-animation{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:-1;pointer-events:none;opacity:0;transition:opacity 1s ease}.background-animation.active{opacity:1}.container{position:absolute;top:10%;left:0;width:100%;height:140%;display:flex;justify-content:center;align-items:center;z-index:-1}.item{position:absolute;background-color:transparent;width:calc(var(--i) * 3.5vmin);aspect-ratio:1;border-radius:50%;border:.9vmin solid rgba(0,200,255,.4);transform-style:preserve-3d;transform:rotateX(70deg) translateZ(50px);animation:my-move 3s ease-in-out calc(var(--i) * .08s) infinite;box-shadow:0 0 15px #7c7c7c4d,inset 0 0 15px #7c7c7c4d}@keyframes my-move{0%,to{transform:rotateX(70deg) translateZ(50px) translateY(0);filter:hue-rotate(0deg)}50%{transform:rotateX(70deg) translateZ(50px) translateY(-80vmin);filter:hue-rotate(180deg)}}.app-container{padding:.5rem;padding-bottom:calc(90px + 1rem);width:100%;max-width:100%}body.mobile-device .app-container{max-width:100%;width:100%;margin-left:auto;margin-right:auto}.neon-title{font-family:Orbitron,sans-serif;font-weight:700;color:#fff;text-shadow:0 0 7px #ae81ff,0 0 15px #ae81ff,0 0 25px #ae81ff,0 0 50px #ae81ff;letter-spacing:4px;margin:2.5rem 0;text-transform:uppercase;position:relative;text-align:center;font-size:5rem!important}#Almeronin{animation:flicker 5s infinite alternate,colorCycle 10s infinite;margin-top:2.5rem;margin-bottom:2.5rem;font-size:5rem!important}body.mobile-device #Almeronin{font-size:5rem!important;margin-top:2rem;margin-bottom:2rem;letter-spacing:3px}.app-container{padding:.5rem;padding-bottom:calc(110px + 1rem)}:root{color-scheme:dark;--primary: #ae81ff;--primary-dark: #9050e9;--secondary: #c4f0c5;--bg-color: #000000;--text-color: #ffffff;--card-bg: #111111;--player-height: 80px;--touch-size: 44px;--touch-size-large: 50px;--border-radius: 8px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem}*,*:before,*:after{box-sizing:border-box}html{font-size:16px;touch-action:manipulation}body{margin:0;background:var(--bg-color);color:var(--text-color);font-family:Inter,system-ui,-apple-system,sans-serif;-webkit-tap-highlight-color:transparent;line-height:1.5}#root{min-height:100vh;padding-bottom:calc(var(--player-height) + env(safe-area-inset-bottom,0))}button,.MuiButtonBase-root{min-height:var(--touch-size);min-width:var(--touch-size);cursor:pointer}input{font-size:16px!important}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.gradient-bg{background:linear-gradient(-45deg,var(--primary),var(--secondary),#81a1c1);background-size:400% 400%;animation:gradient 15s ease infinite}@supports (padding: max(0px)){body{padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right));padding-bottom:max(0px,env(safe-area-inset-bottom))}}@media (max-width: 768px){::-webkit-scrollbar{width:0;height:0;display:none}*{-ms-overflow-style:none;scrollbar-width:none}}@supports (padding: max(0px)){body{padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right))}.player{padding-bottom:max(0px,env(safe-area-inset-bottom));width:100%}}@media only screen and (min-resolution: 300dpi),only screen and (-webkit-min-device-pixel-ratio: 3){html{-webkit-text-size-adjust:100%}}.mobile-view{--touch-size: 44px;--touch-size-large: 54px;-webkit-text-size-adjust:100%}html.mobile-view,body.mobile-device{max-width:100%;overflow-x:hidden}body.mobile-device{padding:.5rem}body.mobile-device #Almeronin{font-size:3rem!important;margin-top:1.5rem;margin-bottom:1.5rem;letter-spacing:2px}body.mobile-device h1,body.mobile-device h2,body.mobile-device h3{font-size:1.2rem}body.mobile-device button{padding:.5rem .8rem;font-size:.9rem;min-height:var(--touch-size)}body.mobile-device input[type=text],body.mobile-device input[type=range]{font-size:1rem;padding:.5rem;height:var(--touch-size)}::-webkit-scrollbar{width:0;height:0;display:none}*{-ms-overflow-style:none;scrollbar-width:none}:root{--primary: #ae81ff;--secondary: #c4f0c5;--background: #000;--card-bg: #121212;--accent: #0cc;--spacing-sm: 10px;--spacing-md: 20px;--spacing-lg: 30px;--touch-size: 60px;--touch-size-large: 70px}body.mobile-device h1,body.mobile-device h2,body.mobile-device h3{font-size:1.6rem}body.mobile-device button{padding:.7rem 1.2rem;font-size:1.2rem;min-height:var(--touch-size)}body.mobile-device input[type=text],body.mobile-device input[type=range]{font-size:1.4rem;padding:.7rem;height:var(--touch-size)}