*{box-sizing:border-box}#root,*,body,html{margin:0;padding:0}#root,body,html{font-family:Inter,sans-serif;height:100%;width:100%}body{background-color:#121212;color:#fff}.Spinner_spinnerContainer__UlGCD{align-items:center;background:#12121205;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:9999}.Spinner_spinnerIcon__xae\+U{animation:Spinner_spin3d__wAfQa 1s cubic-bezier(.4,.2,.2,1) infinite;filter:drop-shadow(0 2px 8px rgba(0,0,0,.18));height:64px;transform-style:preserve-3d;width:64px;will-change:transform}@keyframes Spinner_spin3d__wAfQa{0%{transform:rotateY(0deg) scale(1)}50%{transform:rotateY(180deg) scale(1.08)}to{transform:rotateY(1turn) scale(1)}}.track_trackRow__z08UN{align-items:center;background-color:#1a1a1a;border:1px solid #ffffff0f;border-radius:10px;color:#fff;display:flex;gap:.75rem;justify-content:space-between;margin-bottom:.5rem;padding:.75rem 1rem;transition:background-color .2s ease,transform .15s ease}.track_trackRow__z08UN:hover{background-color:#202020;transform:translateY(-1px)}.track_trackInfo__-UxK8{flex:1 1;min-width:0}.track_trackInfo__-UxK8 h3{color:#fff;font-size:.95rem;font-weight:600;margin:0}.track_trackInfo__-UxK8 p{color:#b3b3b3;font-size:.85rem;margin:.15rem 0 0}.track_trackButton__BFMJF{background-color:#1db954;border:none;border-radius:999px;color:#000;cursor:pointer;font-size:1.1rem;font-weight:700;padding:.35rem .7rem;transition:background-color .2s ease,transform .15s ease}.track_trackButton__BFMJF:hover{background-color:#1ed760;transform:scale(1.05)}.track_removeButton__heNGb{background-color:#2a2a2a;border:1px solid #ffffff1f;border-radius:999px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;padding:.35rem .7rem;transition:background-color .2s ease,transform .15s ease}.track_removeButton__heNGb:hover{background-color:#3a3a3a;transform:scale(1.05)}@media (max-width:600px){.track_trackRow__z08UN{align-items:flex-start;flex-direction:column;padding:.65rem .75rem}.track_trackInfo__-UxK8{margin-bottom:.5rem;width:100%}.track_trackActions__PKtSx{display:flex;gap:.5rem;justify-content:flex-end;width:100%}.track_removeButton__heNGb,.track_trackButton__BFMJF{font-size:.95rem;padding:.3rem .6rem}}.searchresult_container__EFzpn{width:100%}.searchresult_styleh2__SXp2b{color:#fff;font-size:1.15rem;font-weight:700;letter-spacing:.2px;margin:0 0 .75rem;text-align:left}.searchresult_emptyResult__G2a1f{background-color:#1a1a1a;border:1px solid #ffffff14;border-radius:12px;color:#b3b3b3;padding:1.25rem 1rem;text-align:center;width:100%}.searchresult_searchResultContainer__VEQvj{width:100%}@media (max-width:600px){.searchresult_styleh2__SXp2b{text-align:center}.searchresult_emptyResult__G2a1f{padding:1rem .85rem}}.searchbar_container__\+b2fC{align-items:center;display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem;margin-top:2.5rem;width:100%}.searchbar_searchInput__Y8DSo{background-color:#2a2a2a;border:1px solid #ffffff14;border-radius:999px;color:#fff;font-size:.95rem;max-width:520px;outline:none;padding:.75rem 1rem;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.searchbar_searchInput__Y8DSo::placeholder{color:#b3b3b3}.searchbar_searchInput__Y8DSo:focus{border-color:#1db95499;box-shadow:0 0 0 3px #1db9542e}.searchbar_searchButton__vdDtr{background-color:#1db954;border-radius:999px;color:#000;cursor:pointer;font-size:.95rem;font-weight:700;padding:.6rem 0;transition:background-color .2s ease,transform .15s ease;width:140px}.searchbar_searchButton__vdDtr:hover{background-color:#1ed760;transform:translateY(-1px)}.searchbar_searchButton__vdDtr:active{transform:scale(.98)}@media (max-width:480px){.searchbar_container__\+b2fC{margin-bottom:.75rem;margin-top:2rem}.searchbar_searchInput__Y8DSo{font-size:.9rem;padding:.65rem .9rem}.searchbar_searchButton__vdDtr{width:120px}}.playlist_container__r6xGR{align-items:flex-start;box-sizing:border-box;display:flex;justify-content:center;margin-top:2rem;padding:2rem clamp(1rem,5vw,3rem);width:100%}.playlist_playlist__GCqqj{background-color:#1a1a1a;border-radius:12px;box-shadow:0 8px 20px #0000004d;max-width:420px;width:100%}.playlist_playlistInput__BltNt{background-color:#2a2a2a;border:none;border-radius:8px;color:#fff;font-size:1rem;height:2.5rem;margin-bottom:1rem;padding:0 .75rem;width:100%}.playlist_playlistInput__BltNt:focus{outline:2px solid #1db954}.playlist_playlistInput__BltNt::placeholder{color:#aaa;text-align:center}.playlist_playlist__GCqqj p{color:#bbb;font-size:.9rem;margin:1rem 0;text-align:center}.playlist_playlistButton__2EfmW{background-color:#1db954;border:none;border-radius:20px;color:#000;cursor:pointer;display:block;font-size:1rem;font-weight:600;margin-top:1.5rem;padding:.75rem;transition:background-color .2s ease,transform .2s ease;width:100%}.playlist_playlistButton__2EfmW:hover{background-color:#1ed760;transform:translateY(-1px)}.playlist_playlistButton__2EfmW:active{transform:scale(.98)}@media (max-width:768px){.playlist_container__r6xGR{padding:1.5rem}.playlist_playlist__GCqqj{max-width:100%;padding:1.25rem}}@media (max-width:480px){.playlist_playlistInput__BltNt{font-size:.9rem;height:2.25rem}.playlist_playlistButton__2EfmW{font-size:.95rem;padding:.65rem}@media (max-width:600px){.playlist_playlist__GCqqj{border-radius:12px;box-sizing:border-box;letter-spacing:.25rem;line-height:1rem;margin:0;max-width:100%;min-width:0;padding:1.25rem;width:100%}}}.header_headContainer__5RRtP{align-items:center;background-color:#1a1a1a;border-bottom:1px solid #ffffff14;box-shadow:0 6px 16px #00000040;display:flex;flex-direction:column;justify-content:center;padding:2rem 1rem;width:100%}.header_head__GrsDm{color:#fff;font-size:3rem;font-weight:800;letter-spacing:.4px;margin:0;text-align:center;width:100%}.header_accentText__v3vuE{color:#1db954}@media (max-width:768px){.header_head__GrsDm{font-size:2.3rem}}@media (max-width:480px){.header_head__GrsDm{font-size:1.9rem}.header_headContainer__5RRtP{padding:1.4rem .8rem}}.footer_footer__w5sXF{background-color:#1a1a1a;border-top:1px solid #ffffff14;color:#b3b3b3;font-size:.85rem;margin-top:auto;padding:1.75rem 1rem;text-align:center;width:100%}.footer_footer__w5sXF p{letter-spacing:.3px;margin:0}@media (max-width:480px){.footer_footer__w5sXF{font-size:.8rem;padding:1.2rem .75rem}}:root{--bg:#121212;--surface:#1a1a1a;--surface-2:#2a2a2a;--text:#fff;--text-muted:#b3b3b3;--border:#ffffff14;--accent:#1db954;--accent-hover:#1ed760;--radius:12px;--radius-pill:999px;--shadow:0 8px 20px #00000059;--shadow-soft:0 6px 16px #00000040;--max-width:900px}.App_app__Wcvlh{background-color:#121212;background-color:var(--bg);color:#fff;color:var(--text);min-height:100vh;padding:1rem}.App_mainContent__GhE7U{display:flex;flex-direction:column;gap:1rem;margin:2rem auto;max-width:900px;max-width:var(--max-width)}footer,header{background-color:#1a1a1a;background-color:var(--surface);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);box-shadow:0 6px 16px #00000040;box-shadow:var(--shadow-soft);padding:1rem;text-align:center}.App_head__1St42{font-size:3rem;font-weight:800;letter-spacing:.2px;margin:0}.App_accentText__fjZM5{color:#1db954;color:var(--accent)}.App_searchBar__ThNM8{display:flex;gap:.75rem;width:100%}.App_searchBar__ThNM8 input{background-color:#2a2a2a;background-color:var(--surface-2);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);color:#fff;color:var(--text);flex:1 1;outline:none;padding:.75rem 1rem;transition:border-color .2s ease,box-shadow .2s ease}.App_searchBar__ThNM8 input::placeholder{color:#b3b3b3;color:var(--text-muted)}.App_searchBar__ThNM8 input:focus{border-color:#1db95499;box-shadow:0 0 0 3px #1db9542e}button{background-color:#1db954;background-color:var(--accent);border:none;border-radius:999px;border-radius:var(--radius-pill);color:#000;cursor:pointer;font-weight:700;padding:.75rem 1.25rem;transition:background-color .2s ease,transform .2s ease}button:hover{background-color:#1ed760;background-color:var(--accent-hover);transform:translateY(-1px)}button:active{transform:scale(.98)}button:disabled{background-color:#3a3a3a;cursor:not-allowed;transform:none}.App_columns__PDDao{align-items:flex-start;display:flex;gap:1rem}.App_column__P3jPd{flex:1 1;min-width:0}.App_panel__woZmX{background-color:#1a1a1a;background-color:var(--surface);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);box-shadow:0 8px 20px #00000059;box-shadow:var(--shadow);padding:1.25rem}.App_playlistTitle__3M4fR{font-size:1.2rem;font-weight:700;letter-spacing:.4px;margin:0 0 .75rem;text-align:center}.App_trackList__FB0DS{max-height:420px;overflow-y:auto}.App_trackList__FB0DS::-webkit-scrollbar{width:10px}.App_trackList__FB0DS::-webkit-scrollbar-thumb{background:#ffffff24;border-radius:999px}.App_trackList__FB0DS::-webkit-scrollbar-track{background:#0000002e;border-radius:999px}.App_trackItem__OMk8N{align-items:center;border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--border);display:flex;gap:.75rem;justify-content:space-between;padding:.85rem 0}.App_trackItem__OMk8N:last-child{border-bottom:none}.App_trackItem__OMk8N button{border-radius:999px;border-radius:var(--radius-pill);font-size:.9rem;padding:.45rem .85rem}.App_loginContainer__NJNBE{background-color:#121212;background-color:var(--bg);display:grid;min-height:100vh;padding:1rem;place-items:center}.App_loginCard__NibJe{background-color:#1a1a1a;background-color:var(--surface);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);box-shadow:0 8px 20px #00000059;box-shadow:var(--shadow);max-width:520px;padding:2rem 1.5rem;text-align:center;width:100%}.App_loginTitle__XXRdX{font-size:2.25rem;font-weight:800;letter-spacing:.2px;margin:0 0 1.25rem}.App_loginButton__T5MI\+{border-radius:999px;border-radius:var(--radius-pill);padding:.9rem 1.25rem;width:100%}.App_logoutButton__e4-\+D{background-color:initial;border:1px solid #ffffff1f;border-radius:999px;border-radius:var(--radius-pill);color:#b3b3b3;color:var(--text-muted);cursor:pointer;font-weight:600;padding:.45rem .95rem;transition:background-color .2s ease,color .2s ease,border-color .2s ease}.App_logoutButton__e4-\+D:hover{background-color:#ffffff0f;border-color:#fff3;color:#fff;color:var(--text);transform:none}.App_logoutButton__e4-\+D:active{transform:none}@media (max-width:768px){.App_mainContent__GhE7U{margin:1.25rem auto;padding:0 .25rem}.App_columns__PDDao{flex-direction:column}.App_trackList__FB0DS{max-height:320px}.App_trackItem__OMk8N{align-items:flex-start;flex-direction:column}button{width:100%}}@media (max-width:480px){.App_app__Wcvlh{padding:.75rem}.App_searchBar__ThNM8{flex-direction:column}.App_head__1St42{font-size:2.25rem}.App_loginTitle__XXRdX{font-size:1.9rem}.App_logoutButton__e4-\+D{font-size:.8rem;padding:.45rem .8rem;width:140px}}
/*# sourceMappingURL=main.3583882f.css.map*/