@import"https://cdn.jsdelivr.net/npm/remixicon@2.5.0/fonts/remixicon.css";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap";.nav-menu[data-v-0d2cd434]{position:fixed;top:0;left:0;height:100vh;background-color:var(--bg-primary);transition:width .3s ease;overflow:hidden;z-index:1000;width:60px}.nav-menu.is-open[data-v-0d2cd434]{width:250px}.hamburger[data-v-0d2cd434]{display:flex;flex-direction:column;justify-content:space-around;width:2rem;height:2rem;background:transparent;border:none;cursor:pointer;padding:0;margin:1rem}.hamburger span[data-v-0d2cd434]{width:2rem;height:.25rem;background:var(--accent-primary);border-radius:10px;transition:all .3s linear;position:relative;transform-origin:1px}.hamburger.is-active span[data-v-0d2cd434]:nth-child(1){transform:rotate(45deg)}.hamburger.is-active span[data-v-0d2cd434]:nth-child(2){opacity:0}.hamburger.is-active span[data-v-0d2cd434]:nth-child(3){transform:rotate(-45deg)}.menu[data-v-0d2cd434]{padding:2rem 1rem}.menu ul[data-v-0d2cd434]{list-style:none;padding:0;margin:0}.menu li[data-v-0d2cd434]{margin-bottom:1rem}.menu a[data-v-0d2cd434]{text-decoration:none;color:#fff;font-size:1.2rem;font-family:Rubik,sans-serif;transition:color .3s ease;display:flex;align-items:center}.menu a[data-v-0d2cd434]:hover{color:var(--accent-primary)}.menu svg[data-v-0d2cd434]{margin-right:1rem}.app-container{display:flex;height:100vh}.app-container.with-menu{padding-left:60px}main{flex-grow:1;transition:margin-left .3s ease}main.with-menu{margin-left:0}body,html{margin:0;padding:0;height:100%;font-family:Rubik,sans-serif}.jukebox-player{display:flex;height:100vh;background-color:var(--bg-primary);color:var(--text-primary)}.player-container{width:40%;padding:2rem;background-color:var(--bg-secondary);display:flex;flex-direction:column;justify-content:space-between}.current-song-display{text-align:center}.thumbnail-container{width:250px;height:250px;margin:0 auto 1rem;position:relative;overflow:hidden;border-radius:50%;border:var(--bg-primary) 8px solid}.current-thumbnail{width:100%;height:100%;object-fit:cover}.current-song-info h2{font-size:1.8rem;margin-bottom:.5rem;color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis}.current-song-info p{font-size:1rem;color:var(--text-secondary)}.controls{display:flex;justify-content:center;gap:4rem;margin-top:2rem}.control-btn{background-color:var(--accent-primary);color:var(--text-primary);border:none;border-radius:40%;width:72px;height:72px;font-size:1.7rem;padding-top:5px;cursor:pointer;box-shadow:0 4px #994f00;transition:background-color .3s linear}.control-btn:hover{background-color:var(--accent-secondary)}.seekbar{margin-top:2rem}.seekbar input[type=range]{width:100%;-webkit-appearance:none;background:var(--text-secondary);outline:none;border-radius:15px;overflow:hidden;height:8px}.seekbar input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:var(--accent-primary);cursor:pointer;border:4px solid var(--bg-secondary);box-shadow:-407px 0 0 400px var(--accent-primary)}.time-display{display:flex;justify-content:space-between;margin-top:.5rem;color:var(--text-secondary);font-size:.9rem}.song-list{flex-grow:1;padding:2rem;overflow-y:auto}.song-list h1{font-size:1.8rem;margin-bottom:1.5rem;color:var(--accent-primary)}.song-queue-item{display:flex;align-items:center;background-color:var(--bg-secondary);border-radius:10px;padding:1rem;margin-bottom:1rem;transition:all .3s ease}.song-queue-item:hover{transform:translateY(-2px);box-shadow:0 4px 10px #00000026}.queue-thumbnail{width:60px;height:60px;border-radius:5px;margin-right:1rem;object-fit:cover}.song-info-details{flex-grow:1}.song-info-details h3{font-size:1.1rem;margin:0 0 .3rem;color:var(--text-primary)}.song-info-details p{font-size:.9rem;margin:0;color:var(--text-secondary)}.vote-container{font-size:.5rem;color:var(--accent-primary)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.thumbnail-container.PLAYING{animation:spin 20s linear infinite}.playing-animation{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border-radius:50%;border:4px solid rgba(255,255,255,.1);border-top:4px solid var(--accent-primary);animation:spin 1s linear infinite}.no-playlist-message{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;width:100%;text-align:center;background-color:var(--bg-primary)}.no-playlist-message h2{font-size:1.8rem;color:var(--text-primary);margin-bottom:2rem}.no-playlist-message .btn{font-size:1rem;padding:.75rem 1.5rem;background-color:var(--accent-primary);color:var(--text-primary);border:none;border-radius:25px;cursor:pointer;transition:background-color .3s ease}.no-playlist-message .btn:hover{background-color:var(--accent-secondary)}.end-session-container{display:flex;justify-content:center;align-items:center;margin:1rem 0}.login-container[data-v-0b38bf67]{display:flex;justify-content:center;align-items:center;height:100vh;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);position:relative;overflow:hidden}.background-animation[data-v-0b38bf67]{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden}.musical-note[data-v-0b38bf67]{position:absolute;font-size:64px;color:var(--accent-primary);opacity:.2;animation-duration:6s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.musical-note[data-v-0b38bf67]:nth-child(1){top:15%;left:10%;animation-name:float-1-0b38bf67}.musical-note[data-v-0b38bf67]:nth-child(2){top:65%;left:85%;animation-name:float-2-0b38bf67}.musical-note[data-v-0b38bf67]:nth-child(3){top:35%;left:50%;animation-name:float-3-0b38bf67}.musical-note[data-v-0b38bf67]:nth-child(4){top:80%;left:25%;animation-name:float-4-0b38bf67}.musical-note[data-v-0b38bf67]:nth-child(5){top:5%;left:75%;animation-name:float-5-0b38bf67}@keyframes float-1-0b38bf67{0%,to{transform:translate(0)}50%{transform:translate(30px,-20px)}}@keyframes float-2-0b38bf67{0%,to{transform:translate(0)}50%{transform:translate(-25px,15px)}}@keyframes float-3-0b38bf67{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(15px,25px) rotate(180deg)}}@keyframes float-4-0b38bf67{0%,to{transform:translate(0)}50%{transform:translate(-20px,-30px)}}@keyframes float-5-0b38bf67{0%,to{transform:translate(0) scale(1)}50%{transform:translate(25px,20px) scale(1.2)}}.login-box[data-v-0b38bf67]{background-color:var(--card-bg);padding:2rem;border-radius:16px;width:80%;max-width:400px;box-shadow:0 4px 20px #0003;z-index:1}.logo-container[data-v-0b38bf67]{width:200px;height:200px;margin:0 auto 30px;transition:transform .5s}.logo[data-v-0b38bf67]{width:100%;height:100%}.logo-container.is-rotating[data-v-0b38bf67]{animation:rotate-0b38bf67 2s linear infinite}@keyframes rotate-0b38bf67{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.input-group[data-v-0b38bf67]{position:relative;margin-bottom:20px}.input-group input[data-v-0b38bf67]{width:100%;padding:10px;border:none;border-bottom:2px solid var(--text-secondary);background-color:transparent;color:var(--text-primary);font-size:16px;transition:border-color .3s}.input-group input[data-v-0b38bf67]:focus{outline:none;border-color:var(--accent-primary)}.input-group label[data-v-0b38bf67]{position:absolute;top:10px;left:10px;color:var(--text-secondary);font-size:16px;transition:all .3s;pointer-events:none}.input-group input:focus+label[data-v-0b38bf67],.input-group input:not(:placeholder-shown)+label[data-v-0b38bf67]{top:-20px;left:0;font-size:12px;color:var(--accent-primary)}.btn[data-v-0b38bf67]{width:100%;padding:12px;border:none;border-radius:25px;font-size:16px;cursor:pointer;transition:background-color .3s,transform .1s}.btn-primary[data-v-0b38bf67]{background-color:var(--accent-primary);color:var(--text-primary)}.btn-primary[data-v-0b38bf67]:hover{background-color:var(--accent-secondary)}.btn[data-v-0b38bf67]:active{transform:scale(.98)}.error-message[data-v-0b38bf67]{color:var(--highlight);margin-top:10px;text-align:center}.not-found[data-v-12a10435]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;text-align:center;font-family:Rubik,sans-serif;background-color:#f8f8f8}p[data-v-12a10435]{font-size:1.2rem;color:#333;margin-bottom:2rem}.broken-cd[data-v-12a10435]{width:200px;height:200px;margin-bottom:2rem}a[data-v-12a10435]{color:#e91e63;text-decoration:none;font-weight:700;transition:color .3s ease}a[data-v-12a10435]:hover{color:#c2185b}:root{--bg-primary: #0f0e17;--bg-secondary: #1b1a28;--text-primary: #fffffe;--text-secondary: #a7a9be;--accent-primary: #ff8906;--accent-secondary: #c45200;--highlight: #e53a31;--card-bg: #2e2f3e}body{background-color:var(--bg-primary);font-family:Poppins,sans-serif;color:var(--text-primary);margin:0;padding:0}.jukebox-player{display:flex;height:100vh;overflow:hidden}.sidebar{width:300px;min-width:300px;padding:2rem;background-color:var(--bg-secondary);display:flex;flex-direction:column;box-shadow:2px 0 10px #0000001a}.main-content{flex-grow:1;display:flex;flex-direction:column;height:100vh;position:relative;overflow:hidden}.main-header{padding:2rem 2rem .4rem;background-color:var(--bg-primary);z-index:10;position:sticky;top:0%}.title{font-size:2rem;color:var(--accent-primary);margin-bottom:2rem;text-align:center;font-weight:600}.button-group{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.btn{font-size:1rem;font-weight:500;padding:.75rem 1.5rem;border-radius:8px;border:none;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.btn i{font-size:1.2rem}.btn-primary{background-color:var(--accent-primary);color:#fff}.btn-spotify{background-color:#1db954;color:#fff}.btn-red{background-color:var(--highlight);color:#fff;display:flex;justify-content:center;box-shadow:0 4px #990f00}.btn-red:hover{background-color:#ab2213;color:#fff;display:flex;justify-content:center;box-shadow:0 4px #990f0091}.btn-full{width:100%;text-align:left;background-color:transparent;color:var(--text-secondary);margin-bottom:.5rem;justify-content:flex-start}.btn-active{background-color:var(--accent-secondary);color:#fff}.search-container{position:relative}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-secondary)}.search-input{width:92%;padding:.75rem 1rem .75rem 3rem;border:1px solid var(--text-secondary);border-radius:8px;background-color:var(--bg-secondary);color:var(--text-primary);font-size:1rem}.playlist-container{flex-grow:1;overflow-y:auto;padding:1rem 0 2rem 2rem}.playlist-rows{display:flex;flex-direction:column;gap:1rem}.playlist-row{display:flex;align-items:center;background-color:var(--bg-secondary);border-radius:10px;padding:1rem;transition:all .3s ease;cursor:pointer;box-shadow:0 2px 5px #0000001a}.playlist-row:hover{transform:translateY(-2px);box-shadow:0 4px 10px #00000026}.playlist-thumbnail{width:80px;height:80px;border-radius:10px;margin-right:1rem;object-fit:cover}.playlist-info{flex-grow:1}.playlist-info h3{font-size:1.2rem;margin:0;color:var(--text-primary);font-weight:500}.playlist-info p{font-size:.9rem;color:var(--text-secondary);margin:.25rem 0 0}.playlist-actions{display:flex;gap:.5rem}.btn-icon{font-size:1.2rem;padding:.5rem;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:var(--bg-primary);color:var(--accent-primary);transition:all .3s ease}.btn-icon:hover{background-color:var(--accent-primary);color:#fff}.overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:100}.overlay-content{background-color:var(--bg-secondary);padding:2rem;position:relative;border-radius:16px;width:80%;max-width:600px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 4px 20px #0003;z-index:101}.overlay-header{position:sticky;top:0;background-color:var(--bg-secondary);z-index:1;padding-bottom:1rem}.overlay-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.overlay-title{font-size:1.5rem;color:var(--accent-primary);font-weight:600;margin:0}.playlist-details{display:flex;align-items:start;margin-bottom:1rem}.playlist-thumbnail{width:100px;height:100px;border-radius:10px;object-fit:cover;margin-right:1rem}.playlist-info{display:flex;flex-direction:column;justify-content:center}.playlist-info p{margin:.25rem 0;color:var(--text-secondary)}.song-count{font-weight:500}.overlay-actions{display:flex;justify-content:space-between;gap:1rem;margin-top:1rem;margin-bottom:1rem}.btn-action{flex:1;font-size:.9rem;padding:.5rem;display:flex;align-items:center;justify-content:center;gap:.5rem;border-radius:8px;background-color:var(--bg-primary);color:var(--accent-primary);transition:all .3s ease}.btn-action:hover{background-color:var(--accent-primary);color:#fff}.overlay-body{flex-grow:1;overflow-y:auto}.song-count{color:var(--text-secondary);margin-bottom:.5rem}.song-queue{display:flex;flex-direction:column}.song-queue-item{display:flex;align-items:center;background-color:var(--bg-primary);border-radius:8px;padding:.75rem;transition:all .3s ease}.song-queue-item:hover{color:#fff}.queue-thumbnail{width:50px;height:50px;border-radius:25px;margin-right:1rem;object-fit:cover}.song-info-details h3{font-size:1rem;margin:0;color:var(--text-primary);font-weight:500}@keyframes softGlow{0%{box-shadow:0 0 15px #ff890633}50%{box-shadow:0 0 20px #ff890633}to{box-shadow:0 0 15px #ff890633}}.playlist-row:hover{animation:softGlow 2s infinite}.song-info-details p{font-size:.8rem;color:var(--text-secondary);margin:.25rem 0 0}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--accent-secondary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}.playlist-container::-webkit-scrollbar{width:8px}.playlist-container::-webkit-scrollbar-track{background:var(--bg-primary)}.playlist-container::-webkit-scrollbar-thumb{background:var(--accent-secondary);border-radius:4px}.playlist-container::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}h1[data-v-e507c2e3]{text-align:center;font-size:2rem;text-transform:uppercase;letter-spacing:2px}.update-content[data-v-e507c2e3]{display:flex;gap:20px;flex:1;overflow:hidden}.categories-column[data-v-e507c2e3],.subcategories-column[data-v-e507c2e3],.songs-column[data-v-e507c2e3],.playlist-column[data-v-e507c2e3]{flex:1;border:1px solid #e91e63;border-radius:10px;padding:15px;overflow-y:auto;background-color:#2c2c2f}.category-btn[data-v-e507c2e3],.subcategory-btn[data-v-e507c2e3],.add-all-btn[data-v-e507c2e3]{width:100%;padding:10px;margin-bottom:10px;border:none;border-radius:5px;background-color:#3c3c3f;color:#fff;cursor:pointer;font-size:14px;transition:all .3s ease}.category-btn[data-v-e507c2e3]:hover,.subcategory-btn[data-v-e507c2e3]:hover,.add-all-btn[data-v-e507c2e3]:hover{background-color:#4c4c4f}.category-btn.active[data-v-e507c2e3],.subcategory-btn.active[data-v-e507c2e3]{background-color:#e91e63;font-weight:700}.search-input[data-v-e507c2e3]{width:100%;padding:10px;margin-bottom:10px;border:none;border-radius:5px;background-color:#3c3c3f;color:#fff;font-size:14px}.search-input[data-v-e507c2e3]:focus{outline:none;box-shadow:0 0 0 2px #e91e63}.search-container[data-v-e507c2e3]{display:flex;gap:10px;margin-bottom:10px}.remove-all-btn[data-v-e507c2e3]{padding:10px;background-color:#f44;color:#fff;border:none;border-radius:5px;cursor:pointer}.song-item[data-v-e507c2e3]{display:flex;justify-content:space-between;align-items:center;padding:10px;background-color:#3c3c3f;border-radius:5px;margin-bottom:5px;transition:all .3s ease}.song-item[data-v-e507c2e3]:hover{transform:translateY(-2px);box-shadow:0 4px 8px #e91e6333}.add-btn[data-v-e507c2e3],.remove-btn[data-v-e507c2e3]{padding:5px 10px;border:none;border-radius:3px;cursor:pointer;font-size:12px;transition:all .3s ease}.add-btn[data-v-e507c2e3]{background-color:#4caf50;color:#fff}.add-btn[data-v-e507c2e3]:hover{background-color:#45a049}.remove-btn[data-v-e507c2e3]{background-color:#f44;color:#fff}.remove-btn[data-v-e507c2e3]:hover{background-color:#f33}.song-name[data-v-e507c2e3]{font-weight:700}.song-artist[data-v-e507c2e3]{font-size:.9em;color:#aaa}.added-text[data-v-e507c2e3]{color:#4caf50;font-weight:700}.fade-enter-active[data-v-e507c2e3],.fade-leave-active[data-v-e507c2e3]{transition:opacity .25s ease}.fade-enter-from[data-v-e507c2e3],.fade-leave-to[data-v-e507c2e3]{opacity:0}.list-enter-active[data-v-e507c2e3],.list-leave-active[data-v-e507c2e3]{transition:all .25s ease}.list-enter-from[data-v-e507c2e3],.list-leave-to[data-v-e507c2e3]{opacity:0;transform:translate(30px)}[data-v-e507c2e3]::-webkit-scrollbar{width:8px}[data-v-e507c2e3]::-webkit-scrollbar-track{background:#2c2c2f}[data-v-e507c2e3]::-webkit-scrollbar-thumb{background:#e91e63;border-radius:4px}[data-v-e507c2e3]::-webkit-scrollbar-thumb:hover{background:#c2185b}.update-playlist-view[data-v-e507c2e3]{font-family:Rubik,sans-serif;width:97%;padding:2%;background-color:#1b1b1f;color:#fff;height:100vh;overflow:hidden;display:flex;flex-direction:column}.header[data-v-e507c2e3]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}h1[data-v-e507c2e3],h2[data-v-e507c2e3],h3[data-v-e507c2e3]{margin-bottom:15px;color:#e91e63}h1[data-v-e507c2e3]{font-size:2rem;text-transform:uppercase;letter-spacing:2px}.save-btn[data-v-e507c2e3]{padding:10px 20px;background-color:#4caf50;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:16px;transition:background-color .3s}.save-btn[data-v-e507c2e3]:hover{background-color:#45a049}