.navigation-icon[data-v-7e84b5e2]{width:16px;height:16px;stroke:currentColor;transition:all .3s ease}.icon-disabled[data-v-7e84b5e2]{stroke:#888;opacity:.7}.input-wrapper[data-v-554d76a7]{position:relative;width:100%;display:flex;align-items:center}input[data-v-554d76a7]{font-size:16px;width:100%;padding:.2rem;padding-right:24px;box-sizing:border-box;border:2px solid green;border-radius:7px;background-color:#eee}input[data-v-554d76a7]::placeholder{color:#000;opacity:1}input[data-v-554d76a7]:focus{outline:none}.clear-icon[data-v-554d76a7]{position:absolute;right:6px;top:50%;transform:translateY(-50%);cursor:pointer;color:#000;font-size:14px;width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:color .2s,background-color .2s}.clear-icon[data-v-554d76a7]:hover{color:#fff;background-color:#969696cc}.loading-container[data-v-d905bb3c]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:20rem;text-align:center}h2[data-v-d905bb3c]{margin:.5rem 0;max-width:90%;word-wrap:break-word;overflow-wrap:break-word;white-space:normal;text-align:center}.loading-spinner[data-v-d905bb3c]{width:50px;height:50px;border:5px solid rgba(150,150,150,.3);border-radius:50%;border-top-color:var(--light-green);animation:spin-d905bb3c 1s ease-in-out infinite;margin:2rem 0}.loading-progress[data-v-d905bb3c]{margin-top:1rem;color:green;font-size:1.4em}@keyframes spin-d905bb3c{to{transform:rotate(360deg)}}.select-container[data-v-5f67eec3]{display:inline-block;margin:.5rem 0}label[data-v-5f67eec3]{margin-bottom:.25rem;font-weight:700}select[data-v-5f67eec3]{font-size:inherit;background-color:#ccc;border:2px solid green;border-radius:.5rem;color:inherit;padding:.2rem}option[data-v-5f67eec3]{background-color:#aaa;color:inherit}.playlists[data-v-0e0c74da]{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:.3rem}h2[data-v-0e0c74da]{margin:1rem 0;text-align:center}#sortMenuContainer[data-v-0e0c74da]{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:.6rem;margin:1rem 0}#filteredList[data-v-0e0c74da]{width:100%;max-width:800px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}ul[data-v-0e0c74da]{width:100%;margin:0}li[data-v-0e0c74da]{padding:.1rem .3rem;color:#eee;text-indent:-1rem;margin-left:1rem}.playlist-item.selected[data-v-0e0c74da]{color:#1a9fec}.playlist-item[data-v-0e0c74da]{cursor:pointer}.playlist-item[data-v-0e0c74da]:hover{background-color:#ffffff1a}.currentPlaylist[data-v-0e0c74da]{color:#1a9fec}.dialog-overlay[data-v-c79fc326]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:9999}.dialog-container[data-v-c79fc326]{background-color:#333;border-radius:8px;padding:1.5rem;width:80%;max-width:400px;box-shadow:0 4px 8px #0003;color:#fff}h2[data-v-c79fc326]{margin-top:0;color:var(--light-green, #1db954)}p[data-v-c79fc326]{margin-bottom:1rem}.dialog-buttons[data-v-c79fc326]{display:flex;justify-content:flex-end;gap:1rem;margin-top:1.5rem}button[data-v-c79fc326]{padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-weight:700;transition:background-color .2s}.cancel-button[data-v-c79fc326]{background-color:#555;color:#fff;border:none}.cancel-button[data-v-c79fc326]:hover{background-color:#666}.confirm-button[data-v-c79fc326]{background-color:#d13030;color:#fff;border:none}.confirm-button[data-v-c79fc326]:hover{background-color:#e23e3e}.playlist-tracks[data-v-12a0393c]{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:.3rem}h2[data-v-12a0393c]{margin:1rem 0;text-align:center}#sortMenuContainer[data-v-12a0393c]{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:.6rem;margin:1rem 0}button[data-v-12a0393c]{background-color:var(--light-green);color:#000;border:none;border-radius:.5rem;padding:.25rem .7rem;cursor:pointer;font-size:inherit}.track-details button[data-v-12a0393c]:disabled{opacity:.5;cursor:not-allowed}.fade-enter-active[data-v-12a0393c]{transition:opacity .5s ease}.fade-leave-active[data-v-12a0393c]{transition:opacity .8s ease}.fade-enter-from[data-v-12a0393c],.fade-leave-to[data-v-12a0393c]{opacity:0}#createPlaylistAnimation[data-v-12a0393c]{color:#ff0;margin-bottom:1rem;padding:.5rem;background-color:#0000004d;border-radius:4px;display:inline-block}#filteredList[data-v-12a0393c]{width:100%;max-width:800px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}ul[data-v-12a0393c]{width:100%;margin:0}li[data-v-12a0393c]{padding:.1rem 0;color:#eee;border-top:1px solid transparent;border-bottom:1px solid transparent;transition:border-color .3s ease}.track-info[data-v-12a0393c]{text-indent:-1rem;margin:0 0 0 1rem;padding-bottom:.25rem}.track-info[data-v-12a0393c]{cursor:pointer;padding:0;border-radius:5px;transition:color .3s,background-color .3s}.track-info.selected-track[data-v-12a0393c]{color:#1a9fec}.slide-enter-active[data-v-12a0393c]{transition:all .3s ease-out}.slide-enter-from[data-v-12a0393c],.slide-leave-to[data-v-12a0393c]{opacity:0;transform:translateY(-.5rem)}.track-details[data-v-12a0393c]{display:flex;flex-wrap:wrap;gap:.5rem;margin:0;margin-top:.2rem}.login-page[data-v-28a52772]{display:flex;flex-direction:column;align-items:center;gap:1rem}label[data-v-28a52772]{margin-top:2rem}button[data-v-28a52772]{margin:2rem}textarea[data-v-28a52772]{max-width:700px;font-size:16px}.circle-button[data-v-30210927]{width:40px;height:40px;border-radius:50%;border:2px solid var(--light-green);background-color:#333;color:#fff;font-size:1.2rem;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .3s,transform .2s}.circle-button[data-v-30210927]:hover{background-color:#555}.circle-button[data-v-30210927]:disabled{opacity:.5;cursor:not-allowed;border:2px solid white}.error-toast[data-v-42bf1a6a]{position:fixed;bottom:0;left:0;right:0;background-color:#333;color:#eee;border-top:2px solid #555;padding:.5rem 1rem;box-shadow:0 -2px 10px #00000080;z-index:9999;display:flex;justify-content:space-between;align-items:center;font-size:.9em}.error-toast.error[data-v-42bf1a6a]{color:#fdd;border-top-color:#c53030}.error-toast.error button[data-v-42bf1a6a]{color:#fdd}.error-toast.error button[data-v-42bf1a6a]:hover{color:#fff}.error-toast.warning[data-v-42bf1a6a]{color:#fffacd;border-top-color:#d69e2e}.error-toast.warning button[data-v-42bf1a6a]{color:#fffacd}.error-toast.warning button[data-v-42bf1a6a]:hover{color:#fff}.error-toast.info[data-v-42bf1a6a]{color:#d4f1ff;border-top-color:#3182ce}.error-toast.info button[data-v-42bf1a6a]{color:#d4f1ff}.error-toast.info button[data-v-42bf1a6a]:hover{color:#fff}.error-message[data-v-42bf1a6a]{flex-grow:1;margin-right:1rem;word-break:break-word}button[data-v-42bf1a6a]{background:none;border:none;color:inherit;font-size:1.5em;cursor:pointer;padding:0 .5rem;flex-shrink:0;line-height:1}button[data-v-42bf1a6a]:hover{color:#fff}.slide-up-enter-active[data-v-42bf1a6a],.slide-up-leave-active[data-v-42bf1a6a]{transition:transform .3s ease-out}.slide-up-enter-from[data-v-42bf1a6a],.slide-up-leave-to[data-v-42bf1a6a]{transform:translateY(100%)}#logoutDatabaseDeleted[data-v-0f38aebf]{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;min-height:100dvh;text-align:center}#app-container[data-v-0f38aebf],#app-content[data-v-0f38aebf]{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}header[data-v-0f38aebf]{position:sticky;top:env(safe-area-inset-top);z-index:1000;background-color:#222;width:100%;flex-shrink:0}.navigation-controls[data-v-0f38aebf]{display:flex;justify-content:space-evenly;gap:1rem;padding:.5rem;background-color:#222;border:none}#buttons[data-v-0f38aebf]{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;background-color:#000;padding:.5rem 1rem;gap:3rem}#buttons button[data-v-0f38aebf]{width:9rem}main[data-v-0f38aebf]{padding:0;flex:1;display:flex;flex-direction:column;flex-grow:1;width:100%;overflow-y:auto}img[data-v-0f38aebf]{height:2rem}a[data-v-0f38aebf]{text-decoration:none;color:inherit}.loading-indicator[data-v-0f38aebf]{text-align:center;padding:1rem;color:#1db954;font-weight:700}:root{--color-status-bar: #444;--light-green: #1ed760;--spotify-green: #1db954}html{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;margin:0;padding:0;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;margin:0;padding:0;font-family:sans-serif;color:green;background-color:#333;flex:1}#appleMobileWebAppStatusBarId{position:fixed;top:0;left:0;right:0;width:100%;height:env(safe-area-inset-top);background-color:var(--color-status-bar);z-index:9999}main{margin-top:env(safe-area-inset-top)}h1,h2,h3,h4{color:#18b318}ul{list-style-type:none;margin:0;padding:0}a,a:visited{text-decoration:none;color:#eee}.errorText{color:red;font-size:1.5rem}pre{white-space:pre-wrap}textarea{margin:0;padding:0;border:none;width:100%;max-width:100%;background-color:#888}button{background-color:var(--light-green);color:#000;width:fit-content;height:fit-content;border:none;border-radius:.5rem;padding:.5rem .7rem;cursor:pointer;font-size:1rem}