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;background-color:#f0f0f0}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;font-family:SF Pro,SF Pro Display,SF Pro Text,-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;color:#fff;overflow-x:hidden;min-height:100vh;width:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{position:relative;min-height:100vh;width:100%;overflow-x:hidden;display:flex;flex-direction:column;align-items:center;padding-bottom:20px}.content-layout{display:flex;width:100%;max-width:1200px;min-height:70vh;padding:20px;margin-top:20px;gap:30px;flex-wrap:wrap}.player-container{flex:1;background-color:#ffffff1a;-webkit-backdrop-filter:blur(15px) saturate(180%);backdrop-filter:blur(15px) saturate(180%);border-radius:15px;border:1px solid rgba(255,255,255,.18);box-shadow:0 8px 32px #1f268733;padding:30px;display:flex;flex-direction:column;min-width:300px;position:relative;overflow:hidden;flex-basis:400px}.lyrics-panel{flex:1;background-color:#ffffff1a;-webkit-backdrop-filter:blur(15px) saturate(180%);backdrop-filter:blur(15px) saturate(180%);border-radius:15px;border:1px solid rgba(255,255,255,.18);box-shadow:0 8px 32px #1f268733;padding:30px;display:flex;flex-direction:column;height:500px;max-height:100%;overflow:hidden;flex-basis:400px}.lyrics-display{display:flex;flex-direction:column;height:100%;overflow:hidden}.lyrics-title{font-size:1.6rem;margin-bottom:25px;text-align:center;font-weight:700;color:#fff;font-family:SF Pro,SF Pro Display,SF Pro Text,-apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:.02em;text-shadow:0 1px 3px rgba(0,0,0,.5);border-bottom:1px solid rgba(255,255,255,.15);padding-bottom:15px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.lyrics-container{flex:1;overflow-y:auto;padding:25px 25px 45px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent}.lyrics-container::-webkit-scrollbar{width:4px}.lyrics-container::-webkit-scrollbar-track{background:transparent}.lyrics-container::-webkit-scrollbar-thumb{background-color:#fff3;border-radius:2px;transition:background-color .3s ease}.lyrics-container:hover::-webkit-scrollbar-thumb{background-color:#ffffff4d}.lyric-line{font-size:1.2rem;line-height:1.8;margin-bottom:18px;text-align:center;color:#fffc;transition:all .5s ease-in-out;padding:8px 0;font-family:SF Pro,SF Pro Display,SF Pro Text,-apple-system,BlinkMacSystemFont,sans-serif;text-shadow:0 1px 3px rgba(0,0,0,.4);font-weight:500;position:relative;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.lyric-line.active{font-size:1.4rem;font-weight:700;color:#fff;font-family:SF Pro,SF Pro Display,SF Pro Text,-apple-system,BlinkMacSystemFont,sans-serif;text-shadow:0 2px 4px rgba(0,0,0,.5);transition:all .4s ease-in-out;position:relative;letter-spacing:.01em}.lyrics-toggle-button{margin-top:20px;padding:10px 15px;background-color:#fff3;border:none;border-radius:20px;color:#fff;font-size:.9rem;cursor:pointer;transition:all .2s ease;align-self:center;display:none;font-family:SF Pro,SF Pro Display,SF Pro Text,-apple-system,BlinkMacSystemFont,sans-serif}.lyrics-toggle-button:hover{background-color:#ffffff4d}.playlist-container{width:100%;max-width:1200px;background-color:#141414d9;-webkit-backdrop-filter:blur(15px) saturate(180%);backdrop-filter:blur(15px) saturate(180%);border-radius:15px;border:1px solid rgba(255,255,255,.12);box-shadow:0 8px 32px #0006;padding:25px;margin:25px 0;position:relative;overflow:hidden}.playlist{max-height:400px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent;color:#fff}.playlist::-webkit-scrollbar{width:6px}.playlist::-webkit-scrollbar-track{background:transparent}.playlist::-webkit-scrollbar-thumb{background-color:#ffffff4d;border-radius:3px}.playlist-title{margin-top:0;margin-bottom:25px;font-size:1.6rem;font-weight:700;color:#fff;text-align:left;letter-spacing:.02em;text-shadow:0 1px 3px rgba(0,0,0,.5);border-bottom:1px solid rgba(255,255,255,.15);padding-bottom:15px}.playlist-tracks{list-style:none;padding:0;margin:0}.playlist-track{display:flex;align-items:center;padding:14px 15px;margin-bottom:8px;cursor:pointer;transition:all .2s ease;position:relative;background-color:transparent;border-bottom:1px solid rgba(255,255,255,.08)}.playlist-track:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#0009;z-index:-1;opacity:1;transition:background-color .2s ease}.playlist-track:hover:before{background:#000000b3}.playlist-track:hover{transform:translateY(-1px)}.playlist-track.active{border-bottom:none}.playlist-track.active:before{background:#ff3a5e26;box-shadow:inset 0 0 0 1px #ff3a5e4d}.playlist-track-info{flex:1;text-align:left;margin:0 12px;position:relative;z-index:1}.playlist-track-title{font-weight:700;font-size:1rem;margin-bottom:6px;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:.01em}.playlist-track.active .playlist-track-title{color:#fff;font-weight:700;text-shadow:0 1px 3px rgba(0,0,0,.5)}.playlist-track-artist{font-size:.9rem;color:#fff;font-weight:600;text-shadow:0 1px 3px rgba(0,0,0,.5);letter-spacing:.01em}.playlist-track.active .playlist-track-artist{color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5)}.playlist-track-art{width:48px;height:48px;border-radius:50%;overflow:hidden;position:relative;z-index:1;box-shadow:0 2px 6px #0006;border:2px solid rgba(255,255,255,.25);flex-shrink:0}.playlist-track-art img{width:100%;height:100%;object-fit:cover}.now-playing-indicator{display:flex;align-items:center;justify-content:center;color:#fff;margin-left:12px;position:relative;z-index:1;filter:drop-shadow(0 1px 2px rgba(0,0,0,.4));background-color:#ff3a5ee6;width:24px;height:24px;border-radius:50%;flex-shrink:0}.now-playing-display{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:25px}.album-art-container{position:relative;margin-bottom:20px;width:100%;display:flex;justify-content:center}.album-art{width:100%;max-width:250px;height:auto;border-radius:12px;box-shadow:0 10px 30px #00000059,0 0 0 1px #ffffff1f;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),box-shadow .3s ease,filter .3s ease;border:1px solid rgba(255,255,255,.1);filter:brightness(1)}.album-art:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 15px 35px #0006,0 0 0 1px #fff3;filter:brightness(1.05)}.track-info-container{width:100%;display:flex;justify-content:center;align-items:center;position:relative;margin-bottom:10px;padding:0 45px}.track-info{text-align:center;max-width:100%}.like-button{background:transparent;border:none;color:#ffffffb3;cursor:pointer;width:36px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:50%;transition:all .3s cubic-bezier(.175,.885,.32,1.275);position:absolute;right:0;top:50%;transform:translateY(-50%);z-index:5}.like-button:hover{color:#ff3a5e;background-color:#ffffff1a;transform:translateY(-50%) scale(1.1);filter:brightness(1.1);box-shadow:0 4px 10px #0000001a}.heart-icon{font-size:1.3rem;transition:all .3s cubic-bezier(.175,.885,.32,1.275);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1));stroke-width:1.5px;stroke:currentColor;fill:transparent}.heart-icon.liked{color:#ff3a5e;fill:currentColor;filter:drop-shadow(0 0 5px rgba(255,58,94,.5));transform:scale(1.15);animation:heartPulse .4s cubic-bezier(.175,.885,.32,1.275)}@keyframes heartPulse{0%{transform:scale(1)}50%{transform:scale(1.25)}to{transform:scale(1.15)}}.track-title{font-size:1.6rem;font-weight:700;color:#fff;margin:0 0 8px;text-shadow:0 1px 3px rgba(0,0,0,.3);letter-spacing:.01em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.artist-name{font-size:1.1rem;color:#fffc;margin:0;text-shadow:0 1px 2px rgba(0,0,0,.2);letter-spacing:.01em;font-weight:500;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.track-progress{display:flex;align-items:center;gap:12px;width:100%;max-width:100%;margin:15px auto 30px;position:relative;padding:0 5px}.time{font-size:12px;color:#ffffffb3;min-width:40px;text-align:center;font-weight:500;letter-spacing:.02em;font-variant-numeric:tabular-nums;transition:all .2s ease;position:relative;top:0;display:flex;align-items:center;height:16px}.time.current-time{text-align:left}.time.duration{text-align:right}.progress-bar:hover+.time,.progress-bar:hover~.time{color:#ffffffe6}.progress-bar{flex-grow:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:8px;background:#ffffff26;border-radius:10px;outline:none;cursor:pointer;transition:all .2s ease-out;position:relative;overflow:visible;box-shadow:inset 0 1px 2px #00000026}.progress-bar:hover{height:10px;background:#ffffff40;box-shadow:inset 0 1px 3px #0003;filter:brightness(1.05)}.progress-bar::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;background:#fff;border-radius:50%;cursor:pointer;box-shadow:0 0 10px #0000004d;margin-top:-4px;transition:all .2s ease-out;border:2px solid rgba(255,255,255,.9);background:linear-gradient(145deg,#fff,#f5f5f5)}.progress-bar:hover::-webkit-slider-thumb{transform:scale(1.2);box-shadow:0 0 15px #ffffff80;filter:brightness(1.05)}.progress-bar:active::-webkit-slider-thumb{transform:scale(1.3);box-shadow:0 0 20px #fff9;transition:all .1s ease-out}.progress-bar::-moz-range-thumb{width:16px;height:16px;background:#fff;border-radius:50%;cursor:pointer;border:2px solid rgba(255,255,255,.9);box-shadow:0 0 10px #0000004d;transition:all .2s ease;background:linear-gradient(145deg,#fff,#f5f5f5)}.progress-bar:hover::-moz-range-thumb{transform:scale(1.2);box-shadow:0 0 15px #fff6}.playback-controls-container{width:100%;display:flex;justify-content:center;margin:15px 0 40px;padding:0;position:relative}.playback-controls{display:flex;justify-content:center;align-items:center;position:relative;padding:5px 0;margin:0 auto;width:100%}.main-controls{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:center}.control-button{background-color:transparent;border:none;color:#fffc;border-radius:50%;width:48px;height:48px;display:flex;justify-content:center;align-items:center;font-size:18px;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;stroke-width:1.5px;margin:0 10px}.control-button:hover{color:#fff;background-color:#ffffff1a;transform:translateY(-2px) scale(1.05);box-shadow:0 4px 10px #0000001a}.control-button:active{color:#fff;background-color:#fff3;transform:scale(.95);transition:all .1s ease}.control-button:disabled{color:#ffffff4d;cursor:not-allowed;background-color:transparent}.play-pause-button{width:70px;height:70px;background:linear-gradient(145deg,#fffffff2,#ffffffd9);color:#222;font-size:24px;position:relative;top:-5px;transform:translateY(0);z-index:2;box-shadow:0 6px 20px #0003,inset 0 1px 1px #fffc;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:all .3s cubic-bezier(.175,.885,.32,1.275);margin:0 10px;overflow:hidden}.play-pause-button:hover{background:linear-gradient(145deg,#fff,#ffffffe6);color:#000;box-shadow:0 8px 25px #00000040,inset 0 1px 1px #ffffffe6;transform:translateY(-3px) scale(1.02)}.play-pause-button:active{background:linear-gradient(145deg,#f0f0f0f2,#fafafae6);color:#000;transform:scale(.98);box-shadow:0 3px 10px #00000026,inset 0 1px 1px #fff9;transition:all .1s ease}.volume-control{position:relative;display:flex;align-items:center;justify-content:center;color:#fff9;transition:all .3s ease;z-index:5}.volume-control-wrapper{position:absolute;right:20px;top:50%;transform:translateY(-50%)}.volume-button{background:transparent;border:none;color:#ffffffb3;cursor:pointer;width:48px;height:48px;display:flex;justify-content:center;align-items:center;border-radius:50%;transition:all .3s ease;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;stroke-width:1.5px}.volume-button:hover{color:#fff;background-color:#ffffff1a;transform:scale(1.1);filter:brightness(1.1);box-shadow:0 4px 10px #0000001a}.volume-button:active{transform:scale(.95);transition:all .1s ease;background-color:#ffffff26}.volume-slider-popup{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#ffffff1a;-webkit-backdrop-filter:blur(15px) saturate(180%);backdrop-filter:blur(15px) saturate(180%);border-radius:15px;border:1px solid rgba(255,255,255,.18);box-shadow:0 8px 32px #1f268740;padding:20px 15px;display:flex;flex-direction:column;align-items:center;margin-bottom:10px;z-index:10;animation:fadeInScale .25s cubic-bezier(.175,.885,.32,1.275)}@keyframes fadeInScale{0%{opacity:0;transform:translate(-50%) translateY(10px) scale(.95)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}.volume-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:6px;height:120px;background:#ffffff26;border-radius:6px;outline:none;transition:all .3s ease;margin:5px 0;cursor:pointer}.custom-volume-slider{height:180px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:10px 0;gap:15px}.custom-volume-track{height:120px;width:6px;background-color:#ffffff26;border-radius:8px;position:relative;cursor:pointer;box-shadow:inset 0 1px 2px #00000026;transition:all .2s ease-out}.custom-volume-track:hover{background-color:#ffffff40;box-shadow:inset 0 1px 3px #0003}.custom-volume-fill{position:absolute;bottom:0;left:0;width:100%;background-color:#fffc;border-radius:8px;transition:height .2s ease-out,background-color .2s ease-out}.custom-volume-track:hover .custom-volume-fill{background-color:#ffffffe6}.custom-volume-thumb{position:absolute;left:50%;width:14px;height:14px;background-color:#fff;border-radius:50%;transform:translate(-50%);box-shadow:0 0 8px #0000004d;border:2px solid rgba(255,255,255,.9);transition:all .2s ease-out;cursor:pointer;background:linear-gradient(145deg,#fff,#f5f5f5)}.custom-volume-track:hover .custom-volume-thumb{transform:translate(-50%) scale(1.2);box-shadow:0 0 12px #ffffff80;filter:brightness(1.05)}.custom-volume-thumb.dragging{transform:translate(-50%) scale(1.3)!important;box-shadow:0 0 18px #fff9!important;filter:brightness(1.1)!important}.mute-button{background:transparent;border:none;color:#fffc;font-size:12px;padding:5px 10px;border-radius:4px;cursor:pointer;transition:all .2s ease;font-family:SF Pro,SF Pro Display,SF Pro Text,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:500;margin-top:5px}.mute-button:hover{background-color:#ffffff1a;color:#fff}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;background:#fff;border-radius:50%;cursor:pointer;box-shadow:0 0 8px #0000004d;transition:all .2s ease;border:2px solid rgba(255,255,255,.9)}.volume-slider::-moz-range-thumb{width:14px;height:14px;background:#fff;border-radius:50%;cursor:pointer;border:2px solid rgba(255,255,255,.9);box-shadow:0 0 6px #0000004d;transition:all .2s ease}.volume-slider:hover::-webkit-slider-thumb{transform:scale(1.2);box-shadow:0 0 12px #fff6}.volume-slider:hover::-moz-range-thumb{transform:scale(1.2);box-shadow:0 0 12px #fff6}.volume-slider:hover{background:#ffffff40}.volume-slider:active::-webkit-slider-thumb{transform:scale(1.3);box-shadow:0 0 15px #ffffff80}.volume-slider:active::-moz-range-thumb{transform:scale(1.3);box-shadow:0 0 15px #ffffff80}.icon-container{position:relative;width:30px;height:30px;display:flex;justify-content:center;align-items:center}.play-icon,.pause-icon{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;transition:opacity .2s ease-out,transform .2s ease-out}.play-icon.visible,.pause-icon.visible{opacity:1;transform:scale(1)}.play-icon.hidden,.pause-icon.hidden{opacity:0;transform:scale(.8)}.lrc-player{display:flex;flex-direction:column;height:100%;width:100%;overflow:hidden;font-family:SF Pro,SF Pro Display,SF Pro Text,-apple-system,BlinkMacSystemFont,sans-serif}.lrc-container{flex:1;overflow-y:auto;padding:25px 25px 45px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent}.lrc-container::-webkit-scrollbar{width:4px}.lrc-container::-webkit-scrollbar-track{background:transparent}.lrc-container::-webkit-scrollbar-thumb{background-color:#fff3;border-radius:2px;transition:background-color .3s ease}.lrc-container:hover::-webkit-scrollbar-thumb{background-color:#ffffff4d}.lrc-line{font-size:1.2rem;line-height:1.8;margin-bottom:18px;text-align:center;color:#fffc;transition:all .5s ease-in-out;padding:8px 0;font-family:SF Pro,SF Pro Display,SF Pro Text,-apple-system,BlinkMacSystemFont,sans-serif;text-shadow:0 1px 3px rgba(0,0,0,.4);font-weight:500;position:relative;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.lrc-active-line{font-size:1.4rem;font-weight:700;color:#fff;font-family:SF Pro,SF Pro Display,SF Pro Text,-apple-system,BlinkMacSystemFont,sans-serif;text-shadow:0 2px 4px rgba(0,0,0,.5);transition:all .4s ease-in-out;position:relative;letter-spacing:.01em}.lyrics-loading,.lyrics-error{display:flex;justify-content:center;align-items:center;height:100%;color:#ffffffb3;font-size:1.1rem;font-family:SF Pro,SF Pro Display,SF Pro Text,-apple-system,BlinkMacSystemFont,sans-serif}@media (max-width: 1024px){.content-layout{justify-content:center;padding:15px;margin-top:15px;gap:25px}.player-container,.lyrics-panel{flex-basis:45%}}@media (max-width: 900px){.content-layout{flex-direction:column;height:auto;max-height:none;padding:15px;margin-top:10px;gap:20px;align-items:center}.player-container{min-width:unset;width:100%;max-width:600px;padding:20px}.lyrics-panel{height:300px;max-height:300px;width:100%;max-width:600px}.lyrics-toggle-button{display:block;margin-top:15px;padding:8px 20px;font-size:.95rem}.playlist-container{margin-top:15px;padding:15px;max-width:600px}}@media (max-width: 768px){.playback-controls{margin:15px 0;gap:10px}.control-button{width:40px;height:40px;font-size:14px}.play-pause-button{width:55px;height:55px;font-size:18px}.album-art{max-width:200px}.track-progress{margin:10px 0}.App{padding-bottom:20px}.volume-slider{max-width:80px}.track-info-container{padding:0 5px}.track-info{max-width:80%}}@media (max-width: 600px){.player-container,.lyrics-panel,.playlist-container{padding:15px;border-radius:12px;max-width:100%}.album-art{max-width:160px}.track-title{font-size:1.3rem}.artist-name{font-size:.9rem}.lrc-line{font-size:1.1rem;margin-bottom:14px;padding:6px 0}.lrc-active-line{font-size:1.25rem}.lyrics-title{font-size:1.5rem;margin-bottom:15px}.content-layout{gap:15px;padding:10px;margin-top:5px}body{font-size:14px}.volume-slider{max-width:60px}.heart-icon{font-size:1.1rem}.like-button{width:32px;height:32px}}@media (max-width: 480px){.content-layout{padding:8px;margin-top:5px}.player-container,.lyrics-panel,.playlist-container{padding:12px;border-radius:10px}.album-art{max-width:140px}.track-title{font-size:1.2rem}.artist-name{font-size:.85rem}.control-button{width:36px;height:36px}.play-pause-button{width:50px;height:50px}.time{font-size:11px;min-width:35px}.progress-bar{height:6px}.lyrics-panel{height:250px;max-height:250px}.lyrics-toggle-button{padding:6px 15px;font-size:.85rem}.App{padding-bottom:10px}}@media (max-width: 360px){.player-container,.lyrics-panel,.playlist-container{padding:10px}.album-art{max-width:120px}.lyrics-panel{height:200px}.lrc-line{font-size:1rem;margin-bottom:12px;padding:4px 0}.lrc-active-line{font-size:1.15rem}}.loading-message{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;margin:20px auto;max-width:400px;background-color:#00000080;border-radius:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.loading-spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite;margin-bottom:15px}@keyframes spin{to{transform:rotate(360deg)}}.loading-message p{color:#fff;font-size:16px;margin:0}.loading-player{display:flex;align-items:center;justify-content:center;height:300px;color:#fffc;font-size:18px}.error-message{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;margin:20px auto;max-width:600px;background-color:#ff3b3033;border-left:4px solid rgba(255,59,48,.8);border-radius:6px;color:#fff;position:relative}.error-message p{margin:0;flex:1}.error-close-button{background:transparent;border:none;color:#fff;font-size:20px;cursor:pointer;padding:0 0 0 15px;display:flex;align-items:center;justify-content:center}.error-close-button:hover{color:#fffc}.app-background{position:fixed;top:-10px;left:-10px;right:-10px;bottom:-10px;background-size:cover;background-position:center center;filter:blur(40px);z-index:-2;transform:scale(1.05)}.dynamic-background{background-image:var(--album-art-url, none)}.background-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0000004d;z-index:-1}.quality-selector{display:flex;align-items:center;margin:10px 0;justify-content:center;gap:10px}.quality-label{font-size:14px;color:#aaa;margin-right:5px}.quality-options{display:flex;gap:5px}.quality-option{background-color:#0000004d;border:1px solid rgba(255,255,255,.1);color:#aaa;padding:5px 10px;border-radius:4px;font-size:12px;cursor:pointer;transition:all .2s ease}.quality-option:hover{background-color:#00000080;color:#fff}.quality-option.active{background-color:#1db954;color:#fff;border-color:#1db954}.source-toggle{display:flex;align-items:center;margin:10px 0;justify-content:center;gap:10px}.source-label{font-size:14px;color:#aaa;margin-right:5px}.toggle-button{background-color:#0000004d;border:1px solid rgba(255,255,255,.1);color:#aaa;padding:5px 10px;border-radius:4px;font-size:12px;cursor:pointer;transition:all .2s ease}.toggle-button:hover{background-color:#00000080;color:#fff}.search-container{position:sticky;top:15px;width:100%;max-width:800px;margin:15px auto 0;z-index:100;padding:0 20px}.search-bar{display:flex;width:100%;background-color:#141414d9;-webkit-backdrop-filter:blur(15px) saturate(180%);backdrop-filter:blur(15px) saturate(180%);border-radius:50px;overflow:hidden;border:1px solid rgba(255,255,255,.12);box-shadow:0 8px 32px #0006;transition:all .3s ease}.search-bar:focus-within{box-shadow:0 12px 42px #00000080;transform:translateY(-2px);border:1px solid rgba(255,255,255,.2)}.search-bar input{flex:1;padding:15px 20px;background:transparent;border:none;outline:none;color:#fff;font-size:1rem;font-family:SF Pro,SF Pro Display,SF Pro Text,-apple-system,BlinkMacSystemFont,sans-serif}.search-bar input::placeholder{color:#ffffff80}.search-bar button{background:linear-gradient(145deg,#ffffff26,#ffffff0d);border:none;padding:0 25px;color:#fff;font-weight:500;cursor:pointer;transition:all .2s ease;font-size:.95rem;font-family:SF Pro,SF Pro Display,SF Pro Text,-apple-system,BlinkMacSystemFont,sans-serif}.search-bar button:hover:not(:disabled){background:linear-gradient(145deg,#ffffff40,#ffffff1a)}.search-bar button:disabled{opacity:.5;cursor:not-allowed}.search-icon{display:flex;align-items:center;justify-content:center;padding:0 15px 0 20px;color:#ffffffb3}.search-dropdown{position:absolute;top:calc(100% + 10px);left:0;right:0;margin:0 20px;z-index:101;max-height:0;overflow:hidden;transition:max-height .3s ease,opacity .3s ease;opacity:0;pointer-events:none;border-radius:15px}.search-dropdown.active{max-height:500px;opacity:1;pointer-events:auto;box-shadow:0 10px 30px #0000004d}@media (max-width: 768px){.search-container{padding:0 15px;max-width:100%}.search-bar{border-radius:30px}.search-bar input{padding:12px 15px;font-size:.95rem}.search-bar button{padding:0 20px;font-size:.9rem}}@media (max-width: 480px){.search-container{padding:0 10px}.search-bar{border-radius:25px}.search-bar input{padding:10px 12px;font-size:.9rem}.search-bar button{padding:0 15px;font-size:.85rem}}.search-results{width:100%;background-color:#141414f2;-webkit-backdrop-filter:blur(15px) saturate(180%);backdrop-filter:blur(15px) saturate(180%);border-radius:0 0 15px 15px;border:1px solid rgba(255,255,255,.12);border-top:none;padding:20px;position:relative;overflow:hidden;color:#fff;max-height:500px;overflow-y:auto}.search-results-title{margin-top:0;margin-bottom:25px;font-size:1.6rem;font-weight:700;color:#fff;text-align:left;letter-spacing:.02em;text-shadow:0 1px 3px rgba(0,0,0,.5);border-bottom:1px solid rgba(255,255,255,.15);padding-bottom:15px}.search-results-list{list-style:none;padding:0;margin:0;max-height:500px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent}.search-results-list::-webkit-scrollbar{width:6px}.search-results-list::-webkit-scrollbar-track{background:transparent}.search-results-list::-webkit-scrollbar-thumb{background-color:#ffffff4d;border-radius:3px}.search-result-item{display:flex;align-items:center;padding:16px;margin-bottom:8px;cursor:pointer;transition:all .3s ease;position:relative;background-color:#ffffff0d;border-radius:12px;overflow:hidden}.search-result-item:hover{background-color:#ffffff1a;transform:translateY(-2px);box-shadow:0 4px 20px #0003}.search-result-item:active{transform:translateY(0);transition:all .1s ease}.result-thumb-container{width:60px;height:60px;overflow:hidden;border-radius:8px;box-shadow:0 4px 10px #0003;margin-right:16px;flex-shrink:0}.result-thumb{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.search-result-item:hover .result-thumb{transform:scale(1.1)}.result-info{flex:1;display:flex;flex-direction:column;overflow:hidden}.result-title{font-size:1rem;font-weight:600;color:#fff;margin-bottom:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-artist{font-size:.9rem;color:#ffffffb3;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-year{font-size:.8rem;color:#ffffff80;margin-top:3px}.result-play-button{width:40px;height:40px;border-radius:50%;background:linear-gradient(145deg,#ffffff26,#ffffff0d);border:none;display:flex;align-items:center;justify-content:center;color:#fffc;cursor:pointer;transition:all .3s ease;opacity:0;transform:scale(.8);margin-left:10px;flex-shrink:0}.search-result-item:hover .result-play-button{opacity:1;transform:scale(1)}.result-play-button:hover{background:linear-gradient(145deg,#ffffff40,#ffffff1a);color:#fff;transform:scale(1.1)}@media (max-width: 768px){.search-results{padding:15px}.search-result-item{padding:12px}.result-thumb-container{width:50px;height:50px;margin-right:12px}.result-title{font-size:.95rem}.result-artist{font-size:.85rem}}@media (max-width: 480px){.result-thumb-container{width:40px;height:40px;margin-right:10px}.search-results-title{font-size:1.3rem;margin-bottom:15px}.result-play-button{width:32px;height:32px}}