.modal-backdrop.svelte-1pmkxw7{align-items:center;animation:svelte-1pmkxw7-fadeIn .15s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:rgba(0,0,0,.75);display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;padding:1.5em;position:fixed;z-index:320}.modal-card.svelte-1pmkxw7{background:#141720;border:1px solid hsla(0,0%,100%,.12);border-radius:1.15rem;box-shadow:0 20px 40px rgba(0,0,0,.7);display:flex;flex-direction:column;max-height:80vh;max-width:24rem;padding:1.5em;width:100%}.modal-header.svelte-1pmkxw7{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1.25em}.modal-header.svelte-1pmkxw7 h3:where(.svelte-1pmkxw7){color:#fff;font-size:1.15em;margin:0}.modal-header.svelte-1pmkxw7 .track-title:where(.svelte-1pmkxw7){color:rgba(255,255,255,.5);font-size:.82em;margin:.2em 0 0;max-width:16rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.close-btn.svelte-1pmkxw7{background:transparent;border:none;border-radius:50%;color:rgba(255,255,255,.4);cursor:pointer;display:flex;padding:.25em}.close-btn.svelte-1pmkxw7:hover{background:rgba(255,255,255,.08);color:#fff}.new-pl-btn.svelte-1pmkxw7{align-items:center;background:rgba(99,102,241,.15);border:1px dashed rgba(99,102,241,.4);border-radius:.6rem;color:#a5b4fc;cursor:pointer;display:flex;font-size:.88em;font-weight:500;gap:.5em;justify-content:center;margin-bottom:1em;padding:.65em;transition:all .12s}.new-pl-btn.svelte-1pmkxw7:hover{background:rgba(99,102,241,.25);border-color:#818cf8;color:#fff}.create-form.svelte-1pmkxw7{background:rgba(255,255,255,.04);border-radius:.6rem;display:flex;flex-direction:column;gap:.6em;margin-bottom:1em;padding:.85em}.create-form.svelte-1pmkxw7 input:where(.svelte-1pmkxw7){background:rgba(0,0,0,.3);border:1px solid hsla(0,0%,100%,.15);border-radius:.4rem;color:#fff;font-size:.9em;outline:none;padding:.5em .75em}.create-form.svelte-1pmkxw7 input:where(.svelte-1pmkxw7):focus{border-color:#6366f1}.create-actions.svelte-1pmkxw7{display:flex;gap:.5em;justify-content:flex-end}.cancel-btn.svelte-1pmkxw7,.confirm-btn.svelte-1pmkxw7{border:none;border-radius:.4rem;cursor:pointer;font-size:.82em;font-weight:500;padding:.4em .8em}.cancel-btn.svelte-1pmkxw7{background:transparent;color:rgba(255,255,255,.6)}.cancel-btn.svelte-1pmkxw7:hover{color:#fff}.confirm-btn.svelte-1pmkxw7{background:#6366f1;color:#fff}.confirm-btn.svelte-1pmkxw7:hover{background:#4f46e5}.playlist-scroller.svelte-1pmkxw7{display:flex;flex:1;flex-direction:column;gap:.25em;max-height:14rem;overflow-y:auto}.pl-row.svelte-1pmkxw7{align-items:center;background:transparent;border:none;border-radius:.5rem;color:#e0e0e0;cursor:pointer;display:flex;gap:.75em;padding:.65em .75em;text-align:left;transition:background .12s}.pl-row.svelte-1pmkxw7:hover:not(:disabled){background:rgba(255,255,255,.07);color:#fff}.pl-row.svelte-1pmkxw7:disabled{opacity:.6}.pl-icon.svelte-1pmkxw7{align-items:center;background:rgba(255,255,255,.06);border-radius:.35rem;color:rgba(255,255,255,.5);display:flex;height:2rem;justify-content:center;width:2rem}.pl-name.svelte-1pmkxw7{flex:1;font-size:.9em;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.adding.svelte-1pmkxw7{color:#818cf8;font-size:.75em}.status.svelte-1pmkxw7{color:rgba(255,255,255,.4);font-size:.85em;margin:0;padding:2em;text-align:center}.success-banner.svelte-1pmkxw7{align-items:center;color:#34d399;display:flex;font-weight:600;gap:.6em;justify-content:center;padding:2.5em 1em}.error-banner.svelte-1pmkxw7{background:rgba(239,68,68,.15);border:1px solid rgba(239,68,68,.3);border-radius:.4rem;color:#fca5a5;font-size:.82em;margin-bottom:.75em;padding:.5em .75em}@keyframes svelte-1pmkxw7-fadeIn{0%{opacity:0}to{opacity:1}}.modal-backdrop.svelte-1158dmc{align-items:center;animation:svelte-1158dmc-fadeIn .15s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(0,0,0,.7);display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;padding:1rem;position:fixed;z-index:210}.modal-card.svelte-1158dmc{animation:svelte-1158dmc-scaleUp .15s cubic-bezier(.16,1,.3,1);background:#151821;border:1px solid hsla(0,0%,100%,.1);border-radius:1.25rem;box-shadow:0 24px 48px rgba(0,0,0,.6);max-width:28rem;overflow:hidden;width:100%}.modal-header.svelte-1158dmc{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.08);display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.modal-header.svelte-1158dmc .header-title:where(.svelte-1158dmc){align-items:center;display:flex;gap:.6rem}.modal-header.svelte-1158dmc .header-title:where(.svelte-1158dmc) .title-icon:where(.svelte-1158dmc){color:#818cf8}.modal-header.svelte-1158dmc .header-title:where(.svelte-1158dmc) h3:where(.svelte-1158dmc){color:#fff;font-size:1.15rem;font-weight:700;margin:0}.modal-header.svelte-1158dmc .close-btn:where(.svelte-1158dmc){align-items:center;background:rgba(255,255,255,.05);border:none;border-radius:50%;color:rgba(255,255,255,.5);cursor:pointer;display:flex;height:2rem;justify-content:center;transition:all .12s;width:2rem}.modal-header.svelte-1158dmc .close-btn:where(.svelte-1158dmc):hover{background:rgba(255,255,255,.15);color:#fff}.modal-body.svelte-1158dmc{gap:1.1rem;padding:1.5rem}.form-group.svelte-1158dmc,.modal-body.svelte-1158dmc{display:flex;flex-direction:column}.form-group.svelte-1158dmc{gap:.35rem}.form-group.sm.svelte-1158dmc{width:6rem}.form-group.svelte-1158dmc label:where(.svelte-1158dmc){color:rgba(255,255,255,.7);font-size:.8rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.form-group.svelte-1158dmc input:where(.svelte-1158dmc){background:rgba(255,255,255,.06);border:1px solid hsla(0,0%,100%,.1);border-radius:.6rem;color:#fff;font-size:.95rem;outline:none;padding:.7rem .9rem;transition:all .14s}.form-group.svelte-1158dmc input:where(.svelte-1158dmc):focus{background:rgba(255,255,255,.09);border-color:#6366f1}.form-group.svelte-1158dmc input:where(.svelte-1158dmc)::-moz-placeholder{color:rgba(255,255,255,.25)}.form-group.svelte-1158dmc input:where(.svelte-1158dmc)::placeholder{color:rgba(255,255,255,.25)}.form-row.svelte-1158dmc{display:flex;gap:1rem}.form-row.svelte-1158dmc .form-group:where(.svelte-1158dmc):first-child{flex:1}.error-box.svelte-1158dmc{background:rgba(239,68,68,.12);border:1px solid rgba(239,68,68,.3);border-radius:.5rem;color:#fca5a5;font-size:.85rem;padding:.6rem .8rem}.modal-footer.svelte-1158dmc{display:flex;gap:.75rem;justify-content:flex-end;margin-top:.5rem}.btn-cancel.svelte-1158dmc{background:transparent;border:1px solid hsla(0,0%,100%,.15);border-radius:.6rem;color:rgba(255,255,255,.7);cursor:pointer;font-size:.88rem;font-weight:500;padding:.65rem 1.1rem;transition:all .12s}.btn-cancel.svelte-1158dmc:hover{background:rgba(255,255,255,.06);color:#fff}.btn-save.svelte-1158dmc{background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:.6rem;box-shadow:0 4px 12px rgba(99,102,241,.35);color:#fff;cursor:pointer;font-size:.88rem;font-weight:600;padding:.65rem 1.25rem;transition:all .12s}.btn-save.svelte-1158dmc:hover:not(:disabled){opacity:.95;transform:translateY(-1px)}.btn-save.svelte-1158dmc:disabled{cursor:default;opacity:.5}@keyframes svelte-1158dmc-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes svelte-1158dmc-scaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.track-row.svelte-1eb62zb{align-items:center;background:transparent;border-radius:4px;display:flex;padding:0 .5rem;position:relative;transition:background .12s ease;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.track-row.svelte-1eb62zb:hover{background:rgba(255,255,255,.1)}.track-row.svelte-1eb62zb:hover .like-btn:where(.svelte-1eb62zb),.track-row.svelte-1eb62zb:hover .menu-btn:where(.svelte-1eb62zb){opacity:1}.track-row.svelte-1eb62zb:hover .index-col:where(.svelte-1eb62zb) .num:where(.svelte-1eb62zb){display:none}.track-row.svelte-1eb62zb:hover .index-col:where(.svelte-1eb62zb) .hover-play-icon:where(.svelte-1eb62zb){display:flex}.track-row.active.svelte-1eb62zb{background:rgba(255,255,255,.15)}.track-row.active.svelte-1eb62zb .title:where(.svelte-1eb62zb){color:#1ed760!important;font-weight:700}.row-click-area.svelte-1eb62zb{cursor:pointer;flex:1;gap:.85rem;min-width:0;padding:.5rem 0}.index-col.svelte-1eb62zb,.row-click-area.svelte-1eb62zb{align-items:center;display:flex}.index-col.svelte-1eb62zb{color:#b3b3b3;flex-shrink:0;font-size:.88rem;font-variant-numeric:tabular-nums;justify-content:center;text-align:center;width:2rem}.index-col.svelte-1eb62zb .hover-play-icon:where(.svelte-1eb62zb){align-items:center;color:#fff;display:none;justify-content:center}.index-col.svelte-1eb62zb .eq-icon:where(.svelte-1eb62zb){align-items:flex-end;display:flex;gap:2px;height:14px}.index-col.svelte-1eb62zb .eq-icon:where(.svelte-1eb62zb) span:where(.svelte-1eb62zb){animation:svelte-1eb62zb-eq .8s ease infinite alternate;background:#1ed760;border-radius:1px;width:3px}.index-col.svelte-1eb62zb .eq-icon:where(.svelte-1eb62zb) span:where(.svelte-1eb62zb):first-child{animation-delay:.2s;height:100%}.index-col.svelte-1eb62zb .eq-icon:where(.svelte-1eb62zb) span:where(.svelte-1eb62zb):nth-child(2){animation-delay:.4s;height:50%}.index-col.svelte-1eb62zb .eq-icon:where(.svelte-1eb62zb) span:where(.svelte-1eb62zb):nth-child(3){animation-delay:.1s;height:75%}@keyframes svelte-1eb62zb-eq{0%{height:20%}to{height:100%}}.cover-col.svelte-1eb62zb{flex-shrink:0}.track-cover.svelte-1eb62zb{background:#282828;border-radius:4px;height:2.5rem;overflow:hidden;position:relative;width:2.5rem}.track-cover.svelte-1eb62zb img:where(.svelte-1eb62zb){height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.track-cover.svelte-1eb62zb .cover-placeholder:where(.svelte-1eb62zb){align-items:center;color:rgba(255,255,255,.3);display:flex;height:100%;justify-content:center;width:100%}.meta-col.svelte-1eb62zb{display:flex;flex:1;flex-direction:column;gap:.15rem;min-width:0;padding-right:.5rem}.meta-col.svelte-1eb62zb .title:where(.svelte-1eb62zb){color:#fff;font-size:.95rem;font-weight:500}.meta-col.svelte-1eb62zb .artist:where(.svelte-1eb62zb),.meta-col.svelte-1eb62zb .title:where(.svelte-1eb62zb){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.meta-col.svelte-1eb62zb .artist:where(.svelte-1eb62zb){color:#b3b3b3;font-size:.82rem}.meta-col.svelte-1eb62zb .artist:where(.svelte-1eb62zb):hover{color:#fff;text-decoration:underline}.album-col.svelte-1eb62zb{flex:.8;min-width:0;padding-right:.5rem}@media screen and (max-width:768px){.album-col.svelte-1eb62zb{display:none}}.album-col.svelte-1eb62zb .album-text:where(.svelte-1eb62zb){color:#b3b3b3;display:block;font-size:.82rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.album-col.svelte-1eb62zb .album-text:where(.svelte-1eb62zb):hover{color:#fff}.format-col.svelte-1eb62zb{flex-shrink:0;margin-right:.5rem}.format-col.svelte-1eb62zb .format-badge:where(.svelte-1eb62zb){background:rgba(30,215,96,.15);border:1px solid rgba(30,215,96,.3);border-radius:4px;color:#1ed760;font-size:.65rem;font-weight:800;letter-spacing:.06em;padding:.15rem .4rem}.duration-col.svelte-1eb62zb{color:#b3b3b3;flex-shrink:0;font-size:.85rem;font-variant-numeric:tabular-nums;text-align:right;width:3.5rem}.like-btn.svelte-1eb62zb{align-items:center;background:transparent;border:none;color:#a7a7a7;cursor:pointer;display:flex;height:2.25rem;justify-content:center;opacity:.4;transition:all .12s ease;width:2.25rem}.like-btn.liked.svelte-1eb62zb{color:#1ed760;opacity:1!important}.like-btn.svelte-1eb62zb:hover{color:#fff;opacity:1!important;transform:scale(1.1)}.menu-col.svelte-1eb62zb{flex-shrink:0;position:relative}.menu-btn.svelte-1eb62zb{align-items:center;background:transparent;border:none;color:#a7a7a7;cursor:pointer;display:flex;height:2.25rem;justify-content:center;opacity:.4;transition:all .12s ease;width:2.25rem}.menu-btn.active.svelte-1eb62zb,.menu-btn.svelte-1eb62zb:hover{color:#fff;opacity:1!important}.menu-btn.svelte-1eb62zb:hover{transform:scale(1.1)}@media screen and (max-width:640px){.format-col.svelte-1eb62zb{display:none}.like-btn.svelte-1eb62zb,.menu-btn.svelte-1eb62zb{height:2rem;opacity:.75;width:2rem}.duration-col.svelte-1eb62zb{font-size:.78rem;width:2.75rem}}.dropdown-menu.svelte-1eb62zb{background:#282828;border-radius:4px;box-shadow:0 16px 24px rgba(0,0,0,.5);display:flex;flex-direction:column;min-width:12rem;padding:4px;position:absolute;right:0;top:calc(100% + 4px);z-index:100}.dropdown-menu.svelte-1eb62zb .dropdown-item:where(.svelte-1eb62zb){align-items:center;background:transparent;border:none;border-radius:2px;color:#eaeaea;cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:.65rem;padding:.6rem .75rem;text-align:left;text-decoration:none;transition:background .1s ease}.dropdown-menu.svelte-1eb62zb .dropdown-item:where(.svelte-1eb62zb):hover{background:rgba(255,255,255,.1);color:#fff}.dropdown-menu.svelte-1eb62zb .dropdown-item.danger:where(.svelte-1eb62zb){color:#ef4444}.dropdown-menu.svelte-1eb62zb .dropdown-item.danger:where(.svelte-1eb62zb):hover{background:rgba(239,68,68,.15)}.dropdown-menu.svelte-1eb62zb .dropdown-divider:where(.svelte-1eb62zb){background:rgba(255,255,255,.1);height:1px;margin:4px 0}