*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.form-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:12px;padding:2rem;width:320px;height:auto;z-index:1000;animation:fadeIn .3s ease-out,glowingBorder 1.5s ease-in-out infinite;border:2px solid transparent}@keyframes glowingBorder{0%{border-color:#38f;box-shadow:0 0 15px #3388ff80,inset 0 0 15px #3388ff80}50%{border-color:#f38;box-shadow:0 0 30px #f38c,inset 0 0 30px #f38c}to{border-color:#38f;box-shadow:0 0 15px #3388ff80,inset 0 0 15px #3388ff80}}.form-container{display:flex;flex-direction:column;gap:1.2rem;width:100%;padding:1rem;border-radius:8px}.form-title{color:#fff}.form-subtitle{color:#bcd2f1}.form-container input{background:#ffffff1a;border:1px solid rgba(188,210,241,.3);color:#fff;padding:12px 16px;border-radius:8px}.form-container input::placeholder{color:#ffffff80}.form-container input:focus{outline:none;border-color:#38f;box-shadow:0 0 10px #3388ff4d}.form-container{display:flex;flex-direction:column;gap:1.2rem;width:100%;padding:1rem;background:#fffc;border-radius:8px}.form-title{font-size:1.5rem;font-weight:600;color:#333;margin-bottom:.5rem}.form-subtitle{font-size:.9rem;color:#666;margin-bottom:1rem}.form-container input{width:100%;padding:12px 16px;border:2px solid #eee;border-radius:8px;font-size:1rem;margin-bottom:1rem}.submit-btn{width:100%;padding:12px 24px;background:#1a365d;color:#fff;border:none;border-radius:8px;font-size:1rem;cursor:pointer;margin-bottom:1rem}.submit-btn:disabled{background:#555;cursor:not-allowed}.form-message{font-size:.9rem;margin-top:.5rem;min-height:20px}.backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:999;display:none}.form-container input[type=text]:focus,.form-container input[type=password]:focus{background-color:#ddd;outline:none}.form-container .btn{background-color:#04aa6d;color:#fff;padding:16px 20px;border:none;cursor:pointer;width:100%;opacity:.8}body,html{overflow-x:hidden}.webgl{position:absolute;top:0;left:0}.textbox{position:relative;margin-top:15vh;width:70vw;height:8vh;text-align:center;display:flex;justify-content:center;margin-left:auto;margin-right:auto;font-family:monospace;z-index:1;animation:pulsate 1s infinite alternate;color:#fff;text-shadow:0 0 4px #fff,0 0 11px #fff,0 0 19px #fff,0 0 40px #BCD2F1,0 0 80px #BCD2F1,0 0 90px #BCD2F1,0 0 100px #BCD2F1,0 0 150px #BCD2F1}#popUpElement{z-index:3;position:relative;width:80vw;height:auto;color:#fff;margin-left:auto;margin-right:auto;text-align:center;font-family:monospace;padding:10px 0;animation:pulsate 1s infinite alternate;text-shadow:0 0 4px #fff,0 0 11px #fff,0 0 19px #fff,0 0 40px #BCD2F1,0 0 80px #BCD2F1,0 0 90px #BCD2F1,0 0 100px #BCD2F1,0 0 150px #BCD2F1}#canvas{position:relative;display:flex;height:4vh;width:80vw;z-index:1;margin-top:24vh;margin-left:auto;margin-right:auto;justify-content:center;border-radius:50px;margin-bottom:2vh}.album-covers-container{position:relative;width:80vw;margin:0 auto 2vh;z-index:1}@keyframes waveBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.album-covers{display:flex;justify-content:space-between;gap:1rem;padding:0 1rem}.album-cover{transition:transform .3s ease;position:relative;width:calc((80vw - 7rem) / 6);aspect-ratio:1;border-radius:8px;overflow:hidden;cursor:pointer}.album-cover:nth-child(1){animation:waveBounce 7s ease-in-out infinite;animation-delay:.3s}.album-cover:nth-child(2){animation:waveBounce 7s ease-in-out infinite;animation-delay:1s}.album-cover:nth-child(3){animation:waveBounce 7s ease-in-out infinite;animation-delay:1.7s}.album-cover:nth-child(4){animation:waveBounce 7s ease-in-out infinite;animation-delay:2.4s}.album-cover:nth-child(5){animation:waveBounce 7s ease-in-out infinite;animation-delay:3.1s}.album-cover:nth-child(6){animation:waveBounce 7s ease-in-out infinite;animation-delay:3.8s}.album-cover:hover{transform:translateY(-10px) scale(1.05)}.album-cover img{width:100%;height:100%;object-fit:cover;transition:filter .3s ease}.album-cover:hover img{filter:brightness(.7)}.album-info{position:absolute;bottom:0;left:0;right:0;padding:.5rem;background:#000000b3;color:#fff;font-family:monospace;opacity:0;transition:opacity .3s ease;display:flex;flex-direction:column;align-items:center;text-align:center}.album-cover:hover .album-info{opacity:1}.album-title{font-size:.8rem;font-weight:700;margin-bottom:.2rem}.album-location{font-size:.7rem;opacity:.8}.album-cover.playing{border:2px solid #BCD2F1;box-shadow:0 0 20px #bcd2f1cc}.album-cover.playing img{filter:brightness(.8)}.album-cover.playing .album-info{opacity:1}.circle{visibility:hidden;width:30px;height:30px;border:1px solid lightblue;border-radius:50%;margin:auto;z-index:1;position:relative;margin-top:33vh;box-shadow:0 0 4px #fff,0 0 40px #bcd2f1,0 0 80px #bcd2f1,0 0 90px #bcd2f1,0 0 100px #bcd2f1,0 0 150px #bcd2f1}.holder{position:relative;display:flex;border:1px solid transparent;text-align:center;z-index:1;justify-content:center;margin-left:auto;margin-right:auto;flex:1}audio{width:100%;width:80vw;z-index:1;opacity:.7}#song{z-index:1}@keyframes pulsate{to{text-shadow:0 0 4px #fff,0 0 11px #fff,0 0 19px #fff,0 0 40px #BCD2F1,0 0 80px #BCD2F1,0 0 90px #BCD2F1,0 0 100px #BCD2F1,0 0 150px #BCD2F1}0%{text-shadow:0 0 2px #fff,0 0 4px #fff,0 0 6px #fff,0 0 40px #BCD2F1,0 0 80px #BCD2F1,0 0 90px #BCD2F1,0 0 100px #BCD2F1,0 0 150px #BCD2F1}}.form-container{display:flex;flex-direction:column;gap:.8rem;text-align:center;height:35vh}.form-title{font-size:1.5rem;font-weight:600;color:#333;margin:0}.form-container input:focus{border-color:#bcd2f1}.submit-btn:hover{background:#9ab8e0}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,-48%)}to{opacity:1;transform:translate(-50%,-50%)}}.button-loader{width:20px;height:20px;border:2px solid #ffffff;border-top:2px solid transparent;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto}.hidden{display:none}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dialog-hidden{display:none}#subscriptionDialog{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fffffff2;padding:2rem;border-radius:12px;box-shadow:0 8px 32px #0000001a;z-index:1001}.dialog-content{text-align:center}.dialog-buttons{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem}.dialog-btn{padding:.75rem 1.5rem;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s}.accept{background-color:#1a365d;color:#fff}.decline{background-color:#e5e5e5;color:#666}.dialog-btn:hover{transform:translateY(-1px)}.audio-disabled{opacity:.5}.action-icons{position:fixed;top:10px;left:1vh;display:flex;gap:1rem;z-index:1000}.action-button{background:transparent;border:none;width:33px;height:33px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.action-button:hover{transform:translateY(-2px)}.lucide-icon{color:#fff;stroke-width:1;filter:drop-shadow(0 0 1px #fff) drop-shadow(0 0 2px #fff) drop-shadow(0 0 3px #BCD2F1);animation:pulsate 1s infinite alternate}.action-button:hover{background:#fff3;transform:translateY(-2px)}.action-button:hover .lucide-icon{box-shadow:0 0 8px #fff,0 0 15px #fff,0 0 25px #fff,0 0 50px #bcd2f1}.action-button:hover .lucide-icon{opacity:1}