.card{margin:1rem;padding:1rem}.album-list-container{flex-wrap:wrap;display:flex}.wf-page-shell{max-width:1100px}.wf-route-page{background:radial-gradient(circle at 0 0,#f472b624,#0000 45%),radial-gradient(circle at 100% 0,#38bdf82e,#0000 32%),#f7f8fc;min-height:100vh;padding:1.25rem 1rem 2rem}.wf-route-page--edge-hero{padding-top:0}.wf-modal-route-page{z-index:5000;-webkit-backdrop-filter:blur(8px);background:#0f172a47;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.wf-modal-route-shell{width:min(100%,940px);max-height:calc(100vh - 2rem);overflow:auto;padding:0!important}.wf-modal-route-card{background:#fffffff5;border-radius:18px;margin:0;box-shadow:0 28px 60px #0f172a42}html:has(.wf-modal-route-page) nextjs-portal{display:none!important}html.wf-modal-open nextjs-portal,body.wf-modal-open nextjs-portal,:is(html:has(.wf-modal-route-page) .wf-player-bar,html:has(.wf-modal-route-page) .wf-song-panel-reopen,html:has(.wf-modal-route-page) .wf-request-toasts),html.wf-modal-open .wf-player-bar,html.wf-modal-open .wf-song-panel-reopen,html.wf-modal-open .wf-request-toasts,body.wf-modal-open .wf-player-bar,body.wf-modal-open .wf-song-panel-reopen,body.wf-modal-open .wf-request-toasts{display:none!important}.wf-route-transition{will-change:opacity,transform;animation:.24s both wf-route-enter}@keyframes wf-route-enter{0%{opacity:.01;transform:translateY(6px)}to{opacity:1;transform:translate(0,0)}}.wf-route-hero{color:#fff;background:linear-gradient(120deg,#ff7a18 0%,#af38ff 52%,#38bdf8 100%);border-radius:20px;margin-bottom:1rem;padding:1.1rem 1.25rem;animation:.5s both wf-route-fade-up;box-shadow:0 12px 30px #0f172a33}.wf-route-hero h1,.wf-route-hero p{color:inherit}.wf-route-hero--full{border-radius:26px;margin-bottom:1.25rem;padding:1.5rem 1.5rem 1.6rem;position:relative;overflow:hidden}.wf-route-hero--edge{z-index:80;border-radius:0;width:calc(100% + 4.5rem);margin-top:-2rem;margin-left:-2.25rem;margin-right:-2.25rem;overflow:visible}.wf-route-hero--full:before{content:"";pointer-events:none;background:radial-gradient(70% 55% at 18% 25%,#ffffff3d 0%,#0000 56%),radial-gradient(55% 45% at 82% 72%,#ffffff2e 0%,#0000 52%);position:absolute;inset:0}.wf-route-hero--full>*{z-index:1;position:relative}.wf-route-hero--full>.wf-collection-hero-bar{z-index:3}.wf-route-card{background:#ffffffe6;border:1px solid #1e293b14;border-radius:16px;transition:transform .18s,box-shadow .18s;animation:.42s both wf-route-fade-up;box-shadow:0 12px 28px #0f172a14}.wf-route-card:hover{transform:translateY(-2px);box-shadow:0 16px 32px #0f172a24}.wf-admin-tabs{background:#f1f5f9eb;border-radius:999px;align-items:center;gap:.25rem;padding:.3rem;display:inline-flex;box-shadow:inset 0 1px #ffffffbf,0 8px 20px #0f172a1f}.wf-admin-tab{color:#374151;background:0 0;border:none;border-radius:999px;padding:.7rem 1.3rem;font-size:.98rem;font-weight:700;line-height:1;transition:color .18s,background-color .18s,box-shadow .18s,transform .18s}.wf-admin-tab:hover{color:#111827;transform:translateY(-1px)}.wf-admin-tab--active{color:#ec4899;background:#fff;box-shadow:0 6px 16px #0f172a24}.wf-admin-tab:focus-visible{outline-offset:2px;outline:2px solid #ec489973}.wf-admin-stat-card{border:0;border-radius:14px;box-shadow:0 10px 24px #0f172a29}.wf-admin-stat-card-head{align-items:center;gap:.6rem;margin-bottom:.35rem;display:flex}.wf-admin-stat-icon{color:#fffffff2;background:#ffffff2e;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.wf-admin-stat-label{letter-spacing:.08em;text-transform:uppercase;color:#ffffffdb;font-size:.66rem;font-weight:700}.wf-admin-stat-value{color:#fff;font-size:1.8rem;font-weight:800;line-height:1.05;margin-bottom:.15rem!important}.wf-admin-stat-trend{color:#ffffffd1;font-size:.78rem;font-weight:500}.wf-admin-action-btn{border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;min-height:38px;padding:.45rem .95rem;font-size:.98rem;font-weight:600;line-height:1;transition:transform .16s,box-shadow .16s,filter .16s,background-color .16s,color .16s,border-color .16s;display:inline-flex}.wf-admin-action-btn--primary{background:var(--wf-violet);border-color:var(--wf-violet);color:#fff;box-shadow:0 8px 16px #7c3aed3d}.wf-admin-action-btn--primary:hover:not(:disabled){filter:brightness(1.03);transform:translateY(-1px);box-shadow:0 10px 18px #7c3aed47}.wf-admin-action-btn--ghost{border-color:var(--wf-violet);color:var(--wf-violet);background:#fff}.wf-admin-action-btn--ghost:hover:not(:disabled){background:#7c3aed14;transform:translateY(-1px)}.wf-admin-action-btn:disabled{opacity:.7;cursor:not-allowed;box-shadow:none;transform:none}.wf-admin-action-btn:focus-visible{outline-offset:2px;outline:2px solid #7c3aed59}.wf-admin-data-table{border-collapse:separate;border-spacing:0;margin-bottom:0}.wf-admin-data-table thead th{letter-spacing:.07em;text-transform:uppercase;color:#6b7280;border-bottom:1px solid #94a3b83d;padding-top:.4rem;padding-bottom:.4rem;font-size:.68rem;font-weight:700}.wf-admin-data-table tbody td{color:#111827;background:#fff;border-top:1px solid #94a3b829;padding-top:.45rem;padding-bottom:.45rem;font-size:.9rem}.wf-admin-data-table tbody tr:hover td{background:#7c3aed0a}.wf-admin-expand-panel{transform-origin:top;overflow:hidden}.wf-admin-expand-panel.is-opening{animation:.22s both wf-admin-slide-open}.wf-admin-expand-panel.is-closing{animation:.22s both wf-admin-slide-close}.wf-admin-expand-panel.is-open{opacity:1;transform:translateY(0)}@keyframes wf-admin-slide-open{0%{opacity:0;max-height:0;transform:translateY(-8px)}to{opacity:1;max-height:720px;transform:translateY(0)}}@keyframes wf-admin-slide-close{0%{opacity:1;max-height:720px;transform:translateY(0)}to{opacity:0;max-height:0;transform:translateY(-8px)}}.wf-route-list-item{border:1px solid #7c3aed24;border-radius:12px;transition:transform .18s,box-shadow .18s,background-color .18s}.wf-route-list-item:hover{background:#7c3aed0d;transform:translate(2px);box-shadow:0 10px 22px #0f172a14}.wf-route-btn{border-radius:999px;transition:transform .18s,box-shadow .18s,filter .18s}.wf-route-btn:hover{filter:brightness(1.03);transform:translateY(-1px)}.wf-route-empty{color:#4b5563;background:#ffffffd1;border:1px dashed #7c3aed42;border-radius:14px;padding:.85rem 1rem}.wf-library-page{padding-top:.9rem}.wf-library-topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.9rem;display:flex}.wf-library-search-wrap{width:min(100%,470px);position:relative}.wf-library-search-icon{opacity:.52;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.wf-library-search-input{color:#111827;background:#eceef3;border:none;border-radius:999px;width:100%;padding:.65rem 1rem .65rem 2.25rem}.wf-library-search-input:focus{outline:2px solid #a855f7}.wf-library-top-links{letter-spacing:.04em;align-items:center;gap:1.1rem;font-size:.79rem;font-weight:700;display:inline-flex}.wf-library-top-links a{color:#111827;text-decoration:none}.wf-library-top-link--active{color:#0f172a}.wf-library-hero{color:#fff;background:linear-gradient(120deg,#ff7a18 0%,#af38ff 52%,#e91e63 100%);border-radius:22px;padding:1.4rem 1.35rem;box-shadow:0 12px 28px #0f172a33}.wf-library-hero-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.wf-library-title{margin:0;font-size:clamp(2rem,4.3vw,2.6rem);font-weight:800;line-height:1}.wf-library-subtitle{color:#ffffffe0;margin:.4rem 0 0;font-weight:600}.wf-library-create-btn{color:#db2777;background:#fffffff2;border:none;border-radius:10px;padding:.62rem 1.05rem;font-weight:700;text-decoration:none;box-shadow:0 10px 20px #0f172a2e}.wf-library-create-btn:hover{color:#be185d}.wf-library-tabs{flex-wrap:wrap;gap:.55rem;margin-top:1.05rem;display:flex}.wf-library-tab{color:#ffffffeb;background:0 0;border:none;border-radius:999px;padding:.42rem .88rem;font-size:.9rem;font-weight:600}.wf-library-tab--active{color:#be185d;background:#fff}.wf-library-tab:disabled{opacity:1}.wf-library-content{margin-top:1.25rem}.wf-library-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.wf-library-card{min-height:220px;color:inherit;background-color:#8b5cf6;border-radius:18px;text-decoration:none;transition:transform .18s,box-shadow .18s;display:block;position:relative;overflow:hidden;box-shadow:0 9px 20px #0f172a29}.wf-library-card:hover{transform:translateY(-2px);box-shadow:0 12px 24px #0f172a38}.wf-library-card-image{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.wf-library-card-overlay{background:linear-gradient(#00000014,#00000094);position:absolute;inset:0}.wf-library-card-menu{color:#ffffffe6;letter-spacing:1px;font-weight:700;position:absolute;top:.55rem;right:.65rem}.wf-library-card-meta{color:#fff;position:absolute;bottom:.85rem;left:.85rem;right:.85rem}.wf-library-card-title{text-shadow:0 2px 8px #00000059;font-size:1.82rem;font-weight:800;line-height:1.05;display:block}.wf-library-card-subtitle{color:#ffffffe0;margin-top:.15rem;font-size:1.02rem;font-weight:600;display:block}.wf-loading-dots:after{content:"";width:1.1em;animation:1s steps(4,end) infinite wf-loading-dots;display:inline-block}@keyframes wf-loading-dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}to{content:""}}@keyframes wf-route-fade-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translate(0,0)}}.wf-auth-page{background:radial-gradient(circle at 0 0,#f472b6,#0000 40%),radial-gradient(circle at 100% 0,#38bdf8,#0000 30%),#faf5ff;place-items:center;min-height:calc(100vh - 60px);padding:2rem 1rem;display:grid}.wf-auth-card{background:#ffffffeb;border:1px solid #ffffffe6;border-radius:20px;width:min(100%,520px);padding:2rem;box-shadow:0 20px 50px #6d28d926}.wf-auth-kicker{text-transform:uppercase;letter-spacing:.08em;color:#7c3aed;margin-bottom:.5rem;font-size:.75rem;font-weight:700}.wf-soft-list .list-group-item{border:1px solid #7c3aed24;border-radius:12px;margin-bottom:.6rem}.wf-track-cards{gap:.85rem;display:grid}.wf-track-card{background:linear-gradient(120deg,#8b5cf614,#0ea5e914);border:1px solid #1e293b14;border-radius:14px;justify-content:space-between;align-items:center;gap:.75rem;padding:.95rem 1rem;display:flex}.wf-glass-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffc7;border:1px solid #ffffffe6}@media (max-width:640px){.wf-auth-card{padding:1.25rem}.wf-library-topbar{align-items:stretch}.wf-library-search-wrap{width:100%}.wf-library-grid{grid-template-columns:1fr}}@media (max-width:980px){.wf-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.wf-route-card,.wf-route-list-item,.wf-route-btn{transition:none!important}.wf-route-card,.wf-route-hero,.wf-route-transition,.wf-loading-dots:after{animation:none!important}}.wf-request-toasts{z-index:2000;pointer-events:none;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:16px;right:16px}.wf-request-toast{pointer-events:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#111827f2;opacity:0;background:#fffffff5;border:1px solid #3b82f638;border-radius:14px;width:min(420px,100vw - 32px);padding:10px 34px 10px 12px;animation:.26s cubic-bezier(.2,.8,.2,1) both wf-request-toast-in;position:relative;overflow:hidden;transform:translate(0);box-shadow:0 18px 44px #00000047}@keyframes wf-request-toast-in{0%{opacity:0;transform:translate(26px)}to{opacity:1;transform:translate(0)}}.wf-request-toast--closing{animation:.22s both wf-request-toast-out}@keyframes wf-request-toast-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(26px)}}.wf-request-toast-close{color:#111827e0;cursor:pointer;background:#1118270a;border:1px solid #11182724;border-radius:10px;place-items:center;width:26px;height:26px;padding:0;font-size:18px;line-height:1;display:grid;position:absolute;top:8px;right:8px}.wf-request-toast-close:hover{background:#11182712;border-color:#3b82f673}.wf-request-toast-close:focus-visible{outline-offset:2px;outline:2px solid #a855f78c}.wf-request-toast-line1{align-items:center;gap:10px;display:flex}.wf-request-toast-line2{align-items:center;gap:10px;margin-top:4px;display:flex}.wf-request-toast-badge{letter-spacing:.02em;white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:12px;font-weight:800;display:inline-flex}.wf-request-toast-badge--ok{color:#111827f2;background:#22c55e29;border:1px solid #22c55e52}.wf-request-toast-badge--warn{color:#111827f2;background:#f59e0b2e;border:1px solid #f59e0b52}.wf-request-toast-badge--error{color:#111827f2;background:#ef444429;border:1px solid #ef444452}.wf-request-toast-url{text-overflow:ellipsis;white-space:nowrap;opacity:.95;font-family:var(--font-geist-mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-size:12px;overflow:hidden}.wf-request-toast-status{font-weight:900;font-family:var(--font-geist-mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);color:#111827f2;background:#1118270f;border:1px solid #0000;border-radius:999px;padding:2px 8px;font-size:12px}.wf-request-toast-status--ok{background:#22c55e29;border-color:#22c55e52}.wf-request-toast-status--warn{background:#f59e0b2e;border-color:#f59e0b52}.wf-request-toast-status--error{background:#ef444429;border-color:#ef444452}.wf-request-toast-meta{opacity:.82;font-size:12px;font-family:var(--font-geist-mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace)}.wf-request-toast-error{opacity:.9;white-space:nowrap;text-overflow:ellipsis;margin-top:6px;font-size:12px;overflow:hidden}@media (prefers-reduced-motion:reduce){.wf-request-toast{opacity:1;transform:none;animation:none!important}}.wf-collection-hero-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.wf-collection-hero-bar-search{flex:280px;justify-content:center;min-width:0;display:flex}.wf-collection-hero-main{flex-wrap:wrap;align-items:flex-end;gap:1.25rem 1.75rem;display:flex}.wf-collection-hero-art{flex:none}.wf-collection-hero-cover{object-fit:cover;border-radius:16px;width:min(200px,42vw);height:min(200px,42vw);box-shadow:0 16px 36px #0f172a59}.wf-collection-hero-cover--placeholder{color:#ffffffd9;background:#ffffff29;border:1px solid #ffffff59;place-items:center;font-size:2.5rem;display:grid}.wf-collection-hero-collage{background:#0f172a40;border-radius:16px;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:2px;width:min(200px,42vw);height:min(200px,42vw);display:grid;overflow:hidden;box-shadow:0 16px 36px #0f172a59}.wf-collection-hero-collage-img{object-fit:cover;width:100%;height:100%}.wf-collection-hero-copy{flex:220px;min-width:0}.wf-collection-hero-eyebrow{letter-spacing:.14em;color:#ffffffd1;margin:0 0 .35rem;font-size:.72rem;font-weight:800}.wf-collection-hero-title{color:#fff;margin:0;font-size:clamp(1.75rem,4vw,2.45rem);font-weight:800;line-height:1.05}.wf-collection-hero-meta{color:#ffffffe6;margin:.55rem 0 0;font-size:.95rem;font-weight:600}.wf-collection-hero-desc{color:#ffffffe0;max-width:52ch;margin:.65rem 0 0}.wf-collection-hero-actions{flex-wrap:wrap;align-items:center;gap:.65rem;margin-top:1.1rem;display:flex}.wf-collection-hero-play{color:#fff;background:#ff007a;border:none;border-radius:999px;padding:.55rem 1.35rem;font-weight:800;transition:transform .16s,filter .16s;box-shadow:0 10px 22px #ff007a59}.wf-collection-hero-play:hover{filter:brightness(1.06);transform:translateY(-1px)}.wf-collection-hero-icon-btn{color:#fff;background:#ffffff1f;border:1px solid #ffffff73;border-radius:999px;place-items:center;width:42px;height:42px;font-size:1.1rem;transition:background-color .16s,transform .16s;display:inline-grid}.wf-collection-hero-icon-btn:hover{background:#fff3;transform:translateY(-1px)}.wf-collection-body{grid-template-columns:minmax(0,1fr);align-items:start;gap:1.25rem;display:grid}@media (min-width:992px){.wf-collection-body:not(.wf-collection-body--panel-closed){grid-template-columns:minmax(0,1fr) min(400px,42vw)}}.wf-collection-main-card{background:#fffffff0;border:1px solid #1e293b14;border-radius:18px;padding:1rem 1.1rem 1.15rem;overflow:visible;box-shadow:0 12px 28px #0f172a14}.wf-collection-track-wrap{margin-top:.25rem;overflow:visible}.wf-collection-track-head{display:none}@media (min-width:768px){.wf-collection-track-head{letter-spacing:.08em;color:#6b7280;border-bottom:1px solid #11182714;grid-template-columns:40px minmax(0,2.2fr) minmax(0,1fr) 44px minmax(108px,auto);align-items:center;gap:.5rem;padding:.35rem .5rem .5rem;font-size:.68rem;font-weight:800;display:grid}}.wf-collection-track-head .wf-collection-track-col--dur{text-align:right;padding-right:.35rem}.wf-collection-track-clock{opacity:.55;font-size:.75rem}.wf-collection-track-list{overflow:visible}.wf-collection-track-li+.wf-collection-track-li{border-top:1px solid #1118270f}.wf-collection-track-row{border-radius:12px;grid-template-columns:minmax(0,1fr) minmax(108px,auto);align-items:stretch;transition:background-color .16s;display:grid;overflow:visible}.wf-collection-track-row.is-active{background:#ff007a1a}.wf-collection-track-main{text-align:left;min-width:0;color:inherit;background:0 0;border:none;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:.5rem;padding:.45rem .35rem;display:grid}@media (min-width:576px){.wf-collection-track-main{grid-template-columns:40px minmax(0,2.2fr) 44px}}@media (min-width:768px){.wf-collection-track-main{grid-template-columns:40px minmax(0,2.2fr) minmax(0,1fr) 44px}}.wf-collection-track-main:focus-visible{outline-offset:2px;border-radius:10px;outline:2px solid #ff007a8c}.wf-collection-track-col--menu{justify-content:flex-end;align-items:center;padding-inline:.15rem;display:flex;position:relative;overflow:visible}.wf-collection-track-actions{z-index:1;flex-wrap:nowrap;justify-content:flex-end;align-items:center;gap:6px;display:inline-flex;position:relative}.wf-track-playlist-add-wrap{flex:none}.wf-collection-track-li:has(.wf-track-playlist-add-menu){z-index:1000;position:relative}.wf-search-add-trigger--dash{color:#b91c1c;border-color:#b91c1c61}.wf-search-add-trigger--dash:hover:not(:disabled){background:#fee2e2f2;box-shadow:0 8px 18px #b91c1c33}.wf-search-add-trigger--dash:disabled{opacity:.45}.wf-collection-track-idx-num{color:#6b7280;font-size:.9rem;font-weight:600}.wf-collection-track-title-stack{align-items:center;gap:.65rem;min-width:0;display:flex}.wf-collection-track-thumb{object-fit:cover;border-radius:8px;flex-shrink:0;width:44px;height:44px}.wf-collection-track-thumb--ph{background:linear-gradient(135deg,#fce7f3,#e0e7ff)}.wf-collection-track-title-text{flex-direction:column;min-width:0;display:flex}.wf-collection-track-song{white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:700;overflow:hidden}.wf-collection-track-sub{color:#6b7280;white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;overflow:hidden}.wf-collection-track-col--artist{color:#374151;white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;overflow:hidden}.wf-collection-track-col--dur{color:#6b7280;text-align:right;font-size:.85rem;font-weight:600}.wf-song-panel{background:#fff;border:1px solid #1e293b1a;border-radius:18px;width:100%;min-width:0;max-width:480px;margin-left:auto;overflow:visible;box-shadow:0 14px 34px #0f172a1a}@media (min-width:992px){.wf-song-panel{position:sticky;top:1rem}}.wf-song-panel-top{border-bottom:1px solid #11182714;justify-content:space-between;align-items:center;gap:.5rem;padding:.75rem 1rem .65rem;display:flex}.wf-song-panel-main-title{letter-spacing:.12em;text-transform:uppercase;color:#6b7280;font-size:.72rem;font-weight:800}.wf-song-panel-close{color:#6b7280;background:0 0;border:none;border-radius:8px;padding:.15rem .35rem;font-size:1.35rem;line-height:1}.wf-song-panel-close:hover{color:#111827;background:#1118270f}.wf-song-panel-body{padding:1.15rem 1.15rem 1.35rem;overflow:visible}.wf-song-panel-scroll{-webkit-overflow-scrolling:touch;max-height:min(56vh,560px);margin-top:.25rem;overflow:hidden auto}.wf-song-panel-empty{color:#6b7280;font-size:.95rem;line-height:1.5}.wf-song-panel-art-wrap{justify-content:center;margin-bottom:.85rem;display:flex}.wf-song-panel-art{aspect-ratio:1;object-fit:cover;border-radius:14px;width:min(100%,320px);box-shadow:0 12px 28px #0f172a26}.wf-song-panel-art--ph{color:#9ca3af;background:linear-gradient(145deg,#fce7f3,#e0e7ff);place-items:center;font-size:2rem;display:grid}.wf-song-panel-track-title{text-align:center;margin:0;font-size:1.28rem;font-weight:800}.wf-song-panel-artist{text-align:center;color:#6b7280;margin:.35rem 0 0;font-weight:600}.wf-song-panel-context{text-align:center;color:#9ca3af;margin:.4rem 0 0;font-size:.85rem}.wf-song-panel-playlist-actions{z-index:2;flex-direction:column;gap:.55rem;width:100%;margin:1rem 0 .35rem;display:flex;position:relative}.wf-song-panel-add-column{flex-direction:column;gap:0;width:100%;display:flex}.wf-song-panel-add-anchor{z-index:3;width:100%;position:relative}.wf-song-panel-add-column:has(.wf-track-playlist-add-menu) .wf-song-panel-menu-slot{min-height:min(280px,48vh)}.wf-song-panel-add-trigger{color:#fff;background:#ff007a;border:none;border-radius:12px;width:100%;padding:.62rem 1rem;font-size:.92rem;font-weight:700;transition:filter .16s,transform .16s;box-shadow:0 8px 20px #ff007a4d}.wf-song-panel-add-trigger:hover{filter:brightness(1.06);transform:translateY(-1px)}.wf-song-panel-remove-btn{color:#b91c1c;background:#fff;border:1px solid #b91c1c73;border-radius:12px;width:100%;padding:.55rem 1rem;font-size:.88rem;font-weight:700;transition:background-color .16s,transform .16s}.wf-song-panel-remove-btn:hover:not(:disabled){background:#fee2e2a6;transform:translateY(-1px)}.wf-song-panel-remove-btn:disabled{opacity:.45;cursor:not-allowed}.wf-song-panel-section{border-top:1px solid #11182714;margin-top:1rem;padding-top:.85rem}.wf-song-panel-section-head{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.45rem;display:flex}.wf-song-panel-section-title{letter-spacing:.12em;color:#6b7280;margin:0;font-size:.68rem;font-weight:800}.wf-song-panel-text-btn{color:#ff007a;background:0 0;border:none;padding:0;font-size:.8rem;font-weight:700}.wf-song-panel-lyrics-body{color:#374151;white-space:pre-wrap;margin:0;font-size:.88rem;line-height:1.55}.wf-song-panel-lyrics-body--clamped{-webkit-line-clamp:5;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.wf-song-panel-muted{color:#9ca3af;font-size:.88rem}.wf-song-panel-youtube .card-title{font-size:.95rem}.wf-song-panel-reopen{z-index:120;color:#fff;background:#ff007a;border:none;border-radius:999px;width:46px;height:46px;font-size:1rem;font-weight:800;position:fixed;bottom:88px;right:14px;box-shadow:0 12px 28px #ff007a59}@media (min-width:992px){.wf-song-panel-reopen{bottom:24px}}.wf-track-menu-btn{color:#6b7280;background:0 0;border:none;border-radius:999px;width:34px;height:34px;font-size:1.1rem;line-height:1}.wf-track-menu-btn:hover{color:#111827;background:#1118270f}.dropdown.wf-dropdown-animated>.dropdown-menu{opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;transform:translateY(-.45rem);display:block!important}.dropdown.wf-dropdown-animated>.dropdown-menu.show{opacity:1;pointer-events:auto;transform:translate(0,0)}@media (prefers-reduced-motion:reduce){.dropdown.wf-dropdown-animated>.dropdown-menu{transition:none;transform:none}.dropdown.wf-dropdown-animated>.dropdown-menu:not(.show){opacity:0}.dropdown.wf-dropdown-animated>.dropdown-menu.show{opacity:1}}
.home-wireframe{--wf-pink:#e85d9a;--wf-green:#2cb67d;--wf-blue:#5dade2;--wf-violet:#8b5cf6;--wf-hero-orange:#ff8a3c;--wf-hero-yellow:#ffd166;--wf-card-1:#2cb67d;--wf-card-2:#3d7aed;--wf-card-3:#9b59b6;--wf-card-4:#1abc9c;--wf-card-5:#ff6b6b;--wf-playlist-1:#ff8a3c;--wf-playlist-2:#5dade2;--wf-playlist-3:#b794f6;--wf-song-1:linear-gradient(130deg,#ff6f91,#845ef7);--wf-song-2:linear-gradient(130deg,#f59f00,#f76707);--wf-song-3:linear-gradient(130deg,#20c997,#1098ad);--wf-song-4:linear-gradient(130deg,#e64980,#7c3aed);--wf-surface:#fff;--wf-surface-border:#0000000f;background:#f4f5f8;width:100%;min-height:100vh;position:relative}.wf-animate-in{opacity:0;animation:.52s forwards wf-fade-up}.wf-animate-in-up{animation-name:wf-fade-up}.wf-animate-in-left{animation-name:wf-fade-left}.wf-animate-delay-1{animation-delay:.12s}.wf-animate-delay-2{animation-delay:.22s}@keyframes wf-fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translate(0,0)}}@keyframes wf-fade-left{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0,0)}}.wf-stagger-in{animation:.42s backwards wf-stagger-in}@keyframes wf-stagger-in{0%{opacity:0;transform:translateY(12px)scale(.985)}to{opacity:1;transform:translate(0,0)scale(1)}}.wf-slide-in-ltr{animation:.42s backwards wf-slide-in-ltr}@keyframes wf-slide-in-ltr{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0,0)}}.wf-app-shell{z-index:1;grid-template-columns:220px minmax(0,1fr);width:100%;min-height:100vh;display:grid;position:relative}.wf-left-rail{background:var(--wf-surface);z-index:30;min-height:100%;padding:1rem 1rem 1.2rem;position:sticky;top:0}.wf-left-rail:after{content:"";pointer-events:none;width:1px;position:absolute;top:0;bottom:0;right:-1px;box-shadow:3px 0 14px #0f172a1a}.wf-sidebar-nav{gap:.45rem;display:grid}.wf-sidebar-link{text-align:left;color:#1f2937;cursor:pointer;width:100%;box-shadow:none;background:0 0;border:none;border-radius:10px;padding:.65rem .85rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:background-color .18s,color .18s,transform .18s,box-shadow .18s;display:block}.wf-sidebar-link:hover{color:#111827;background:#0f172a0d;transform:translate(2px)}.wf-sidebar-link:focus-visible{outline-offset:2px;outline:2px solid #e85d9a73}.wf-sidebar-link--active{color:#9d174d;background:#e85d9a24}.wf-sidebar-link--active:hover{color:#831843;background:#e85d9a33}.wf-left-title{text-transform:uppercase;letter-spacing:.08em;color:#6b7280;margin:0 0 .5rem;font-size:.75rem}.wf-left-playlists{gap:.4rem;display:grid}.wf-left-playlist-link{color:#374151;white-space:nowrap;text-overflow:ellipsis;width:100%;font-size:.9rem;text-decoration:none;transition:color .18s,transform .18s;display:block;overflow:hidden}.wf-left-playlist-link:hover{color:#111827;transform:translate(2px)}.wf-main-panel{z-index:1;min-width:0;padding-bottom:84px;position:relative}.wf-search-wrap .wf-search-icon{opacity:.45;pointer-events:none;font-size:.95rem;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.wf-hero-topbar{z-index:2;justify-content:flex-end;align-items:center;gap:.75rem;min-height:48px;display:flex}.wf-hero-search{z-index:2;width:min(58vw,680px);min-width:220px;transition:transform .22s,filter .22s;position:absolute;top:64%;left:50%;transform:translate(-50%,-50%)}.wf-hero-search .wf-search-icon{opacity:.45;pointer-events:none;font-size:.95rem;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.wf-search-input{-webkit-backdrop-filter:blur(4px);color:#fff;background:#fff3;border:1px solid #ffffff73;border-radius:999px;width:100%;padding:.55rem 1rem .55rem 2.25rem;font-size:.95rem;transition:transform .18s,box-shadow .18s,background-color .18s}.wf-hero-search:hover{filter:drop-shadow(0 12px 24px #0f172a33);transform:translate(-50%,calc(-50% - 2px))}.wf-hero-search:hover .wf-search-icon{opacity:.72;transform:translateY(-50%)scale(1.06)}.wf-search-input::placeholder{color:#ffffffd1}.wf-search-input:focus{outline:2px solid var(--wf-blue);outline-offset:0;background:#ffffff42;border-color:#0000;transform:translateY(-1px);box-shadow:0 10px 22px #0f172a33}.wf-search-dropdown{z-index:120;isolation:isolate;transform-origin:top;background:#fff;border:1px solid #0000001a;border-radius:12px;animation:.2s wf-dropdown-open;position:absolute;top:calc(100% + .45rem);left:0;right:0;overflow:visible;box-shadow:0 12px 30px #00000024}@keyframes wf-dropdown-open{0%{opacity:0;transform:translateY(-8px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.wf-search-dropdown-label{color:#6b7280;padding:.7rem .85rem .35rem;font-size:.78rem;font-weight:700}.wf-search-dropdown-list{background:#fff;border-bottom-right-radius:12px;border-bottom-left-radius:12px;gap:.2rem;max-height:min(70vh,560px);margin:0;padding:.35rem;list-style:none;display:grid;overflow-y:auto}.wf-search-dropdown-item{text-align:left;z-index:1;background:0 0;border:none;border-radius:8px;align-items:center;gap:.55rem;width:100%;padding:.45rem .55rem;transition:transform .18s,background-color .18s;display:flex;position:relative}.wf-search-dropdown-item:hover{z-index:35;background:#ece8ff;transform:translate(2px)}.wf-search-dropdown-item:focus-within{z-index:35}.wf-search-dropdown-main{text-align:left;background:0 0;border:none;flex:auto;align-items:center;gap:.55rem;width:auto;min-width:0;padding:0;display:flex}.wf-search-dropdown-main:hover{transform:scale(1.02)}.wf-search-dropdown-item--recent{background:0 0;justify-content:space-between;align-items:center;gap:.45rem;display:flex}.wf-search-dropdown-item--recent:hover{background:0 0;transform:none}.wf-search-dropdown-recent-text{text-align:left;color:#6b7280;background:0 0;border:none;width:100%;padding:0;font-size:.9rem}.wf-search-dropdown-remove{color:#9ca3af;background:0 0;border:none;border-radius:6px;padding:.1rem .35rem;font-size:1rem;line-height:1}.wf-search-dropdown-remove:hover{color:#4b5563;background:#6b72801f}.wf-search-dropdown-title{color:#111827;font-weight:600;line-height:1.2;display:block}.wf-search-dropdown-content{gap:.05rem;min-width:0;display:grid}.wf-search-dropdown-media{flex:0 0 38px;width:38px;height:38px}.wf-search-dropdown-thumb{object-fit:cover;border-radius:6px;width:100%;height:100%;display:block}.wf-search-dropdown-thumb-fallback{color:#6b7280;background:#e5e7eb;border-radius:6px;justify-content:center;align-items:center;width:100%;height:100%;font-size:.9rem;display:inline-flex}.wf-search-dropdown-sub{color:#6b7280;font-size:.78rem;line-height:1.2;display:block}.wf-search-add-wrap{z-index:1;margin-left:auto;position:relative}.wf-search-add-wrap.wf-track-playlist-add-wrap{z-index:auto;margin-left:0;position:static}.wf-search-add-trigger{color:#374151;background:#fff;border:1px solid #6b728059;border-radius:999px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:1rem;font-weight:700;line-height:1;transition:transform .16s,box-shadow .16s,width .16s,height .16s;display:inline-flex}.wf-search-add-glyph{line-height:1;display:block;transform:translateY(-.5px)}.wf-search-add-trigger:hover{width:32px;height:32px;box-shadow:0 8px 18px #0f172a2e}.wf-search-add-menu{z-index:50;background:#fff;border:1px solid #0000001a;border-radius:12px;width:min(250px,70vw);padding:.3rem;display:none;position:absolute;top:calc(100% + .15rem);right:0;overflow:hidden;transform:none;box-shadow:0 12px 26px #0f172a2e}.wf-search-add-menu-overlay{background:#fff;border:1px solid #0000001a;border-radius:12px;width:min(250px,70vw);padding:.3rem;display:grid;position:static;overflow:hidden;box-shadow:0 12px 26px #0f172a2e}.wf-search-add-menu-overlay.wf-track-playlist-add-menu{z-index:500;max-height:min(320px,55vh);position:absolute;top:calc(100% - 2px);left:auto;right:0;overflow:hidden auto}.wf-song-panel-add-anchor .wf-search-add-menu-overlay.wf-track-playlist-add-menu.wf-track-playlist-add-menu--panel{top:100%}.wf-track-playlist-add-wrap--panel{align-self:stretch;width:100%}.wf-search-add-menu-overlay.wf-track-playlist-add-menu.wf-track-playlist-add-menu--panel{width:100%;max-width:none;left:0;right:0}.wf-search-add-overlay-anchor{z-index:180;pointer-events:auto;position:absolute}.wf-search-add-heading{letter-spacing:.06em;text-transform:uppercase;color:#6b7280;padding:.35rem .45rem .25rem;font-size:.72rem;font-weight:700}.wf-search-add-item{text-align:left;color:#111827;background:0 0;border:none;border-radius:8px;justify-content:space-between;align-items:center;gap:.4rem;width:100%;padding:.42rem .65rem .42rem .5rem;font-size:.82rem;display:flex}.wf-search-add-link{justify-content:flex-start;text-decoration:none}.wf-search-add-item-main{flex:auto;align-items:center;gap:.4rem;min-width:0;max-width:calc(100% - 1.5rem);display:inline-flex}.wf-search-add-item-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:25ch;overflow:hidden}.wf-search-add-item-meta{flex:none;justify-content:flex-end;align-items:center;gap:.35rem;min-width:1rem;display:inline-flex}.wf-search-add-item-icon{color:#6d28d9;background:#7c3aed1f;border-radius:999px;flex:0 0 18px;justify-content:center;align-items:center;width:18px;height:18px;font-size:.72rem;line-height:1;display:inline-flex}.wf-search-add-item:hover{background:#7c3aed1a}.wf-search-add-note{font-size:.72rem;font-weight:600}.wf-search-add-check{color:#059669;justify-content:center;align-items:center;min-width:1rem;font-size:1rem;font-weight:800;line-height:1;display:inline-flex}.wf-search-add-note--success{color:#059669}.wf-search-add-note--error{color:#b91c1c}.wf-search-dropdown-empty{color:#6b7280;padding:.8rem .9rem;font-size:.84rem}.wf-search-loading{align-items:center;gap:.45rem;padding:.7rem .9rem;display:inline-flex}.wf-loading-spinner{border:2px solid #6b728059;border-top-color:#4f46e5;border-radius:999px;width:14px;height:14px;animation:.7s linear infinite wf-spin}@keyframes wf-spin{to{transform:rotate(360deg)}}.wf-search-loading .wf-search-dropdown-empty{padding:0}.wf-nav-pills{flex-wrap:wrap;align-items:center;gap:.5rem;margin-left:auto;display:flex}.wf-pill{color:#fff;border:none;border-radius:999px;padding:.45rem 1.1rem;font-size:.85rem;font-weight:600;text-decoration:none;transition:transform .12s,filter .12s;display:inline-block}.wf-pill:hover{filter:brightness(1.05);color:#fff;transform:translateY(-1px)}.wf-pill--home{background:var(--wf-pink)}.wf-pill--playlists{background:var(--wf-green)}.wf-pill--profile{background:var(--wf-blue)}.wf-pill--admin{background:#8b5cf6}.wf-pill--auth{color:#fff;background:#111827;transition:transform .18s,box-shadow .18s;box-shadow:0 8px 20px #11182759}button.wf-pill--auth{border:none}.wf-pill--auth:hover{transform:scale(1.06);box-shadow:0 12px 24px #1118276b}.wf-hero{z-index:40;background:linear-gradient(125deg,#ff7a18 0%,#af38ff 52%,#38bdf8 100%);min-height:360px;position:relative;overflow:visible}.wf-hero:before{content:"";pointer-events:none;background:radial-gradient(80% 50% at 20% 30%,#ffffff40 0%,#0000 55%),radial-gradient(60% 40% at 80% 70%,#fff3 0%,#0000 50%);position:absolute;inset:0}.wf-hero-inner{z-index:1;text-align:center;width:100%;padding:1rem 1.25rem 2rem;position:relative}.wf-hero-content{margin-top:0}.wf-hero-copy{text-align:left;width:min(58vw,680px);margin:0 auto}.wf-hero-actions{justify-content:flex-start;margin-top:6.25rem}.wf-hero-actions .btn-light{transition:transform .18s,box-shadow .18s;box-shadow:0 8px 20px #0f172a38}.wf-hero-actions .btn-light:hover{color:#111827;background-color:#f8f9fa;border-color:#f8f9fa;transform:scale(1.06);box-shadow:0 12px 24px #0f172a47}.wf-hero-inner--split{text-align:left;justify-content:space-between;align-items:center;gap:1.5rem;display:flex}.wf-hero-line1{color:#ffffffeb;margin-bottom:0;font-size:1.35rem;font-weight:500}.wf-hero-title{color:#fff;letter-spacing:-.02em;text-shadow:0 4px 20px #00000047;margin-bottom:.55rem;font-size:clamp(2rem,5vw,3rem);font-weight:800}.wf-now-playing{color:#fff;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffff26;border:1px solid #ffffff59;border-radius:18px;width:min(100%,360px);padding:1rem;position:relative}.wf-now-playing-kicker{text-transform:uppercase;letter-spacing:.08em;opacity:.9;margin:0 0 .2rem;font-size:.68rem}.wf-now-playing-title{margin:0;font-size:1.35rem}.wf-now-playing-artist{opacity:.95;margin:.15rem 0 .8rem}.wf-now-playing-cover{object-fit:cover;border-radius:12px;width:82px;height:82px;box-shadow:0 10px 20px #00000040}.wf-now-playing-fallback{font-size:2.2rem;display:inline-block}.wf-btn-cta{color:#fff;background:#111827;border:none;border-radius:999px;padding:.65rem 1.75rem;font-weight:600;transition:transform .18s,box-shadow .18s;box-shadow:0 8px 20px #11182759}.wf-btn-cta:hover{transform:scale(1.06);box-shadow:0 12px 24px #1118276b}.wf-section{width:100%;padding:2rem 1.25rem}.wf-section-highlight{animation:1.6s ease-out wf-section-slide-highlight}@keyframes wf-section-slide-highlight{0%{background:#38bdf833;transform:translate(18px);box-shadow:0 0 #38bdf861}45%{background:#38bdf824;transform:translate(0);box-shadow:0 0 0 12px #38bdf814}to{background:0 0;transform:translate(0);box-shadow:0 0 #38bdf800}}.wf-section-head{align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.wf-section-title{white-space:nowrap;margin:0;font-size:1.25rem;font-weight:700}.wf-section-rule{background:linear-gradient(90deg,#ccc,#0000);flex:1;min-width:40px;height:1px}.wf-carousel-shell{grid-template-columns:auto 1fr auto;align-items:center;gap:.6rem;display:grid;position:relative}.wf-carousel-arrow{color:#111827;width:28px;height:210px;box-shadow:none;z-index:2;background:0 0;border:none;border-radius:0;justify-content:center;align-items:center;font-size:2rem;font-weight:400;line-height:1;transition:transform .18s,color .18s;display:inline-flex;position:relative}.wf-carousel-arrow:hover{color:#0f172a;background:0 0;transform:scale(1.08)}.wf-carousel-arrow:before{content:"";opacity:0;pointer-events:none;z-index:-1;border-radius:14px;width:64px;height:210px;transition:opacity .18s;position:absolute;top:50%;transform:translateY(-50%)}.wf-carousel-arrow-left:before{background:linear-gradient(90deg,#1f293747 0%,#1f293724 68%,#0f172a00 100%);right:-10px}.wf-carousel-arrow-right:before{background:linear-gradient(270deg,#1f293747 0%,#1f293724 68%,#0f172a00 100%);left:-10px}.wf-carousel-arrow:hover:before{opacity:1}.wf-carousel-arrow-left{justify-self:start}.wf-carousel-arrow-right{justify-self:end}.wf-featured-scroll{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;touch-action:pan-y;cursor:grab;gap:1rem;margin:-1.1rem -.35rem -.35rem;padding:1.1rem .35rem 1.35rem;display:flex;overflow-x:auto}.wf-featured-scroll.is-dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.wf-featured-scroll::-webkit-scrollbar{height:6px}.wf-featured-scroll::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}.wf-song-card{aspect-ratio:1;scroll-snap-align:start;cursor:pointer;text-align:left;background:#e5e7eb;border:none;border-radius:16px;flex:0 0 190px;justify-content:center;align-items:center;width:190px;padding:0;transition:transform .18s,box-shadow .18s;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 18px #0f172a29}.wf-song-card:hover{transform:scale(1.04);box-shadow:0 12px 24px #0003}.wf-song-card-media{pointer-events:none;border-radius:16px;position:absolute;inset:0;overflow:hidden}.wf-song-card-cover{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.wf-song-card-fallback{opacity:.9;font-size:2.5rem}.wf-carousel-meta{color:#fff;background:linear-gradient(#0000,#000000a6);padding:.6rem;position:absolute;bottom:0;left:0;right:0}.wf-carousel-title{white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;display:block;overflow:hidden}.wf-carousel-subtitle{opacity:.95;white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;display:block;overflow:hidden}.wf-song-pill-card{color:#fff;text-align:left;aspect-ratio:1;background:#0f172a;border:none;border-radius:14px;flex-direction:column;flex:0 0 200px;justify-content:space-between;width:200px;min-height:200px;padding:.9rem;transition:transform .18s,box-shadow .18s;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 20px #0000002e}.wf-song-pill-card:hover{transform:scale(1.04);box-shadow:0 14px 28px #0000003d}.wf-song-pill-card--unavailable{cursor:not-allowed}.wf-song-pill-card--skeleton{pointer-events:none;background:linear-gradient(100deg,#94a3b859 15%,#e2e8f0bf 35%,#94a3b859 55%) 0 0/230% 100%;animation:1.25s linear infinite wf-skeleton-shimmer}@keyframes wf-skeleton-shimmer{0%{background-position:-120% 0}to{background-position:100% 0}}.wf-song-pill-media{pointer-events:none;position:absolute;inset:0}.wf-song-pill-media:after{content:"";background:linear-gradient(#00000029 0%,#00000047 44%,#000000b8 92%);position:absolute;inset:0}.wf-song-pill-icon{z-index:1;font-size:1.1rem;line-height:1;position:relative}.wf-song-pill-cover{object-fit:cover;width:100%;height:100%;display:block}.wf-song-pill-content{z-index:1;gap:.35rem;display:grid;position:relative}.wf-song-pill-title{white-space:nowrap;text-overflow:ellipsis;font-size:.92rem;font-weight:700;overflow:hidden}.wf-song-pill-subtitle{opacity:.95;white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;overflow:hidden}.wf-song-card-actions{z-index:2}.wf-playlist-item .wf-song-card-menu{z-index:3;color:#ffffffeb;min-width:28px;height:28px;box-shadow:none;cursor:pointer;opacity:0;pointer-events:none;background:0 0;border:1px solid #0000;border-radius:10px;place-items:center;padding:0 6px;line-height:0;transition:opacity .16s,transform .16s,background-color .16s,border-color .16s,box-shadow .16s,-webkit-backdrop-filter .16s,backdrop-filter .16s;display:inline-grid;position:relative;transform:scale(.96)}.wf-playlist-item:hover .wf-song-card-menu,.wf-playlist-item:focus-within .wf-song-card-menu,.wf-playlist-item .wf-song-card-menu.show{opacity:1;pointer-events:auto;box-shadow:none;-webkit-backdrop-filter:none;background:0 0;border-color:#0000;transform:scale(1)}.wf-playlist-item .wf-song-card-menu:hover,.wf-playlist-item .wf-song-card-menu:focus-visible,.wf-playlist-item .wf-song-card-menu.show{-webkit-backdrop-filter:blur(8px);color:#fffffffa;background:#0f172a61;border-color:#ffffff47;box-shadow:0 4px 14px #0f172a38}.wf-playlist-item .wf-song-card-menu:focus-visible{outline-offset:2px;outline:2px solid #ffffff8c}@media (hover:none){.wf-playlist-item .wf-song-card-menu{opacity:1;pointer-events:auto;box-shadow:none;-webkit-backdrop-filter:none;background:0 0;border-color:#0000;transform:none}}.wf-playlist-card-menu-icon{flex-direction:column;justify-content:center;align-items:center;gap:3px;display:flex}.wf-playlist-card-menu-dot{background:currentColor;border-radius:50%;width:3.5px;height:3.5px;display:block}.wf-playlist-row{scroll-snap-type:x mandatory;gap:1rem;margin:-1.1rem -.75rem 0;padding:1.1rem .75rem 1.5rem;display:flex;overflow:auto visible}.wf-playlist-item{scroll-snap-align:start;flex:0 0 min(260px,75vw)}.wf-playlist-list-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;display:grid}.wf-universal-search{z-index:220;width:min(620px,100%);position:relative}.wf-universal-search-form{width:100%;position:relative}.wf-universal-search-form .wf-search-icon{pointer-events:none;font-size:.95rem;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.wf-universal-search-input{color:#fff;-webkit-backdrop-filter:blur(4px);background:#fff3;border-color:#ffffff73}.wf-universal-search-input::placeholder{color:#ffffffd1}.wf-universal-search .wf-search-icon{color:#fff;opacity:.45}.wf-universal-search .wf-search-dropdown{z-index:420}.wf-universal-search .wf-search-add-overlay-anchor{z-index:480}.wf-playlist-list-grid .wf-playlist-item{min-width:0}.wf-playlist-list-grid .wf-playlist-card{width:100%}.wf-playlist-card{aspect-ratio:1;cursor:pointer;max-width:none;min-height:0;color:inherit;border:none;border-radius:20px;padding:0;text-decoration:none;transition:transform .18s,box-shadow .18s;display:block;position:relative;overflow:hidden;box-shadow:0 10px 24px #0f172a29}.wf-playlist-card--skeleton{pointer-events:none;background:linear-gradient(100deg,#94a3b852 15%,#e2e8f0cc 35%,#94a3b852 55%) 0 0/230% 100%;animation:1.25s linear infinite wf-skeleton-shimmer}.wf-playlist-card--loading:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(100deg,#ffffff0f 20%,#ffffff4d 40%,#ffffff0f 60%) 0 0/220% 100%;animation:1.15s linear infinite wf-skeleton-shimmer;position:absolute;inset:0}.wf-playlist-skeleton-meta{background:#ffffff6b;border-radius:10px;height:2.2rem;position:absolute;bottom:.9rem;left:.85rem;right:.85rem}.wf-playlist-item:hover a.wf-playlist-card,.wf-playlist-item:focus-within a.wf-playlist-card{color:inherit;transform:scale(1.04);box-shadow:0 14px 30px #0f172a33}.wf-playlist-card-inner{flex-direction:column;justify-content:center;align-items:center;height:100%;min-height:0;padding:1.5rem;display:flex;position:relative}.wf-playlist-collage{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr));display:grid;position:absolute;inset:0}.wf-playlist-collage-image{object-fit:cover;width:100%;height:100%}.wf-playlist-cover-single{position:absolute;inset:0}.wf-playlist-cover-single-image{object-fit:cover;width:100%;height:100%}.wf-playlist-empty-art{background:radial-gradient(circle at 22% 26%,#ffffff42,#0000 46%),radial-gradient(circle at 78% 70%,#fff3,#0000 42%),linear-gradient(140deg,#ffffff1a,#0000001f);position:absolute;inset:0}.wf-playlist-empty-glow{aspect-ratio:1;filter:blur(18px);background:#ffffff40;border-radius:999px;width:44%;position:absolute;top:44%;left:50%;transform:translate(-50%,-50%)}.wf-playlist-meta{color:#fff;z-index:1;background:linear-gradient(#0000,#000000ad);padding:.8rem .75rem .9rem;position:absolute;bottom:0;left:0;right:0}.wf-playlist-title{text-shadow:0 2px 8px #00000059;white-space:nowrap;text-overflow:ellipsis;margin-bottom:.22rem;font-size:1rem;font-weight:600;line-height:1.25;display:block;overflow:hidden}.wf-playlist-subtitle{opacity:.95;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 6px #00000059;padding-bottom:1px;font-size:.84rem;line-height:1.35;display:block;overflow:hidden}.wf-create-btn{background:var(--wf-violet);color:#fff;border:none;border-radius:999px;margin-bottom:1rem;padding:.5rem 1.25rem;font-weight:600;transition:transform .18s,box-shadow .18s}.wf-create-btn:hover{color:#fff;transform:scale(1.06);box-shadow:0 12px 24px #7c3aed59}.wf-student-note{color:#666;text-align:center;margin-top:2rem;font-size:.8rem}.wf-debug{background:#f4f4f4;border-radius:8px;max-height:200px;margin-top:2rem;padding:1rem;font-size:.75rem;overflow:auto}.wf-player-bar{z-index:20;background:#fffffff2;border-top:1px solid #00000014;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1.25rem;display:flex;position:fixed;bottom:0;left:0;right:0}.wf-player-button{color:#fff;background:#ec4899;border:none;border-radius:999px;width:42px;height:42px}.wf-guest-cta{text-align:center;width:min(760px,100% - 2rem);margin:1rem auto 2.2rem;padding:.25rem 1.1rem}.wf-guest-cta-title{color:#111827;margin:0;font-weight:700}.wf-guest-cta-copy{color:#4b5563;margin:.35rem 0 .7rem}.wf-guest-cta-link{color:#fff;background:linear-gradient(120deg,#7c3aed,#ec4899);border-radius:999px;padding:.5rem 1rem;font-weight:700;text-decoration:none;display:inline-block}.wf-guest-cta-link:hover{color:#fff;filter:brightness(1.06)}@media (prefers-reduced-motion:reduce){.wf-animate-in,.wf-stagger-in,.wf-slide-in-ltr,.wf-search-dropdown,.wf-loading-spinner,.wf-song-pill-card--skeleton,.wf-section-highlight{animation:none!important}.wf-left-playlist-link,.wf-sidebar-link,.wf-search-dropdown-item,.wf-search-dropdown-main,.wf-search-add-trigger,.wf-pill,.wf-pill--auth,.wf-hero-actions .btn-light,.wf-btn-cta,.wf-carousel-arrow,.wf-song-pill-card,.wf-song-card-menu,.wf-playlist-card,.wf-create-btn,.wf-search-input{transition:none!important}}@media (max-width:640px){.wf-hero-topbar{align-items:stretch;justify-content:initial;flex-direction:column;min-height:0}.wf-hero-search{width:100%;min-width:0;position:relative;top:auto;left:auto;transform:none}.wf-hero-copy{width:100%}.wf-hero-actions{margin-top:.75rem}.wf-carousel-shell{grid-template-columns:1fr;gap:.5rem}.wf-carousel-arrow{display:none}.wf-song-card{flex-basis:160px;width:160px}.wf-song-pill-card{flex-basis:170px;width:170px;min-height:170px}.wf-playlist-list-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.wf-section{padding-inline:1rem}.wf-app-shell{grid-template-columns:1fr;margin-top:0}.wf-left-rail{display:none}.wf-hero-inner--split{flex-direction:column;align-items:flex-start}}@media (max-width:980px){.wf-playlist-list-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}}@media (max-width:1120px){.wf-app-shell{grid-template-columns:190px minmax(0,1fr)}.wf-hero-search,.wf-hero-copy{width:min(54vw,580px)}.wf-hero-inner{padding-inline:1rem}}@media (max-width:900px){.wf-app-shell{grid-template-columns:1fr}.wf-left-rail{display:none}.wf-hero{min-height:230px}.wf-hero-topbar{min-height:0}.wf-hero-search{width:min(100%,640px);margin:0 auto;position:relative;top:auto;left:auto;transform:none}.wf-hero-content{margin-top:1rem}.wf-hero-copy{width:min(100%,640px)}.wf-hero-actions{margin-top:.75rem}.wf-hero-inner--split{flex-direction:column;align-items:flex-start;gap:1rem}}