:root{--color-bg-light:#f7f7f7;--color-bg-dark:#181818;--color-bg-gradient:linear-gradient(135deg,#667eea,#764ba2);--color-text-light:#222;--color-text-dark:#f7f7f7;--color-text-gradient:#fff;--color-primary:#1db954;--color-secondary:#535353;--color-progress-bg:#e0e0e0;--color-progress-bar:#1db954;--color-progress-bar-dark:#1db954;--color-eq-bar:#1db954;--color-eq-bar-dark:#1db954;--bg-main:var(--color-bg-light);--text-main:var(--color-text-light);--text-secondary:var(--color-secondary);--bg-card:#fff;--border-main:#e0e0e0;--input-bg:#f7f7f7;--input-text:#222;--spotify-green:#1db954;--spotify-gray:#e9e9e9}body[data-theme=dark]{--color-bg:var(--color-bg-dark);--color-text:var(--color-text-dark);--color-progress-bg:#333;--color-progress-bar:var(--color-progress-bar-dark);--bg-main:var(--color-bg-dark);--text-main:var(--color-text-dark);--text-secondary:#b3b3b3;--bg-card:#232323;--border-main:#333;--input-bg:#232323;--input-text:#f7f7f7;--spotify-green:#1db954;--spotify-gray:#232323;--color-eq-bar:var(--color-eq-bar-dark)}body[data-theme=light]{--color-bg:var(--color-bg-light);--color-text:var(--color-text-light);--color-progress-bg:#e0e0e0;--color-progress-bar:#1db954;--bg-main:var(--color-bg-light);--text-main:var(--color-text-light);--text-secondary:var(--color-secondary);--bg-card:#fff;--border-main:#e0e0e0;--input-bg:#f7f7f7;--input-text:#222;--spotify-green:#1db954;--spotify-gray:#e9e9e9;--color-eq-bar:#1db954}body[data-theme=gradient]{--color-bg:var(--color-bg-gradient);--color-text:var(--color-text-gradient);--color-progress-bg:#fff3;--color-progress-bar:#10b981;--bg-main:var(--color-bg-gradient);--text-main:var(--color-text-gradient);--text-secondary:#fffc;--bg-card:#ffffff1a;--border-main:#fff3;--input-bg:#ffffff26;--input-text:#fff;--spotify-green:#10b981;--spotify-gray:#fff3;--color-eq-bar:#10b981}body[data-theme=light] .song-list-item{background:#f7f7f7;color:#222}body[data-theme=light] .song-list-item:hover{background:#e0e0e0}body[data-theme=dark] .song-list-item{background:#232323;color:#f7f7f7}body[data-theme=dark] .song-list-item:hover{background:#333}body[data-theme=gradient] .song-list-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;color:#fff}body[data-theme=gradient] .song-list-item:hover{background:#fff3}body .song-list-item.active{background:#1db954!important;background:var(--spotify-green)!important;color:#fff!important}.player-card{background:var(--color-bg);border-radius:1.5rem;box-shadow:0 8px 32px #0000001a;color:var(--color-text);margin:2rem auto;max-width:420px;padding:clamp(1.5rem,4vw,2rem) clamp(1rem,3vw,1.5rem) clamp(1rem,3vw,1.5rem);position:relative}body[data-theme=gradient] .player-card{box-shadow:0 8px 32px #0000004d}.progress-container{align-items:center;display:flex;gap:clamp(.5rem,2vw,1rem);margin:1.5rem 0 .5rem}.progress{background:#e0e0e0;background:var(--color-progress-bg);border-radius:4px;cursor:pointer;flex:1 1;height:8px;overflow:hidden;position:relative}.progress-bar{background:linear-gradient(90deg,#1db954,#1ed760);background:linear-gradient(90deg,var(--color-progress-bar) 0,#1ed760 100%);border-radius:4px;height:100%;transition:width .2s cubic-bezier(.4,0,.2,1)}.equalizer{align-items:flex-end;display:flex;height:clamp(18px,5vw,24px);margin-left:.5rem;margin-right:.5rem;width:clamp(24px,6vw,32px)}.eq-bar{animation:eq-bounce 1s infinite;background:#1db954;background:var(--color-eq-bar);border-radius:2px;margin:0 clamp(1px,.5vw,2px);opacity:.85;width:clamp(3px,1vw,4px)}.eq-bar:first-child{animation-delay:0s}.eq-bar:nth-child(2){animation-delay:.2s}.eq-bar:nth-child(3){animation-delay:.4s}.eq-bar:nth-child(4){animation-delay:.2s}.eq-bar:nth-child(5){animation-delay:0s}@keyframes eq-bounce{0%,to{height:clamp(6px,2vw,8px)}20%{height:clamp(18px,5vw,24px)}40%{height:clamp(10px,3vw,12px)}60%{height:clamp(15px,4vw,20px)}80%{height:clamp(8px,2.5vw,10px)}}@media (max-width:768px){.player-card{margin:1rem auto;max-width:95vw;padding:clamp(1rem,4vw,1.5rem) clamp(.8rem,3vw,1rem) clamp(.8rem,3vw,1rem)}.progress-container{gap:.5rem;margin:1rem 0 .5rem}.equalizer{height:16px;width:20px}.eq-bar{margin:0 1px;width:2px}@keyframes eq-bounce{0%,to{height:4px}20%{height:16px}40%{height:8px}60%{height:12px}80%{height:6px}}}@media (max-width:480px){.player-card{margin:.5rem auto;max-width:98vw;padding:1rem .8rem}.progress-container{gap:.3rem}.equalizer{height:14px;width:18px}}input[type=range],input[type=text]{transition:all .3s ease}input[type=text]:focus{box-shadow:0 0 0 2px #1db954;box-shadow:0 0 0 2px var(--spotify-green);outline:none}.song-list-container::-webkit-scrollbar{width:8px}.song-list-container::-webkit-scrollbar-track{background:#fff;background:var(--bg-card)}.song-list-container::-webkit-scrollbar-thumb{background:#e0e0e0;background:var(--border-main);border-radius:4px}.song-list-container::-webkit-scrollbar-thumb:hover{background:#1db954;background:var(--spotify-green)}button{transition:all .3s ease}button:hover:not(:disabled){box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(0)}body[data-theme=gradient],body[data-theme=gradient] .player-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}body[data-theme=gradient] .player-card{background:#ffffff26;border:1px solid #fff3}body[data-theme=gradient] input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.album-art-image{border-radius:15px;box-shadow:0 4px 15px #0000004d;object-fit:cover}@keyframes loading-pulse{0%,to{opacity:1}50%{opacity:.5}}.loading{animation:loading-pulse 1.5s ease-in-out infinite}@media (prefers-reduced-motion:reduce){.eq-bar{animation:none}.progress-bar,button{transition:none}}button:focus-visible{outline:2px solid #1db954;outline:2px solid var(--spotify-green);outline-offset:2px}input:focus-visible{outline:2px solid #1db954;outline:2px solid var(--spotify-green);outline-offset:2px}@media (prefers-contrast:high){body[data-theme=gradient]{--bg-card:#000c;--text-main:#fff;--border-main:#ffffff80}}@media print{.equalizer,button,input[type=range]{display:none}}.modal-backdrop{animation:fadeIn .2s;background:#00000073;bottom:0;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal,.modal-backdrop{align-items:center;display:flex}.modal{animation:popIn .2s;background:#181818;border-radius:18px;box-shadow:0 8px 32px #00000040;color:#fff;flex-direction:column;max-height:90vh;max-width:90vw;min-width:320px;padding:32px 28px 24px;width:100%}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal button,.modal input{background:#232323;border:1px solid #232323;border-radius:8px;color:#fff;font-size:1rem;margin-bottom:12px;outline:none;padding:12px 14px;transition:border .2s;width:100%}.modal input:focus{border:1.5px solid #1db954}.modal button{background:#1db954;border:none;color:#fff;cursor:pointer;font-weight:600;transition:background .2s}.modal button:hover{background:#169c43}.playlist-sidebar-backdrop{animation:fadeIn .2s;background:#00000059;bottom:0;display:flex;justify-content:flex-end;left:0;position:fixed;right:0;top:0;z-index:1000}.playlist-sidebar{animation:slideIn .2s;background:#181818;border-bottom-left-radius:18px;border-top-left-radius:18px;box-shadow:-4px 0 24px #0000002e;color:#fff;display:flex;flex-direction:column;height:100vh;max-width:90vw;padding:32px 24px 24px;width:340px}@keyframes slideIn{0%{transform:translateX(100%)}to{transform:translateX(0)}}.playlist-sidebar button,.playlist-sidebar input{background:#232323;border:1px solid #232323;border-radius:7px;color:#fff;font-size:1rem;margin-bottom:8px;outline:none;padding:10px 12px;transition:border .2s;width:auto}.playlist-sidebar input:focus{border:1.5px solid #1db954}.playlist-sidebar button{background:#1db954;border:none;color:#fff;cursor:pointer;font-weight:600;transition:background .2s}.playlist-sidebar button:hover{background:#169c43}.playlist-sidebar form{display:flex;gap:8px;margin-bottom:16px}.playlist-sidebar input[type=text]{flex:1 1;margin-bottom:0;min-width:0;width:100%}.playlist-sidebar button[type=submit]{flex:0 0 auto;margin-bottom:0;min-width:80px;padding-left:18px;padding-right:18px;width:auto}@media (max-width:600px){.playlist-sidebar form{flex-direction:column;gap:6px}.playlist-sidebar button[type=submit],.playlist-sidebar input[type=text]{min-width:0;padding-left:12px;padding-right:12px;width:100%}.playlist-sidebar{padding:24px 8px 16px}}header{align-items:center;display:flex;flex-direction:column;margin-bottom:24px;position:relative}@media (max-width:600px){header{align-items:stretch;flex-direction:column;padding:0 8px}header>div[style*="position: absolute"]{align-items:stretch;display:flex;flex-direction:column;gap:8px;margin-top:12px;position:static!important}}.add-to-playlist-modal{align-items:center;animation:popIn .2s;background:#181818;border-radius:18px;box-shadow:0 8px 32px #00000040;color:#fff;display:flex;flex-direction:column;max-height:90vh;max-width:90vw;min-width:260px;padding:28px 24px 20px;width:100%}.add-to-playlist-modal h3{margin-bottom:16px}.add-to-playlist-modal .playlist-list{margin-bottom:12px;max-height:180px;overflow-y:auto;width:100%}.add-to-playlist-modal .playlist-list div{border-bottom:1px solid #232323;cursor:pointer;padding:8px 0;transition:background .15s}.add-to-playlist-modal .playlist-list div:hover,.toast{background:#232323}.toast{animation:fadeIn .2s;border-radius:8px;bottom:32px;box-shadow:0 4px 16px #0000002e;color:#fff;font-size:1rem;left:50%;padding:14px 28px;position:fixed;transform:translateX(-50%);z-index:2000}button{transition:background .2s,color .2s,box-shadow .2s}button:active{box-shadow:inset 0 2px 8px #0000001f}.add-to-playlist-btn{background:none;border:none;color:#1db954;cursor:pointer;font-size:1.3rem;margin-left:8px;transition:color .2s;vertical-align:middle}.add-to-playlist-btn:hover{color:#169c43}
/*# sourceMappingURL=main.42802178.css.map*/