.playlists-page.svelte-mv72xs{padding-bottom:3em}.page-header.svelte-mv72xs{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1em;margin-bottom:2em;display:flex}.page-header.svelte-mv72xs h1:where(.svelte-mv72xs){color:#fff;letter-spacing:-.03em;margin:0;font-size:2.2em;font-weight:800}.page-header.svelte-mv72xs .subtitle:where(.svelte-mv72xs){color:rgba(255,255,255,.5);margin:.35em 0 0;font-size:.9em}.create-btn.svelte-mv72xs{color:#000;cursor:pointer;background:#1ed760;border:none;border-radius:9999px;align-items:center;gap:.5em;padding:.7em 1.5em;font-size:.92em;font-weight:700;transition:all .14s;display:inline-flex;box-shadow:0 4px 14px rgba(30,215,96,.35)}.create-btn.svelte-mv72xs:hover{background:#1fdf64;transform:scale(1.02)}.playlists-grid.svelte-mv72xs{-webkit-overflow-scrolling:touch;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.18) transparent;flex-direction:row;gap:.85rem;padding:.25rem .25rem .85rem;display:flex;overflow-x:auto;overflow-y:hidden}.playlists-grid.svelte-mv72xs::-webkit-scrollbar{height:5px}.playlists-grid.svelte-mv72xs::-webkit-scrollbar-thumb{background:rgba(255,255,255,.18);border-radius:9999px}.playlist-card.svelte-mv72xs{cursor:pointer;scroll-snap-align:start;background:#181818;border:1px solid rgba(255,255,255,.06);border-radius:.65rem;flex-direction:column;flex:0 0 138px;width:138px;padding:.65rem;transition:all .18s;display:flex}.playlist-card.svelte-mv72xs:hover{background:#242424;border-color:rgba(255,255,255,.14);transform:translateY(-3px)}.playlist-card.svelte-mv72xs:hover .play-overlay-btn:where(.svelte-mv72xs){opacity:1!important;transform:translateY(0)scale(1)!important}.playlist-card.svelte-mv72xs:hover .card-delete-btn:where(.svelte-mv72xs){opacity:1}@media screen and (max-width:600px){.playlist-card.svelte-mv72xs{flex:0 0 118px;width:118px;padding:.5rem}}.pl-block.svelte-mv72xs{margin-bottom:3.5rem}.block-title-row.svelte-mv72xs{justify-content:space-between;align-items:flex-end;margin-bottom:1.25rem;display:flex}.block-title-row.svelte-mv72xs .block-kicker:where(.svelte-mv72xs){letter-spacing:.08em;color:rgba(255,255,255,.45);text-transform:uppercase;font-size:.72rem;font-weight:800}.block-title-row.svelte-mv72xs .block-title:where(.svelte-mv72xs){color:#fff;letter-spacing:-.02em;margin:.2rem 0 0;font-size:1.45rem;font-weight:800}.block-title-row.svelte-mv72xs .secondary-create-btn:where(.svelte-mv72xs){color:#fff;cursor:pointer;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:9999px;padding:.45rem 1rem;font-size:.82rem;font-weight:600;transition:all .12s}.block-title-row.svelte-mv72xs .secondary-create-btn:where(.svelte-mv72xs):hover{background:rgba(255,255,255,.15)}.card-artwork.svelte-mv72xs{aspect-ratio:1;border-radius:.45rem;width:100%;margin-bottom:.55rem;position:relative;overflow:hidden;box-shadow:0 4px 14px rgba(0,0,0,.4)}.card-artwork.svelte-mv72xs .card-img:where(.svelte-mv72xs){-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.card-artwork.svelte-mv72xs .card-tag:where(.svelte-mv72xs){-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#1ed760;letter-spacing:.06em;background:rgba(0,0,0,.75);border:1px solid rgba(255,255,255,.1);border-radius:4px;padding:.2rem .5rem;font-size:.6rem;font-weight:800;position:absolute;top:.4rem;left:.4rem}.guest-upsell-box.svelte-mv72xs{background:linear-gradient(135deg,rgba(30,215,96,.08),rgba(20,23,32,.9));border:1px solid rgba(30,215,96,.2);border-radius:1.15rem;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2rem;padding:2rem 2.25rem;display:flex}.guest-upsell-box.svelte-mv72xs .upsell-icon-wrap:where(.svelte-mv72xs){color:#1ed760;background:rgba(30,215,96,.12);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:3.5rem;height:3.5rem;display:flex}.guest-upsell-box.svelte-mv72xs .upsell-content:where(.svelte-mv72xs){flex:1;min-width:260px}.guest-upsell-box.svelte-mv72xs .upsell-content:where(.svelte-mv72xs) h3:where(.svelte-mv72xs){color:#fff;margin:0 0 .35rem;font-size:1.25rem;font-weight:700}.guest-upsell-box.svelte-mv72xs .upsell-content:where(.svelte-mv72xs) p:where(.svelte-mv72xs){color:rgba(255,255,255,.6);margin:0;font-size:.92rem;line-height:1.5}.artwork-gradient.svelte-mv72xs{color:rgba(255,255,255,.35);background:linear-gradient(135deg,#312e81,#1e1b4b 50%,#0f172a);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.artwork-gradient.liked-gradient.svelte-mv72xs{color:#fff;background:linear-gradient(135deg,#4f46e5,#7c3aed 50%,#ec4899);box-shadow:inset 0 0 20px rgba(0,0,0,.2)}.play-overlay-btn.svelte-mv72xs{color:#000;cursor:pointer;opacity:0;background:#1ed760;border:none;border-radius:50%;justify-content:center;align-items:center;width:2.3rem;height:2.3rem;transition:all .18s;display:flex;position:absolute;bottom:.4rem;right:.4rem;transform:translateY(6px);box-shadow:0 4px 12px rgba(0,0,0,.6)}.play-overlay-btn.svelte-mv72xs:hover{background:#1fdf64;transform:scale(1.08)!important}.play-overlay-btn.svelte-mv72xs svg:where(.svelte-mv72xs){margin-left:2px}.card-delete-btn.svelte-mv72xs{color:rgba(255,255,255,.6);cursor:pointer;opacity:0;background:rgba(0,0,0,.55);border:none;border-radius:50%;justify-content:center;align-items:center;width:2rem;height:2rem;transition:all .12s;display:flex;position:absolute;top:.65em;right:.65em}.card-delete-btn.svelte-mv72xs:hover{color:#f87171;background:rgba(239,68,68,.3)}.card-body.svelte-mv72xs{flex-direction:column;gap:.2em;display:flex}.card-title.svelte-mv72xs{color:#fff;font-size:1.02em;font-weight:600}.card-desc.svelte-mv72xs,.card-title.svelte-mv72xs{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.card-desc.svelte-mv72xs{color:rgba(255,255,255,.5);margin:0;font-size:.8em}.card-meta.svelte-mv72xs{color:rgba(255,255,255,.35);margin-top:.25em;font-size:.75em}.empty-state.svelte-mv72xs{text-align:center;background:#181818;border:1px dashed rgba(255,255,255,.1);border-radius:1.25rem;flex-direction:column;align-items:center;padding:5em 2em;display:flex}.empty-state.svelte-mv72xs .empty-icon-wrap:where(.svelte-mv72xs){color:rgba(30,215,96,.35);margin-bottom:1em}.empty-state.svelte-mv72xs h2:where(.svelte-mv72xs){color:#fff;margin:0 0 .4em}.empty-state.svelte-mv72xs p:where(.svelte-mv72xs){color:rgba(255,255,255,.5);max-width:22rem;margin:0 0 1.5em}.primary-btn.svelte-mv72xs{color:#000;cursor:pointer;background:#1ed760;border:none;border-radius:9999px;padding:.75em 1.75em;font-weight:700;box-shadow:0 4px 14px rgba(30,215,96,.35)}.primary-btn.svelte-mv72xs:hover{background:#1fdf64}.modal-backdrop.svelte-mv72xs{-webkit-backdrop-filter:blur(16px);z-index:100070;background:rgba(0,0,0,.82);justify-content:center;align-items:center;padding:1.5em;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.create-modal.svelte-mv72xs{background:#181818;border:1px solid rgba(255,255,255,.12);border-radius:1.15rem;width:100%;max-width:25rem;padding:1.75em;box-shadow:0 20px 40px rgba(0,0,0,.7)}.modal-head.svelte-mv72xs{justify-content:space-between;align-items:center;margin-bottom:1.25em;display:flex}.modal-head.svelte-mv72xs h3:where(.svelte-mv72xs){color:#fff;margin:0;font-size:1.25em}.modal-head.svelte-mv72xs .close-btn:where(.svelte-mv72xs){color:rgba(255,255,255,.4);cursor:pointer;background:0 0;border:none;border-radius:50%;padding:.25em;display:flex}.modal-head.svelte-mv72xs .close-btn:where(.svelte-mv72xs):hover{color:#fff;background:rgba(255,255,255,.08)}.modal-form.svelte-mv72xs{gap:1em}.form-group.svelte-mv72xs,.modal-form.svelte-mv72xs{flex-direction:column;display:flex}.form-group.svelte-mv72xs{gap:.4em}.form-group.svelte-mv72xs label:where(.svelte-mv72xs){color:rgba(255,255,255,.7);text-transform:uppercase;letter-spacing:.05em;font-size:.78em;font-weight:600}.form-group.svelte-mv72xs input:where(.svelte-mv72xs){color:#fff;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:.6rem;outline:none;padding:.7em .9em;font-family:inherit;font-size:.95em}.form-group.svelte-mv72xs textarea:where(.svelte-mv72xs){color:#fff;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:.6rem;outline:none;padding:.7em .9em;font-family:inherit;font-size:.95em}.form-group.svelte-mv72xs input:where(.svelte-mv72xs):focus{border-color:#1ed760}.form-group.svelte-mv72xs textarea:where(.svelte-mv72xs):focus{border-color:#1ed760}.modal-actions.svelte-mv72xs{justify-content:flex-end;gap:.75em;margin-top:.5em;display:flex}.btn-cancel.svelte-mv72xs{color:rgba(255,255,255,.6);cursor:pointer;background:0 0;border:none;padding:.6em 1em;font-weight:500}.btn-cancel.svelte-mv72xs:hover{color:#fff}.btn-submit.svelte-mv72xs{color:#000;cursor:pointer;background:#1ed760;border:none;border-radius:9999px;padding:.65em 1.5em;font-weight:700}.btn-submit.svelte-mv72xs:hover:not(:disabled){background:#1fdf64}.btn-submit.svelte-mv72xs:disabled{opacity:.5}.status-box.svelte-mv72xs{text-align:center;color:rgba(255,255,255,.5);flex-direction:column;align-items:center;gap:1em;padding:4em;display:flex}.status-box.svelte-mv72xs .spinner:where(.svelte-mv72xs){border:3px solid rgba(255,255,255,.1);border-top-color:#1ed760;border-radius:50%;width:2rem;height:2rem;animation:.8s linear infinite svelte-mv72xs-spin}@keyframes svelte-mv72xs-spin{to{transform:rotate(1turn)}}