body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.auth-modal-overlay{align-items:center;background-color:#000000bf;display:flex;height:100vh;inset:0;justify-content:center;padding:20px;position:fixed;z-index:9999}.auth-modal{animation:modalFade .3s ease;background-color:#1e1e1e;border-radius:12px;margin:0;max-height:calc(100vh - 40px);max-width:400px;overflow-y:auto;padding:32px;position:relative;transform:translateY(0);width:90%}@keyframes modalFade{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.auth-header{margin-bottom:24px;text-align:center}.auth-header h2{color:#2cbdfb;font-size:24px;margin:0}.auth-form{display:flex;flex-direction:column;gap:16px}.input-group{position:relative}.input-icon{color:#666;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.auth-input{background-color:#2c2c2c;border:1px solid #3d3d3d;border-radius:8px;color:#e0e0e0;padding:12px 12px 12px 40px;transition:border-color .2s;width:100%}.auth-input:focus{border-color:#2cbdfb;outline:none}.submit-button{background-color:#2cbdfb;border-radius:8px;color:#121212;padding:12px;transition:background-color .2s}.submit-button:hover{background-color:#0f9cd8}.auth-divider{align-items:center;color:#666;display:flex;margin:24px 0}.auth-divider:after,.auth-divider:before{border-top:1px solid #3d3d3d;content:"";flex:1 1}.auth-divider span{padding:0 12px}.social-buttons{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:24px}.social-button{align-items:center;background-color:#2c2c2c;border:1px solid #3d3d3d;border-radius:8px;color:#e0e0e0;display:flex;gap:8px;justify-content:center;padding:12px;transition:background-color .2s}.social-button:hover{background-color:#363636}.auth-switch{color:#666;text-align:center}.auth-switch button{background:none;border:none;color:#2cbdfb;cursor:pointer;padding:4px}.auth-switch button:hover{text-decoration:underline}.close-button{padding:8px;right:16px;top:16px}.error-message{background-color:#dc26261a;border:1px solid #dc262633;padding:12px}.google-login-wrapper{display:flex;justify-content:center;margin-bottom:10px;width:100%}.google-login-wrapper>div{width:100%!important}.profile-dropdown{margin-top:8px;top:100%;z-index:1100}.dropdown-item{gap:12px}.dropdown-item svg{color:#2cbdfb}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.main-header{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#111827f2;border-bottom:1px solid #ffffff1a;left:0;position:fixed;right:0;top:0;z-index:1000}.ios-device{-webkit-touch-callout:none;-webkit-overflow-scrolling:touch;-webkit-user-select:none;user-select:none}.header-container{align-items:center;display:flex;height:64px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px}.nav-list{display:flex;gap:24px;list-style:none;margin:0;padding:0}.nav-link{color:#2cbdfb;font-size:16px;padding:8px 0;text-decoration:none;transition:color .2s ease}.ios-device .nav-link{-webkit-tap-highlight-color:rgba(0,0,0,0);cursor:pointer;display:inline-block;padding:12px 8px}.ios-device .nav-link:active{color:#0f9cd8;opacity:.7}.nav-link:hover{color:#0f9cd8}.ios-device .nav-list li{margin:0;padding:0;position:relative}.user-section{gap:12px;position:relative}.login-button,.user-section{align-items:center;display:flex}.login-button{background:#0000;border:1px solid #2cbdfb;border-radius:20px;color:#2cbdfb;cursor:pointer;gap:8px;padding:8px 16px;transition:all .2s ease}.ios-device .login-button{-webkit-tap-highlight-color:rgba(0,0,0,0);padding:10px 18px}.ios-device .login-button:active{background-color:#bb86fc33;transform:scale(.98)}.login-button:hover{background-color:#bb86fc1a}.profile-button{align-items:center;background:#0000;border:none;color:#e0e0e0;cursor:pointer;display:flex;gap:8px;padding:4px}.ios-device .profile-button{-webkit-tap-highlight-color:rgba(0,0,0,0);padding:8px 12px}.ios-device .profile-button:active{opacity:.7;transform:scale(.98)}.header-container .profile-avatar{border-radius:50%;height:24px;min-height:24px;min-width:24px;object-fit:cover;width:24px}.ios-device .header-container .profile-avatar{height:28px;min-height:28px;min-width:28px;width:28px}.profile-name{color:#2cbdfb;font-size:14px}.user-coins{align-items:center;background-color:#6c5ce733;border-radius:12px;color:#6c5ce7;display:flex;font-size:12px;font-weight:600;margin-left:8px;padding:2px 8px}.ios-device .user-coins{font-size:13px;padding:4px 10px}.profile-dropdown{background-color:#1e1e1e;border-radius:8px;box-shadow:0 4px 12px #0003;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);width:200px;z-index:1001}.dropdown-item{align-items:center;background:none;border:none;color:#e0e0e0;cursor:pointer;display:flex;gap:8px;padding:12px 16px;text-align:left;text-decoration:none;transition:background-color .2s;width:100%}.ios-device .dropdown-item{-webkit-tap-highlight-color:rgba(0,0,0,0);padding:14px 16px}.ios-device .dropdown-item:active{background-color:#3c3c3c}.dropdown-item:hover{background-color:#2c2c2c}@media (max-width:768px){.nav-list{gap:16px}.nav-link{font-size:15px}.profile-name{display:none}.ios-device .profile-name{display:inline}}.Avatar_avatar__R8U6I{background-color:var(--background-muted);border-radius:50%;object-fit:cover}.homepage{align-items:center;background-color:#121212;display:flex;flex-direction:column;justify-content:flex-start;min-height:calc(100vh - 64px);overflow:hidden;padding:0;position:relative;text-align:center}.homepage:before{background:radial-gradient(circle at 20% 30%,#2cbdfb26 0,#0000 50%),radial-gradient(circle at 80% 70%,#9d4edd26 0,#0000 50%);content:"";right:0;top:0;z-index:0}.audio-wave,.homepage:before{bottom:0;left:0;position:absolute}.audio-wave{align-items:flex-end;display:flex;height:100px;justify-content:center;opacity:.5;width:100%;z-index:1}.audio-bar{animation:audio-wave-animation 1.2s ease-in-out infinite;background:linear-gradient(0deg,#2cbdfb,#9d4edd);border-radius:4px 4px 0 0;margin:0 2px;width:4px}@keyframes audio-wave-animation{0%,to{height:10px}50%{height:40px}}.audio-bar:first-child{animation-delay:0s}.audio-bar:nth-child(2){animation-delay:.1s}.audio-bar:nth-child(3){animation-delay:.2s}.audio-bar:nth-child(4){animation-delay:.3s}.audio-bar:nth-child(5){animation-delay:.4s}.audio-bar:nth-child(6){animation-delay:.5s}.audio-bar:nth-child(7){animation-delay:.6s}.audio-bar:nth-child(8){animation-delay:.7s}.audio-bar:nth-child(9){animation-delay:.8s}.audio-bar:nth-child(10){animation-delay:.9s}.audio-bar:nth-child(11){animation-delay:1s}.audio-bar:nth-child(12){animation-delay:1.1s}.music-notes{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.music-note{animation:float-up 15s linear infinite;color:#2cbdfb4d;font-size:24px;opacity:0;position:absolute}.hero-section{margin:80px 0 48px;max-width:900px;padding:0 20px;position:relative;z-index:2}.hero-title{animation:pulse 3s infinite alternate;background:linear-gradient(45deg,#2cbdfb,#9d4edd);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:64px;font-weight:800;letter-spacing:-1px;margin:0 0 16px;text-shadow:0 2px 10px #2cbdfb4d}.hero-subtitle{color:#fffc;font-size:22px;line-height:1.5;margin:0 auto 40px;max-width:700px}.button-container{display:flex;flex-wrap:wrap;gap:24px;justify-content:center}.hero-button{align-items:center;border-radius:50px;box-shadow:0 8px 20px #0003;display:flex;font-size:18px;font-weight:600;gap:12px;overflow:hidden;padding:16px 32px;position:relative;transition:all .3s ease;z-index:1}.hero-button:before{background:linear-gradient(45deg,#ffffff1a,#fff0);content:"";height:100%;left:0;position:absolute;top:0;transition:all .3s ease;width:100%;z-index:-1}.hero-button:hover{box-shadow:0 12px 30px #0000004d;transform:translateY(-5px)}.hero-button:hover:before{opacity:.2}.create-button{background:linear-gradient(45deg,#2cbdfb,#03dac6);color:#121212}.create-button:hover{background:linear-gradient(45deg,#2cbdfb,#00c2b8);color:#121212}.join-button{background-color:initial;border:2px solid #2cbdfb;color:#fff;position:relative;z-index:1}.join-button:after{background:linear-gradient(45deg,#2cbdfb1a,#9d4edd1a);content:"";height:100%;left:0;position:absolute;top:0;transition:all .3s ease;width:0;z-index:-1}.join-button:hover{color:#fff}.join-button:hover:after{width:100%}.favorites-button{background-color:initial;border:2px solid #ff4081;color:#ff4081}.favorites-button:hover{background-color:#ff40811a;box-shadow:0 0 15px #ff40814d}.features-section{margin-top:80px;max-width:1200px;padding:0 20px 80px;position:relative;width:100%;z-index:2}.features-heading{background:linear-gradient(45deg,#2cbdfb,#9d4edd);-webkit-background-clip:text;background-clip:text;color:#0000;display:inline-block;font-size:36px;margin-bottom:48px}.features-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.feature-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e1e1e99;border:1px solid #ffffff0d;border-radius:16px;overflow:hidden;padding:32px;position:relative;text-align:center;transition:all .3s ease}.feature-card:before{background:linear-gradient(90deg,#2cbdfb,#9d4edd);content:"";height:3px;left:0;position:absolute;top:0;width:100%}.feature-card:hover{border-color:#2cbdfb33;box-shadow:0 20px 40px #0000004d;transform:translateY(-10px)}.feature-icon-container{align-items:center;background:#2cbdfb1a;border-radius:50%;display:flex;height:80px;justify-content:center;margin:0 auto 24px;width:80px}.feature-icon{color:#2cbdfb;filter:drop-shadow(0 0 8px rgba(44,189,251,.5));height:40px;width:40px}.feature-title{color:#fff;font-size:24px;font-weight:700;margin:0 0 16px}.feature-description{color:#ffffffb3;font-size:16px;line-height:1.6;margin:0}.cta-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e1e1e99;border:1px solid #ffffff0d;border-radius:24px;margin:0 auto 80px;max-width:900px;padding:48px;position:relative;text-align:center;width:100%;z-index:2}.cta-title{color:#fff;font-size:32px;margin-bottom:16px}.cta-text{color:#fffc;font-size:18px;margin-bottom:32px}.cta-button{align-items:center;background:linear-gradient(45deg,#2cbdfb,#9d4edd);border:none;border-radius:50px;box-shadow:0 8px 20px #0000004d;color:#fff;cursor:pointer;display:inline-flex;font-size:18px;font-weight:600;gap:12px;padding:16px 40px;transition:all .3s ease}.cta-button:hover{box-shadow:0 12px 30px #0006;transform:translateY(-5px)}@media (max-width:768px){.hero-title{font-size:48px}.hero-subtitle{font-size:18px}.features-grid{grid-template-columns:1fr}.cta-section{margin:0 20px 60px;padding:32px}}@media (max-width:640px){.hero-title{font-size:36px}.hero-subtitle{font-size:16px}.button-container{flex-direction:column;width:100%}.hero-button{justify-content:center;width:100%}.feature-card{padding:24px}.cta-title{font-size:24px}.cta-text{font-size:16px}}.room-form-container{align-items:center;background-color:#121212;display:flex;flex-direction:column;justify-content:center;min-height:calc(100vh - 64px);overflow:hidden;padding:32px 20px;position:relative}.room-form-container:before{background:radial-gradient(circle at 20% 30%,#2cbdfb26 0,#0000 50%),radial-gradient(circle at 80% 70%,#9d4edd26 0,#0000 50%);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:0}.room-form-notes{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.room-form-note{animation:float-up 15s linear infinite;color:#2cbdfb4d;font-size:24px;opacity:0;position:absolute}@keyframes float-up{0%{opacity:0;transform:translateY(100vh) rotate(0deg)}10%{opacity:.7}90%{opacity:.7}to{opacity:0;transform:translateY(-50px) rotate(1turn)}}.room-form{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e1e1e99;border:1px solid #ffffff0d;border-radius:16px;box-shadow:0 8px 32px #0000004d;max-width:450px;padding:40px;position:relative;transition:transform .3s ease,box-shadow .3s ease;width:100%;z-index:2}.room-form:hover{box-shadow:0 12px 40px #2cbdfb26;transform:translateY(-5px)}.room-form:before{background:linear-gradient(90deg,#2cbdfb,#9d4edd);border-radius:16px 16px 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0}.room-form h1{background:linear-gradient(45deg,#2cbdfb,#9d4edd);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:32px;font-weight:800;margin:0 0 32px;text-align:center;text-shadow:0 2px 10px #2cbdfb4d}.auth-warning{background:#ffc1071a;border-left:3px solid #ffc107;border-radius:0 8px 8px 0;padding:12px 16px}.auth-warning p{color:#fffc;font-size:14px;margin:0}.form-label{color:#ffffffe6;font-size:15px}.form-label .icon{color:#2cbdfb;filter:drop-shadow(0 0 5px rgba(44,189,251,.5))}.form-input{background-color:#2c2c2c99;border:1px solid #ffffff1a;border-radius:12px;color:#fff;font-size:15px;padding:14px 16px;transition:all .3s ease}.form-input:focus{box-shadow:0 0 0 3px #2cbdfb33}.form-select{appearance:none;background-color:#2c2c2c99;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%232CBDFB' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;background-size:16px;border:1px solid #ffffff1a;border-radius:12px;color:#fff;cursor:pointer;font-size:15px;padding:14px 16px;transition:all .3s ease;width:100%}.form-select:focus{border-color:#2cbdfb;box-shadow:0 0 0 3px #2cbdfb33;outline:none}.form-select option{background-color:#2c2c2c;color:#fff}.submit-button{background:linear-gradient(45deg,#2cbdfb,#9d4edd);border:none;border-radius:12px;box-shadow:0 4px 20px #2cbdfb4d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;overflow:hidden;padding:16px;position:relative;transition:all .3s ease;width:100%}.submit-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:all .6s ease;width:100%}.submit-button:hover{box-shadow:0 8px 25px #2cbdfb66;transform:translateY(-3px)}.submit-button:hover:before{left:100%}.back-link{color:#fff9;display:block;font-size:15px;margin-top:24px;text-align:center;text-decoration:none;transition:all .3s ease}.back-link:hover{color:#2cbdfb}.moderation-toggle{margin-top:24px}.toggle-label{color:#fffc;cursor:pointer;font-size:15px}.toggle-switch{height:26px;width:52px}.toggle-slider{background-color:#2c2c2ccc;border-radius:26px;transition:.3s}.toggle-slider:before{box-shadow:0 2px 5px #0003;height:20px;transition:.3s;width:20px}.toggle-input:checked+.toggle-slider{background:linear-gradient(45deg,#2cbdfb,#9d4edd)}@media (max-width:480px){.room-form{padding:30px 20px}.room-form h1{font-size:28px}}.playlist-generator{background:linear-gradient(135deg,#0f0f1a,#1a1a2e);margin:0 auto;max-width:800px;min-height:100vh;overflow:hidden;padding:32px 20px;position:relative}.playlist-wave{animation:wave-animation 15s linear infinite alternate;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320"><path fill="%232CBDFB" fill-opacity="0.1" d="M0,192L48,197.3C96,203,192,213,288,229.3C384,245,480,267,576,250.7C672,235,768,181,864,181.3C960,181,1056,235,1152,234.7C1248,235,1344,181,1392,154.7L1440,128L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z"></path></svg>');background-repeat:no-repeat;background-size:cover;bottom:0;height:120px;left:0;position:fixed;width:100%;z-index:0}@keyframes wave-animation{0%{background-position-x:0}to{background-position-x:1440px}}.playlist-notes{height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.playlist-notes:after,.playlist-notes:before{animation:float-notes 15s linear infinite;color:#2cbdfb1a;content:"♪";font-size:24px;position:absolute;z-index:0}.playlist-notes:before{animation-delay:2s;animation-duration:15s;left:10%;top:20%}.playlist-notes:after{animation-delay:5s;animation-duration:18s;right:10%;top:50%}@keyframes float-notes{0%{opacity:0;transform:translateY(0) rotate(0deg)}10%{opacity:.6}90%{opacity:.4}to{opacity:0;transform:translateY(-800px) rotate(1turn)}}.generator-header{margin-bottom:40px;position:relative;text-align:center;z-index:1}.generator-header h1{background:linear-gradient(90deg,#2cbdfb,#03dac6);-webkit-background-clip:text;background-clip:text;color:#0000;font-weight:700;margin-bottom:8px;text-shadow:0 2px 4px #0003}.generator-form{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:#1e1e1eb3;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 8px 32px #0003;margin-bottom:32px;padding:28px;position:relative;transition:transform .3s ease,box-shadow .3s ease;z-index:1}.generator-form:hover{box-shadow:0 12px 40px #0000004d}.form-group{margin-bottom:24px;position:relative}.form-label{align-items:center;color:#2cbdfb;display:flex;font-weight:500;gap:8px;margin-bottom:10px}.form-input{background-color:#2c2c2cb3;border:1px solid #3d3d3dcc;border-radius:8px;color:#e0e0e0;font-size:16px;padding:14px;transition:border-color .3s ease,box-shadow .3s ease;width:100%}.form-input:focus{border-color:#2cbdfb;box-shadow:0 0 0 2px #2cbdfb33;outline:none}.prompt-input{background-color:#2c2c2cb3;border:1px solid #3d3d3dcc;border-radius:8px;color:#e0e0e0;font-size:16px;margin-bottom:24px;min-height:120px;padding:16px;resize:vertical;transition:border-color .3s ease,box-shadow .3s ease;width:100%}.prompt-input:focus{border-color:#2cbdfb;box-shadow:0 0 0 2px #2cbdfb33;outline:none}.advanced-toggle{align-items:center;background:none;border:none;color:#2cbdfb;cursor:pointer;display:flex;font-weight:500;gap:8px;margin:0 auto 24px;padding:8px 16px;transition:color .3s ease,transform .3s ease}.advanced-toggle:hover{color:#03dac6;transform:translateY(-2px)}.advanced-options{background-color:#2c2c2c80;border:1px solid #ffffff0d;border-radius:12px;margin-bottom:24px;padding:24px;transition:transform .3s ease}.option-group{margin-bottom:20px}.slider-container{align-items:center;display:flex;gap:12px;margin-top:10px}.slider-label{color:#a0a0a0;font-size:14px;min-width:60px}.niche-slider{appearance:none;background:linear-gradient(90deg,#2cbdfb,#03dac6);border-radius:3px;flex:1 1;height:6px;outline:none}.niche-slider::-webkit-slider-thumb{appearance:none;background:#fff;border-radius:50%;box-shadow:0 0 5px #0000004d;cursor:pointer;height:18px;-webkit-transition:transform .2s ease;transition:transform .2s ease;width:18px}.niche-slider::-moz-range-thumb{background:#fff;border:none;border-radius:50%;box-shadow:0 0 5px #0000004d;cursor:pointer;height:18px;-moz-transition:transform .2s ease;transition:transform .2s ease;width:18px}.niche-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.niche-slider::-moz-range-thumb:hover{transform:scale(1.2)}.slider-description{color:#a0a0a0;font-size:13px;font-style:italic;margin-top:8px;text-align:center}.option-group:last-child{margin-bottom:0}.option-label{align-items:center;color:#2cbdfb;display:flex;font-weight:500;gap:8px;margin-bottom:10px}.option-select{background-color:#363636b3;border:1px solid #4d4d4dcc;border-radius:8px;color:#e0e0e0;cursor:pointer;padding:12px;transition:border-color .3s ease,box-shadow .3s ease;width:100%}.option-select:focus{border-color:#2cbdfb;box-shadow:0 0 0 2px #2cbdfb33;outline:none}.option-select option{background-color:#363636;color:#e0e0e0}.custom-input{background-color:#363636b3;border:1px solid #4d4d4dcc;border-radius:8px;color:#e0e0e0;margin-top:8px;padding:12px;transition:border-color .3s ease,box-shadow .3s ease;width:100%}.custom-input:focus{border-color:#2cbdfb;box-shadow:0 0 0 2px #2cbdfb33;outline:none}.generate-button{background:linear-gradient(90deg,#2cbdfb,#03dac6);border:none;border-radius:8px;color:#121212;cursor:pointer;font-size:16px;font-weight:600;overflow:hidden;padding:16px;position:relative;transition:transform .3s ease,box-shadow .3s ease;width:100%;z-index:1}.generate-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .7s ease;width:100%;z-index:-1}.generate-button:hover{box-shadow:0 6px 20px #2cbdfb4d;transform:translateY(-2px)}.generate-button:hover:before{left:100%}.error-message{background-color:#ff57571a;border-left:4px solid #ff5757;color:#ff5757}.error-message,.success-message{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.success-message{background-color:#03dac61a;border-left:4px solid #03dac6;border-radius:8px;color:#03dac6;font-weight:500;margin-bottom:24px;padding:16px}.playlist-container{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:#1e1e1eb3;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 8px 32px #0003;padding:28px;position:relative;z-index:1}.playlist-title{background:linear-gradient(90deg,#2cbdfb,#03dac6);-webkit-background-clip:text;background-clip:text;color:#03dac6;color:#0000;margin:0 0 8px}.playlist-description{color:#a0a0a0;margin:0}.track-item{border-radius:12px;margin-bottom:12px;padding:16px;transition:transform .3s ease,background-color .3s ease}.track-item:last-child{margin-bottom:0}.track-info{margin-right:16px}.track-name{color:#e0e0e0;font-size:16px;margin:0 0 4px}.track-artist{color:#a0a0a0}.play-link{align-items:center;background:linear-gradient(90deg,#1db954,#1ed760);border-radius:20px;color:#fff;display:inline-flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease}.play-link:hover{box-shadow:0 4px 12px #1db9544d;transform:translateY(-2px)}.loading-container{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#1e1e1eb3;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 8px 32px #0003;padding:40px;text-align:center}.loading-spinner{animation:spin 1s ease-in-out infinite;border:3px solid #2cbdfb33;display:inline-block;height:50px;margin-bottom:16px;width:50px}.loading-text{color:#a0a0a0;font-size:16px}.create-room-button{background:linear-gradient(90deg,#2cbdfb,#03dac6);border:none;border-radius:8px;color:#121212;cursor:pointer;display:block;font-size:16px;font-weight:600;margin-top:32px;overflow:hidden;padding:16px;position:relative;transition:transform .3s ease,box-shadow .3s ease;width:100%}.create-room-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .7s ease;width:100%;z-index:-1}.create-room-button:hover{box-shadow:0 6px 20px #2cbdfb4d;transform:translateY(-2px)}.create-room-button:hover:before{left:100%}.example-prompts-toggle{align-items:center;background:none;border:none;color:#2cbdfb;cursor:pointer;display:flex;font-size:14px;gap:8px;margin-top:8px;padding:8px 12px;transition:color .3s ease}.example-prompts-toggle:hover{color:#03dac6}.example-prompts-container{background-color:#2c2c2c80;border:1px solid #ffffff0d;border-radius:12px;margin-top:16px;padding:20px}.example-prompts-container h3{color:#2cbdfb;margin-bottom:12px;margin-top:0}.example-prompts-description{color:#a0a0a0;font-size:14px;margin-bottom:16px}.example-prompts-category{margin-bottom:24px}.category-title{border-bottom:1px solid #ffffff1a;color:#e0e0e0;font-size:16px;margin-bottom:12px;padding-bottom:8px}.example-prompts-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.example-prompt-card{background-color:#1e1e1eb3;border:1px solid #ffffff0d;border-radius:8px;cursor:pointer;padding:16px;transition:transform .3s ease,background-color .3s ease}.example-prompt-card:hover{background-color:#2c2c2ccc;border-color:#2cbdfb4d;transform:translateY(-4px)}.example-prompt-card h4{color:#2cbdfb;font-size:15px;margin-bottom:8px;margin-top:0}.example-prompt-card p{color:#a0a0a0;font-size:13px;line-height:1.4;margin-bottom:12px}.example-prompt-tags{display:flex;flex-wrap:wrap;gap:6px}.example-tag{background-color:#ffffff1a;border-radius:12px;font-size:11px;padding:3px 8px}.room-settings-section{background-color:#2c2c2c4d;border:1px solid #ffffff0d;border-radius:12px;margin-bottom:24px;padding:20px}.toggle-label{align-items:center;display:flex;justify-content:space-between;margin-top:8px}.toggle-switch{display:inline-block;height:24px;position:relative;width:50px}.toggle-input{height:0;opacity:0;width:0}.toggle-slider{background-color:#2c2c2cb3;border:1px solid #ffffff1a;border-radius:24px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:2px;content:"";height:18px;left:3px;position:absolute;transition:.4s;width:18px}.toggle-input:checked+.toggle-slider{background:linear-gradient(90deg,#2cbdfb,#03dac6)}.toggle-input:checked+.toggle-slider:before{transform:translateX(26px)}.song-count-group{margin-bottom:24px}.song-count-selector{display:flex;flex-wrap:wrap;gap:10px}.song-count-option{background-color:#2c2c2c80;border:1px solid #ffffff1a;border-radius:8px;color:#e0e0e0;cursor:pointer;flex:1 1;min-width:80px;padding:10px;text-align:center;transition:all .3s ease}.song-count-option:hover{background-color:#2c2c2ccc;border-color:#2cbdfb4d}.song-count-option.selected{background:linear-gradient(90deg,#2cbdfb33,#03dac633);border-color:#2cbdfb;color:#2cbdfb;font-weight:500}@media (max-width:768px){.playlist-generator{padding:24px 16px}.generator-header h1{font-size:28px}.generator-form{padding:20px}.example-prompts-grid{grid-template-columns:1fr}.playlist-container{padding:20px}.track-item{align-items:center;flex-direction:row;height:auto;min-height:60px;padding:10px}.track-info{margin-bottom:0;margin-right:0;width:75%}.track-name{font-size:14px}.track-artist,.track-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.play-link,.track-artist{font-size:12px}.play-link{align-self:center;margin-left:auto;padding:4px 8px}}@media (max-width:480px){.generator-header h1{font-size:24px}.song-count-selector{grid-template-columns:repeat(2,1fr)}.advanced-options{padding:16px}.option-group{margin-bottom:16px}}.social-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-left:12px;margin-top:8px;position:relative}.action-button{background-color:#2c2c2c;border:1px solid #0000;border-radius:20px;color:#e0e0e0;font-weight:500;gap:8px;min-width:100px;padding:8px 16px;z-index:5}.action-button:hover{background-color:#363636;transform:translateY(-2px)}.action-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.action-button svg{transition:transform .2s ease}.action-button:hover svg{transform:scale(1.1)}.favorite-button.active{background-color:#ffc10726;border-color:#ffc1074d;color:#ffc107}.favorite-button svg{fill:#0000;color:#ffc107;transition:fill .3s ease}.favorite-button.active svg{fill:#ffc107}.follow-button.active{background-color:#bb86fc26;border-color:#bb86fc4d;color:#2cbdfb}.follow-button svg{color:#2cbdfb}.action-message{animation:fadeIn .3s ease-out,fadeOut .3s ease-out 2.7s;background-color:#333;border-radius:4px;bottom:-30px;color:#fff;font-size:12px;left:50%;padding:6px 12px;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:10}@keyframes fadeOut{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,10px)}}.host-info{gap:8px}.host-container{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;width:100%}@media (max-width:768px){.social-actions{justify-content:flex-start;margin-left:0;margin-top:12px;width:100%}.action-button{font-size:13px;padding:6px 12px}.action-message{font-size:11px;padding:4px 10px}.host-container{align-items:flex-start;flex-direction:column}}.track-list li{position:relative}.track-number{width:24px}.track-error{color:#cf6679;font-size:11px;margin-top:2px}.delete-button,.favorite-button,.pin-button{align-items:center;background-color:initial;border:none;border-radius:4px;color:#2cbdfb;cursor:pointer;display:flex;font-size:12px;justify-content:center;padding:10px;transition:opacity .2s ease,color .2s ease,background-color .2s ease}.delete-button:hover,.favorite-button:hover,.pin-button:hover{background-color:#2cbdfb;color:#000}.delete-button:disabled,.favorite-button:disabled,.pin-button:disabled{cursor:not-allowed;opacity:.5}.pin-button{color:#03dac6}.pin-button:hover{background-color:#03dac6}.favorite-button{color:#ff4081}.favorite-button:hover{background-color:#ff4081}.favorite-button.favorited{background-color:#ff40811a;color:#ff4081}.heart-icon.filled{fill:#ff4081}.track-list li:hover .track-details{padding-right:6px}.track-list li .now-playing{margin-right:6px}.track-requester{color:#2cbdfb}@media (max-width:768px){.delete-button,.favorite-button,.pin-button{padding:8px}.track-actions{gap:4px}}@media (max-width:480px){.delete-button,.favorite-button,.pin-button{padding:6px}}.track-list{display:flex;flex-direction:column;gap:8px;width:100%}.track-item{background-color:#2c2c2c;cursor:pointer;gap:12px;max-width:100%;transition:background-color .2s;width:100%}.track-number{color:#666;flex-shrink:0;font-size:14px;min-width:24px;text-align:center}.track-thumbnail{flex-shrink:0}.track-details{margin-right:8px;min-width:0}.track-artist,.track-title{display:block}.now-playing{color:#2cbdfb;flex-shrink:0;margin-left:auto;text-align:center;width:20px}.track-item.active,.track-item:hover{background-color:#363636}.track-item.active{border-left:4px solid #2cbdfb}.host-info{gap:12px;margin-top:8px}.host-avatar{height:24px;width:24px}.host-info span{color:#666}.auth-warning{background-color:#bb86fc1a;border:1px solid #2cbdfb;border-radius:8px;color:#2cbdfb;font-size:14px;margin-bottom:24px;padding:12px;text-align:center}@media (max-width:768px){.play-room{padding:12px}.room-header{margin-bottom:16px}.room-info h1{font-size:24px}.player-container{margin-bottom:16px;padding:16px}.album-art{height:160px;width:160px}.album-art,.song-info{margin-bottom:16px}.song-info h2{font-size:18px}.progress-container{margin-bottom:16px}.player-controls{gap:16px;margin-bottom:0}.control-button{padding:6px}.play-button{height:44px;width:44px}.playlist-section{max-height:300px;overflow-y:auto;padding:12px}.playlist-header{margin-bottom:12px}.playlist-header h3{font-size:16px}.track-item{gap:8px;padding:8px}.track-thumbnail{height:32px;width:32px}.track-title{font-size:13px}.track-artist{font-size:11px}.track-list{-webkit-overflow-scrolling:touch}.pending-requests-section{max-height:300px;overflow-y:auto}}@media (max-width:380px){.play-room{padding:8px}.album-art{height:140px;width:140px}.song-info h2{font-size:16px}.playlist-section{max-height:250px}}@supports (padding:max(0px)){.play-room{padding-bottom:max(12px,env(safe-area-inset-bottom));padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}.pin-confirmation-overlay{align-items:center;animation:fadeIn .2s ease;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.pin-confirmation-dialog{animation:slideUp .3s ease;background-color:#2d2d2d;border-radius:8px;box-shadow:0 4px 20px #00000080;box-sizing:border-box;margin:0 auto;max-width:400px;padding:24px;position:relative;width:90%}.close-dialog{align-items:center;background:#0000;border:none;border-radius:50%;color:#999;cursor:pointer;display:flex;justify-content:center;padding:5px;position:absolute;right:12px;top:12px;transition:background-color .2s ease,color .2s ease}.close-dialog:hover{background-color:#ffffff1a;color:#fff}.pin-confirmation-dialog h3{color:#fff;font-size:18px;margin-bottom:16px;margin-top:0}.pin-confirmation-dialog p{color:#ccc;font-size:14px;margin-bottom:12px}.pin-cost{color:#03dac6!important;font-size:16px!important;font-weight:700}.pin-balance{color:#999!important;font-size:13px!important;margin-bottom:20px!important}.pin-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.cancel-pin,.confirm-pin{border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;transition:background-color .2s ease,opacity .2s ease}.cancel-pin{background-color:initial;border:1px solid #666;color:#ccc}.cancel-pin:hover{background-color:#ffffff0d;border-color:#999}.confirm-pin{background-color:#03dac6;border:none;color:#000}.confirm-pin:hover{background-color:#00c4b4}.cancel-pin:disabled,.confirm-pin:disabled{cursor:not-allowed;opacity:.5}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:480px){.pin-confirmation-dialog{padding:20px;width:95%}.pin-actions{flex-direction:column;gap:8px}.cancel-pin,.confirm-pin{width:100%}}.pending-track-item{align-items:center;background-color:#2c2c2c;border-left:4px solid #ffb300;border-radius:8px;display:flex;gap:12px;margin-bottom:8px;padding:12px;transition:background-color .2s}.pending-track-item:hover{background-color:#363636}.requester-info{align-items:center;display:flex;gap:4px;margin-top:2px}.requester-avatar{border-radius:50%;height:16px;object-fit:cover;width:16px}.track-requester{color:#ffb300;font-size:11px}.express-badge{color:#ffb300;font-size:12px;margin-left:2px}.track-actions{align-items:center;margin-left:auto}.approve-button,.reject-button{align-items:center;border:none;border-radius:50%;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.approve-button{background-color:#4caf5033;color:#4caf50}.reject-button{background-color:#cf667933;color:#cf6679}.approve-button:hover{background-color:#4caf5066}.reject-button:hover{background-color:#cf667966}.approve-button:disabled,.reject-button:disabled{cursor:not-allowed;opacity:.5}.check-icon,.x-icon{height:16px;width:16px}.no-requests-placeholder{background-color:#2c2c2c;border-radius:8px;color:#666;justify-content:center;min-height:120px;padding:24px}.no-requests-placeholder svg{color:#666;margin-bottom:12px}.pending-track-item .track-details{flex:1 1;margin-right:8px;min-width:0}.pending-requests-section{margin:16px}@media (max-width:768px){.pending-track-item{border-left-width:4px;gap:8px;margin-bottom:6px;padding:10px 8px}.track-requester{font-size:10px}.track-actions{gap:8px}.approve-button,.reject-button{padding:8px}.check-icon,.x-icon{height:16px;width:16px}.no-requests-placeholder{min-height:80px;padding:16px}.no-requests-placeholder p{font-size:14px}}@media (max-width:480px){.pending-track-item{border-left-width:3px;padding:8px 6px}.track-title{font-size:13px}.track-artist{font-size:11px}.track-requester{font-size:9px;margin-top:1px}.approve-button,.reject-button{padding:6px}.check-icon,.x-icon{height:14px;width:14px}.track-thumbnail{height:32px;width:32px}}.lyrics-section{background-color:#1e1e1e;border-radius:8px;box-shadow:0 2px 8px #0003;display:flex;flex-direction:column;height:100%;margin-bottom:20px;overflow:hidden}.lyrics-header{align-items:center;background-color:#2c2c2c;border-bottom:1px solid #3d3d3d;display:flex;justify-content:space-between;padding:12px 16px}.lyrics-header h3{align-items:center;color:#e0e0e0;display:flex;font-size:16px;margin:0}.lyrics-header .icon{color:#2cbdfb;margin-right:8px}.lyrics-source{color:#888;font-size:12px;font-weight:400;margin-left:8px}.lyrics-content{background-color:#1e1e1e;color:#e0e0e0;flex-grow:1;max-height:400px;min-height:160px;overflow-y:auto;overscroll-behavior:contain;padding:16px;position:relative;scroll-behavior:smooth;scroll-padding:80px}.lyrics-text{font-size:14px;line-height:1.6;padding-bottom:60px;white-space:pre-wrap}.lyrics-text p{margin:0 0 8px}.lyrics-text.timed{padding:20px 0}.lyric-line{border-radius:4px;color:#aaa;display:flex;margin-bottom:4px;opacity:.7;padding:8px 16px;transition:all .3s ease}.lyric-line.active{background-color:#bb86fc1a;color:#2cbdfb;font-weight:700;opacity:1;transform:scale(1.02)}.lyric-line.past{color:#e0e0e0;opacity:.9}.lyric-timestamp{align-items:center;color:#666;display:flex;font-size:12px;margin-right:12px;min-width:60px}.lyric-timestamp svg{margin-right:4px}.lyric-content{flex:1 1}.lyrics-error,.lyrics-loading,.lyrics-placeholder{align-items:center;background-color:#1e1e1e;color:#aaa;display:flex;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.lyrics-loading .spin{animation:spin 1s linear infinite;margin-bottom:16px}.lyrics-error{color:#cf6679}.lyrics-error svg,.lyrics-placeholder svg{margin-bottom:16px;opacity:.7}.integrated-lyrics .lyrics-content{contain:strict;max-height:220px;min-height:160px;overflow:auto}.integrated-lyrics .lyric-line.active{padding-left:14px}@media (max-width:768px){.lyrics-section{margin-bottom:16px}.lyrics-content{max-height:250px;min-height:140px}.lyric-timestamp{font-size:10px;min-width:45px}}.pin-price-settings{margin-top:12px}.settings-toggle-button{align-items:center;background-color:#2d2d2d;border:1px solid #444;border-radius:4px;color:#03dac6;cursor:pointer;display:flex;font-size:13px;gap:8px;padding:8px 12px;transition:background-color .2s ease}.settings-toggle-button:hover{background-color:#3d3d3d}.pin-settings-panel{animation:fadeIn .2s ease;background-color:#2d2d2d;border:1px solid #444;border-radius:6px;margin-top:8px;padding:16px;position:relative}.close-settings{align-items:center;background:#0000;border:none;border-radius:50%;color:#999;cursor:pointer;display:flex;justify-content:center;padding:5px;position:absolute;right:10px;top:10px;transition:background-color .2s ease,color .2s ease}.close-settings:hover{background-color:#ffffff1a;color:#fff}.pin-settings-panel h4{color:#fff;font-size:16px;margin-bottom:8px;margin-top:0}.settings-description{color:#aaa;font-size:13px;margin-bottom:16px}.price-input-container{align-items:center;display:flex;gap:12px;margin-bottom:16px}.price-input-container label{color:#ccc;font-size:14px}.price-input-container input{background-color:#222;border:1px solid #444;border-radius:4px;color:#fff;font-size:14px;padding:8px 12px;width:80px}.price-input-container input:focus{border-color:#03dac6;outline:none}.settings-error{color:#cf6679;font-size:13px;margin-bottom:12px}.settings-success{color:#03dac6;font-size:13px;margin-bottom:12px}.save-settings{align-items:center;background-color:#03dac6;border:none;border-radius:4px;color:#000;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:8px 16px;transition:background-color .2s ease}.save-settings:hover{background-color:#00c4b4}.save-settings:disabled{cursor:not-allowed;opacity:.5}@media (max-width:480px){.pin-settings-panel{padding:12px}.price-input-container{align-items:flex-start;flex-direction:column;gap:6px}.price-input-container input{width:100%}}.ai-moderation-settings{background-color:#1e1e2f;border-radius:8px;box-shadow:0 4px 12px #0000004d;color:#fff;margin:0 auto;max-height:80vh;max-width:600px;overflow-y:auto;padding:20px;width:100%}.ai-moderation-header{align-items:center;border-bottom:1px solid #444;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:10px}.ai-moderation-header h2{color:#fff;font-size:1.5rem;margin:0}.close-button{align-items:center;border-radius:50%;color:#fff;display:flex;justify-content:center;padding:5px}.close-button:hover{background-color:#f0f0f0;color:#333}.setting-group{margin-bottom:24px}.setting-group.disabled{opacity:.6;pointer-events:none}.setting-group label{color:#fff;display:block;font-weight:600;margin-bottom:8px}.setting-description{color:#ccc;font-size:.85rem;margin-top:6px}.toggle-container{align-items:center;display:flex;justify-content:space-between}.toggle{background-color:#e0e0e0;border-radius:13px;cursor:pointer;height:26px;position:relative;transition:background-color .3s;width:50px}.toggle.enabled{background-color:#4caf50}.toggle-handle{background-color:#fff;border-radius:50%;box-shadow:0 1px 3px #0003;height:22px;left:2px;position:absolute;top:2px;transition:transform .3s;width:22px}.toggle.enabled .toggle-handle{transform:translateX(24px)}textarea{background-color:#2a2a3a;border:1px solid #444;border-radius:4px;color:#fff;font-size:14px;padding:10px;resize:vertical;width:100%}.strictness-options{display:flex;flex-direction:column;gap:10px}.strictness-option{border:1px solid #ddd;border-radius:6px;cursor:pointer;padding:12px;transition:all .2s}.strictness-option:hover{background-color:#f9f9f9}.strictness-option.selected{background-color:#4caf500d;border-color:#4caf50}.option-header{margin-bottom:4px}.option-header,.option-radio{align-items:center;display:flex}.option-radio{border:2px solid #999;border-radius:50%;color:#fff;height:16px;justify-content:center;margin-right:10px;width:16px}.strictness-option.selected .option-radio{background-color:#4caf50;border-color:#4caf50}.option-label{font-weight:600}.option-description{color:#666;font-size:.85rem;margin:0;padding-left:26px}.action-buttons{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.cancel-button,.save-button{align-items:center;border-radius:4px;cursor:pointer;display:flex;font-weight:500;gap:6px;padding:8px 16px}.cancel-button{background:none;border:1px solid #ddd;color:#666}.save-button{background-color:#4caf50;border:none;color:#fff}.save-button:disabled{background-color:#a5d6a7;cursor:not-allowed}.cancel-button:hover{background-color:#f0f0f0}.save-button:hover:not(:disabled){background-color:#43a047}.loading-indicator{align-items:center;color:#666;display:flex;flex-direction:column;justify-content:center;padding:40px 0}.error-message{align-items:center;background-color:#ffebee;border-radius:4px;color:#c62828;display:flex;gap:8px;margin-bottom:16px;padding:10px}.spinning{animation:spin 1.5s linear infinite}.generate-hints-button{align-items:center;background-color:#f0f0f0;border:1px solid #ddd;border-radius:4px;cursor:pointer;display:flex;gap:6px;margin-top:10px;padding:8px 12px}.generate-hints-button:hover:not(:disabled){background-color:#e0e0e0}.generate-hints-button:disabled{cursor:not-allowed;opacity:.6}.hints-container{background-color:#2a2a3a;border:1px solid #444;border-radius:6px;margin-top:16px;padding:12px}.hints-container h4{color:#fff;font-size:.9rem;margin-bottom:8px;margin-top:0}.hint-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.hint-chip{background-color:#e8f5e9;border-radius:16px;color:#2e7d32;cursor:pointer;font-size:.85rem;padding:4px 12px;transition:all .2s}.hint-chip:hover{background-color:#c8e6c9}.hint-examples{display:flex;flex-direction:column;gap:8px}.hint-example{background-color:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:.9rem;padding:8px 12px;transition:all .2s}.hint-example:hover{background-color:#f0f0f0;border-color:#bbb}.my-requests-section{background:#ffffff1a;background:var(--card-bg,#ffffff1a);border-radius:8px;box-shadow:0 1px 3px #00000014;margin-bottom:1rem;padding:.75rem 1rem}.my-requests-section .playlist-header{align-items:center;display:flex;margin-bottom:.5rem}.my-requests-section .playlist-header h3{align-items:center;display:flex;font-size:1rem;gap:.4rem;margin:0}.my-requests-list{list-style:none;margin:0;max-height:300px;overflow-y:auto;padding:0}.my-request-item{align-items:center;border-bottom:1px solid #0000000d;display:flex;padding:.4rem 0}.my-request-item:last-child{border-bottom:none}.track-thumbnail{border-radius:4px;height:42px;margin-right:.6rem;width:42px}.request-details{display:flex;flex:1 1;flex-direction:column}.track-title{font-size:.95rem}.track-artist{color:#0009;font-size:.85rem}.request-meta{align-items:center;display:flex;font-size:.75rem;gap:.5rem;margin-top:.25rem}.status-badge{border-radius:999px;color:#fff;font-size:.75rem;font-weight:600;padding:.15rem .4rem;text-transform:capitalize}.pending-badge{background-color:#f0ad4e}.approved-badge{background-color:#5cb85c}.rejected-badge{background-color:#d9534f}.playlist-position{color:#000000b3;color:var(--text-muted,#000000b3)}.express-badge{color:#ff9800;font-size:1rem}.no-requests-placeholder{align-items:center;color:#0009;display:flex;flex-direction:column;gap:.5rem;padding:1rem 0;text-align:center}.request-notification-overlay{align-items:center;animation:fadeIn .2s ease-out;background-color:#000000bf;display:flex;inset:0;justify-content:center;position:fixed;z-index:1100}.request-notification-modal{animation:slideIn .3s ease-out;background-color:#1e1e1e;border-radius:12px;box-shadow:0 5px 15px #0000004d;max-width:400px;padding:24px;position:relative;width:90%}.notification-title{color:#e0e0e0;font-size:20px;margin:0 0 16px;text-align:center}.notification-message{color:#aaa;line-height:1.5;margin-bottom:24px;text-align:center}.confirm-button{border-radius:6px;cursor:pointer;display:block;font-weight:600;padding:12px;transition:background-color .2s;width:100%}.request-notification-modal.info{border-top:4px solid #03dac6}.request-notification-modal.success{border-top:4px solid #4caf50}.request-notification-modal.error{border-top:4px solid #cf6679}.request-notification-modal.pending{border-top:4px solid #ffb300}@media (max-width:480px){.request-notification-modal{padding:20px}.notification-title{font-size:18px}}.play-room{margin:0 auto;max-width:1200px;min-height:calc(100vh - 64px);padding:32px 20px;position:relative}.play-room:before{background:radial-gradient(circle at 20% 30%,#2cbdfb0d 0,#0000 50%),radial-gradient(circle at 80% 70%,#03dac60d 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:-1}.room-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:40px;position:relative}.room-header:after{background:linear-gradient(90deg,#2cbdfb,#03dac6);border-radius:2px;bottom:-15px;content:"";height:2px;left:0;position:absolute;width:100px}.room-info{flex:1 1}.room-info h1{background:linear-gradient(45deg,#2cbdfb,#03dac6);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:32px;margin:0 0 8px;text-shadow:0 2px 10px #2cbdfb33}.room-info p{color:#ffffffb3;margin:0}.room-controls{display:flex;gap:16px}.player-container{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:#1e1e1eb3;border:1px solid #ffffff0d;border-radius:16px;box-shadow:0 8px 20px #0003;box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden;padding:24px;position:relative;width:100%}.player-container:before{background:linear-gradient(90deg,#2cbdfb,#03dac6);content:"";height:3px;left:0;position:absolute;right:0;top:0;z-index:1}.album-art{border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 8px 24px #0000004d;height:260px;margin-bottom:24px;overflow:hidden;position:relative;transition:transform .3s ease,box-shadow .3s ease;width:260px;z-index:2}.album-art:hover{box-shadow:0 12px 28px #2cbdfb33;transform:scale(1.02)}.album-art img{height:100%;object-fit:cover;width:100%}.song-info{margin-bottom:24px;text-align:center;width:100%}.song-info h2{color:#e0e0e0;font-size:24px;font-weight:600;margin:0 0 8px}.song-info p{color:#fff9;font-size:16px;margin:0}.progress-container{margin-bottom:24px;width:100%}.progress-bar{background-color:#ffffff1a;border-radius:2px;cursor:pointer;height:4px;overflow:hidden;position:relative;width:100%}.progress-bar::-webkit-slider-thumb{-webkit-appearance:none;background:linear-gradient(90deg,#2cbdfb,#03dac6);border-radius:50%;box-shadow:0 0 5px #2cbdfb80;cursor:pointer;height:12px;width:12px}.progress-bar::-moz-range-thumb{background:linear-gradient(90deg,#2cbdfb,#03dac6);border:none;border-radius:50%;box-shadow:0 0 5px #2cbdfb80;cursor:pointer;height:12px;width:12px}.time-display{color:#fff9;display:flex;font-size:14px;justify-content:space-between;margin-top:8px}.moderation-controls{flex-direction:column;gap:10px;margin-bottom:15px}.moderation-status-display{background-color:#1e1e2f99;border-radius:8px;padding:10px 15px}.moderation-status-indicator{align-items:center;display:flex;gap:10px}.moderation-status-label{color:#ccc;font-weight:600}.moderation-status-value{align-items:center;border-radius:16px;display:flex;font-weight:500;gap:5px;padding:4px 10px}.moderation-status-value.off{background-color:#ff3b3033;color:#ff3b30}.moderation-status-value.on{background-color:#34c75933;color:#34c759}.moderation-status-value.ai{background-color:#5ac8fa33;color:#5ac8fa}.control-button{background:none;border:none;opacity:.8;padding:8px;transition:all .3s ease}.control-button:hover{color:#2cbdfb;opacity:1;transform:scale(1.1)}.play-button{align-items:center;background:linear-gradient(135deg,#2cbdfb,#03dac6);border-radius:50%;box-shadow:0 4px 10px #2cbdfb4d;color:#121212;display:flex;height:56px;justify-content:center;transition:all .3s ease;width:56px}.play-button:hover{box-shadow:0 6px 15px #2cbdfb66;transform:scale(1.05)}.playlist-section{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:#1e1e1eb3;border:1px solid #ffffff0d;border-radius:16px;box-shadow:0 8px 20px #0003;box-sizing:border-box;flex:1 1;overflow:hidden;padding:24px;position:relative;width:100%}.playlist-section:before{background:linear-gradient(90deg,#2cbdfb,#03dac6);content:"";height:3px;left:0;position:absolute;right:0;top:0;z-index:1}.playlist-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px;position:relative}.playlist-header h3{color:#2cbdfb;font-size:20px;font-weight:600;margin:0}.track-list{list-style:none;margin:0;padding:0}.track-item{align-items:center;background-color:#2c2c2c80;border:1px solid #ffffff0d;border-radius:8px;display:flex;margin-bottom:10px;padding:12px;transition:all .3s ease}.track-item:hover{background-color:#2c2c2cb3;border-color:#2cbdfb4d;transform:translateY(-2px)}.track-item.active{background-color:#2cbdfb1a;border-color:#2cbdfb80}.track-thumbnail{border-radius:8px;box-shadow:0 2px 6px #0003;height:40px;margin-right:12px;object-fit:cover;width:40px}.track-info{flex:1 1;overflow:hidden}.track-title{font-size:14px;margin:0 0 4px}.track-artist{color:#fff9;font-size:12px;margin:0}.track-action-button{background:none;border:none;color:#fff9;cursor:pointer;padding:4px;transition:all .2s ease}.track-action-button:hover{color:#2cbdfb;transform:scale(1.1)}.integrated-lyrics{background-color:#1e1e1e;border:1px solid #3d3d3d;border-radius:8px;margin-top:16px;max-height:220px;min-height:160px;overflow:hidden;width:100%}.integrated-lyrics .lyrics-section{background-color:#1e1e1e;border-radius:0;box-shadow:none;height:100%;margin:0}.integrated-lyrics .lyrics-header{background-color:#2c2c2c;border-bottom:1px solid #3d3d3d;padding:8px 12px}.integrated-lyrics .lyrics-header h3{color:#e0e0e0}.integrated-lyrics .lyrics-header .icon{color:#2cbdfb}.integrated-lyrics .lyrics-content{background-color:#1e1e1e;color:#e0e0e0;max-height:170px;min-height:120px;padding:10px}.integrated-lyrics .lyrics-text{font-size:13px}.integrated-lyrics .lyric-line{color:#aaa;margin-bottom:3px;padding:4px 10px}.integrated-lyrics .lyric-line.active{background-color:#bb86fc1a;border-left:2px solid #2cbdfb;color:#2cbdfb;padding-left:8px}.integrated-lyrics .lyric-timestamp{color:#666;font-size:11px;min-width:50px}.playlist-info-container{background-color:#1e1e1e;border-radius:8px;box-sizing:border-box;margin-top:20px;padding:20px;width:100%}.playlist-info-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.playlist-info-header h2{color:#2cbdfb;font-size:1.5rem;margin:0}.edit-info-button{align-items:center;background-color:#333;border:none;border-radius:6px;color:#e0e0e0;cursor:pointer;display:flex;font-size:14px;gap:6px;padding:6px 12px;transition:all .2s ease}.edit-info-button:hover{background-color:#444;color:#2cbdfb}.playlist-info-content{width:100%}.playlist-description{color:#e0e0e0;line-height:1.6;margin-bottom:20px}.playlist-settings{background-color:#2c2c2c;border-radius:6px;padding:15px}.setting-item{margin-bottom:10px}.setting-item:last-child{margin-bottom:0}.setting-label{color:#2cbdfb;font-weight:500;margin-right:8px}.playlist-info-edit{width:100%}.info-edit-textarea{background-color:#252525;border:1px solid #444;border-radius:6px;box-sizing:border-box;color:#e0e0e0;font-size:14px;margin-bottom:12px;min-height:100px;padding:12px;resize:vertical;width:100%}.info-edit-textarea:focus{border-color:#2cbdfb;outline:none}.edit-buttons{display:flex;gap:12px;justify-content:flex-end}.cancel-edit-button,.save-edit-button{border:none;border-radius:6px;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s ease}.cancel-edit-button{background-color:#333;color:#e0e0e0}.save-edit-button{background-color:#2cbdfb;color:#121212}.cancel-edit-button:hover{background-color:#444}.save-edit-button:hover{background-color:#0f9cd8}.share-section{margin-top:24px;text-align:center}.share-button{background-color:#2cbdfb;display:inline-flex;padding:12px 24px}.share-button:hover{background-color:#0f9cd8}.qr-code-overlay{align-items:center;background-color:#000000bf;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.qr-code-modal{background-color:#1e1e1e;border-radius:12px;padding:32px;text-align:center}.qr-code-modal img{height:200px;margin-bottom:24px;width:200px}.qr-code-buttons{display:flex;gap:12px;justify-content:center}.lyrics-button{background-color:initial;color:#e0e0e0;margin-left:16px;position:relative;transition:color .2s ease,background-color .2s ease;z-index:5}.lyrics-button.active{background-color:#bb86fc1a;color:#2cbdfb}.lyrics-button.active:after{background-color:#2cbdfb;border-radius:50%;bottom:-4px;content:"";height:6px;left:50%;position:absolute;transform:translateX(-50%);width:6px}.lyrics-button:hover{color:#2cbdfb}.placeholder-art{align-items:center;background-color:#2c2c2c;color:#999;display:flex;height:100%;justify-content:center;width:100%}@media (max-width:1024px){.player-playlist-grid{gap:20px;grid-template-columns:1fr}.left-column,.right-column{width:100%}.player-container{padding:24px}.album-art{height:220px;width:220px}.integrated-lyrics{max-height:200px}}@media (max-width:768px){.play-room{padding:16px 10px}.left-column,.right-column{gap:16px}.moderation-section,.pagination-controls,.player-container,.playlist-info-container,.playlist-section{border-radius:10px;padding:16px}.room-header{margin-bottom:24px}.room-info h1{font-size:24px}.room-controls{gap:12px}.share-button{font-size:14px;padding:8px 16px}.album-art{aspect-ratio:1;height:auto;margin-bottom:16px;width:65%}.song-info h2{font-size:20px}.player-controls{gap:16px}.play-button{height:48px;width:48px}.integrated-lyrics{max-height:180px}.integrated-lyrics .lyrics-content{max-height:140px}.moderation-header,.playlist-info-header{padding:12px 16px}.pagination-button{font-size:13px;padding:6px 10px}.pagination-info{font-size:12px;margin:0 10px}.track-item{padding:8px}.track-thumbnail{height:36px;width:36px}.playlist-info-section h2{font-size:20px}.playlist-settings{padding:12px}}@media (max-width:480px){.track-actions{gap:2px}.track-action-button{padding:2px}.track-thumbnail{height:28px;min-width:28px;width:28px}.track-artist,.track-title{max-width:calc(100% - 4px)}}.main-content{margin-bottom:30px;position:relative;z-index:0}.player-playlist-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr;margin-bottom:24px;position:relative}.left-column,.right-column{display:flex;flex-direction:column;gap:24px;position:relative;width:100%}#youtube-player{opacity:0;pointer-events:none;position:absolute;z-index:-1}.player-controls{align-items:center;display:flex;gap:24px;margin-bottom:24px;position:relative;width:100%;z-index:3}body.play-room-active{background-color:#121212}.moderation-section{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:#1e1e1eb3;border:1px solid #ffffff0d;border-radius:16px;box-shadow:0 8px 20px #0003;box-sizing:border-box;overflow:hidden;position:relative;width:100%}.moderation-section:before{background:linear-gradient(90deg,#2cbdfb,#03dac6);content:"";height:3px;left:0;position:absolute;right:0;top:0;z-index:1}.moderation-header{align-items:center;background-color:#2c2c2cb3;border-bottom:1px solid #ffffff0d;display:flex;justify-content:space-between;padding:16px 24px}.moderation-header h3{align-items:center;color:#2cbdfb;display:flex;font-size:18px;font-weight:600;gap:8px;margin:0}.moderation-toggle{align-items:center;background-color:#333333b3;border:none;border-radius:20px;color:#e0e0e0;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:8px 16px;transition:all .3s ease}.moderation-toggle.enabled{background-color:#03dac633;color:#03dac6}.moderation-toggle.disabled{background-color:#ef44441a;color:#ef4444}.moderation-toggle:hover{box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.moderation-controls{align-items:center;display:flex;gap:12px}.moderation-toggle-group{background-color:#0000001a;border-radius:20px;display:flex;margin-bottom:10px;padding:3px}.moderation-toggle-option{align-items:center;background-color:initial;border:none;border-radius:18px;color:#888;cursor:pointer;display:flex;font-weight:500;gap:5px;padding:6px 12px;transition:all .2s ease}.moderation-toggle-option.active{background-color:#6c5ce7;color:#fff}.moderation-toggle-option:hover:not(.active){background-color:#6c5ce733}.moderation-toggle-option svg{margin-right:2px}.ai-moderation-toggle{align-items:center;background-color:#333333b3;border:none;border-radius:20px;color:#e0e0e0;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:8px 16px;transition:all .3s ease}.ai-moderation-toggle.enabled{background-color:#4caf5033;color:#4caf50}.ai-moderation-toggle.disabled{background-color:#9e9e9e1a;color:#9e9e9e}.ai-moderation-toggle:hover{box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.ai-settings-button{align-items:center;background-color:#6c5ce7;border:none;border-radius:20px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:5px;margin-bottom:10px;padding:6px 12px;transition:all .2s ease}.ai-settings-button:hover{background-color:#5b4cc7;opacity:.9}.ai-settings-button svg{margin-right:4px}.ai-moderation-settings-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#000000b3;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}.ai-moderation-settings-overlay,.refresh-button{align-items:center;display:flex;justify-content:center}.refresh-button{background-color:#2c2c2cb3;border:1px solid #ffffff1a;border-radius:50%;color:#2cbdfb;cursor:pointer;height:36px;padding:0;transition:all .3s ease;width:36px}.refresh-button:hover{background-color:#3c3c3cb3;box-shadow:0 4px 8px #2cbdfb33;transform:translateY(-2px)}.refresh-button:disabled{cursor:not-allowed;opacity:.5}.refresh-button .spinning{animation:spin 1.2s linear infinite}.pagination-controls{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:#1e1e1eb3;border:1px solid #ffffff0d;border-radius:16px;box-shadow:0 8px 20px #0003;box-sizing:border-box;display:flex;justify-content:center;margin-top:16px;padding:16px;width:100%}.pagination-button{background:linear-gradient(135deg,#2cbdfb33,#03dac633);border:1px solid #2cbdfb4d;border-radius:20px;color:#e0e0e0;cursor:pointer;font-weight:500;padding:8px 16px;transition:all .3s ease}.pagination-button:hover:not(:disabled){background:linear-gradient(135deg,#2cbdfb4d,#03dac64d);box-shadow:0 4px 8px #2cbdfb33;transform:translateY(-2px)}.pagination-button:disabled{cursor:not-allowed;opacity:.5}.pagination-info{color:#fff9;font-size:14px;margin:0 16px}.playlist-actions{align-items:center;display:flex;gap:8px}.control-button{align-items:center;background-color:#2c2c2cb3;border:1px solid #ffffff1a;border-radius:6px;color:#e0e0e0;cursor:pointer;display:flex;font-size:14px;gap:6px;padding:8px 12px;transition:all .2s ease}.control-button:hover{background-color:#2c2c2ce6;border-color:#2cbdfb4d;transform:translateY(-1px)}.generate-playlist-button{background-color:#03dac61a;border-color:#03dac64d;color:#03dac6}.generate-playlist-button:hover{background-color:#03dac633;border-color:#03dac680}.add-music-button{background-color:#2cbdfb1a;border-color:#2cbdfb4d;color:#2cbdfb}.add-music-button:hover{background-color:#2cbdfb33;border-color:#2cbdfb80}.refresh-playlist-button{background-color:#bb86fc1a;border-color:#bb86fc4d;color:#bb86fc;justify-content:center;min-width:36px;padding:8px}.refresh-playlist-button:hover{background-color:#bb86fc33;border-color:#bb86fc80}.refresh-playlist-button.refreshing{cursor:not-allowed;opacity:.7}.refresh-playlist-button .spinning{animation:spin 1.5s linear infinite}.guest-add-music-button{background-color:#ff40811a;border-color:#ff40814d;color:#ff4081}.guest-add-music-button:hover{background-color:#ff408133;border-color:#ff408180}@media (max-width:768px){.play-room{padding:16px 12px}.player-playlist-grid{gap:16px;grid-template-columns:1fr}.room-header{align-items:flex-start;flex-direction:column;gap:12px}.room-controls{justify-content:space-between;width:100%}.album-art{margin:0 auto 20px;max-width:220px;width:75%}.song-info h2{font-size:20px}.integrated-lyrics{max-height:160px}.integrated-lyrics .lyrics-header{padding:6px 10px}.integrated-lyrics .lyrics-content{max-height:120px;padding:8px}.pagination-controls{padding:12px}.pagination-button{font-size:13px;padding:6px 12px}.edit-info-button{font-size:12px;padding:4px 8px}.edit-buttons{gap:8px}.cancel-edit-button,.save-edit-button{font-size:12px;padding:6px 12px}.track-title{font-size:13px}.track-artist{font-size:11px}.track-thumbnail{height:32px;width:32px}}.play-room.mobile-view{padding:16px!important}.sync-button{align-items:center;background-color:#03dac61a;border:1px solid #03dac64d;border-radius:20px;display:flex;gap:8px;padding:6px 12px;transition:all .2s ease}.sync-button:hover{background-color:#03dac633;border-color:#03dac680}.sync-button svg,.sync-label{color:#03dac6}.sync-label{font-size:12px;font-weight:500}.guest-message{align-items:center;background-color:#0003;border-radius:20px;color:#ffffffb3;display:flex;font-size:12px;gap:8px;margin-top:8px;padding:6px 12px;width:fit-content}.sync-indicator{animation:pulse 2s infinite;background-color:#03dac6;border-radius:50%;height:8px;width:8px}@keyframes pulse{0%{box-shadow:0 0 0 0 #03dac6b3;transform:scale(.95)}70%{box-shadow:0 0 0 6px #03dac600;transform:scale(1)}to{box-shadow:0 0 0 0 #03dac600;transform:scale(.95)}}@media (max-width:768px){.player-playlist-grid{display:flex!important;flex-direction:column!important;gap:20px}.player-controls{flex-wrap:wrap;gap:16px;justify-content:center;width:100%}.lyrics-button{margin-left:0;margin-top:8px}.playlist-section,.track-list{max-height:none!important;overflow-y:visible!important}.song-info h2,.song-info p{max-width:100%;overflow-wrap:break-word;white-space:normal;word-break:break-word}.track-info{flex:1 1;min-width:0;overflow:hidden}.track-artist,.track-title{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-actions{display:flex;gap:4px;min-width:fit-content}.track-thumbnail{min-width:32px}.play-room{padding:16px!important}.moderation-section,.pagination-controls,.player-container,.playlist-section{padding-left:12px!important;padding-right:12px!important}.track-item{padding-right:12px!important}}.play-room.mobile-view{max-width:100vw;overflow-x:hidden;padding:12px 8px;width:100%}.mobile-view .left-column,.mobile-view .player-playlist-grid,.mobile-view .right-column{box-sizing:border-box;width:100%}@media (max-width:600px){.player-controls{flex-wrap:wrap;gap:16px;justify-content:center}.lyrics-button{margin-left:0;margin-top:8px}}@supports (padding:max(0px)){.play-room{padding-bottom:max(16px,env(safe-area-inset-bottom));padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}}.player-error-banner{animation:slideDown .3s ease-out;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background-color:#1e1e1ee6;border:1px solid #ff00004d;border-radius:8px;box-shadow:0 4px 16px #0000004d;left:50%;max-width:90%;overflow:hidden;position:fixed;top:80px;transform:translateX(-50%);width:auto;z-index:1000}.error-content{align-items:center;display:flex;gap:12px;padding:12px 16px}.error-icon{flex-shrink:0;font-size:20px}.close-error{background:none;border:none;color:#ffffffb3;cursor:pointer;font-size:20px;margin-left:auto;padding:0 0 0 12px;transition:color .2s ease}.close-error:hover{color:#fff}@keyframes slideDown{0%{opacity:0;transform:translate(-50%,-20px)}to{opacity:1;transform:translate(-50%)}}@media (max-width:768px){.player-error-banner{max-width:95%;top:60px}.error-content{padding:10px 12px}}@supports (-webkit-touch-callout:none){.play-room{min-height:-webkit-fill-available;padding-bottom:max(12px,env(safe-area-inset-bottom));padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}.moderation-section,.pagination-controls,.player-container,.playlist-info-container,.playlist-section{margin-left:auto;margin-right:auto;width:calc(100% - 8px)}}@media (max-height:480px) and (orientation:landscape){.play-room{padding:12px}.player-grid{gap:16px;grid-template-columns:1fr 1fr}.album-art{height:140px;width:140px}.player-controls{margin-bottom:0}.playlist-section{max-height:70vh;overflow-y:auto}}.share-button-container{display:inline-block;position:relative}.share-button{align-items:center;background:linear-gradient(135deg,#2cbdfb,#03dac6);border:none;border-radius:20px;box-shadow:0 4px 10px #2cbdfb33;color:#121212;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:all .3s ease}.share-button:hover{box-shadow:0 6px 15px #2cbdfb4d;transform:translateY(-2px)}.share-button:active{transform:translateY(0)}.tooltip{animation:fadeIn .3s ease-out;background-color:#1e1e1ee6;border:1px solid #ffffff1a;border-radius:8px;bottom:-40px;box-shadow:0 4px 12px #0000004d;color:#fff;font-size:12px;left:50%;padding:8px 12px;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:100}@supports (-webkit-touch-callout:none){.share-button{appearance:none}}@media (max-width:768px){.song-info h2,.song-info p{max-width:100%;overflow-wrap:break-word;white-space:normal;word-break:break-word}.track-info{flex:1 1;min-width:0;overflow:hidden}.track-artist,.track-title{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playlist-section,.track-list{max-height:none!important;overflow-y:visible!important}.track-actions{display:flex;gap:4px;min-width:fit-content}.track-thumbnail{min-width:32px}.play-room{padding:16px!important}.moderation-section,.pagination-controls,.player-container,.playlist-section{padding-left:12px!important;padding-right:12px!important}.track-item{padding-right:12px!important}}@media (max-width:375px){.track-actions{gap:2px}.track-action-button{padding:2px}.track-thumbnail{height:28px;min-width:28px;width:28px}.track-artist,.track-title{max-width:calc(100% - 4px)}.play-room{padding:12px!important}.moderation-section,.pagination-controls,.player-container,.playlist-section{padding-left:10px!important;padding-right:10px!important}.track-item{padding-right:10px!important}}:root{--primary:#8a2be2;--primary-foreground:#fff;--secondary:#8a2be20f;--secondary-foreground:#1a1a1a;--muted:#666;--muted-foreground:#888;--accent:#5d3fd3;--accent-foreground:#fff;--background:#000;--foreground:#fff;--radius:0.75rem;--card-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--hover-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.about_aboutContainer__fp7W0{background:#000;background:var(--background);color:#fff;color:var(--foreground);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:-.02em;margin:0 auto;max-width:1200px;min-height:100vh;padding:8rem 2rem 6rem}.about_langSwitch__xiice{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff0d;border-radius:6.25rem;display:flex;gap:.25rem;padding:.25rem;position:fixed;right:2rem;top:5rem;z-index:100}.about_langButton__MzHI1{background:#0000;border:none;border-radius:5rem;color:#888;color:var(--muted-foreground);cursor:pointer;font-size:.875rem;font-weight:400;letter-spacing:.02em;padding:.5rem 1rem;transition:all .3s ease}.about_langButton__MzHI1.about_active__qcbKQ{background:#ffffff1a;color:#fff;color:var(--foreground)}.about_hero__-JpMk{margin-bottom:8rem;position:relative;text-align:center}.about_heroTitle__ky-T2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#ffffffb3);-webkit-background-clip:text;background-clip:text;font-size:4.5rem;font-weight:700;letter-spacing:-.03em;line-height:1.1;margin-bottom:2rem}.about_heroSubtitle__O7cW1{color:#888;color:var(--muted-foreground);font-size:1.25rem;font-weight:300;line-height:1.6;margin:0 auto;max-width:800px}.about_valueGrid__RR3md{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin:8rem 0}.about_valueCard__OLAGd{background:#ffffff05;border:1px solid #ffffff08;border-radius:.75rem;border-radius:var(--radius);overflow:hidden;padding:3rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.about_valueCard__OLAGd:before{background:linear-gradient(135deg,#8a2be2,#5d3fd3);background:linear-gradient(135deg,var(--primary) 0,var(--accent) 100%);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .4s ease;z-index:1}.about_valueCard__OLAGd:hover{background:#ffffff08;border-color:#ffffff14;transform:translateY(-5px)}.about_valueCard__OLAGd:hover:before{opacity:.05}.about_cardIcon__FtRpX{align-items:center;background:#8a2be21a;border-radius:.75rem;color:#8a2be2;color:var(--primary);display:flex;height:3.5rem;justify-content:center;margin-bottom:2rem;position:relative;width:3.5rem;z-index:2}.about_cardTitle__J4luy{color:#fff;color:var(--foreground);font-size:1.5rem;font-weight:600;letter-spacing:-.01em;margin-bottom:1rem;position:relative;z-index:2}.about_cardText__x5f41{color:#888;color:var(--muted-foreground);font-weight:300;line-height:1.6;position:relative;z-index:2}.about_features__0sFOp{background:#ffffff05;border:1px solid #ffffff08;border-radius:.75rem;border-radius:var(--radius);margin:8rem 0;overflow:hidden;padding:5rem;position:relative}.about_featuresTitle__L2Q0B{color:#fff;color:var(--foreground);font-size:2.5rem;font-weight:600;letter-spacing:-.02em;margin-bottom:5rem;position:relative;text-align:center;z-index:2}.about_featuresList__txGHM{grid-gap:4rem 3rem;display:grid;gap:4rem 3rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));position:relative;z-index:2}.about_featureItem__ZW5UF{align-items:flex-start;display:flex;gap:1.5rem}.about_featureIcon__FjTMg{align-items:center;background:#8a2be21a;border-radius:.75rem;color:#8a2be2;color:var(--primary);display:flex;flex-shrink:0;justify-content:center;padding:1rem}.about_featureContent__wl1eK h4{color:#fff;color:var(--foreground);font-size:1.25rem;font-weight:500;letter-spacing:-.01em;margin-bottom:.75rem}.about_featureContent__wl1eK p{color:#888;color:var(--muted-foreground);font-size:1rem;font-weight:300;line-height:1.6}.about_mission__\+MZUv{background:#ffffff05;border:1px solid #ffffff08;border-radius:.75rem;border-radius:var(--radius);margin:8rem 0;overflow:hidden;padding:5rem;position:relative;text-align:center}.about_missionTitle__pFI53{color:#fff;color:var(--foreground);font-size:2.5rem;font-weight:600;letter-spacing:-.02em;margin-bottom:2rem;position:relative;z-index:2}.about_missionText__6FDeE{color:#888;color:var(--muted-foreground);font-size:1.25rem;font-weight:300;line-height:1.7;margin:0 auto;max-width:800px;position:relative;z-index:2}.about_testimonials__A9c5N{margin:8rem 0}.about_testimonialsTitle__LiLmm{color:#fff;color:var(--foreground);font-size:2.5rem;font-weight:600;letter-spacing:-.02em;margin-bottom:5rem;text-align:center}.about_testimonialGrid__ES5ng{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.about_testimonialCard__oI0N8{background:#ffffff05;border:1px solid #ffffff08;border-radius:.75rem;border-radius:var(--radius);overflow:hidden;padding:3rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.about_testimonialCard__oI0N8:before{background:linear-gradient(135deg,#8a2be2,#5d3fd3);background:linear-gradient(135deg,var(--primary) 0,var(--accent) 100%);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .4s ease;z-index:1}.about_testimonialCard__oI0N8:hover{background:#ffffff08;border-color:#ffffff14;transform:translateY(-5px)}.about_testimonialCard__oI0N8:hover:before{opacity:.05}.about_testimonialText__\+0usl{color:#888;color:var(--muted-foreground);font-size:1.125rem;font-style:italic;font-weight:300;line-height:1.7;margin-bottom:2.5rem;position:relative;quotes:""" """ "'" "'";z-index:2}.about_testimonialText__\+0usl:before{content:open-quote;font-family:Georgia,serif;font-size:4em;line-height:.1em;margin-right:.25em;opacity:.1;vertical-align:-.4em}.about_testimonialAuthor__8TlFi{align-items:center;border-top:1px solid #ffffff0d;display:flex;gap:1rem;padding-top:1.5rem;position:relative;z-index:2}.about_authorInfo__02sXb h4{color:#fff;color:var(--foreground);font-size:1.125rem;font-weight:500;letter-spacing:-.01em;margin-bottom:.25rem}.about_authorInfo__02sXb p{color:#888;color:var(--muted-foreground);font-size:.875rem;font-weight:300}.about_cta__airRj{margin-top:8rem;text-align:center}.about_ctaButton__GMzpT{align-items:center;background:#8a2be2;background:var(--primary);border:none;border-radius:6.25rem;color:#fff;color:var(--primary-foreground);cursor:pointer;display:inline-flex;font-size:1.125rem;font-weight:500;gap:.75rem;letter-spacing:-.01em;padding:1.25rem 2.5rem;transition:all .4s cubic-bezier(.4,0,.2,1)}.about_ctaButton__GMzpT:hover{background:#5d3fd3;background:var(--accent);transform:translateY(-2px)}.about_changelogSection__Cg6\+9{margin:6rem 0;text-align:center}.about_changelogTitle__cN78A{align-items:center;display:flex;font-size:2.5rem;font-weight:800;gap:.75rem;justify-content:center;margin-bottom:1rem}.about_changelogIcon__tyUM8{color:#8a2be2;color:var(--primary)}.about_changelogDescription__S-vjN{color:#888;color:var(--muted-foreground);font-size:1.25rem;margin:0 auto 3rem;max-width:800px}@media (max-width:768px){.about_aboutContainer__fp7W0{padding:6rem 1.5rem 4rem}.about_langSwitch__xiice{right:1rem;top:4rem}.about_heroTitle__ky-T2{font-size:3rem}.about_heroSubtitle__O7cW1{font-size:1.125rem}.about_valueGrid__RR3md{gap:2rem;grid-template-columns:1fr;margin:6rem 0}.about_valueCard__OLAGd{padding:2.5rem}.about_features__0sFOp{margin:6rem 0;padding:3rem 1.5rem}.about_featuresList__txGHM{gap:3rem 2rem}.about_mission__\+MZUv{margin:6rem 0;padding:3rem 1.5rem}.about_missionTitle__pFI53{font-size:2rem}.about_missionText__6FDeE{font-size:1.125rem}.about_testimonialGrid__ES5ng{gap:2rem;grid-template-columns:1fr}.about_testimonialCard__oI0N8{padding:2.5rem}.about_testimonialText__\+0usl{font-size:1rem}.about_ctaButton__GMzpT{font-size:1rem;padding:1rem 2rem}.about_changelogTitle__cN78A{font-size:2rem}.about_changelogDescription__S-vjN{font-size:1rem;margin-bottom:2rem}}.changelog_changelogContainer__fc8z4{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff0d;border-radius:1rem;margin:3rem auto;max-width:900px;padding:2rem;width:100%}.changelog_changelogTitle__d4GoR{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#8a2be2,#5d3fd3);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700;letter-spacing:-.02em;margin-bottom:2rem;text-align:center}.changelog_timeline__sRy8w{padding-left:2rem;position:relative}.changelog_timeline__sRy8w:before{background:linear-gradient(180deg,#8a2be2 0,#8a2be233);content:"";height:100%;left:0;position:absolute;top:0;width:2px}.changelog_timelineItem__BoVN4{margin-bottom:2.5rem;position:relative}.changelog_timelineItem__BoVN4:last-child{margin-bottom:0}.changelog_timelineDot__HAuaZ{background:#8a2be2;border-radius:50%;box-shadow:0 0 10px #8a2be280;height:1rem;left:-2.5rem;position:absolute;top:.5rem;width:1rem;z-index:1}.changelog_timelineContent__6qORu{background:#ffffff0d;border:1px solid #ffffff14;border-radius:.75rem;overflow:hidden;transition:all .3s ease}.changelog_versionHeader__WoFDn{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:1rem 1.5rem;transition:background-color .2s ease}.changelog_versionHeader__WoFDn:hover{background:#ffffff14}.changelog_versionInfo__CRAnZ{flex:1 1}.changelog_versionTitle__BH9i4{color:#fff;font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.changelog_versionMeta__SySKM{align-items:center;color:#888;display:flex;font-size:.875rem;gap:1rem}.changelog_versionDate__8NHyF,.changelog_versionType__Y-tye{align-items:center;display:flex;gap:.5rem}.changelog_versionType__Y-tye{border-radius:1rem;font-size:.75rem;font-weight:500;letter-spacing:.05em;padding:.25rem .75rem;text-transform:uppercase}.changelog_feature__E33Pj{background:#34d3991a;color:#34d399}.changelog_security__B7Cqn{background:#ef44441a;color:#ef4444}.changelog_bugfix__Khkm6{background:#fbbf241a;color:#fbbf24}.changelog_release__S5uLv{background:#3b82f61a;color:#3b82f6}.changelog_other__ECXg8{background:#9ca3af1a;color:#9ca3af}.changelog_expandButton__KQuhW{align-items:center;background:#0000;border:none;border-radius:50%;color:#888;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s ease}.changelog_expandButton__KQuhW:hover{background:#ffffff1a;color:#fff}.changelog_versionDetails__X7r1C{animation:changelog_fadeIn__qBeAZ .3s ease;padding:0 1.5rem 1.5rem}.changelog_versionDescription__79OIu{color:#ccc;line-height:1.6;margin-bottom:1rem}.changelog_changesList__N\+k-L{list-style:none;margin:0;padding:0}.changelog_changeItem__etCy1{color:#bbb;line-height:1.5;margin-bottom:.75rem;padding-left:1.5rem;position:relative}.changelog_changeItem__etCy1:last-child{margin-bottom:0}.changelog_changeItem__etCy1:before{color:#8a2be2;content:"•";font-weight:700;left:0;position:absolute}.changelog_errorContainer__iy7hY,.changelog_loadingContainer__4aGM0{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:3rem;text-align:center}.changelog_loader__nircW{animation:changelog_spin__CMf4a 1s ease-in-out infinite;border:3px solid #8a2be24d;border-radius:50%;border-top-color:#8a2be2;height:2rem;margin-bottom:1rem;width:2rem}@keyframes changelog_spin__CMf4a{to{transform:rotate(1turn)}}@keyframes changelog_fadeIn__qBeAZ{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.changelog_changelogContainer__fc8z4{margin:2rem auto;padding:1.5rem}.changelog_changelogTitle__d4GoR{font-size:1.75rem}.changelog_timeline__sRy8w{padding-left:1.5rem}.changelog_timelineDot__HAuaZ{left:-2rem}.changelog_versionHeader__WoFDn{padding:.75rem 1rem}.changelog_versionTitle__BH9i4{font-size:1.1rem}.changelog_versionMeta__SySKM{align-items:flex-start;flex-direction:column;gap:.5rem}}.request-confirm-overlay{align-items:center;animation:fadeIn .2s ease-out;background-color:#000000bf;display:flex;inset:0;justify-content:center;position:fixed;z-index:1100}.request-confirm-modal{animation:slideIn .3s ease-out;background-color:#1e1e1e;border-radius:12px;border-top:4px solid #2cbdfb;box-shadow:0 5px 15px #0000004d;max-width:500px;padding:24px;position:relative;width:90%}.close-button{background:none;border:none;color:#666;cursor:pointer;font-size:24px;position:absolute;right:12px;top:12px;transition:color .2s}.close-button:hover{color:#e0e0e0}.modal-title{color:#2cbdfb;font-size:22px;margin:0 0 20px;text-align:center}.tracks-comparison{display:flex;flex-direction:column;gap:20px;margin-bottom:20px}.track-info-container{flex:1 1}.track-info-container h4{color:#e0e0e0;font-size:16px;font-weight:500;margin:0 0 8px}.track-card{align-items:center;background-color:#2c2c2c;border-radius:8px;display:flex;gap:12px;padding:12px}.requested-track{border-left:4px solid #ffb300}.current-track{border-left:4px solid #03dac6}.track-image{border-radius:6px;height:60px;width:60px}.track-details{flex:1 1;overflow:hidden}.track-title{font-weight:500;margin-bottom:4px}.track-artist{color:#888}.request-message{background-color:#bb86fc1a;border-radius:8px;margin-bottom:24px;padding:12px 16px}.request-message p{color:#2cbdfb;font-size:14px;margin:0;text-align:center}.modal-buttons{display:flex;gap:16px;justify-content:center}.cancel-button,.confirm-button{border-radius:6px;cursor:pointer;font-size:15px;font-weight:500;padding:10px 24px;transition:all .2s ease}.cancel-button{background-color:#2c2c2c;border:1px solid #3d3d3d;color:#e0e0e0}.confirm-button{background-color:#2cbdfb;border:none;color:#121212}.cancel-button:hover{background-color:#363636}.confirm-button:hover{background-color:#0f9cd8}@keyframes slideIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@media (min-width:768px){.tracks-comparison{flex-direction:row}}@media (max-width:480px){.request-confirm-modal{padding:20px 16px}.modal-title{font-size:20px;margin-bottom:16px}.track-image{height:50px;width:50px}.track-title{font-size:14px}.track-artist{font-size:12px}.request-message{padding:10px 12px}.request-message p{font-size:13px}.modal-buttons{gap:12px}.cancel-button,.confirm-button{font-size:14px;padding:8px 18px}}.search-music{margin:0 auto;max-width:1200px;min-height:100vh;padding:32px 20px;position:relative}.search-header{margin:0 0 40px;text-align:center}.search-header h1{color:#2cbdfb;font-size:32px;margin:0}.search-form-container{margin:0 auto 40px;max-width:600px}.search-form{display:flex;gap:12px;margin-bottom:24px}.search-input-wrapper{flex:1 1;position:relative}.search-icon{color:#666;left:16px;position:absolute;top:50%;transform:translateY(-50%)}.search-input{background-color:#1e1e1e;border:1px solid #3d3d3d;border-radius:8px;color:#e0e0e0;font-size:16px;padding:14px 14px 14px 48px;transition:border-color .2s ease;width:100%}.search-input:focus{border-color:#2cbdfb;outline:none}.search-button{background-color:#2cbdfb;border:none;border-radius:8px;color:#121212;font-weight:500;padding:0 24px;transition:background-color .2s;white-space:nowrap}.search-button:hover:not(:disabled){background-color:#0f9cd8}.search-button:disabled{cursor:not-allowed;opacity:.7}.search-toggle{display:flex;gap:16px;justify-content:center;margin-bottom:32px}.toggle-option{align-items:center;background:none;border:1px solid #3d3d3d;border-radius:20px;color:#666;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px 16px;transition:all .2s ease}.toggle-option:hover{border-color:#2cbdfb;color:#2cbdfb}.toggle-option.active{background-color:#2cbdfb;border-color:#2cbdfb;color:#121212}.error-message{background-color:#ef44441a;border:1px solid #ef444433;border-radius:8px;color:#ef4444;margin-bottom:24px;padding:16px;text-align:center}.loading-state{color:#666}.search-results{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));padding:0 20px}.track-card{background-color:#1e1e1e;border-radius:12px;overflow:hidden;transition:transform .2s}.track-card:hover{transform:translateY(-4px)}.track-image{aspect-ratio:1;object-fit:cover;width:100%}.track-content{padding:16px}.track-title{color:#e0e0e0;font-size:16px;font-weight:600;margin:0 0 8px}.track-artist,.track-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-artist{color:#666;font-size:14px;margin:0 0 16px}.track-actions{display:flex;gap:8px}.action-button{align-items:center;border-radius:6px;cursor:pointer;display:flex;flex:1 1;font-size:14px;gap:4px;justify-content:center;padding:8px;text-align:center;transition:all .2s ease}.listen-button{border:none}.listen-button,.listen-button:hover{background-color:#2cbdfb;color:#fff}.add-button{background-color:#2c2c2c;border:1px solid #3d3d3d;color:#e0e0e0}.add-button:hover{background-color:#363636;border-color:#2cbdfb;color:#2cbdfb}.back-button{position:fixed;top:16px;z-index:1000}@media (max-width:768px){.search-music{padding:60px 16px 24px}.search-header h1{font-size:24px;margin-top:20px}.search-form{flex-direction:column}.search-button{height:48px}.search-results{gap:16px;grid-template-columns:1fr;padding:0}.track-card{align-items:center;display:flex;padding:12px}.track-image{border-radius:8px;height:80px;width:80px}.track-content{flex:1 1;padding:0 0 0 16px}.track-actions{margin-top:8px}.back-button{font-size:13px;left:12px;min-width:80px;padding:8px 14px;top:12px}}@media (max-width:380px){.search-music{padding:60px 12px 16px}.track-image{height:64px;width:64px}.track-title{font-size:14px}.track-artist{font-size:12px}.action-button{font-size:12px;padding:6px}.back-button{font-size:12px;left:10px;padding:6px 10px;top:10px}}@supports (padding:max(0px)){.search-music{padding:max(60px,env(safe-area-inset-top) + 50px) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.back-button{left:max(12px,env(safe-area-inset-left));top:max(12px,env(safe-area-inset-top))}}@supports (-webkit-touch-callout:none){.search-music{min-height:-webkit-fill-available}}@media (max-height:480px) and (orientation:landscape){.search-music{padding:60px 16px 16px}.search-results{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.track-card{margin-bottom:12px}.back-button{top:8px}}.back-button{align-items:center;background-color:#2cbdfb;border:none;border-radius:20px;box-shadow:0 2px 8px #0000004d;color:#121212;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;left:16px;padding:10px 16px;position:absolute;top:64px;transition:transform .2s,background-color .2s;z-index:100}.back-button:active,.back-button:hover{background-color:#0f9cd8;transform:translateY(-2px)}@media (max-width:768px){.search-music{padding:100px 16px 24px}.back-button{font-size:13px;left:16px;padding:8px 14px;top:60px}}@media (max-width:380px){.search-music{padding:90px 12px 16px}.back-button{font-size:12px;left:12px;padding:6px 10px;top:50px}}@supports (padding:max(0px)){.search-music{padding:max(100px,env(safe-area-inset-top) + 80px) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.back-button{left:max(16px,env(safe-area-inset-left));top:max(60px,env(safe-area-inset-top) + 40px)}}@media (max-height:480px) and (orientation:landscape){.search-music{padding:80px 16px 16px}.back-button{top:50px}}.avatar-upload-container{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;max-width:400px;padding:20px;position:relative;width:90%;z-index:1000}.avatar-upload-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.avatar-upload-header h3{color:#333;font-size:18px;margin:0}.close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;justify-content:center;padding:5px}.close-btn:hover{background-color:#f0f0f0}.upload-options{margin-bottom:20px}.upload-btn,.upload-options{display:flex;justify-content:center}.upload-btn{align-items:center;background-color:#4a86e8;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;gap:8px;padding:10px 20px;transition:background-color .2s}.upload-btn:hover{background-color:#3a76d8}.upload-btn:disabled{background-color:#a0a0a0;cursor:not-allowed}.upload-error{color:#e74c3c;font-size:14px;margin-bottom:15px;text-align:center}.upload-instructions{color:#666;font-size:14px;text-align:center}.upload-instructions p{margin:5px 0}@media (max-width:768px){.avatar-upload-container{padding:15px;width:85%}.upload-btn{padding:12px 15px;width:100%}.avatar-upload-header h3,.upload-btn{font-size:16px}}@media (max-width:480px){.avatar-upload-container{padding:15px;width:90%}.upload-btn{font-size:16px;padding:14px 20px}}.profile-container{margin:0 auto;max-width:1200px;padding:32px 20px}.profile-header{background:#1e1e1e;border-radius:12px;color:#e0e0e0;margin-bottom:32px;padding:24px}.profile-main{display:flex;gap:32px}.avatar-section{align-items:center;display:flex;flex-direction:column;flex-shrink:0;gap:12px;position:relative;width:140px}.avatar-container{height:140px;position:relative;width:140px}.avatar{border-radius:50%;cursor:pointer;height:100%;object-fit:cover;transition:opacity .2s;width:100%}.avatar.clickable:hover{opacity:.8}.edit-avatar-btn{align-items:center;background:#2cbdfb;border:none;border-radius:20px;color:#121212;cursor:pointer;display:flex;font-size:14px;gap:4px;justify-content:center;padding:6px 12px;position:relative;transition:background-color .2s;width:100%}.edit-avatar-btn:hover{background-color:#0f9cd8}.profile-info{flex:1 1;min-width:0}.info-header{display:flex;flex-direction:column;gap:6px}.username-section{align-items:center;display:flex;gap:16px;margin-bottom:2px}.username-section h2{color:#2cbdfb;font-size:24px;margin:0}.edit-profile-btn{align-items:center;background-color:#2cbdfb;border:none;border-radius:20px;color:#121212;cursor:pointer;display:flex;font-size:14px;gap:6px;padding:8px 16px;transition:background-color .2s}.edit-profile-btn:hover{background-color:#0f9cd8}.stats{gap:20px;margin-bottom:6px}.stat-item{align-items:baseline;display:inline-flex;gap:4px;white-space:nowrap}.stat-item .value{color:#e0e0e0;font-size:16px}.stat-item:hover .value{text-decoration:underline}.user-details{color:#666}.detail-item{align-items:center;display:flex;font-size:14px;gap:8px;margin-bottom:6px}.bio{font-size:14px;line-height:1.5;margin:8px 0}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.edit-form{border-top:1px solid #333;margin-top:24px;padding-top:24px}.edit-form input,.edit-form textarea{background:#2c2c2c;border:1px solid #3d3d3d;border-radius:6px;color:#e0e0e0;font-size:14px;margin-bottom:12px;padding:8px 12px;width:100%}.edit-form textarea{min-height:60px;resize:vertical}.edit-form input:focus,.edit-form textarea:focus{border-color:#2cbdfb;outline:none}.edit-form-buttons{display:flex;gap:12px;justify-content:flex-end;margin-top:16px}.cancel-btn,.save-btn{border-radius:20px;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s}.cancel-btn{background:#0000;border:1px solid #666;color:#666}.cancel-btn:hover{border-color:#999;color:#999}.save-btn{background:#2cbdfb;border:none;color:#121212}.save-btn:hover{background:#0f9cd8}.description{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;height:40px;line-height:1.4;overflow:hidden}.stats{display:flex;gap:32px;margin-bottom:24px}.stat-item{align-items:center;cursor:pointer;display:flex;flex-direction:column}.stat-item .value{color:#2cbdfb;font-size:20px;font-weight:600}.stat-item .label{color:#666;font-size:14px;margin-top:4px}.stat-item:hover .value{color:#0f9cd8}.edit-btn{align-items:center;background-color:#2cbdfb;border:none;border-radius:20px;color:#121212;cursor:pointer;display:flex;font-size:14px;gap:6px;margin-left:auto;padding:8px 16px;transition:background-color .2s}.edit-btn:hover{background-color:#0f9cd8}.user-meta{align-items:center;color:#666;display:flex;font-size:14px;gap:12px;margin-bottom:8px}.user-meta svg{color:#666}.user-tags{display:flex;flex-wrap:wrap;gap:8px}.tag{background-color:#bb86fc1a;color:#2cbdfb;padding:4px 12px}.tag-selector{background:#2c2c2c;border-radius:8px;margin-bottom:16px;padding:16px}.tag-categories{display:flex;gap:8px;margin-bottom:16px;overflow-x:auto;scrollbar-width:none}.tag-categories::-webkit-scrollbar{display:none}.category-btn{background:#0000;border:1px solid #3d3d3d;border-radius:16px;color:#666;cursor:pointer;font-size:12px;padding:4px 12px;transition:all .2s;white-space:nowrap}.category-btn.active{background:#2cbdfb;border-color:#2cbdfb;color:#121212}.available-tags{display:flex;flex-wrap:wrap;gap:8px}.tag-btn{background:#0000;border:1px solid #3d3d3d;border-radius:16px;color:#666;cursor:pointer;font-size:12px;padding:4px 12px;transition:all .2s}.tag-btn.selected{background:#2cbdfb;border-color:#2cbdfb;color:#121212}.cancel-btn{background:#2c2c2c;border:none;border-radius:20px;color:#e0e0e0;cursor:pointer;padding:8px 16px;transition:background-color .2s}.cancel-btn:hover{background:#363636}.rooms-section{margin-top:32px}.rooms-section h2{align-items:center;color:#e0e0e0;display:flex;font-size:16px;gap:8px;margin-bottom:20px}.rooms-section h2 svg{color:#2cbdfb}.rooms-section .count{color:#666;font-weight:400}.rooms-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.room-card{background:#1e1e1e;border-radius:12px;transition:transform .2s}.room-card:hover{transform:translateY(-4px)}.room-content{padding:16px}.room-content h3{color:#e0e0e0;font-size:16px;margin:0 0 8px}.room-content p{color:#666;font-size:14px;height:40px;line-height:1.4;margin:0 0 12px}.create-card{align-items:center;background:#0000;border:1px dashed #3d3d3d;display:flex;justify-content:center;min-height:240px;transition:all .2s}.create-card:hover{background:#bb86fc0d;border-color:#2cbdfb}.create-card svg{color:#2cbdfb;opacity:.8;transition:all .2s}.create-card:hover svg{opacity:1;transform:scale(1.1)}@media (max-width:768px){.profile-container{padding:16px 12px}.profile-header{margin-bottom:20px;padding:16px}.profile-main{flex-direction:column;gap:20px;text-align:center}.profile-info,.profile-main{align-items:center}.profile-username{font-size:24px;margin-bottom:8px}.profile-bio{font-size:14px}.profile-metadata{align-items:center;flex-direction:column;gap:8px;margin-top:12px}.metadata-item{font-size:13px}.profile-stats{flex-wrap:wrap;gap:16px;justify-content:center;margin-top:16px}.stat-item{min-width:70px}.stat-value{font-size:20px}.stat-label{font-size:12px}.profile-tabs{gap:8px;margin-bottom:16px;overflow-x:auto;padding-bottom:8px}.tab-button{font-size:13px;padding:8px 12px;white-space:nowrap}.favorites-grid,.rooms-grid{gap:12px;grid-template-columns:1fr}.room-card{padding:12px}.room-info h3{font-size:16px}.users-grid{gap:12px;grid-template-columns:1fr}.user-card{padding:12px}.user-avatar{height:48px;width:48px}.unfollow-button{font-size:12px;padding:6px 12px}.tag-selector{padding:12px}.tag-categories{overflow-x:auto;padding-bottom:8px}.category-btn,.tag-btn{font-size:12px;padding:6px 10px}.available-tags{gap:8px}.avatar-container img{transform:translateZ(0)}.edit-form{padding:12px}.form-group{margin-bottom:12px}.form-group label{font-size:14px;margin-bottom:4px}.form-group input,.form-group select,.form-group textarea{font-size:14px;padding:8px 12px}.form-actions{gap:10px}.form-actions button{font-size:14px;padding:8px 16px}}@media (max-width:428px){.profile-container{padding:12px 8px}.profile-header{padding:12px}.avatar-section{width:120px}.avatar-container{height:120px;width:120px}.profile-username{font-size:22px}.profile-tabs{gap:4px}.tab-button{font-size:12px;padding:6px 10px}}@media (max-width:768px){.profile-main{flex-direction:column;gap:16px}.avatar-section{margin:0 auto;width:100px}.avatar-container{height:100px;width:100px}.username-section{align-items:flex-start;flex-direction:column;gap:8px}.edit-avatar-btn{font-size:12px;margin:0 auto;padding:4px 8px;width:80%}.edit-profile-btn{align-self:flex-start;font-size:12px;padding:6px 12px}.stats{gap:16px;justify-content:center}}@media (max-width:480px){.edit-avatar-btn{background-color:#2cbdfbe6;border-radius:50%;bottom:0;height:36px;padding:0;position:absolute;right:0;width:36px}.edit-profile-btn{border-radius:16px;font-size:12px;padding:4px 10px}.username-section{align-items:center;flex-direction:row;justify-content:space-between;width:100%}.avatar-container{position:relative}}.tag-categories::-webkit-scrollbar{height:4px}.tag-categories::-webkit-scrollbar-track{background:#2c2c2c}.tag-categories::-webkit-scrollbar-thumb{background:#3d3d3d;border-radius:2px}.tag-categories::-webkit-scrollbar-thumb:hover{background:#4d4d4d}.room-tags{gap:6px;margin-top:8px}.genre-tag{background-color:#bb86fc1a}.occasion-tag{background-color:#03dac61a;color:#03dac6}.tag{border-radius:12px;font-size:12px;padding:4px 8px}.profile-tabs{border-bottom:1px solid #3d3d3d;display:flex;gap:12px;margin:28px 0 20px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.profile-tabs::-webkit-scrollbar{display:none}.tab-button{background:none;border:none;border-bottom:2px solid #0000;color:#666;cursor:pointer;font-size:15px;font-weight:500;padding:10px 16px;transition:all .2s ease;white-space:nowrap}.tab-button:hover{color:#2cbdfb}.tab-button.active{border-bottom-color:#2cbdfb;color:#2cbdfb}.rooms-section h2,.users-section h2{align-items:center;color:#e0e0e0;display:flex;font-size:18px;gap:8px;margin-bottom:20px}.rooms-section h2 svg,.users-section h2 svg{color:#2cbdfb}.count{color:#666;font-weight:400}.users-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.user-card{background:#1e1e1e;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:16px;overflow:hidden;padding:16px;transition:transform .2s,background-color .2s}.user-card:hover{background:#282828;transform:translateY(-2px)}.user-card-content{align-items:center;display:flex;gap:12px}.user-avatar{border-radius:50%;height:64px;object-fit:cover;width:64px}.user-info{flex:1 1}.user-info h3{color:#e0e0e0;font-size:16px;margin:0}.unfollow-button{align-items:center;align-self:flex-start;background-color:#cf66791a;border:1px solid #cf66794d;border-radius:20px;color:#cf6679;cursor:pointer;display:flex;font-size:13px;gap:8px;justify-content:center;padding:8px 16px;transition:all .2s}.unfollow-button:hover{background-color:#cf667933}.empty-state{background:#1e1e1e;border-radius:12px;color:#666;padding:40px 20px;text-align:center}.empty-state p{font-size:16px;margin:0}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:999}@media (max-width:768px){.profile-avatar-container{margin-bottom:15px}.profile-avatar-container button{font-size:14px;padding:8px 12px}}@media (max-width:480px){.profile-avatar-container button{font-size:14px;margin-top:10px;padding:10px 15px}}.explore-container{margin:0 auto;max-width:1200px;min-height:calc(100vh - 64px);padding:32px 20px;position:relative}.explore-container:before{background:radial-gradient(circle at 20% 30%,#2cbdfb14 0,#0000 50%),radial-gradient(circle at 80% 70%,#9d4edd14 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:-1}.explore-header{margin-bottom:50px;position:relative;text-align:center}.explore-header:after{background:linear-gradient(90deg,#2cbdfb,#9d4edd);border-radius:3px;bottom:-15px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:100px}.explore-header h1{background:linear-gradient(45deg,#2cbdfb,#9d4edd);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:42px;font-weight:800;margin:0 0 15px;text-shadow:0 2px 10px #2cbdfb4d}.explore-header p{color:#ffffffb3;font-size:18px;margin:0 auto;max-width:600px}.rooms-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-bottom:50px}.search-bar{align-items:center;display:flex;gap:12px;justify-content:center;margin-bottom:40px}.search-bar input{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff0f;border:1px solid #ffffff26;border-radius:10px;color:#fff;font-size:16px;outline:none;padding:10px 16px;transition:background .25s ease,border-color .25s ease;width:260px}.search-bar input:focus{background:#ffffff1f;border-color:#2cbdfb66}.search-bar input::placeholder{color:#ffffff80}.search-bar button{background:linear-gradient(45deg,#2cbdfb,#9d4edd);border:none;border-radius:10px;box-shadow:0 2px 6px #0003;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:10px 20px;transition:transform .2s ease,opacity .2s ease}.search-bar button:hover{opacity:.92;transform:translateY(-2px)}.room-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e1e1e99;border:1px solid #ffffff0d;border-radius:16px;box-shadow:0 8px 20px #0003;cursor:pointer;overflow:hidden;position:relative;transition:all .3s ease}.room-card:before{background:linear-gradient(90deg,#2cbdfb,#9d4edd);content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform .3s ease;z-index:1}.room-card:hover{box-shadow:0 12px 30px #2cbdfb26;transform:translateY(-8px)}.room-card:hover:before{transform:scaleX(1)}.room-image{overflow:hidden;padding-top:56.25%;position:relative;width:100%}.room-image img{height:100%;left:0;object-fit:cover;position:absolute;top:0;transition:transform .5s ease;width:100%}.room-card:hover .room-image img{transform:scale(1.05)}.song-count{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;border-radius:20px;bottom:12px;color:#fff;display:flex;font-size:14px;gap:6px;left:12px;padding:6px 10px;position:absolute;text-shadow:0 1px 2px #00000080;z-index:2}.song-count svg{color:#2cbdfb;filter:drop-shadow(0 0 3px rgba(44,189,251,.5))}.room-content{padding:20px}.room-content h3{color:#fff;font-size:20px;font-weight:600;margin:0 0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-content p{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#fff9;display:-webkit-box;font-size:15px;height:45px;line-height:1.5;margin:0 0 15px;overflow:hidden}.room-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:15px}.tag{border-radius:20px;font-size:13px;font-weight:500;padding:5px 10px;transition:all .3s ease}.genre-tag{background-color:#2cbdfb1a;border:1px solid #2cbdfb4d;color:#2cbdfb}.genre-tag:hover{background-color:#2cbdfb33}.occasion-tag{background-color:#9d4edd1a;border:1px solid #9d4edd4d;color:#9d4edd}.occasion-tag:hover{background-color:#9d4edd33}.host-info{align-items:center;border-top:1px solid #ffffff1a;display:flex;flex-wrap:wrap;gap:10px;margin-top:15px;padding-top:15px}.host-info span{color:#ffffffb3;font-size:14px}.host-avatar{border:2px solid #2cbdfb4d;border-radius:50%;height:28px;object-fit:cover;width:28px}.room-creation-date{align-items:center;color:#ffffff80;display:flex;font-size:12px;gap:5px;margin-left:auto}.room-creation-date svg{color:#ffffff4d}.loading-state{color:#fff9;padding:40px;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #2c2c2c99;border-radius:50%;border-top-color:#2cbdfb;height:40px;margin:0 auto 16px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.loader-element{height:20px;margin-top:20px}.end-message{background:#1e1e1e66;border:1px solid #ffffff0d;border-radius:12px;color:#fff9;font-size:16px;margin-top:20px;padding:30px;text-align:center}.explore-wave{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 120' preserveAspectRatio='none'%3E%3Cpath d='M0 0v46.29c47.79 22.2 103.59 32.17 158 28 70.36-5.37 136.33-33.31 206.8-37.5 73.84-4.36 147.54 16.88 218.2 35.26 69.27 18 138.3 24.88 209.4 13.08 36.15-6 69.85-17.84 104.45-29.34C989.49 25 1113-14.29 1200 52.47V0Z' opacity='.1' fill='%232CBDFB'/%3E%3Cpath d='M0 0v15.81c13 21.11 27.64 41.05 47.69 56.24C99.41 111.27 165 111 224.58 91.58c31.15-10.15 60.09-26.07 89.67-39.8 40.92-19 84.73-46 130.83-49.67 36.26-2.85 70.9 9.42 98.6 31.56 31.77 25.39 62.32 62 103.63 73 40.44 10.79 81.35-6.69 119.13-24.28s75.16-39 116.92-43.05c59.73-5.85 113.28 22.88 168.9 38.84 30.2 8.66 59 6.17 87.09-7.5 22.43-10.89 48-26.93 60.65-49.24V0Z' opacity='.15' fill='%239D4EDD'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:cover;bottom:0;height:100px;left:0;pointer-events:none;position:fixed;width:100%;z-index:-1}@media (max-width:768px){.explore-container{padding:20px}.explore-header h1{font-size:32px}.explore-header p{font-size:16px}.rooms-grid{gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (max-width:480px){.explore-header h1{font-size:28px}.rooms-grid{gap:15px;grid-template-columns:repeat(2,1fr)}.room-card{min-height:auto}.room-image{height:120px}.song-count{font-size:11px;padding:3px 6px}.room-content h3{font-size:16px;margin-bottom:6px}.room-content p{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:13px;height:38px;margin-bottom:10px;overflow:hidden;text-overflow:ellipsis}.room-tags{gap:5px;margin-bottom:10px}.tag{font-size:11px;padding:3px 8px}.host-info{gap:6px;margin-top:10px;padding-top:10px}.host-info span{font-size:12px}.room-creation-date{font-size:10px}.room-content{padding:12px}}.admin-dashboard{padding:2rem}.dashboard-header{border-bottom:1px solid #eaeaea;margin-bottom:2rem;padding-bottom:1rem}.stats-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:1.5rem;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}.stats-card:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-5px)}.stats-card-title{color:#666;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.stats-card-value{color:#333;font-size:2rem;font-weight:700}.download-buttons{display:flex;gap:1rem;margin-bottom:2rem}.tab-panel{padding:1.5rem}.chart-container{height:400px;margin-bottom:2rem}.data-table{border-collapse:collapse;width:100%}.data-table th{background-color:#f5f5f5;border-bottom:2px solid #ddd;font-weight:600;padding:.75rem;text-align:left}.data-table td{border-bottom:1px solid #eee;padding:.75rem}.data-table tr:hover{background-color:#f9f9f9}.action-chip{border-radius:16px;display:inline-block;font-size:.75rem;font-weight:500;padding:.25rem .5rem;text-transform:uppercase}.action-chip.play{background-color:#e6f7ed;color:#2e7d32}.action-chip.pause{background-color:#fff8e1;color:#f57c00}.action-chip.favorite{background-color:#e8eaf6;color:#3f51b5}.action-chip.add{background-color:#e1f5fe;color:#0288d1}.action-chip.remove{background-color:#ffebee;color:#c62828}.loading-container{align-items:center;display:flex;justify-content:center;padding:3rem}@media (max-width:768px){.download-buttons{flex-direction:column}.stats-card{margin-bottom:1rem}}.store-container{background-color:#181818;background-image:linear-gradient(180deg,#121212b3,#121212e6),url("data:image/svg+xml;charset=utf-8,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18a7 7 0 1 0 0-14 7 7 0 0 0 0 14zm48 25a7 7 0 1 0 0-14 7 7 0 0 0 0 14zm-43-7a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm63 31a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM34 90a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm56-76a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21a2 2 0 1 0 .001-3.999A2 2 0 0 0 80 29zM60 91a2 2 0 1 0 .001-3.999A2 2 0 0 0 60 91zM35 41a2 2 0 1 0 .001-3.999A2 2 0 0 0 35 41zM12 60a2 2 0 1 0 .001-3.999A2 2 0 0 0 12 60z' fill='%232CBDFB' fill-opacity='.05' fill-rule='evenodd'/%3E%3C/svg%3E");color:#fff;margin:0 auto;max-width:1200px;min-height:calc(100vh - 64px);padding:2rem}.store-header{margin-bottom:2rem;text-align:center}.store-header h1{background:linear-gradient(90deg,#2cbdfb,#9d4edd);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:3rem;font-weight:800;letter-spacing:-.5px;margin-bottom:1.5rem;text-align:center;text-shadow:0 2px 10px #2cbdfb33}.user-coins-display{background-color:#f8f9fa;border-radius:8px;box-shadow:0 2px 4px #0000000d;margin-bottom:2rem;padding:1rem;text-align:center}.user-coins-display h2{color:#333;font-size:1.5rem;margin:0}.user-coins-display .coins-amount{color:#6c5ce7;font-size:2.5rem;font-weight:700;margin:.5rem 0}.current-balance{align-items:center;background:#2cbdfb1a;border:1px solid #2cbdfb33;border-radius:50px;box-shadow:0 4px 20px #2cbdfb1a;color:#fff;display:flex;font-size:1.4rem;font-weight:700;gap:.75rem;justify-content:center;margin:2rem auto;max-width:fit-content;padding:1rem 2rem}.current-balance svg{color:#2cbdfb;filter:drop-shadow(0 0 5px rgba(44,189,251,.5))}.error-message,.success-message{align-items:center;animation:fadeIn .5s ease-in-out;border-radius:8px;box-shadow:0 4px 12px #0000001a;display:flex;font-weight:500;gap:.75rem;justify-content:center;margin:1.5rem auto;max-width:600px;padding:1rem 1.5rem}.success-message{background-color:#15803d26;border:1px solid #15803d4d;color:#4ade80}.error-message{background-color:#b91c1c26;border:1px solid #b91c1c4d;color:#f87171}.coin-packages{margin-top:3rem}.coin-packages h2{color:#fff;font-size:2rem;margin-bottom:2rem;position:relative;text-align:center}.coin-packages h2:after{background:linear-gradient(90deg,#2cbdfb,#9d4edd);border-radius:3px;content:"";display:block;height:3px;margin:.5rem auto 0;width:80px}.packages-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:1000px}.package-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e1e1e80;border:1px solid #ffffff0d;border-radius:12px;box-shadow:0 8px 32px #0003;overflow:hidden;position:relative;transition:all .3s ease}.package-card:hover{border:1px solid #2cbdfb33;box-shadow:0 12px 40px #2cbdfb26;transform:translateY(-5px)}.package-card:before{background:linear-gradient(90deg,#2cbdfb,#9d4edd);content:"";height:3px;left:0;position:absolute;right:0;top:0;z-index:1}.package-content{flex-direction:column;gap:1.25rem;padding:1.5rem;text-align:center}.coin-amount,.package-content{align-items:center;display:flex}.coin-amount{color:#fff;font-size:1.5rem;font-weight:700;gap:.5rem;justify-content:center}.coin-amount svg{color:#2cbdfb;filter:drop-shadow(0 0 5px rgba(44,189,251,.5))}.package-price{align-items:center;color:#fff;display:flex;flex-direction:column;font-size:2rem;font-weight:800;gap:.25rem}.original-price{color:#999;font-size:1.2rem;font-weight:400;text-decoration:line-through}.discounted-price{color:#4ade80;text-shadow:0 0 10px #4ade804d}.purchase-button{background:linear-gradient(90deg,#2cbdfb,#9d4edd);border:none;border-radius:50px;box-shadow:0 4px 15px #2cbdfb4d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;letter-spacing:.5px;padding:.75rem 2rem;transition:all .3s ease;width:100%}.purchase-button:hover{animation:gradientShift 3s ease infinite;background:linear-gradient(90deg,#2cbdfb,#9d4edd,#2cbdfb);background-size:200% 100%;box-shadow:0 6px 20px #2cbdfb66;transform:translateY(-2px)}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.purchase-button:disabled{background:#333;box-shadow:none;cursor:not-allowed;transform:none}.coupon-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e1e1e80;border:1px solid #ffffff0d;border-radius:12px;box-shadow:0 8px 32px #0000001a;margin:2rem auto;max-width:600px;padding:1.5rem}.coupon-input-container{align-items:center;display:flex;gap:.75rem}.coupon-input{background-color:#0003;border:1px solid #ffffff1a;border-radius:8px;color:#fff;flex:1 1;font-size:1rem;padding:.75rem 1rem;transition:all .3s ease}.coupon-input:focus{border-color:#2cbdfb;box-shadow:0 0 0 2px #2cbdfb33;outline:none}.coupon-button{background:linear-gradient(90deg,#2cbdfb,#9d4edd);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease;white-space:nowrap}.coupon-button:hover{box-shadow:0 4px 12px #2cbdfb4d;transform:translateY(-2px)}.coupon-button:disabled{background:#333;box-shadow:none;cursor:not-allowed;transform:none}.coupon-applied{align-items:center;animation:fadeIn .5s ease-in-out;color:#4ade80;display:flex;font-weight:500;gap:.5rem;margin-top:.75rem}.coupon-applied svg{background-color:#15803d33;border-radius:50%;padding:2px}.package-name{align-items:center;display:flex;gap:.5rem;justify-content:center;margin-bottom:.5rem}.package-name h3{color:#2cbdfb;font-size:1.4rem;font-weight:700;margin:0}.package-name svg{background-color:#2cbdfb1a;border-radius:50%;color:#2cbdfb;padding:6px}.package-description{color:#ffffffb3;font-size:.9rem;margin:0 0 1rem;text-align:center}.store-footer{border-top:1px solid #ffffff0d;color:#ffffff80;font-size:.9rem;margin-top:4rem;padding:1.5rem;text-align:center}.coupon-section h3,.store-footer p{margin-bottom:.5rem}.coupon-section h3{color:#2cbdfb;font-size:1.2rem;margin-top:0}.coupon-section p{color:#ffffffb3;font-size:.9rem;margin-bottom:1rem}.coupon-icon{margin-right:6px}.package-card:first-child:after{content:"♪"}.package-card:first-child:after,.package-card:nth-child(2):after{color:#2cbdfb;font-size:24px;opacity:.1;position:absolute;right:10px;top:10px}.package-card:nth-child(2):after{content:"♫"}.package-card:nth-child(3):after{content:"♬"}.package-card:nth-child(3):after,.package-card:nth-child(4):after{color:#2cbdfb;font-size:24px;opacity:.1;position:absolute;right:10px;top:10px}.package-card:nth-child(4):after{content:"♩"}@media (max-width:768px){.packages-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}h1{font-size:2.5rem}.current-balance{font-size:1.2rem}}@media (max-width:480px){.packages-grid{grid-template-columns:1fr}.store-container{padding:1.5rem}h1{font-size:2rem}.package-content{padding:1.25rem}}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#121212;color:#e0e0e0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5}.App{display:flex;flex-direction:column;min-height:100vh}main{flex:1 1;padding-top:64px}h1,h2,h3,h4,h5,h6{color:#2cbdfb;line-height:1.2;margin-bottom:1rem}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}p{margin-bottom:1rem}a{color:#2cbdfb;text-decoration:none;transition:color .2s ease}a:hover{color:#0f9cd8}input,select,textarea{color:#e0e0e0;font-family:inherit;font-size:1rem}button{cursor:pointer;font-family:inherit}.container{margin:0 auto;max-width:1200px;padding:0 1rem;width:100%}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}:root{--primary:#2cbdfb;--primary-hover:#0f9cd8;--secondary:#03dac6;--background:#121212;--surface:#1e1e1e;--surface-2:#2c2c2c;--error:#cf6679;--on-primary:#121212;--on-background:#e0e0e0;--on-surface:#e0e0e0}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#1e1e1e;background:var(--surface)}::-webkit-scrollbar-thumb{background:#3d3d3d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#4d4d4d}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn .3s ease-in}@media (max-width:768px){h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.1rem}h6{font-size:1rem}.container{padding:0 .75rem}}@media print{body{background:#fff;color:#000}.no-print{display:none}}
/*# sourceMappingURL=main.4df65d1b.css.map*/