@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:#000}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;color:#2d3748}#root{height:100vh;width:100vw;margin:0;padding:0}.login-container{width:100%;height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5e6d3,#e8d4b8)}.login-content{text-align:center;animation:fadeIn .6s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.app-title{font-size:4rem;font-weight:300;letter-spacing:-2px;margin-bottom:1rem;color:#1ed760;text-transform:lowercase}.app-subtitle{font-size:1.2rem;font-weight:300;color:#b3b3b3;margin-bottom:3rem;text-transform:lowercase}.login-options{display:flex;flex-direction:column;gap:1.5rem;width:100%;max-width:500px}.login-button{background:#ffffff0d;color:#fff;border:2px solid rgba(255,255,255,.1);padding:1.5rem 2rem;font-size:1rem;font-weight:500;font-family:Inter,sans-serif;cursor:pointer;text-decoration:none;display:flex;align-items:center;gap:1.5rem;text-transform:lowercase;letter-spacing:.5px;border-radius:20px;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.login-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.login-button:hover:before{left:100%}.login-button svg{width:48px;height:48px;flex-shrink:0}.btn-text{display:flex;flex-direction:column;align-items:flex-start;text-align:left;flex:1}.btn-title{font-size:1.2rem;font-weight:600;margin-bottom:.25rem}.btn-subtitle{font-size:.85rem;opacity:.7;font-weight:400}.spotify-btn{border-color:#1ed7604d}.spotify-btn:hover{background:#1ed7601a;border-color:#1ed76099;transform:translateY(-2px);box-shadow:0 10px 30px #1ed76033}.youtube-btn{border-color:#ff00004d}.youtube-btn:hover{background:#ff00001a;border-color:#f009;transform:translateY(-2px);box-shadow:0 10px 30px #f003}.or-divider{text-align:center;position:relative;margin:.5rem 0}.or-divider span{background:#000;padding:0 1rem;color:#fff6;font-size:.9rem;text-transform:uppercase;letter-spacing:2px;position:relative;z-index:1}.or-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)}.app{width:100%;height:100vh;display:flex;flex-direction:column;background:#000}.search-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(135deg,#000,#1a0000,#300,#1a0000,#000);overflow:hidden}.search-overlay{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:3rem}.search-content{width:100%;max-width:800px;animation:fadeIn .6s ease-out}.search-title{font-size:3rem;font-weight:300;background:linear-gradient(135deg,#fff,#1ed760,#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center;margin-bottom:3rem;letter-spacing:-1px}.search-bar-wrapper{margin-bottom:2rem}.search-input-glass{width:100%;padding:1.5rem 2rem;font-size:1.2rem;font-family:Inter,sans-serif;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(30,215,96,.3);border-radius:50px;color:#fff;outline:none;transition:all .3s ease}.search-input-glass::placeholder{color:#fff6}.search-input-glass:focus{background:#1ed7601a;border-color:#1ed76099;box-shadow:0 10px 40px #1ed76033}.loading-text{text-align:center;color:#fff9;font-size:1rem;margin-top:1rem}.results-glass{display:flex;flex-direction:column;gap:1rem;max-height:500px;overflow-y:auto;padding:1rem 0;margin-top:2rem}.results-glass::-webkit-scrollbar{width:8px}.results-glass::-webkit-scrollbar-track{background:#1ed7601a;border-radius:10px}.results-glass::-webkit-scrollbar-thumb{background:#1ed76066;border-radius:10px}.results-glass::-webkit-scrollbar-thumb:hover{background:#1ed76099}.result-item-glass{display:flex;align-items:center;gap:1.5rem;padding:1rem 1.5rem;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(30,215,96,.2);border-radius:15px;cursor:pointer;transition:all .3s ease;animation:slideIn .4s ease-out}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.result-item-glass:hover{background:#1ed76026;border-color:#1ed76080;transform:translate(5px);box-shadow:0 5px 20px #1ed76033}.result-image-glass{width:60px;height:60px;border-radius:10px;object-fit:cover;box-shadow:0 4px 15px #1ed7604d;border:1px solid rgba(30,215,96,.2)}.result-info-glass{flex:1;min-width:0}.result-name-glass{font-size:1.1rem;font-weight:500;color:#fff;margin-bottom:.3rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-artist-glass{font-size:.9rem;color:#fff9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header{display:flex;justify-content:space-between;align-items:center;padding:2.5rem 3rem;animation:slideDown .6s cubic-bezier(.4,0,.2,1)}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.header .app-title{font-size:2rem;font-weight:300;color:#1ed760;margin:0}.logout-button{background:transparent;color:#1ed760;border:2px solid #1ed760;padding:.8rem 2rem;font-size:.9rem;font-family:Inter,sans-serif;font-weight:500;cursor:pointer;text-transform:lowercase;border-radius:50px;transition:all .3s ease}.logout-button:hover{background:#1ed760;color:#faf8f3;transform:translateY(-2px)}.search-container{flex:1;padding:0 3rem 3rem;display:flex;flex-direction:column;gap:2rem;animation:fadeIn .8s ease-in .2s both;overflow:hidden}.search-form{width:100%;max-width:800px;margin:0 auto}.search-input{width:100%;background:#fff;border:2px solid #e8d4b8;padding:1.5rem 2rem;font-size:1.3rem;font-family:Inter,sans-serif;font-weight:300;color:#2d3748;border-radius:50px;outline:none;transition:all .3s ease;box-shadow:0 5px 20px #0000000d}.search-input::placeholder{color:#b3b3b3}.search-input:focus{border-color:#1ed760;box-shadow:0 10px 40px #d4a57433;transform:translateY(-2px)}.loading{text-align:center;color:#1ed760;font-size:1rem;font-weight:400}.results{background:#fff;border-radius:30px;overflow:hidden;box-shadow:0 10px 40px #00000014;max-width:800px;margin:0 auto;width:100%;max-height:calc(100vh - 350px);overflow-y:auto}.result-item{display:flex;align-items:center;padding:1.5rem 2rem;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);border-bottom:1px solid #f5f5f5}.result-item:hover{background:linear-gradient(90deg,#faf8f3,#f5ede0);transform:translate(10px)}.result-image{width:80px;height:80px;object-fit:cover;margin-right:1.5rem;border-radius:15px;box-shadow:0 8px 20px #00000026}.result-name{font-weight:600;color:#2d3748;margin-bottom:.4rem;font-size:1.1rem}.result-artist{font-size:.95rem;color:#718096;font-weight:400}.player-fullscreen{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1000;animation:fadeIn .6s ease-out;overflow:hidden;background:#000}.player-background{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;filter:blur(120px) brightness(.6);transform:scale(1.3)}.player-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#0006,#000000b3);display:flex;align-items:center;justify-content:center;padding:0}.back-button{position:absolute;top:2rem;left:2rem;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;border:none;padding:1rem 2rem;font-size:1rem;font-family:Inter,sans-serif;font-weight:500;cursor:pointer;border-radius:50px;transition:all .3s ease;z-index:10}.back-button:hover{background:#ffffff4d;transform:translate(-5px)}.player-content-old{display:flex;align-items:center;justify-content:center;gap:5rem;width:100%;max-width:1600px;animation:slideUp .8s cubic-bezier(.4,0,.2,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.player-image-wrapper{flex-shrink:0}.player-image-full{width:450px;height:450px;object-fit:cover;border-radius:20px;box-shadow:0 40px 100px #0009;animation:scaleIn .8s cubic-bezier(.4,0,.2,1) .2s both}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.player-controls-wrapper{display:flex;flex-direction:column;gap:3.5rem;min-width:450px;animation:fadeIn 1s ease-in .4s both}.track-info{text-align:left}.track-name-full{font-size:3.5rem;font-weight:700;color:#fff;margin-bottom:1rem;line-height:1.1;text-shadow:0 4px 20px rgba(0,0,0,.5)}.track-artist-full{font-size:2rem;color:#ffffffd9;font-weight:400;text-shadow:0 2px 10px rgba(0,0,0,.4)}.controls-full{display:flex;align-items:center;justify-content:center;gap:3rem}.control-btn{width:50px;height:50px;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;border-radius:50%;color:#fff;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.control-btn:hover{background:#ffffff40;transform:scale(1.1)}.play-button-full{width:90px;height:90px;background:#fffffff2;border:none;border-radius:50%;color:#2d3748;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 15px 40px #0000004d;transition:all .3s cubic-bezier(.4,0,.2,1)}.play-button-full svg{margin-left:2px}.play-button-full:hover{transform:scale(1.1);box-shadow:0 20px 50px #0006}.play-button-full:active{transform:scale(.95)}.progress-full{display:flex;align-items:center;gap:1.5rem}.time-full{font-size:1rem;color:#fff;min-width:50px;font-variant-numeric:tabular-nums;font-weight:500;text-shadow:0 2px 10px rgba(0,0,0,.3)}.progress-bar-full{flex:1;height:8px;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:10px;overflow:visible;position:relative;cursor:pointer}.progress-fill-full{height:100%;background:#fff;border-radius:10px;transition:width .1s linear;position:relative;box-shadow:0 2px 10px #ffffff4d}.progress-fill-full:after{content:"";position:absolute;right:-6px;top:50%;transform:translateY(-50%);width:20px;height:20px;background:#fff;border-radius:50%;box-shadow:0 4px 12px #0000004d;transition:all .2s ease}.progress-bar-full:hover .progress-fill-full:after{transform:translateY(-50%) scale(1.3)}.results::-webkit-scrollbar{width:10px}.results::-webkit-scrollbar-thumb{background:#1ed760;border-radius:10px}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);color:#2d3748;overflow-x:hidden}#root{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.login-container{width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2)}.login-content{text-align:center;color:#fff;animation:fadeIn .6s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.app-title{font-size:3.5rem;font-weight:700;letter-spacing:-1px;margin-bottom:.5rem;color:#fff;text-transform:lowercase}.app-subtitle{font-size:1.1rem;font-weight:300;opacity:.9;margin-bottom:2.5rem;text-transform:lowercase}.login-button{background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;border:2px solid rgba(255,255,255,.3);padding:1.2rem 3rem;font-size:1rem;font-weight:600;font-family:Inter,sans-serif;cursor:pointer;text-decoration:none;display:inline-block;text-transform:lowercase;letter-spacing:.5px;border-radius:50px;transition:all .3s ease}.login-button:hover{background:#ffffff4d;transform:translateY(-2px);box-shadow:0 10px 30px #0003}.app{width:100%;min-height:100vh;padding:2rem;display:flex;flex-direction:column;gap:2rem}.header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;background:#ffffffb3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;box-shadow:0 8px 32px #0000001a;animation:slideDown .5s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.header .app-title{font-size:1.5rem;font-weight:600;color:#2d3748;margin:0}.logout-button{background:#667eea1a;color:#667eea;border:none;padding:.8rem 1.5rem;font-size:.9rem;font-family:Inter,sans-serif;font-weight:500;cursor:pointer;text-transform:lowercase;border-radius:12px;transition:all .3s ease}.logout-button:hover{background:#667eea33;transform:translateY(-2px)}.app>div:last-child{display:grid;grid-template-columns:1fr 1fr;gap:2rem;animation:fadeIn .6s ease-in .2s both}.search-container{display:flex;flex-direction:column;gap:1.5rem}.search-input{width:100%;background:#ffffffb3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:none;padding:1.2rem 1.8rem;font-size:1rem;font-family:Inter,sans-serif;color:#2d3748;border-radius:16px;outline:none;box-shadow:0 4px 20px #00000014;transition:all .3s ease}.search-input::placeholder{color:#a0aec0}.search-input:focus{box-shadow:0 8px 30px #667eea33;transform:translateY(-2px)}.loading{text-align:center;color:#718096;font-size:.9rem;font-weight:500}.results{background:#ffffffb3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;overflow:hidden;box-shadow:0 8px 32px #0000001a;max-height:600px;overflow-y:auto;animation:fadeIn .4s ease-in}.result-item{display:flex;align-items:center;padding:1rem 1.5rem;cursor:pointer;transition:all .3s ease;border-bottom:1px solid rgba(0,0,0,.05)}.result-item:hover{background:#667eea1a;transform:translate(5px)}.result-image{width:60px;height:60px;object-fit:cover;margin-right:1rem;border-radius:12px;box-shadow:0 4px 12px #00000026}.result-info{flex:1}.result-name{font-weight:600;color:#2d3748;margin-bottom:.3rem;font-size:.95rem}.result-artist{font-size:.85rem;color:#718096}.player-empty{background:#ffffffb3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:30px;padding:4rem 2rem;text-align:center;box-shadow:0 8px 32px #0000001a;display:flex;align-items:center;justify-content:center;min-height:500px}.empty-text{color:#a0aec0;font-size:1.1rem;font-weight:500}.player{background:#ffffffb3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:30px;padding:2.5rem;box-shadow:0 8px 32px #0000001a;animation:fadeIn .5s ease-in}.player-top{display:flex;flex-direction:column;gap:2rem}.player-image-container{width:100%;aspect-ratio:1;border-radius:20px;overflow:hidden;box-shadow:0 20px 60px #0000004d;transition:transform .3s ease}.player-image-container:hover{transform:scale(1.02)}.player-details{display:flex;flex-direction:column;gap:1.5rem}.player-info{text-align:center}.track-name{font-size:1.8rem;font-weight:700;color:#2d3748;margin-bottom:.5rem;line-height:1.2}.track-artist{font-size:1.1rem;color:#718096;font-weight:500}.play-button{width:70px;height:70px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.5rem;box-shadow:0 10px 30px #667eea66;transition:all .3s ease}.play-button:hover{transform:scale(1.1);box-shadow:0 15px 40px #667eea80}.play-button:active{transform:scale(.95)}.progress-container{display:flex;align-items:center;gap:1rem}.time{font-size:.85rem;color:#718096;min-width:40px;font-variant-numeric:tabular-nums;font-weight:500}.progress-bar{flex:1;height:6px;background:#0000001a;border-radius:10px;overflow:hidden;position:relative}.progress-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:10px;transition:width .1s linear;position:relative}.progress-fill:after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:14px;height:14px;background:#fff;border-radius:50%;box-shadow:0 2px 8px #0003}.results::-webkit-scrollbar{width:8px}.results::-webkit-scrollbar-track{background:transparent}.results::-webkit-scrollbar-thumb{background:#667eea4d;border-radius:10px}.results::-webkit-scrollbar-thumb:hover{background:#667eea80}@media(max-width:1024px){.app>div:last-child{grid-template-columns:1fr}}body{font-family:Courier Prime,monospace;background:#e8d4b8;color:#4a4a4a;overflow:hidden}#root{height:100vh;background:#e8d4b8;position:relative}#root:before{content:"♪ ♫ ★ ◆ ○ □ ♥ ✦ ✧ ♪ ♫ ★ ◆ ○ □ ♥ ✦ ✧";position:absolute;top:10px;left:0;right:0;font-size:1.2rem;color:#b3b3b3;opacity:.4;text-align:center;letter-spacing:2rem;pointer-events:none;z-index:0}.login-container{width:100%;height:100vh;display:flex;align-items:center;justify-content:center;background:#e8d4b8}.login-content{text-align:center;color:#4a4a4a;border:5px solid #1ed760;padding:4rem 5rem;background:#fdf8f0;box-shadow:15px 15px #b3b3b3;position:relative;z-index:1}.login-content:before{content:"♫";position:absolute;top:-25px;left:-25px;font-size:3rem;color:#1ed760}.login-content:after{content:"★";position:absolute;bottom:-25px;right:-25px;font-size:3rem;color:#b3b3b3}.app-title{font-size:3rem;font-weight:700;letter-spacing:4px;margin-bottom:1rem;color:#1ed760;text-transform:lowercase}.app-subtitle{font-size:1rem;font-weight:400;color:#b3b3b3;margin-bottom:2.5rem;text-transform:lowercase}.login-button{background:#1ed760;color:#fdf8f0;border:4px solid #1ed760;padding:1.2rem 3rem;font-size:1rem;font-weight:700;font-family:Courier Prime,monospace;cursor:pointer;text-decoration:none;display:inline-block;text-transform:lowercase;letter-spacing:2px;box-shadow:6px 6px #b3b3b3}.login-button:hover{background:#b3b3b3;transform:translate(3px,3px);box-shadow:3px 3px #b3b3b3}.app{width:100%;height:100vh;display:grid;grid-template-rows:auto 1fr;background:#e8d4b8;position:relative;z-index:1}.header{display:flex;justify-content:space-between;align-items:center;padding:2rem 3rem;background:#fdf8f0;border-bottom:5px solid #1ed760}.header .app-title{font-size:1.8rem;margin:0}.logout-button{background:#1ed760;color:#fdf8f0;border:3px solid #1ed760;padding:.7rem 1.8rem;font-size:.85rem;font-family:Courier Prime,monospace;cursor:pointer;text-transform:lowercase;letter-spacing:1px;font-weight:700}.app>div:last-child{display:grid;grid-template-columns:400px 1fr;height:calc(100vh - 90px);overflow:hidden}.search-container{background:#f5ede0;border-right:5px solid #1ed760;padding:2rem;display:flex;flex-direction:column;overflow:hidden}.search-form{width:100%;margin-bottom:1.5rem}.search-input{width:100%;background:#fdf8f0;border:4px solid #1ed760;padding:1.2rem 1.5rem;font-size:1rem;font-family:Courier Prime,monospace;color:#4a4a4a;outline:none}.search-input:focus{border-color:#1ed760;background:#fffbf5;box-shadow:4px 4px #e6d5c3}.loading{text-align:center;color:#1ed760;margin-top:1rem;font-size:.9rem;text-transform:lowercase;letter-spacing:2px}.results{background:#fdf8f0;border:4px solid #1ed760;overflow-y:auto;flex:1}.result-item{display:flex;align-items:center;padding:1.2rem;cursor:pointer;border-bottom:3px dotted #1ed760}.result-item:hover{background:#fffbf5}.result-image{width:60px;height:60px;object-fit:cover;margin-right:1.2rem;border:4px solid #1ed760}.result-name{font-weight:700;color:#4a4a4a;margin-bottom:.4rem;font-size:.95rem}.result-artist{font-size:.8rem;color:#b3b3b3}.player-empty{background:#f5ede0;display:flex;align-items:center;justify-content:center;height:100%}.empty-text{color:#b3b3b3;font-size:1.5rem;text-transform:lowercase;letter-spacing:2px}.player{background:#fdf8f0;height:100%;display:flex;align-items:center;justify-content:center;padding:3rem}.player-top{display:flex;gap:3rem;align-items:center;max-width:900px;width:100%}.player-image-container{flex-shrink:0;width:400px;height:400px;border:6px solid #1ed760;box-shadow:20px 20px #b3b3b3;position:relative}.player-image-container:before{content:"♪";position:absolute;top:-30px;left:-30px;font-size:3rem;color:#1ed760}.player-image-container:after{content:"♫";position:absolute;bottom:-30px;right:-30px;font-size:3rem;color:#b3b3b3}.player-details{flex:1;display:flex;flex-direction:column;gap:2rem}.player-info{border:4px solid #1ed760;padding:2rem;background:#f5ede0}.track-name{font-size:1.8rem;font-weight:700;color:#4a4a4a;margin-bottom:.8rem;text-transform:lowercase;letter-spacing:2px;line-height:1.3}.track-artist{font-size:1.1rem;color:#b3b3b3;text-transform:lowercase}.player-controls{display:flex;justify-content:center;align-items:center;gap:2rem}.player-controls:before{content:"◀";font-size:2rem;color:#1ed760}.player-controls:after{content:"▶";font-size:2rem;color:#1ed760}.play-button{width:80px;height:80px;background:#1ed760;border:5px solid #1ed760;color:#fdf8f0;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:2rem;box-shadow:8px 8px #b3b3b3}.play-button:hover{background:#b3b3b3;transform:translate(4px,4px);box-shadow:4px 4px #b3b3b3}.play-button:active{transform:translate(8px,8px);box-shadow:none}.progress-container{display:flex;align-items:center;gap:1.5rem;border:4px solid #1ed760;padding:1.5rem;background:#f5ede0}.time{font-size:1rem;color:#1ed760;min-width:45px;font-variant-numeric:tabular-nums;font-weight:700}.progress-bar{flex:1;height:12px;background:#e6d5c3;border:3px solid #1ed760;position:relative}.results::-webkit-scrollbar{width:14px}.results::-webkit-scrollbar-thumb{background:#1ed760;border:3px solid #1ed760}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Courier Prime,monospace;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5e6d3;color:#4a4a4a}#root{min-height:100vh;background:#f5e6d3;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}#root:before{content:"♪ ♫ ★ ◆ ○ □ ♥ ✦ ✧";position:absolute;top:20px;left:20px;font-size:1.5rem;color:#1ed760;opacity:.3;letter-spacing:1rem}#root:after{content:"◈ ◇ ◆ ● ○ ◐ ◑ ◒";position:absolute;bottom:20px;right:20px;font-size:1.5rem;color:#b3b3b3;opacity:.3;letter-spacing:1rem}.login-container{width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f5e6d3}.login-content{text-align:center;color:#4a4a4a;border:4px solid #1ed760;padding:3rem 4rem;background:#fdf8f0;box-shadow:8px 8px #1ed760;position:relative}.login-content:before{content:"♫";position:absolute;top:-15px;left:-15px;font-size:2rem;color:#1ed760}.login-content:after{content:"★";position:absolute;bottom:-15px;right:-15px;font-size:2rem;color:#b3b3b3}.app-title{font-size:2.5rem;font-weight:700;letter-spacing:3px;margin-bottom:.5rem;color:#1ed760;text-transform:lowercase}.app-subtitle{font-size:.9rem;font-weight:400;color:#b3b3b3;margin-bottom:2rem;text-transform:lowercase}.login-button{background:#1ed760;color:#fdf8f0;border:3px solid #1ed760;padding:1rem 2.5rem;font-size:.9rem;font-weight:700;font-family:Courier Prime,monospace;cursor:pointer;text-decoration:none;display:inline-block;text-transform:lowercase;letter-spacing:2px;box-shadow:4px 4px #b3b3b3}.login-button:hover{background:#b3b3b3;transform:translate(2px,2px);box-shadow:2px 2px #b3b3b3}.login-button:active{transform:translate(4px,4px);box-shadow:none}.app{width:100%;height:100vh;padding:0;display:flex;flex-direction:column;background:#f5e6d3}.header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;background:#fdf8f0;border-bottom:4px solid #1ed760}.header .app-title{font-size:1.5rem;margin:0}.logout-button{background:#1ed760;color:#fdf8f0;border:3px solid #1ed760;padding:.5rem 1.5rem;font-size:.75rem;font-family:Courier Prime,monospace;cursor:pointer;text-transform:lowercase;letter-spacing:1px;font-weight:700}.logout-button:hover{background:#b3b3b3}.search-container{padding:2rem}.search-form{width:100%}.search-input{width:100%;background:#fdf8f0;border:4px solid #1ed760;padding:1rem 1.5rem;font-size:1rem;font-family:Courier Prime,monospace;color:#4a4a4a;outline:none}.search-input::placeholder{color:#b3b3b3;text-transform:lowercase}.search-input:focus{border-color:#1ed760;background:#fffbf5}.loading{text-align:center;color:#1ed760;margin-top:1rem;font-size:.8rem;text-transform:lowercase;letter-spacing:2px}.results{margin:0 2rem 2rem;background:#fdf8f0;border:4px solid #1ed760;max-height:300px;overflow-y:auto}.result-item{display:flex;align-items:center;padding:1rem;cursor:pointer;border-bottom:2px dotted #1ed760}.result-item:last-child{border-bottom:none}.result-item:hover{background:#f5ede0}.result-image{width:50px;height:50px;object-fit:cover;margin-right:1rem;border:3px solid #1ed760}.result-info{flex:1;text-align:left}.result-name{font-weight:700;color:#4a4a4a;margin-bottom:.3rem;font-size:.9rem}.result-artist{font-size:.75rem;color:#b3b3b3}.player-empty{margin:0 2rem 2rem;background:#fdf8f0;border:4px solid #1ed760;padding:4rem 2rem;text-align:center}.empty-text{color:#b3b3b3;font-size:.9rem;text-transform:lowercase}.player{margin:0 2rem 2rem;background:#fdf8f0;border:4px solid #1ed760;padding:0;flex:1;display:flex;flex-direction:column;box-shadow:12px 12px #1ed760;position:relative}.player:before{content:"♪";position:absolute;top:-20px;left:-20px;font-size:2.5rem;color:#1ed760}.player:after{content:"♫";position:absolute;bottom:-20px;right:-20px;font-size:2.5rem;color:#b3b3b3}.player-image-container{width:100%;aspect-ratio:1;overflow:hidden;border-bottom:4px solid #1ed760}.player-image{width:100%;height:100%;object-fit:cover;display:block}.player-info{text-align:center;padding:2rem;border-bottom:4px solid #1ed760;background:#f5ede0}.track-name{font-size:1.3rem;font-weight:700;color:#4a4a4a;margin-bottom:.5rem;text-transform:lowercase;letter-spacing:1px}.track-artist{font-size:.9rem;color:#b3b3b3;text-transform:lowercase}.player-controls{display:flex;justify-content:center;align-items:center;padding:2rem;border-bottom:4px solid #1ed760;background:#fdf8f0;gap:1rem}.player-controls:before{content:"◀";font-size:1.5rem;color:#1ed760}.player-controls:after{content:"▶";font-size:1.5rem;color:#1ed760}.play-button{width:60px;height:60px;background:#1ed760;border:4px solid #1ed760;color:#fdf8f0;cursor:pointer;display:flex;align-items:center;justify-content:center;font-family:Courier Prime,monospace;font-size:1.2rem;box-shadow:4px 4px #b3b3b3}.play-button:hover{background:#b3b3b3;transform:translate(2px,2px);box-shadow:2px 2px #b3b3b3}.play-button:active{transform:translate(4px,4px);box-shadow:none}.progress-container{display:flex;align-items:center;gap:1rem;padding:1.5rem 2rem;background:#f5ede0}.time{font-size:.8rem;color:#1ed760;min-width:35px;font-variant-numeric:tabular-nums;font-weight:700}.progress-bar{flex:1;height:8px;background:#e6d5c3;border:2px solid #1ed760;position:relative}.progress-fill{height:100%;background:#1ed760;width:0%}.results::-webkit-scrollbar{width:12px}.results::-webkit-scrollbar-track{background:#f5e6d3}.results::-webkit-scrollbar-thumb{background:#1ed760;border:2px solid #1ed760}.results::-webkit-scrollbar-thumb:hover{background:#b3b3b3}.audio-bars{display:flex;align-items:flex-end;justify-content:center;gap:6px;height:80px;margin:2rem 0}.audio-bar{width:5px;background:#fff;border-radius:3px;animation:audioWave .8s ease-in-out infinite;opacity:.9}.audio-bar:nth-child(1){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:.3s}.audio-bar:nth-child(7){animation-delay:.2s}.audio-bar:nth-child(8){animation-delay:.1s}.audio-bar:nth-child(9){animation-delay:0s}@keyframes audioWave{0%,to{height:20px}50%{height:70px}}:root{--search-gradient: linear-gradient(135deg, #000000 0%, #1a0000 25%, #330000 50%, #1a0000 75%, #000000 100%)}.search-screen{background:var(--search-gradient)!important}.search-top-buttons{position:absolute;top:2rem;right:2rem;display:flex;gap:1rem;z-index:10}.icon-button{width:50px;height:50px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.icon-button:hover{background:#fff3;transform:scale(1.1)}.now-playing-mini{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:50px;cursor:pointer;transition:all .3s ease;z-index:100;animation:slideUp .4s ease-out;max-width:400px}.now-playing-mini:hover{background:#ffffff26;border-color:#ffffff4d;transform:translate(-50%) scale(1.05)}.mini-album-art{width:50px;height:50px;border-radius:10px;object-fit:cover}.mini-track-info{flex:1;min-width:0}.mini-track-name{font-size:1rem;font-weight:500;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:.25rem}.mini-track-artist{font-size:.85rem;color:#ffffffb3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-playing-indicator{display:flex;align-items:flex-end;gap:3px;height:20px}.mini-bar{width:3px;background:#fff;border-radius:2px;animation:miniWave .8s ease-in-out infinite}.mini-bar:nth-child(1){animation-delay:0s;height:8px}.mini-bar:nth-child(2){animation-delay:.2s;height:14px}.mini-bar:nth-child(3){animation-delay:.4s;height:10px}@keyframes miniWave{0%,to{transform:scaleY(.5)}50%{transform:scaleY(1)}}.settings-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000f2;z-index:2000;overflow-y:auto}.settings-overlay{width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:3rem}.settings-content{width:100%;max-width:900px;animation:fadeIn .4s ease-out}.settings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem}.settings-title{font-size:2.5rem;font-weight:300;color:#fff;letter-spacing:-1px}.close-button{width:50px;height:50px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.close-button:hover{background:#1ed7604d;border-color:#1ed76080}.settings-section{margin-bottom:3rem}.section-title{font-size:1.5rem;font-weight:400;color:#fff;margin-bottom:1.5rem;opacity:.9}.bg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.bg-option{padding:1rem;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:15px;cursor:pointer;transition:all .3s ease}.bg-option:hover{background:#ffffff1a;border-color:#ffffff4d}.bg-option.active{background:#1ed76033;border-color:#1ed76099}.bg-preview{width:100%;height:80px;border-radius:10px;margin-bottom:.5rem}.bg-name{display:block;color:#fff;font-size:.9rem;text-align:center}.music-source-toggle{display:flex;gap:1rem;justify-content:center;margin:1.5rem 0}.source-btn{padding:1rem 2rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:50px;color:#fff9;font-size:1rem;font-family:Inter,sans-serif;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s ease}.source-btn:hover{background:#ffffff14;border-color:#fff3;color:#fffc}.source-btn.active{background:#1ed76033;border-color:#1ed76066;color:#fff}.source-btn.active:hover{background:#1ed7604d;border-color:#1ed76099}.source-note{text-align:center;color:#fff9;font-size:.9rem;margin-top:.5rem}.logout-btn{padding:1rem 2rem;background:#1ed76033;border:1px solid rgba(30,215,96,.4);border-radius:50px;color:#fff;font-size:1rem;font-family:Inter,sans-serif;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s ease}.logout-btn:hover{background:#1ed7604d;border-color:#1ed76099}.playlist-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000b3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:2000;overflow-y:auto;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.playlist-overlay{width:100%;min-height:100vh;padding:2rem}.playlist-content{width:100%;max-width:1200px;margin:0 auto;animation:slideUpFade .5s ease-out}@keyframes slideUpFade{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.playlist-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem;gap:2rem}.header-left{display:flex;align-items:center;gap:1.5rem;flex:1}.header-icon{width:70px;height:70px;background:linear-gradient(135deg,#1ed76033,#ff646433);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:2px solid rgba(30,215,96,.3);border-radius:20px;display:flex;align-items:center;justify-content:center;color:#1ed760e6;box-shadow:0 8px 30px #1ed7604d}.header-text{flex:1}.playlist-title{font-size:3rem;font-weight:600;color:#fff;letter-spacing:-1.5px;margin:0;text-shadow:0 0 40px rgba(30,215,96,.6)}.playlist-subtitle{font-size:1.1rem;color:#ffffff80;font-weight:300;margin:0}.playlist-creator-section{margin-bottom:4rem}.creator-card{background:#ffffff08;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:1px solid rgba(255,255,255,.1);border-radius:30px;padding:2.5rem;box-shadow:0 10px 40px #0006;animation:slideUpFade .6s ease-out}.card-header{margin-bottom:2rem;display:flex;align-items:center;gap:.75rem}.card-header svg{color:#1ed760cc;flex-shrink:0}.card-title{font-size:1.5rem;font-weight:500;color:#fff;letter-spacing:-.5px;margin:0}.creator-inputs{display:grid;gap:1rem;margin-bottom:2rem}.playlist-input,.playlist-textarea{width:100%;padding:1.2rem 1.5rem;font-size:1rem;font-family:Inter,sans-serif;background:#ffffff0d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:18px;color:#fff;outline:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.playlist-input:focus,.playlist-textarea:focus{background:#ffffff14;border-color:#1ed76099;box-shadow:0 0 30px #1ed7604d;transform:translateY(-2px)}.playlist-input::placeholder,.playlist-textarea::placeholder{color:#fff6}.playlist-textarea{resize:vertical;min-height:80px}.search-section{margin-bottom:2rem}.search-bar-wrapper{position:relative;margin-bottom:1.5rem}.search-icon{position:absolute;left:1.5rem;top:50%;transform:translateY(-50%);color:#fff6;pointer-events:none}.playlist-search-input{width:100%;padding:1.2rem 1.5rem 1.2rem 3.5rem;font-size:1rem;font-family:Inter,sans-serif;background:#ffffff0d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:18px;color:#fff;outline:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.playlist-search-input:focus{background:#ffffff14;border-color:#1ed76099;box-shadow:0 0 30px #1ed7604d}.playlist-search-input::placeholder{color:#fff6}.loading-text{color:#fff9;text-align:center;padding:2rem;font-size:1rem;display:flex;align-items:center;justify-content:center;gap:.75rem}.loading-spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.playlist-search-results{display:grid;gap:.75rem;margin-bottom:2rem;max-height:400px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(30,215,96,.5) transparent}.playlist-search-results::-webkit-scrollbar{width:6px}.playlist-search-results::-webkit-scrollbar-track{background:transparent}.playlist-search-results::-webkit-scrollbar-thumb{background:#1ed76080;border-radius:10px}.playlist-search-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#ffffff08;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.08);border-radius:15px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);animation:slideInRight .3s ease-out backwards}.playlist-search-item:nth-child(1){animation-delay:.05s}.playlist-search-item:nth-child(2){animation-delay:.1s}.playlist-search-item:nth-child(3){animation-delay:.15s}.playlist-search-item:nth-child(4){animation-delay:.2s}.playlist-search-item:nth-child(5){animation-delay:.25s}@keyframes slideInRight{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.playlist-search-item:hover{background:#1ed7601f;border-color:#1ed7604d;transform:translate(8px);box-shadow:0 8px 25px #1ed76040}.playlist-track-img{width:50px;height:50px;border-radius:10px;box-shadow:0 4px 15px #0006;transition:transform .3s ease}.playlist-search-item:hover .playlist-track-img{transform:scale(1.1) rotate(-3deg)}.playlist-track-name{font-size:1rem;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500;margin-bottom:.25rem}.playlist-track-artist{font-size:.875rem;color:#ffffff80;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.add-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#1ed76026;border-radius:50%;color:#1ed760cc;transition:all .3s ease;flex-shrink:0}.playlist-search-item:hover .add-icon{background:#1ed7604d;color:#fff;transform:rotate(90deg) scale(1.15)}.tracks-preview{margin-bottom:2rem;background:#0003;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.05);border-radius:20px;padding:1.5rem}.tracks-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.tracks-header-left{display:flex;align-items:center;gap:.5rem}.tracks-header-left svg{color:#1ed760cc}.tracks-title{font-size:1.1rem;color:#fff;font-weight:500;margin:0}.tracks-count{font-size:.9rem;color:#1ed760cc;font-weight:500}.tracks-list{display:grid;gap:.5rem;max-height:300px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(30,215,96,.5) transparent}.tracks-list::-webkit-scrollbar{width:6px}.tracks-list::-webkit-scrollbar-track{background:transparent}.tracks-list::-webkit-scrollbar-thumb{background:#1ed76080;border-radius:10px}.track-item{display:flex;align-items:center;gap:1rem;padding:.75rem;background:#ffffff08;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.05);border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1)}.track-item:hover{background:#ffffff0f;border-color:#ffffff1a;transform:translate(5px)}.track-number{color:#fff6;font-size:.875rem;min-width:24px;font-weight:500;text-align:center}.track-thumb{width:45px;height:45px;border-radius:8px;box-shadow:0 4px 12px #0000004d}.track-info{flex:1;min-width:0}.track-name{font-size:.95rem;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500;margin-bottom:.25rem}.track-artist{font-size:.85rem;color:#ffffff80;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.remove-btn{width:32px;height:32px;background:#1ed7601f;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(30,215,96,.2);border-radius:50%;color:#1ed760cc;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);flex-shrink:0}.remove-btn:hover{background:#1ed7604d;border-color:#1ed76080;color:#fff;transform:scale(1.15) rotate(90deg);box-shadow:0 0 20px #1ed76080}.save-playlist-btn{width:100%;padding:1.3rem 2rem;font-size:1.1rem;font-weight:600;font-family:Inter,sans-serif;background:linear-gradient(135deg,#1ed76033,#ff646433);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:2px solid rgba(30,215,96,.3);border-radius:20px;color:#fff;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 30px #1ed7604d;display:flex;align-items:center;justify-content:center;gap:.75rem}.save-playlist-btn:hover:not(:disabled){background:linear-gradient(135deg,#1ed76059,#ff646459);border-color:#1ed76099;transform:translateY(-4px);box-shadow:0 12px 50px #1ed76080,0 0 80px #1ed7604d}.save-playlist-btn:active:not(:disabled){transform:translateY(-2px)}.save-playlist-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.save-icon{transition:transform .3s ease}.save-playlist-btn:hover:not(:disabled) .save-icon{transform:scale(1.2) rotate(-5deg)}.playlists-grid-section{margin-top:3rem}.section-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.section-header svg{color:#1ed760cc}.section-title{font-size:2rem;font-weight:500;color:#fff;letter-spacing:-.5px;margin:0}.playlists-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.empty-state{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.empty-message{font-size:1.3rem;color:#fff6;margin-top:1.5rem;font-weight:500}.empty-submessage{font-size:1rem;color:#ffffff40;margin-top:.5rem}.playlist-card{background:#ffffff08;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:1.25rem;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 30px #0000004d;animation:scaleIn .5s ease-out backwards;cursor:pointer}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.playlist-card:hover{background:#ffffff0d;border-color:#1ed76066;transform:translateY(-8px);box-shadow:0 15px 50px #1ed7604d,0 0 80px #1ed76033}.playlist-card-cover{position:relative;width:100%;aspect-ratio:1;border-radius:15px;overflow:hidden;margin-bottom:1rem;background:#0000004d;box-shadow:0 8px 25px #0006}.cover-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);width:100%;height:100%;gap:2px}.cover-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.playlist-card:hover .cover-image{transform:scale(1.05)}.cover-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1ed7601a,#ff64641a);color:#1ed76080}.play-overlay-btn{position:absolute;bottom:1rem;right:1rem;width:50px;height:50px;background:linear-gradient(135deg,#1ed760f2,#ff6464f2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3);border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.8);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #1ed76080}.playlist-card:hover .play-overlay-btn{opacity:1;transform:scale(1)}.play-overlay-btn:hover{background:linear-gradient(135deg,#1ed760,#ff6464);border-color:#ffffff80;transform:scale(1.1);box-shadow:0 8px 30px #1ed760b3}.play-overlay-btn:active{transform:scale(1.05)}.play-overlay-btn svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));margin-left:3px}.share-playlist-btn{position:absolute;top:1rem;left:1rem;width:40px;height:40px;background:#0009;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2);border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.8);transition:all .3s cubic-bezier(.4,0,.2,1)}.playlist-card:hover .share-playlist-btn{opacity:1;transform:scale(1)}.share-playlist-btn:hover{background:#667eeae6;border-color:#ffffff80;transform:scale(1.1);box-shadow:0 4px 20px #667eea99}.share-playlist-btn:active{transform:scale(1.05)}.delete-playlist-btn{position:absolute;top:1rem;right:1rem;width:40px;height:40px;background:#0009;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2);border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.8);transition:all .3s cubic-bezier(.4,0,.2,1)}.playlist-card:hover .delete-playlist-btn{opacity:1;transform:scale(1)}.delete-playlist-btn:hover{background:#1ed760e6;border-color:#ffffff80;transform:scale(1.1);box-shadow:0 4px 20px #1ed76099}.delete-playlist-btn:active{transform:scale(1.05)}.playlist-card-content{display:flex;flex-direction:column;gap:.5rem}.playlist-card-name{font-size:1.2rem;font-weight:600;color:#fff;margin:0;line-height:1.3;text-shadow:0 2px 10px rgba(30,215,96,.3);display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.playlist-card-desc{font-size:.875rem;color:#ffffff80;line-height:1.4;margin:0;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.8em}.playlist-card-footer{margin-top:.5rem;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.08)}.playlist-card-count{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#1ed760e6;font-weight:500}.playlist-card-count svg{opacity:.7}@media(max-width:768px){.playlists-grid{grid-template-columns:1fr}.playlist-title{font-size:2rem}.playlist-overlay{padding:1rem}.creator-card{padding:1.5rem}}.lyrics-btn{position:relative}.lyrics-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}.lyrics-content{background:#fffffff2;border-radius:20px;padding:2rem;max-width:600px;width:90%;max-height:70vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.lyrics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid rgba(0,0,0,.1)}.lyrics-header h3{font-size:1.5rem;font-weight:600;color:#2d3748;text-transform:lowercase}.close-btn{width:40px;height:40px;background:#0000000d;border:none;border-radius:50%;font-size:2rem;color:#2d3748;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;line-height:1}.close-btn:hover{background:#0000001a;transform:scale(1.1)}.lyrics-text{overflow-y:auto;flex:1;color:#2d3748;font-size:1rem;line-height:1.8;padding:2rem 1rem;scroll-behavior:smooth;position:relative}.lyrics-text::-webkit-scrollbar{width:8px}.lyrics-text::-webkit-scrollbar-track{background:#0000000d;border-radius:10px}.lyrics-text::-webkit-scrollbar-thumb{background:#0003;border-radius:10px}.lyrics-text::-webkit-scrollbar-thumb:hover{background:#0000004d}.lyrics-line{padding:.8rem 1.5rem;margin:.5rem 0;font-size:1.1rem;line-height:1.6;text-align:center;transition:all .4s ease;color:#2d37484d;filter:blur(1px);transform:scale(.95);border-radius:10px}.lyrics-line.active{color:#2d3748;font-weight:600;font-size:1.3rem;filter:blur(0);transform:scale(1);background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);box-shadow:0 2px 8px #fff3}.lyrics-line.past{color:#2d374833;filter:blur(1.5px)}.lyrics-plain{white-space:pre-wrap;line-height:1.8}.lyrics-loading{text-align:center;padding:2rem;font-size:1.1rem;color:#2d374899;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.control-btn:disabled{opacity:.4;cursor:not-allowed}.control-btn:disabled:hover{transform:none}.lyrics-btn.active{background:#fff3;color:#fff}.loop-btn{position:relative}.loop-btn.active{background:#fff3;color:#1db954}.loop-btn svg text{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.menu-container{position:relative}.menu-btn.active{background:#fff3}.dropdown-menu{position:absolute;bottom:100%;right:0;margin-bottom:10px;background:#1e1e1efa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:12px;padding:8px;min-width:200px;box-shadow:0 8px 32px #0006;border:1px solid rgba(255,255,255,.1);z-index:1000;animation:slideUp .2s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.menu-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;background:transparent;border:none;color:#fffc;font-size:.95rem;cursor:pointer;border-radius:8px;transition:all .2s ease;text-align:left}.menu-item:hover:not(:disabled){background:#ffffff1a;color:#fff}.menu-item:disabled{opacity:.4;cursor:not-allowed}.menu-item.active{color:#1db954}.menu-item svg{flex-shrink:0}.menu-item span{flex:1}.playlist-menu{max-width:300px;max-height:400px;overflow:hidden;display:flex;flex-direction:column}.menu-header{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:8px;color:#fff;font-weight:600;font-size:.95rem}.back-btn{background:transparent;border:none;color:#ffffffb3;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.back-btn:hover{background:#ffffff1a;color:#fff}.create-playlist-btn{border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:8px;border-radius:8px 8px 0 0}.playlist-scroll{max-height:280px;overflow-y:auto;padding:4px 0}.playlist-scroll::-webkit-scrollbar{width:8px}.playlist-scroll::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.playlist-scroll::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.playlist-scroll::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.playlist-item{display:flex;align-items:center;gap:12px;padding:10px 16px}.playlist-thumb{width:40px;height:40px;border-radius:4px;object-fit:cover;flex-shrink:0}.playlist-thumb-default{background:#ffffff1a;display:flex;align-items:center;justify-content:center;color:#fff9}.playlist-info{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left}.playlist-name{font-size:.95rem;color:#ffffffe6;font-weight:500}.playlist-count{font-size:.8rem;color:#ffffff80}.create-playlist-form{min-width:250px;display:flex;flex-direction:column;gap:12px}.playlist-name-input{width:100%;padding:12px 16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:.95rem;font-family:Inter,sans-serif;outline:none;transition:all .2s ease}.playlist-name-input:focus{background:#ffffff26;border-color:#ffffff4d}.playlist-name-input::placeholder{color:#ffffff80}.create-btn{width:100%;padding:12px 16px;background:#1db954;border:none;border-radius:8px;color:#fff;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s ease}.create-btn:hover:not(:disabled){background:#1ed760;transform:scale(1.02)}.create-btn:disabled{opacity:.5;cursor:not-allowed}.playlist-notification{position:fixed;bottom:100px;left:50%;transform:translate(-50%);background:#1db954f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;padding:16px 24px;border-radius:12px;display:flex;align-items:center;gap:12px;font-size:.95rem;font-weight:500;box-shadow:0 8px 32px #0000004d;animation:slideUpFade .3s ease-out;z-index:2000}@keyframes slideUpFade{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.playlist-notification svg{flex-shrink:0}.player-content{width:100%;max-width:1400px;display:flex;flex-direction:column;align-items:center;gap:2rem}.player-main-section{display:flex;align-items:center;gap:4rem;width:100%;max-width:900px}.lyrics-inline-container{width:100%;max-width:700px;height:250px;position:relative;overflow:hidden;margin-top:1rem}.lyrics-transcribing{position:absolute;top:10px;left:50%;transform:translate(-50%);background:#ffffffe6;color:#fff;padding:.5rem 1.5rem;border-radius:20px;font-size:.9rem;z-index:10;animation:pulse 2s ease-in-out infinite}.lyrics-inline-scroll{height:100%;overflow-y:auto;padding:3rem 2rem;scroll-behavior:smooth;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 15%,black 85%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0%,black 15%,black 85%,transparent 100%)}.lyrics-inline-scroll::-webkit-scrollbar{display:none}.lyrics-line-inline{padding:.6rem 1rem;margin:.4rem 0;font-size:1.1rem;line-height:1.5;text-align:center;transition:all .4s ease;color:#ffffff40;filter:blur(2px);transform:scale(.92);font-weight:300}.lyrics-line-inline.active{color:#fff;font-weight:500;font-size:1.4rem;filter:blur(0);transform:scale(1);text-shadow:0 0 20px rgba(255,255,255,.3);letter-spacing:.5px}.lyrics-line-inline.past{color:#ffffff26;filter:blur(2.5px);transform:scale(.9)}.lyrics-plain-inline{white-space:pre-wrap;line-height:1.8;color:#fffc;text-align:center;font-size:.95rem}.lyrics-loading-inline{text-align:center;padding:2rem;font-size:1.1rem;color:#fff9;animation:pulse 2s ease-in-out infinite}.homepage{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--search-gradient, linear-gradient(135deg, #000000 0%, #1a0000 25%, #330000 50%, #1a0000 75%, #000000 100%));overflow:hidden}.homepage-overlay{position:relative;width:100%;height:100%;display:flex;flex-direction:column}.homepage-main{flex:1;overflow-y:auto;overflow-x:hidden;padding-bottom:100px}.homepage-layout{display:flex;gap:2rem;height:100%}.homepage-left{flex:1;min-width:0}.homepage-stats{width:350px;padding:2rem 2rem 2rem 1rem;overflow-y:auto;flex-shrink:0}.homepage-stats::-webkit-scrollbar{width:6px}.homepage-stats::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.homepage-stats::-webkit-scrollbar-thumb{background:#1ed76066;border-radius:10px}.stats-title{font-size:1.5rem;font-weight:300;color:#fff;margin-bottom:1.5rem;text-transform:lowercase;letter-spacing:-.5px}.stat-card{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:15px;padding:1.5rem;margin-bottom:1rem;transition:all .3s ease}.stat-card:hover{background:#1ed7601a;border-color:#1ed7604d}.stat-value{font-size:2.5rem;font-weight:600;color:#1ed760;margin-bottom:.5rem}.stat-label{font-size:.9rem;color:#fff9;text-transform:lowercase}.stats-section{margin-top:2rem}.stats-section-title{font-size:1.1rem;font-weight:500;color:#fff;margin-bottom:1rem;text-transform:lowercase}.top-artists-list{display:flex;flex-direction:column;gap:.8rem}.top-artist-item{display:flex;align-items:center;gap:.8rem;padding:.8rem;background:#ffffff08;border-radius:10px;transition:all .2s ease}.top-artist-item:hover{background:#1ed7601a}.artist-rank{font-size:1.2rem;font-weight:600;color:#1ed760;width:25px;text-align:center}.artist-image-small{width:40px;height:40px;border-radius:50%;object-fit:cover}.artist-name-small{flex:1;font-size:.95rem;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.genre-tags{display:flex;flex-wrap:wrap;gap:.5rem}.genre-tag{padding:.5rem 1rem;background:#1ed76026;border:1px solid rgba(30,215,96,.3);border-radius:50px;font-size:.85rem;color:#fff;text-transform:lowercase}.recent-tracks-list{display:flex;flex-direction:column;gap:.6rem}.recent-track-item{display:flex;align-items:center;gap:.8rem;padding:.6rem;background:#ffffff08;border-radius:8px;cursor:pointer;transition:all .2s ease}.recent-track-item:hover{background:#1ed7601a}.recent-track-image{width:35px;height:35px;border-radius:6px;object-fit:cover}.recent-track-info{flex:1;min-width:0}.recent-track-name{font-size:.85rem;font-weight:500;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:.2rem}.recent-track-artist{font-size:.75rem;color:#fff9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-tracks-list{display:flex;flex-direction:column;gap:.8rem}.top-track-item{display:flex;align-items:center;gap:.8rem;padding:.8rem;background:#ffffff08;border-radius:10px;cursor:pointer;transition:all .2s ease}.top-track-item:hover{background:#1ed7601a}.track-rank{font-size:1.2rem;font-weight:600;color:#1ed760;width:25px;text-align:center}.track-image-tiny{width:40px;height:40px;border-radius:6px;object-fit:cover}.track-info-tiny{flex:1;min-width:0}.track-name-tiny{font-size:.9rem;font-weight:500;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:.2rem}.track-artist-tiny{font-size:.75rem;color:#fff9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.homepage-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 3rem;background:#0000004d;border-bottom:1px solid rgba(255,255,255,.05);position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.homepage-logo{font-size:2.5rem;font-weight:300;background:linear-gradient(135deg,#fff,#1ed760,#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;letter-spacing:-1px;text-transform:lowercase}.header-actions{display:flex;gap:1rem}.header-btn{display:flex;align-items:center;gap:.5rem;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);color:#fff;padding:.8rem 1.5rem;border-radius:50px;font-size:.9rem;font-family:Inter,sans-serif;font-weight:500;text-transform:lowercase;cursor:pointer;transition:all .3s ease}.header-btn:hover{background:#1ed76033;border-color:#1ed76080;transform:translateY(-2px);box-shadow:0 5px 20px #1ed76033}.search-bar-section{padding:2rem 3rem 1.5rem;background:transparent;position:relative}.homepage-search-input{width:100%;max-width:600px;padding:.9rem 1.5rem;font-size:1rem;font-family:Inter,sans-serif;background:#ffffff14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);border-radius:50px;color:#fff;outline:none;transition:all .3s ease;display:block;margin:0 auto}.homepage-search-input::placeholder{color:#fff6}.homepage-search-input:focus{background:#1ed7601a;border-color:#1ed76099;box-shadow:0 5px 20px #1ed76033}.search-loading{text-align:center;color:#fff9;font-size:.9rem;margin-top:.5rem}.homepage-search-results{position:absolute;top:calc(100% - 1rem);left:50%;transform:translate(-50%);width:calc(100% - 6rem);max-width:800px;background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(30,215,96,.3);border-radius:15px;overflow:hidden;z-index:100;box-shadow:0 10px 40px #00000080}.homepage-result-item{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;cursor:pointer;transition:all .2s ease;border-bottom:1px solid rgba(255,255,255,.05)}.homepage-result-item:last-child{border-bottom:none}.homepage-result-item:hover{background:#1ed76033}.homepage-result-image{width:50px;height:50px;border-radius:8px;object-fit:cover}.homepage-result-info{flex:1;min-width:0}.homepage-result-name{font-size:1rem;font-weight:500;color:#fff;margin-bottom:.2rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.homepage-result-artist{font-size:.85rem;color:#fff9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.homepage-content{padding:1rem 3rem 2rem;animation:fadeIn .8s ease-in .2s both;width:100%;max-width:100%}.homepage-content::-webkit-scrollbar{width:10px}.homepage-content::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.homepage-content::-webkit-scrollbar-thumb{background:#1ed76066;border-radius:10px}.homepage-content::-webkit-scrollbar-thumb:hover{background:#1ed76099}.home-section{margin-bottom:3rem;width:100%;max-width:100%}.section-title-home{font-size:1.8rem;font-weight:300;color:#fff;margin-bottom:1.5rem;text-transform:lowercase;letter-spacing:-.5px}.section-header-with-action{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.view-all-btn{background:#1ed76033;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(30,215,96,.3);border-radius:20px;color:#1ed760e6;padding:.6rem 1.2rem;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;text-transform:lowercase}.view-all-btn:hover{background:#1ed7604d;border-color:#1ed76080;color:#fff;transform:translateY(-2px);box-shadow:0 5px 20px #1ed76066}.liked-section{margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid rgba(255,255,255,.05)}.liked-playlist-card{display:flex;align-items:center;gap:2rem;background:linear-gradient(135deg,#ffffff26,#ffffff0d);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);border-radius:20px;padding:1.5rem;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);max-width:600px}.liked-playlist-card:hover{background:linear-gradient(135deg,#ffffff40,#ffffff26);border-color:#ffffff80;transform:translateY(-5px) scale(1.02);box-shadow:0 15px 40px #fff6}.liked-playlist-cover{position:relative;width:160px;height:160px;border-radius:15px;overflow:hidden;flex-shrink:0;box-shadow:0 8px 30px #0006}.liked-cover-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);width:100%;height:100%;gap:2px}.liked-cover-image{width:100%;height:100%;object-fit:cover}.liked-gradient-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#fff9,#fff3);pointer-events:none}.liked-heart-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);filter:drop-shadow(0 4px 15px rgba(255,255,255,.8));animation:heartBeat 2s ease-in-out infinite}@keyframes heartBeat{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.1)}}.liked-playlist-info{flex:1}.liked-playlist-title{font-size:2rem;font-weight:600;color:#fff;margin:0 0 .5rem;text-shadow:0 2px 15px rgba(255,255,255,.6)}.liked-playlist-count{font-size:1.1rem;color:#ffffffb3;margin:0;font-weight:400}.liked-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.liked-card{border-color:#1ed76033}.liked-card:hover{border-color:#1ed76099}.liked-indicator{position:absolute;top:.75rem;right:.75rem;width:32px;height:32px;background:#1ed760e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 15px #1ed76080;z-index:2}@media(max-width:768px){.liked-playlist-card{flex-direction:column;text-align:center;max-width:100%}.liked-playlist-cover{width:200px;height:200px}}.tracks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem;width:100%}.track-card{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:15px;padding:1rem;cursor:pointer;transition:all .3s ease;animation:slideIn .4s ease-out}.track-card:hover{background:#1ed76026;border-color:#1ed76080;transform:translateY(-5px);box-shadow:0 10px 30px #1ed7604d}.track-card-image-wrapper{position:relative;width:100%;padding-bottom:100%;margin-bottom:1rem;border-radius:10px;overflow:hidden}.track-card-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.track-card-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.track-card:hover .track-card-overlay{opacity:1}.play-icon{color:#fff;transform:scale(1);transition:transform .3s ease}.track-card:hover .play-icon{transform:scale(1.2)}.track-card-info{text-align:center}.track-card-name{font-size:1rem;font-weight:500;color:#fff;margin-bottom:.3rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-card-artist{font-size:.85rem;color:#fff9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playlists-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;width:100%}.playlist-card{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:15px;padding:1.5rem;cursor:pointer;transition:all .3s ease;animation:slideIn .4s ease-out}.playlist-card:hover{background:#1ed76026;border-color:#1ed76080;transform:translateY(-5px);box-shadow:0 10px 30px #1ed7604d}.playlist-header{display:flex;align-items:center;margin-bottom:1.5rem}.playlist-icon{font-size:1.8rem;margin-right:.8rem;display:none}.playlist-name{font-size:1.3rem;font-weight:500;color:#fff;margin:0;text-transform:lowercase}.playlist-tracks{display:flex;flex-direction:column;gap:.8rem;margin-bottom:1rem}.playlist-track-mini{display:flex;align-items:center;gap:.8rem;padding:.5rem;background:#0003;border-radius:8px;transition:background .2s ease}.playlist-track-mini:hover{background:#ffffff1a}.playlist-track-img{width:40px;height:40px;border-radius:6px;object-fit:cover}.playlist-track-info{flex:1;min-width:0}.playlist-track-name{font-size:.9rem;font-weight:500;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:.2rem}.playlist-track-artist{font-size:.75rem;color:#fff9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playlist-footer{text-align:center;font-size:.85rem;color:#ffffff80;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:60vh;gap:2rem}.loading-spinner{width:60px;height:60px;border:4px solid rgba(255,255,255,.1);border-top-color:#1ed760;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-state p{color:#fff9;font-size:1.1rem;font-weight:300}.back-to-home{margin-right:auto}.now-playing-mini-home{position:fixed;bottom:0;left:0;right:0;height:90px;background:#ffffff0d;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border-top:1px solid rgba(30,215,96,.3);display:flex;align-items:center;padding:0 2rem;gap:1.5rem;cursor:pointer;transition:all .3s ease;z-index:100;animation:slideUp .4s ease-out}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.now-playing-mini-home:hover{background:#1ed76026;border-top-color:#1ed76099;box-shadow:0 -5px 30px #1ed76033}.mini-album-art-home{width:60px;height:60px;border-radius:8px;object-fit:cover;box-shadow:0 4px 15px #00000080}.mini-track-info-home{flex:1;min-width:0}.mini-track-name-home{font-size:1rem;font-weight:600;color:#fff;margin-bottom:.3rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-track-artist-home{font-size:.85rem;color:#fff9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-playing-indicator-home{display:flex;align-items:flex-end;gap:3px;height:20px}.mini-playing-indicator-home .mini-bar{width:3px;background:linear-gradient(to top,#1ed760,#f66);border-radius:3px;animation:audioWave 1s ease-in-out infinite}.mini-playing-indicator-home .mini-bar:nth-child(1){height:60%;animation-delay:0s}.mini-playing-indicator-home .mini-bar:nth-child(2){height:100%;animation-delay:.2s}.mini-playing-indicator-home .mini-bar:nth-child(3){height:80%;animation-delay:.4s}@keyframes audioWave{0%,to{transform:scaleY(1)}50%{transform:scaleY(.5)}}@media(max-width:1024px){.homepage-stats{display:none}.homepage-left{width:100%}.tracks-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.playlists-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.homepage-search-results{width:calc(100% - 4rem)}}@media(max-width:768px){.homepage-header{padding:1.5rem 2rem}.search-bar-section{padding:1rem 2rem}.homepage-logo{font-size:2rem}.header-actions{gap:.5rem}.header-btn{padding:.6rem 1rem;font-size:.8rem}.header-btn svg{width:16px;height:16px}.homepage-content{padding:1.5rem 2rem 2rem}.section-title-home{font-size:1.5rem}.tracks-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}.playlists-grid{grid-template-columns:1fr}.homepage-search-results{width:calc(100% - 4rem)}}@media(max-width:480px){.homepage-header{padding:1rem 1.5rem}.search-bar-section{padding:.75rem 1.5rem}.header-actions{gap:.5rem}.header-btn span{display:none}.header-btn{padding:.6rem}.homepage-content{padding:1rem 1.5rem 1.5rem}.tracks-grid{grid-template-columns:repeat(2,1fr)}.track-card-name,.track-card-artist{font-size:.85rem}.homepage-search-results{width:calc(100% - 3rem)}}.liked-songs-view{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;animation:fadeIn .3s ease-out}.liked-songs-overlay{width:100%;height:100%;background:var(--search-gradient, linear-gradient(135deg, #000000 0%, #1a0000 25%, #330000 50%, #1a0000 75%, #000000 100%));overflow-y:auto}.liked-songs-content{max-width:1400px;margin:0 auto;padding:3rem 2rem;min-height:100vh}.liked-songs-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:3rem;gap:2rem}.header-left{display:flex;align-items:center;gap:2rem;flex:1}.liked-songs-icon{width:100px;height:100px;background:linear-gradient(135deg,#ffffff26,#ffffff0d);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid rgba(255,255,255,.1)}.liked-songs-info{display:flex;flex-direction:column;gap:.5rem}.liked-songs-title{font-size:3.5rem;font-weight:700;color:#fff;line-height:1;margin:0;text-transform:lowercase}.liked-songs-count{font-size:1rem;color:#ffffffb3;margin-top:.5rem}.liked-songs-actions{margin-bottom:2rem}.play-all-btn{background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.2);padding:1rem 2.5rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.75rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.play-all-btn:hover{background:#ffffff40;border-color:#ffffff4d;transform:translateY(-2px)}.play-all-btn:active{transform:translateY(0)}.liked-songs-list{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:1.5rem;border:1px solid rgba(255,255,255,.1)}.liked-song-item{display:grid;grid-template-columns:40px 60px 1fr 80px 80px;align-items:center;gap:1rem;padding:.75rem;border-radius:8px;transition:all .2s ease;position:relative}.song-number{font-size:.95rem;color:#fff9;text-align:center;font-weight:500}.song-image{width:60px;height:60px;border-radius:6px;object-fit:cover;cursor:pointer;transition:all .2s ease}.song-image:hover{transform:scale(1.05);box-shadow:0 4px 12px #0006}.song-info{cursor:pointer;min-width:0}.song-name{font-size:1rem;font-weight:500;color:#fff;margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-artist{font-size:.875rem;color:#fff9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-duration{font-size:.875rem;color:#fff9;text-align:center}.song-actions{display:flex;align-items:center;gap:.5rem;justify-content:flex-end;position:relative}.action-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);width:36px;height:36px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:#fffc}.action-btn:hover{background:#fff3;border-color:#ffffff4d;transform:translateY(-2px)}.unlike-btn{color:#fff}.unlike-btn:hover{background:#ff646433;border-color:#ff64644d}.playlist-dropdown,.create-playlist-dropdown{position:absolute;top:100%;right:0;margin-top:.5rem;background:#000000f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:12px;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #00000080;min-width:250px;max-width:300px;z-index:100;overflow:hidden;animation:slideUpFade .2s ease-out}.playlist-dropdown-header{padding:1rem;font-weight:600;color:#fff;border-bottom:1px solid rgba(255,255,255,.1);font-size:.875rem}.playlist-dropdown-list{max-height:250px;overflow-y:auto}.playlist-dropdown-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;cursor:pointer;transition:background .2s ease}.playlist-dropdown-item:hover{background:#ffffff1a}.playlist-dropdown-thumb{width:40px;height:40px;border-radius:4px;overflow:hidden;flex-shrink:0;background:#ffffff0d;display:flex;align-items:center;justify-content:center}.playlist-dropdown-thumb img{width:100%;height:100%;object-fit:cover}.playlist-dropdown-info{flex:1;min-width:0}.playlist-dropdown-name{font-weight:500;color:#fff;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playlist-dropdown-count{font-size:.8rem;color:#fff9}.playlist-dropdown-empty{padding:1.5rem;text-align:center;color:#ffffff80;font-size:.875rem}.playlist-dropdown-create{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;border-top:1px solid rgba(255,255,255,.1);cursor:pointer;font-weight:500;color:#fff;transition:background .2s ease}.playlist-dropdown-create:hover{background:#ffffff1a}.create-playlist-dropdown{padding:1rem}.create-playlist-input{width:100%;padding:.75rem;border:1px solid rgba(255,255,255,.2);border-radius:8px;font-size:.9rem;background:#ffffff1a;color:#fff;margin-bottom:.75rem;font-family:Inter,sans-serif}.create-playlist-input::placeholder{color:#ffffff80}.create-playlist-input:focus{outline:none;border-color:#fff6;background:#ffffff26}.create-playlist-actions{display:flex;gap:.5rem}.create-playlist-btn,.cancel-playlist-btn{flex:1;padding:.625rem;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease;font-size:.875rem}.create-playlist-btn{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3)}.create-playlist-btn:hover{background:#ffffff4d;transform:translateY(-2px)}.cancel-playlist-btn{background:#ffffff0d;color:#fffc;border:1px solid rgba(255,255,255,.1)}.cancel-playlist-btn:hover{background:#ffffff1a}.liked-notification{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);background:#ffffff26;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);color:#fff;padding:1rem 2rem;border-radius:8px;font-size:.9rem;font-weight:500;box-shadow:0 4px 16px #0000004d;animation:slideUpFade .3s ease-out;z-index:1001}@media(max-width:768px){.liked-songs-content{padding:2rem 1.5rem}.liked-songs-header{flex-direction:column;align-items:flex-start}.liked-songs-icon{width:80px;height:80px}.liked-songs-title{font-size:2.5rem}.liked-song-item{grid-template-columns:30px 50px 1fr 60px;gap:.75rem}.song-duration{display:none}.song-actions{grid-column:4}}@media(max-width:480px){.liked-songs-content{padding:1rem}.liked-songs-icon{width:70px;height:70px}.liked-songs-title{font-size:2rem}.play-all-btn{padding:.875rem 2rem;font-size:.9rem}}.artist-link{cursor:pointer;transition:all .2s ease}.artist-link:hover{text-decoration:underline;opacity:.8}.artist-view{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;animation:fadeIn .3s ease-out}.artist-overlay{width:100%;height:100%;background:var(--search-gradient, linear-gradient(135deg, #000000 0%, #1a0000 25%, #330000 50%, #1a0000 75%, #000000 100%));overflow-y:auto}.artist-content{max-width:1400px;margin:0 auto;min-height:100vh;position:relative}.artist-header{position:relative;height:400px;overflow:hidden;margin-bottom:2rem}.artist-header-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;filter:blur(50px);opacity:.3;transform:scale(1.2)}.artist-header-content{position:relative;z-index:1;height:100%;display:flex;align-items:flex-end;padding:3rem 2rem 2rem;background:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.7) 100%);gap:2rem}.artist-image{width:180px;height:180px;border-radius:50%;overflow:hidden;flex-shrink:0;box-shadow:0 8px 32px #0006}.artist-image img{width:100%;height:100%;object-fit:cover}.artist-info{flex:1;display:flex;flex-direction:column;gap:.75rem}.artist-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:#fffc}.artist-name{font-size:4rem;font-weight:700;color:#fff;line-height:1;margin:0}.artist-followers{font-size:.95rem;color:#ffffffb3}.artist-genres{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.5rem}.genre-tag{background:#ffffff26;border:1px solid rgba(255,255,255,.2);padding:.5rem 1rem;border-radius:20px;font-size:.875rem;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.artist-actions{padding:0 2rem 2rem}.artist-section{padding:0 2rem 3rem}.section-title{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:1.5rem;text-transform:lowercase}.section-header-with-toggle{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.section-header-with-toggle .section-title{margin-bottom:0}.toggle-tracks-btn{padding:.5rem 1rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:20px;color:#fff;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-transform:lowercase}.toggle-tracks-btn:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-1px)}.toggle-tracks-btn:active{transform:translateY(0)}.top-tracks-list{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:1rem;border:1px solid rgba(255,255,255,.1)}.top-track-item{display:grid;grid-template-columns:40px 60px 1fr 80px;align-items:center;gap:1rem;padding:.75rem;border-radius:8px;cursor:pointer;transition:all .2s ease}.top-track-item:hover{background:#ffffff1a}.track-number{font-size:1rem;color:#fff9;text-align:center;font-weight:500}.track-image{width:60px;height:60px;border-radius:6px;object-fit:cover}.track-info{min-width:0}.track-name{font-size:1rem;font-weight:500;color:#fff;margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-stats{font-size:.875rem;color:#fff9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-duration{font-size:.875rem;color:#fff9;text-align:right}.albums-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1.5rem}.album-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1rem;transition:all .3s ease;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.album-card:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-4px)}.album-cover{position:relative;width:100%;aspect-ratio:1;border-radius:8px;overflow:hidden;margin-bottom:.75rem}.album-cover img{width:100%;height:100%;object-fit:cover}.album-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.album-card:hover .album-overlay{opacity:1}.play-icon-small{width:48px;height:48px;background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.album-info{display:flex;flex-direction:column;gap:.25rem}.album-name{font-size:.95rem;font-weight:500;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.album-meta{font-size:.85rem;color:#fff9;text-transform:capitalize}@media(max-width:768px){.artist-header{height:300px}.artist-header-content{padding:2rem 1.5rem 1.5rem}.artist-image{width:120px;height:120px}.artist-name{font-size:2.5rem}.artist-section{padding:0 1.5rem 2rem}.artist-actions{padding:0 1.5rem 1.5rem}.top-track-item{grid-template-columns:30px 50px 1fr}.track-duration{display:none}.albums-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}@media(max-width:480px){.artist-header{height:250px}.artist-name{font-size:2rem}.artist-image{width:100px;height:100px}.albums-grid{grid-template-columns:repeat(2,1fr)}}.share-modal-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease}.share-modal-content{background:#141414f2;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:2rem;max-width:500px;width:90%;position:relative;animation:slideUp .3s ease}.share-close-btn{position:absolute;top:1rem;right:1rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:all .2s ease}.share-close-btn:hover{background:#ffffff26;transform:rotate(90deg)}.share-header h2{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:1.5rem;text-transform:lowercase}.share-track-info{display:flex;gap:1rem;align-items:center;padding:1rem;background:#ffffff0d;border-radius:12px;margin-bottom:1.5rem;border:1px solid rgba(255,255,255,.1)}.share-track-image{width:80px;height:80px;border-radius:8px;object-fit:cover}.share-track-details{flex:1;min-width:0}.share-track-name{font-size:1.1rem;font-weight:600;color:#fff;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.share-track-artist{font-size:.9rem;color:#fff9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-btn{width:100%;padding:.75rem 1rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1.5rem}.preview-btn:hover{background:#ffffff26;border-color:#ffffff4d}.preview-btn.playing{background:#1ed76033;border-color:#1ed76066}.share-link-container{display:flex;gap:.5rem;margin-bottom:1rem}.share-link-input{flex:1;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:8px;padding:.75rem 1rem;color:#fff;font-size:.85rem;font-family:Courier New,monospace}.share-link-input:focus{outline:none;border-color:#ffffff4d;background:#ffffff14}.copy-link-btn{padding:.75rem 1.25rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;white-space:nowrap}.copy-link-btn:hover{background:#ffffff26;border-color:#ffffff4d}.copy-link-btn.copied{background:#1ed76033;border-color:#1ed76066}.share-info{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:#ffffff08;border-radius:8px;font-size:.75rem;color:#ffffff80;line-height:1.4}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.share-view-overlay{position:fixed;inset:0;background:#000;display:flex;align-items:center;justify-content:center;z-index:10000;padding:2rem;animation:fadeIn .3s ease;overflow:hidden}.share-view-overlay:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background-image:var(--share-bg-image);background-size:cover;background-position:center;filter:blur(80px) brightness(.4);transform:scale(1.1);z-index:0}.share-view-content{background:#141414b3;-webkit-backdrop-filter:blur(40px) saturate(180%);backdrop-filter:blur(40px) saturate(180%);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:3rem;max-width:500px;width:100%;box-shadow:0 30px 80px #0009;position:relative;z-index:1;animation:slideUp .5s ease;text-align:center}.share-view-logo{font-size:2.5rem;font-weight:800;color:#fff;margin-bottom:2rem;text-transform:lowercase;letter-spacing:-1px}.share-view-track-info{margin-bottom:2rem}.share-view-track-image{width:240px;height:240px;border-radius:12px;margin:0 auto 1.5rem;box-shadow:0 20px 60px #0009;object-fit:cover;border:1px solid rgba(255,255,255,.1)}.share-view-track-name{font-size:1.8rem;font-weight:700;color:#fff;margin-bottom:.5rem;line-height:1.2;text-shadow:0 2px 10px rgba(0,0,0,.3)}.share-view-track-artist{font-size:1.1rem;color:#ffffffb3}.share-view-actions{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.share-view-btn{padding:1rem 1.5rem;border-radius:50px;border:none;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.75rem}.share-view-btn.preview{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;border:1px solid rgba(255,255,255,.2)}.share-view-btn.preview:hover{background:#ffffff26;border-color:#ffffff4d;box-shadow:0 8px 24px #0003}.share-view-btn.preview.playing{background:#1ed76033;color:#1db954;border-color:#1ed76080}.share-view-btn.primary{background:#fffffff2;color:#000;border:1px solid rgba(255,255,255,.3)}.share-view-btn.primary:hover{transform:translateY(-2px);box-shadow:0 12px 32px #ffffff4d;background:#fff}.share-view-btn.secondary{background:#1eb95426;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#1db954;border:1px solid rgba(30,185,84,.3)}.share-view-btn.secondary:hover{background:#1db954;color:#fff;border-color:#1db954;box-shadow:0 8px 24px #1eb95466}.share-view-info{font-size:.875rem;color:#ffffff80;padding:1rem;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;border:1px solid rgba(255,255,255,.1)}@media(max-width:640px){.share-view-content{padding:2rem 1.5rem}.share-view-track-image{width:200px;height:200px}.share-view-track-name{font-size:1.5rem}.share-view-logo{font-size:2rem}}.player-fullscreen,.homepage{height:100vh;height:100dvh}.player-overlay{overflow-y:auto;overflow-x:hidden}.player-main-section{box-sizing:border-box;padding:0 1.5rem}.player-image-full{width:min(450px,40vw);height:min(450px,40vw)}.player-controls-wrapper{min-width:0;flex:1}.track-name-full{font-size:clamp(1.6rem,4vw,3.5rem);overflow-wrap:anywhere}.track-artist-full{font-size:clamp(1rem,2.4vw,2rem)}@media(max-width:900px){.player-overlay{align-items:flex-start;padding:5rem 0 2rem}.player-content{gap:1.25rem}.player-main-section{flex-direction:column;align-items:center;gap:1.75rem;padding:0 1.25rem}.player-image-full{width:min(78vw,360px);height:min(78vw,360px);border-radius:16px}.player-controls-wrapper{width:100%;max-width:420px;min-width:0;flex:none;gap:1.5rem}.track-info{text-align:center}.track-name-full{font-size:1.6rem;margin-bottom:.4rem}.track-artist-full{font-size:1.05rem}.controls-full{gap:.9rem;flex-wrap:nowrap}.control-btn{width:42px;height:42px;flex-shrink:0}.play-button-full{width:70px;height:70px;flex-shrink:0}.progress-full{gap:.75rem}.time-full{font-size:.8rem;min-width:38px}.back-button{top:1rem;left:1rem;padding:.6rem 1.2rem;font-size:.9rem}.lyrics-inline-container{max-width:92vw;height:200px}}.homepage-content,.tracks-grid,.track-card{min-width:0;box-sizing:border-box}.tracks-grid>*{min-width:0}@media(max-width:900px){.homepage-content{padding:1rem 1.25rem 1.5rem}.tracks-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}.header-btn span{display:none}.header-btn{padding:.6rem}.homepage-header{padding:1rem 1.25rem}.search-bar-section{padding:.75rem 1.25rem}}.progress-full{position:relative;z-index:1}.controls-full{position:relative;z-index:2}.audio-visualizer{--viz-up: 100px;--viz-down: 62px;position:absolute;left:0;top:calc(50% - var(--viz-up));width:100%;height:calc(var(--viz-up) + var(--viz-down));pointer-events:none}@media(max-width:900px){.audio-visualizer{--viz-up: 84px;--viz-down: 56px}}@media(max-width:480px){.app-title{font-size:2.4rem;letter-spacing:0}.search-title{font-size:2.2rem}.homepage-logo{font-size:1.7rem}}:root{--sp-bg: #121212;--sp-elev: #181818;--sp-elev-2: #242424;--sp-hover: #2a2a2a;--sp-text: #ffffff;--sp-sub: #b3b3b3;--sp-green: #1ed760;--nav-h: 58px;--sp-font: "Figtree", "Circular Std", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}@property --sp-color{syntax: "<color>"; inherits: true; initial-value: #5a3f3f;}html,body{background:var(--sp-bg);color:var(--sp-text)}body *,button,input,textarea{font-family:var(--sp-font)!important;text-transform:none!important}svg text{font-family:var(--sp-font)!important}.homepage,.search-screen,.artist-overlay{--search-gradient: linear-gradient(180deg, #1f1f1f 0%, #121212 320px);background:linear-gradient(180deg,#1f1f1f,#121212 320px)!important}.liked-songs-view .liked-songs-overlay{background:linear-gradient(180deg,#4b3a9a,#121212 360px)}.settings-screen,.playlist-screen{background:var(--sp-bg);backdrop-filter:none;-webkit-backdrop-filter:none}*{scrollbar-width:thin;scrollbar-color:#535353 transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#535353;border-radius:10px;border:2px solid transparent;background-clip:padding-box}.homepage-header{padding:12px 16px;background:#121212eb;border-bottom:none}.homepage-logo{font-size:1.5rem;font-weight:800;letter-spacing:-.5px;background:none;-webkit-text-fill-color:var(--sp-green);color:var(--sp-green)}.header-actions{display:flex;gap:8px}.header-btn{background:var(--sp-elev-2);border:none;-webkit-backdrop-filter:none;backdrop-filter:none;padding:8px 14px;font-size:.85rem;font-weight:700;gap:6px}.header-btn:hover{background:var(--sp-hover);transform:scale(1.03)}.search-bar-section{padding:8px 16px 4px}.homepage-search-input{background:var(--sp-elev-2);border:2px solid transparent;-webkit-backdrop-filter:none;backdrop-filter:none;max-width:100%;padding:12px 20px;font-size:.95rem;font-weight:500}.homepage-search-input::placeholder{color:#a7a7a7}.homepage-search-input:hover{background:var(--sp-hover)}.homepage-search-input:focus{border-color:#fff;background:var(--sp-hover);box-shadow:none}.homepage-search-results{background:var(--sp-elev);border:none;border-radius:8px;margin-top:8px;padding:6px}.homepage-result-item{border-radius:6px;padding:8px}.homepage-result-item:hover{background:var(--sp-hover)}.homepage-result-image{width:44px;height:44px;border-radius:4px}.homepage-content{padding:8px 16px 120px}.section-title-home{font-size:1.5rem;font-weight:800;letter-spacing:-.4px;margin:8px 0 14px}.home-section{margin-bottom:28px}.tracks-grid{gap:8px;grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}.track-card{background:transparent;border:none;-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:8px;padding:12px;animation:none;transition:background .2s ease}.track-card:hover{background:var(--sp-elev-2);transform:none;box-shadow:none}.track-card-image-wrapper{border-radius:8px;margin-bottom:12px;box-shadow:0 8px 24px #00000080;overflow:visible}.track-card-image{border-radius:8px}.track-card-overlay{background:none;align-items:flex-end;justify-content:flex-end;padding:8px;opacity:1;pointer-events:none}.track-card .play-icon{width:46px;height:46px;border-radius:50%;background:var(--sp-green);color:#000;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 8px #0000004d;opacity:0;transform:translateY(8px);transition:opacity .25s ease,transform .25s ease}.track-card .play-icon svg{width:24px;height:24px}.track-card:hover .play-icon{opacity:1;transform:translateY(0)}.track-card-name{font-weight:700;font-size:.95rem;margin-bottom:4px}.track-card-artist{color:var(--sp-sub);font-size:.82rem;font-weight:500}.liked-playlist-card{background:var(--sp-elev-2);border:none;-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:8px;padding:0;gap:14px;max-width:420px;overflow:hidden;align-items:center}.liked-playlist-card:hover{background:var(--sp-hover);transform:none;box-shadow:none}.liked-playlist-cover{width:72px;height:72px;border-radius:0;box-shadow:none;background:linear-gradient(135deg,#450af5,#c4efd9)}.liked-cover-grid,.liked-gradient-overlay{display:none}.liked-heart-icon{filter:none;animation:none}.liked-heart-icon svg{width:28px;height:28px}.liked-playlist-title{font-size:1rem;font-weight:700;margin:0}.liked-playlist-count{color:var(--sp-sub);font-size:.85rem;margin:2px 0 0}.playlist-card{background:var(--sp-elev);border:none;backdrop-filter:none;-webkit-backdrop-filter:none;border-radius:8px;box-shadow:none}.playlist-card:hover{background:var(--sp-hover);transform:none}.playlist-name{font-weight:700}.now-playing-mini-home,.now-playing-mini{left:8px;right:8px;bottom:calc(var(--nav-h) + 8px + env(safe-area-inset-bottom,0px));height:64px;padding:0 14px 0 8px;gap:12px;background:#2b2323;border:none;border-radius:8px;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 6px 20px #00000080}.now-playing-mini-home:hover,.now-playing-mini:hover{background:#342a2a}.mini-album-art-home,.mini-album-art{width:46px;height:46px;border-radius:4px;box-shadow:none}.mini-track-name-home,.mini-track-name{font-size:.9rem;font-weight:700;color:#fff}.mini-track-artist-home,.mini-track-artist{font-size:.78rem;color:var(--sp-sub)}.mini-bar{background:var(--sp-green)}.stat-card,.top-track-item,.top-artist-item,.recent-track-item{background:var(--sp-elev);border:none;border-radius:8px;-webkit-backdrop-filter:none;backdrop-filter:none}.top-track-item:hover,.top-artist-item:hover,.recent-track-item:hover{background:var(--sp-hover)}.genre-tag{background:var(--sp-elev-2);border:none;color:#fff;border-radius:999px}.search-title{background:none;-webkit-text-fill-color:#fff;color:#fff;font-weight:800;letter-spacing:-1px}.search-input-glass{background:var(--sp-elev-2);border:2px solid transparent;-webkit-backdrop-filter:none;backdrop-filter:none;padding:14px 22px;font-size:1rem;font-weight:500}.search-input-glass:focus{border-color:#fff;box-shadow:none}.results-glass{background:transparent}.result-item-glass{background:transparent;border:none;-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:8px;padding:8px 12px;animation:none}.result-item-glass:hover{background:var(--sp-hover);transform:none}.result-image-glass{border-radius:4px}.result-artist-glass{color:var(--sp-sub)}.icon-button{background:var(--sp-elev-2);border:none}.close-button,.share-close-btn{width:40px;height:40px;background:#00000073;border:none;-webkit-backdrop-filter:none;backdrop-filter:none}.close-button:hover,.share-close-btn:hover{background:#ffffff26;transform:scale(1.05)}.play-all-btn,.save-playlist-btn,.create-playlist-btn,.create-btn,.toggle-tracks-btn{background:var(--sp-green);color:#000;border:none;border-radius:999px;font-weight:700;-webkit-backdrop-filter:none;backdrop-filter:none}.play-all-btn:hover,.save-playlist-btn:hover,.create-playlist-btn:hover,.create-btn:hover{background:#3be477;transform:scale(1.04)}.cancel-playlist-btn,.logout-btn{background:transparent;border:1px solid #727272;color:#fff;border-radius:999px;font-weight:700}.cancel-playlist-btn:hover,.logout-btn:hover{border-color:#fff;background:transparent;transform:scale(1.03)}.playlist-input,.playlist-textarea,.playlist-search-input,.create-playlist-input,.playlist-name-input,.share-link-input{background:var(--sp-hover);border:1px solid transparent;border-radius:6px;color:#fff}.playlist-input:focus,.playlist-textarea:focus,.playlist-search-input:focus,.create-playlist-input:focus,.playlist-name-input:focus{border-color:#fff;box-shadow:none;outline:none}.creator-card,.share-modal-content,.settings-content{background:var(--sp-elev);border:none;border-radius:12px;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:0 16px 40px #00000080}.settings-content{padding:24px}.settings-screen .section-title,.settings-title{font-weight:800;letter-spacing:-.4px}.dropdown-menu,.playlist-dropdown,.create-playlist-dropdown{background:#282828;border:none;border-radius:8px;box-shadow:0 16px 32px #00000080;-webkit-backdrop-filter:none;backdrop-filter:none}.menu-item,.playlist-dropdown-item{border-radius:4px;color:#e6e6e6;font-weight:500}.menu-item:hover,.playlist-dropdown-item:hover{background:#ffffff1a;color:#fff}.menu-item.active{color:var(--sp-green)}.liked-song-item,.top-track-item{border-radius:6px}.liked-song-item:hover{background:#ffffff1a}.song-artist,.song-duration,.track-duration,.liked-songs-count{color:var(--sp-sub)}.artist-name{font-weight:800;letter-spacing:-2px}.login-container{background:linear-gradient(180deg,#1f1f1f,#000)}.app-title{font-weight:800;letter-spacing:-1.5px;color:var(--sp-green)}.app-subtitle{color:var(--sp-sub)}.login-button{background:var(--sp-elev-2);border:none;border-radius:10px;color:#fff}.login-button:hover{background:var(--sp-hover);transform:scale(1.02)}.or-divider span{color:var(--sp-sub)}.loading-spinner{border-color:#ffffff26;border-top-color:var(--sp-green)}@media(max-width:700px){.homepage-header{padding:10px 14px}.homepage-content{padding:4px 0 120px}.section-title-home{padding:0 16px}.liked-section .liked-playlist-card{margin:0 16px;max-width:none}.tracks-grid{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:148px;gap:4px;overflow-x:auto;padding:0 10px 4px;scroll-snap-type:x proximity;scrollbar-width:none}.tracks-grid::-webkit-scrollbar{display:none}.tracks-grid>.track-card{scroll-snap-align:start;padding:8px}.track-card .play-icon{display:none}.playlists-grid{padding:0 16px}}.sp-player{position:fixed;inset:0;z-index:1500;color:#fff;background:linear-gradient(180deg,var(--sp-color) 0%,#121212 88%);transition:--sp-color .7s ease;font-family:var(--sp-font)}.sp-scroll{height:100%;overflow-y:auto;overflow-x:hidden;max-width:480px;margin:0 auto;padding:calc(env(safe-area-inset-top,0px) + 14px) 22px calc(env(safe-area-inset-bottom,0px) + 36px);scrollbar-width:none}.sp-scroll::-webkit-scrollbar{display:none}.sp-icon-btn{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;background:none;border:none;color:#fff;cursor:pointer;padding:0;border-radius:50%;position:relative;-webkit-tap-highlight-color:transparent;transition:transform .12s ease,opacity .15s ease}.sp-icon-btn:active{transform:scale(.92)}.sp-icon-btn:disabled{opacity:.35;cursor:default}.sp-icon-btn.sp-active{color:var(--sp-green)}.sp-icon-btn.sp-active:after{content:"";position:absolute;bottom:2px;left:50%;width:4px;height:4px;margin-left:-2px;border-radius:50%;background:var(--sp-green)}.sp-top{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;gap:8px}.sp-top-title{text-align:center;min-width:0;line-height:1.25}.sp-top-title span{display:block;font-size:.78rem;font-weight:500;color:#ffffffd9}.sp-top-title strong{display:block;font-size:.95rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sp-menu{justify-self:end}.sp-top .dropdown-menu{top:100%;bottom:auto;right:0;margin:6px 0 0;min-width:230px;z-index:20}.sp-cover-wrap{margin-top:34px;width:100%;aspect-ratio:1 / 1;border-radius:10px;overflow:hidden;background:#2a2a2a;box-shadow:0 18px 40px #00000073}.sp-cover{width:100%;height:100%;object-fit:cover;display:block}.sp-meta{display:flex;align-items:center;gap:0;margin-top:34px}.sp-meta-text{flex:1;min-width:0;padding-right:4px}.sp-title{font-size:clamp(1.2rem,6vw,1.5rem);font-weight:800;line-height:1.15;letter-spacing:-.4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sp-artist{margin-top:4px;font-size:1.05rem;font-weight:500;color:#ffffffb8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sp-artist .artist-link{cursor:pointer}.sp-artist .artist-link:hover{color:#fff;text-decoration:underline}.sp-icon-btn.sp-big{width:44px;height:44px;flex:none}.sp-meta .sp-big svg{width:32px;height:32px}.sp-progress{margin-top:22px}.sp-bar{position:relative;height:22px;cursor:pointer;touch-action:none;--viz-up: 46px;--viz-down: 0px}.sp-bar .audio-visualizer{opacity:.4;--viz-up: 46px;--viz-down: 0px}.sp-bar-track{position:absolute;left:0;right:0;top:50%;height:4px;margin-top:-2px;border-radius:2px;background:#ffffff47}.sp-bar-fill{position:relative;height:100%;min-width:6px;border-radius:2px;background:#fff}.sp-bar-dot{position:absolute;right:-6px;top:50%;width:12px;height:12px;margin-top:-6px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #0006}.sp-times{display:flex;justify-content:space-between;margin-top:6px;font-size:.8rem;font-weight:500;color:#ffffffb3;font-variant-numeric:tabular-nums}.sp-controls{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;margin-top:14px}.sp-ctl{width:48px;height:48px}.sp-skip{width:56px;height:56px}.sp-play{width:78px;height:78px;border-radius:50%;border:none;background:#fff;color:#000;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .12s ease;-webkit-tap-highlight-color:transparent}.sp-play:hover{transform:scale(1.04)}.sp-play:active{transform:scale(.95)}.sp-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:30px}.sp-bottom-right{display:flex;align-items:center;gap:12px}.sp-card{margin-top:28px;border-radius:12px;overflow:hidden;position:relative}.sp-card h3{font-size:1.05rem;font-weight:800;margin:0 0 12px}.sp-lyrics-card{padding:18px 18px 8px;background:color-mix(in srgb,var(--sp-color) 78%,#ffffff 10%)}.sp-lyrics-card .lyrics-inline-scroll,.sp-lyrics-scroll{position:relative;height:340px;max-height:none;overflow-y:auto;padding:0 0 120px;background:none;border:none;mask-image:linear-gradient(180deg,transparent 0,#000 10%,#000 85%,transparent 100%);-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 10%,#000 85%,transparent 100%);scrollbar-width:none}.sp-lyrics-scroll::-webkit-scrollbar{display:none}.sp-lyrics-card .lyrics-line-inline{text-align:left;font-size:1.45rem;font-weight:800;line-height:1.3;padding:8px 0;color:#ffffff73;opacity:1;filter:none;transform:none;transition:color .3s ease}.sp-lyrics-card .lyrics-line-inline.past{color:#ffffffb3}.sp-lyrics-card .lyrics-line-inline.active{color:#fff}.sp-lyrics-card .lyrics-plain-inline,.sp-lyrics-card .lyrics-loading-inline{text-align:left;font-size:1.2rem;font-weight:700;line-height:1.5;color:#ffffffd9;white-space:pre-wrap}.sp-lyrics-card .lyrics-transcribing{font-size:.85rem;color:#fffc;margin-bottom:8px}.sp-sheet-backdrop{position:fixed;inset:0;z-index:30;background:#0009;display:flex;align-items:flex-end;justify-content:center}.sp-sheet{width:100%;max-width:480px;background:#282828;border-radius:16px 16px 0 0;padding:20px 8px calc(env(safe-area-inset-bottom,0px) + 16px);animation:slideUp .25s ease-out}.sp-sheet h3{text-align:center;font-size:1rem;font-weight:800;margin:0 0 12px}.sp-sheet-item{display:block;width:100%;background:none;border:none;color:#fff;text-align:left;font-size:1rem;font-weight:500;padding:14px 20px;cursor:pointer;border-radius:8px}.sp-sheet-item:hover,.sp-sheet-item:active{background:#ffffff14}.sp-sheet-off{color:var(--sp-green);font-weight:700}.sp-player .playlist-notification{bottom:32px;z-index:40}@media(min-width:900px){.sp-scroll{padding-top:28px}.sp-cover-wrap{margin-top:28px}}.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:2100;padding-bottom:env(safe-area-inset-bottom,0px);background:#0a0a0af2;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid rgba(255,255,255,.06)}.bottom-nav-inner{display:flex;max-width:560px;height:var(--nav-h);margin:0 auto}.bottom-nav-item{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:none;border:none;color:#a7a7a7;cursor:pointer;padding:0;font-size:.68rem;font-weight:600;letter-spacing:.1px;-webkit-tap-highlight-color:transparent;transition:color .15s ease,transform .1s ease}.bottom-nav-item span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bottom-nav-item:active{transform:scale(.92)}.bottom-nav-item:hover,.bottom-nav-item.active{color:#fff}.homepage,.search-screen,.settings-screen,.playlist-screen,.liked-songs-overlay,.artist-overlay{box-sizing:border-box;padding-bottom:calc(var(--nav-h) + env(safe-area-inset-bottom,0px))}