@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/outfit-latin-ext-wght-normal-DdQaqQDo.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/outfit-latin-wght-normal-Bc-8i84L.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0c111a;--surface:#171e2a;--elevated:#232d3b;--fg:#f0f6f8;--fg-muted:#aebcc6;--accent:#6cd4c5;--accent-2:#9e8cf0;--border:#2d3846;--grad-1:#123b4a;--grad-2:#2c2861;--grad-3:#11473e;--on-accent:#06201c;--radius:var(--r-md);--font:"Inter Variable", system-ui, -apple-system, "Segoe UI", sans-serif;--font-display:"Outfit Variable", "Inter Variable", system-ui, -apple-system, "Segoe UI", sans-serif;--fs-display:2.75rem;--fs-title-1:1.875rem;--fs-title-2:1.25rem;--fs-body:.9375rem;--fs-label:.8125rem;--fs-meta:.75rem;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--sp-8:64px;--r-sm:6px;--r-md:10px;--r-lg:16px;--r-pill:999px;--danger:#ff9b9b;--aurora-1:#2ee6a6;--aurora-2:#38d9f5;--aurora-3:#8b5cf6;--aurora-4:#14b8a6;--stars:.75;--bokeh:0;--ridge:1;--aurora-blend:screen}@media (width<=720px){:root{--fs-display:2rem;--fs-title-1:1.5rem}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--fg);font-family:var(--font);line-height:1.4}button,input{font:inherit;color:inherit}.muted{color:var(--fg-muted)}.error{color:var(--danger,#ff9b9b)}.small{font-size:.85rem}.center{text-align:center;padding:3rem}.spacer{flex:1}.sr{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button{cursor:pointer;background:0 0;border:0}button:disabled{opacity:.4;cursor:default}button.primary{background:var(--accent);color:var(--on-accent);border-radius:999px;padding:.6rem 1.2rem;font-weight:600}button.round{border-radius:50%;width:44px;height:44px;padding:0;font-size:1.1rem}button.ghost{color:var(--fg-muted);border-radius:8px;min-height:44px;padding:.5rem .8rem}button.ghost:hover:not(:disabled){color:var(--fg);background:var(--surface)}button.ghost.small{min-height:0;padding:.3rem .6rem}.buttons button.ghost{min-width:44px;padding:.5rem}button.toggle.on{color:var(--accent)}button.toggle.on:after{content:"";background:var(--accent);border-radius:50%;width:4px;height:4px;margin:2px auto 0;display:block}.login{background:radial-gradient(900px 500px at 20% 10%, var(--grad-1), transparent), radial-gradient(800px 500px at 90% 90%, var(--grad-2), transparent), var(--bg);place-items:center;min-height:100%;padding:1rem;display:grid}.login form{background:color-mix(in srgb, var(--surface) 90%, transparent);border:1px solid var(--border);border-radius:var(--radius);gap:1rem;width:min(380px,100%);padding:2rem;display:grid}.login h1{margin:0}.login label{gap:.3rem;font-size:.9rem;display:grid}.login input{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:.7rem}.shell{grid-template-rows:auto 1fr auto;height:100%;display:grid;position:relative;overflow:hidden}.aurora{z-index:0;pointer-events:none;opacity:.55;background:radial-gradient(700px 400px at 15% 0%, var(--grad-1), transparent), radial-gradient(700px 450px at 85% 10%, var(--grad-2), transparent), radial-gradient(800px 400px at 50% 100%, var(--grad-3), transparent);background-size:140% 140%;animation:40s ease-in-out infinite alternate drift;position:absolute;inset:0}@keyframes drift{0%{background-position:0 0}to{background-position:100% 60%}}@media (prefers-reduced-motion:reduce){.aurora{animation:none}}.topbar,.content,.player,.queue{z-index:1;position:relative}.topbar{border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--bg) 70%, transparent);-webkit-backdrop-filter:blur(calc(10px * var(--blur-k,1)));backdrop-filter:blur(calc(10px * var(--blur-k,1)));align-items:center;gap:.5rem;padding:.5rem 1rem;display:flex}.brand{letter-spacing:.04em;font-size:1.2rem}.content{padding:1rem;overflow-y:auto}.grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem;margin:0 0 1rem;padding:0;list-style:none;display:grid}.card{text-align:left;border-radius:var(--radius);gap:.25rem;width:100%;padding:.5rem;display:grid}.card:hover{background:var(--surface)}.card img,.cover-empty{aspect-ratio:1;background:var(--elevated);object-fit:cover;border-radius:8px;width:100%;height:auto}.card-title{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.card .muted{text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;overflow:hidden}.queue ol{margin:0;padding:0;list-style:none}.queue li{border-radius:8px;align-items:center;display:flex}.queue li>button:first-child{text-align:left;flex:1;grid-template-columns:1fr auto;align-items:center;gap:.5rem;min-height:44px;padding:.6rem;display:grid}.queue li:hover{background:var(--surface)}.queue li.active{color:var(--accent)}.t-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.queue{background:var(--surface);border-left:1px solid var(--border);width:min(360px,100%);padding:1rem;position:absolute;top:49px;bottom:80px;right:0;overflow-y:auto}.queue header{align-items:center;display:flex}.queue h2{margin:0;font-size:1.1rem}.player{border-top:1px solid var(--border);background:color-mix(in srgb, var(--surface) 85%, transparent);-webkit-backdrop-filter:blur(calc(12px * var(--blur-k,1)));backdrop-filter:blur(calc(12px * var(--blur-k,1)));grid-template-columns:1fr 2fr 1fr;align-items:center;gap:1rem;padding:.6rem 1rem;display:grid}.player.idle{text-align:center;display:block}.now{align-items:center;gap:.75rem;min-width:0;display:flex}.now img{border-radius:6px}.now-text{min-width:0;display:grid}.now-text>*{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.transport{gap:.25rem;display:grid}.buttons{justify-content:center;align-items:center;gap:.5rem;display:flex}.seek{align-items:center;gap:.5rem;display:flex}.seek input{flex:1}.time{font-variant-numeric:tabular-nums;text-align:center;min-width:2.5rem;font-size:.8rem}.volume{justify-self:end}input[type=range]{accent-color:var(--accent);min-height:28px}@media (width<=720px){.player{padding:.5rem .75rem calc(.5rem + env(safe-area-inset-bottom));grid-template-columns:1fr;gap:.25rem}.volume{display:none}.queue{top:49px;bottom:150px}.user{display:none}}.tabs{gap:.25rem;margin-left:.75rem;display:flex}button.ghost.current{color:var(--fg);background:var(--surface)}button.link{color:var(--accent);text-underline-offset:3px;padding:0;text-decoration:underline}button.ghost.outline{border:1px solid var(--border)}button.ghost.outline.on{color:var(--accent);border-color:var(--accent)}button.danger{color:#fff;background:#c44;border-radius:999px;padding:.6rem 1.2rem;font-weight:600}button.danger-text{color:var(--danger,#ff9b9b)}.actions{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.75rem;display:flex}.page-head{margin:1rem 0}.page-head h2{margin:0 0 .25rem;font-size:1.8rem}.page-head p{margin:0}.section-head{justify-content:space-between;align-items:center;gap:1rem;display:flex}.chips{flex-wrap:wrap;gap:.5rem;margin:.5rem 0;display:flex}.chip{border:1px solid var(--border);min-height:40px;color:var(--fg-muted);border-radius:999px;padding:.45rem .9rem}.chip.on{background:var(--accent);color:var(--on-accent);border-color:var(--accent);font-weight:600}.toolbar{flex-wrap:wrap;align-items:center;gap:1rem;margin:.75rem 0;display:flex}.toolbar input,.toolbar select,.inline-form input{background:var(--bg);border:1px solid var(--border);border-radius:8px;min-height:40px;padding:.55rem .7rem}.toolbar label{color:var(--fg-muted);align-items:center;gap:.5rem;font-size:.9rem;display:flex}.inline-form{flex-wrap:wrap;align-items:center;gap:.5rem;margin:.5rem 0;display:flex}.inline-form label{flex:1;min-width:160px}.inline-form input{width:100%}.liked-card{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);text-align:left;align-items:center;gap:.9rem;min-height:64px;padding:.6rem 1rem .6rem .6rem;display:flex}.liked-card:hover{border-color:var(--accent)}.liked-art{width:48px;height:48px;color:var(--on-accent);background:linear-gradient(135deg, var(--accent-2), var(--accent));border-radius:8px;place-items:center;font-size:1.4rem;display:grid}.card.artist img,.card.artist .cover-empty{border-radius:50%}button.heart{min-width:44px;padding:.3rem;font-size:1.15rem}button.heart.on{color:var(--accent-2)}.reorder{display:flex}.menu-wrap{position:relative}.menu-wrap>button{min-width:44px}.menu{z-index:20;background:var(--elevated);border:1px solid var(--border);border-radius:10px;min-width:190px;padding:.3rem;position:absolute;top:100%;right:0;box-shadow:0 10px 30px #00000073}.menu button{text-align:left;border-radius:6px;width:100%;min-height:44px;padding:.6rem .75rem;display:block}.menu button:hover{background:var(--surface)}.modal{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--fg);width:min(460px,100vw - 2rem);max-height:85vh;padding:0}.modal::backdrop{background:#04080eb3}.modal-body{gap:.75rem;padding:1.25rem;display:grid}.modal-body h2{margin:0;font-size:1.2rem}.modal-actions{justify-content:flex-end;gap:.5rem;display:flex}.pick-list{max-height:40vh;margin:0;padding:0;list-style:none;overflow-y:auto}.pick-list button{text-align:left;border-radius:8px;justify-content:space-between;align-items:center;gap:1rem;width:100%;min-height:48px;padding:.7rem;display:flex}.pick-list button:hover:not(:disabled){background:var(--elevated)}.toast{z-index:30;background:var(--elevated);border:1px solid var(--border);border-radius:999px;max-width:calc(100vw - 2rem);padding:.6rem 1rem;position:absolute;bottom:96px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0006}@media (width<=720px){.tabs{margin-left:.25rem}.toast{bottom:170px}.row .reorder button{min-width:36px}.actions{gap:.4rem}}.shell{grid-template-columns:minmax(0,1fr)}.topbar button{white-space:nowrap}@media (width<=720px){.brand{display:none}.topbar{gap:.15rem;padding:.4rem .5rem}.topbar button.ghost{padding:.5rem .6rem}.tabs{margin-left:0}.section-head{flex-wrap:wrap}.row:has(.reorder){flex-wrap:wrap}.row:has(.reorder) .row-main{flex:calc(100% - 96px)}.row .reorder{margin-left:auto}.row .reorder button{min-width:44px;min-height:36px}}.page{animation:.18s ease-out page-in}@keyframes page-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.page{animation:none}}.content h3{margin:1.5rem 0 .5rem;font-size:1.1rem}button.link.quiet{color:var(--fg-muted);text-align:left;text-overflow:ellipsis;white-space:nowrap;min-height:24px;text-decoration:none;overflow:hidden}button.link.quiet:hover{color:var(--fg);text-decoration:underline}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--fg-muted);margin:0;font-size:.72rem}.chips{padding:0;list-style:none}.chips.static .chip{opacity:.75;align-items:center;display:inline-flex}.results.stale{opacity:.6;transition:opacity .12s}.badge{border:1px solid var(--border);white-space:nowrap;color:var(--fg-muted);border-radius:999px;margin:0 .5rem;padding:.2rem .6rem;font-size:.75rem}@media (width<=720px){.topbar{flex-wrap:wrap}.tabs{flex:1 0 100%;order:3;grid-template-columns:repeat(4,1fr);display:grid}.tabs button.ghost{min-height:44px;padding:.5rem .2rem}.brand{display:inline}.badge{margin:0 .25rem}.queue{top:105px}}.settings{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);max-width:720px;padding:1rem}.switch-row{cursor:pointer;align-items:flex-start;gap:.75rem;display:flex}.switch-row input{width:22px;height:22px;accent-color:var(--accent);flex:none;margin-top:.15rem}.switch-row>span{gap:.2rem;display:grid}.when{white-space:nowrap;padding:0 .5rem}button.ghost.user{color:var(--fg-muted)}@media (width<=720px){.tabs{grid-template-columns:repeat(5,1fr)}.tabs button.ghost{font-size:.92rem}.when{display:none}}.aurora{opacity:calc(.55 * var(--ambient,1));animation-duration:calc(40s * var(--slow,1))}.toast{z-index:60}[data-motion=off] *,[data-motion=off] :before,[data-motion=off] :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}[data-contrast=high] .topbar,[data-contrast=high] .player,[data-contrast=high] .continue,[data-contrast=high] .np-controls{background:var(--bg);-webkit-backdrop-filter:none;backdrop-filter:none}[data-contrast=high] :focus-visible{outline-width:3px}[data-contrast=high] .card:hover,[data-contrast=high] .row:hover{outline:1px solid var(--border)}[data-contrast=high] .ly-line{opacity:.7}[data-contrast=high] .ly-line.past{opacity:.55}[data-contrast=high] .row.unavailable{opacity:.8}[data-contrast=high] .aurora{opacity:.2}[data-mode=light] .menu,[data-mode=light] .toast{box-shadow:0 10px 30px #1418282e}[data-mode=light] .modal::backdrop{background:#1e223273}[data-mode=light] button.heart.on{color:var(--accent)}.now-open{border-radius:6px;flex:none;width:48px;height:48px;padding:0;position:relative;overflow:hidden}.now-open img,.now-open .cover-empty{border-radius:6px;width:48px;height:48px;display:block}.now-expand{color:#fff;opacity:0;background:#00000080;place-items:center;font-size:1.2rem;transition:opacity .15s;display:grid;position:absolute;inset:0}.now-open:hover .now-expand,.now-open:focus-visible .now-expand{opacity:1}.now-title{text-align:left;color:inherit;text-overflow:ellipsis;white-space:nowrap;min-width:0;padding:0;overflow:hidden}.now-title:hover{text-underline-offset:3px;text-decoration:underline}.segmented{background:color-mix(in srgb, var(--surface) 80%, transparent);border:1px solid var(--border);border-radius:999px;padding:3px;display:inline-flex}.segmented button{min-height:38px;color:var(--fg-muted);white-space:nowrap;border-radius:999px;padding:.4rem .95rem}.segmented button.on{background:var(--accent);color:var(--on-accent);font-weight:600}.segmented button:hover:not(.on):not(:disabled){color:var(--fg)}.np{z-index:40;background:var(--bg);color:var(--fg);padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);grid-template-rows:auto minmax(0,1fr) auto;animation:.28s cubic-bezier(.2,.8,.2,1) np-in;display:grid;position:fixed;inset:0;overflow:hidden}.np.closing{animation:.22s ease-in forwards np-out}@keyframes np-in{0%{opacity:0;transform:translateY(4%)}to{opacity:1;transform:none}}@keyframes np-out{to{opacity:0;transform:translateY(4%)}}.np-bg{z-index:0;pointer-events:none;background:radial-gradient(120% 80% at 50% -10%, color-mix(in srgb, var(--art-color,var(--grad-2)) var(--art-mix,30%), var(--bg)), var(--bg) 72%);transition:background .6s;position:absolute;inset:0;overflow:hidden}.np-bg i{width:140%;height:42%;filter:blur(calc(34px + 30px * var(--blur-k,1)));opacity:calc(.3 * var(--ambient,1));will-change:transform;animation:np-ribbon calc(28s * var(--slow,1)) ease-in-out infinite alternate;border-radius:50%;position:absolute;left:-20%}.np-bg i:first-child{background:linear-gradient(90deg, transparent, var(--accent) 30%, var(--accent-2) 68%, transparent);top:-18%}.np-bg i:nth-child(2){background:linear-gradient(90deg, transparent 8%, var(--accent-2) 40%, color-mix(in srgb, var(--art-color,var(--grad-1)) 70%, var(--accent)) 76%, transparent);animation-duration:calc(37s * var(--slow,1));opacity:calc(.26 * var(--ambient,1));animation-direction:alternate-reverse;top:8%}.np-bg i:nth-child(3){background:linear-gradient(90deg, var(--grad-3), transparent 35%, var(--accent) 72%, transparent);animation-duration:calc(46s * var(--slow,1));opacity:calc(.16 * var(--ambient,1));bottom:-24%}@keyframes np-ribbon{0%{transform:translate(-7%)rotate(-6deg)scaleY(.8)}to{transform:translate(7%,4%)rotate(5deg)scaleY(1.2)}}.np-top,.np-body,.np-controls{z-index:1;position:relative}.np-top{grid-template-columns:1fr auto 1fr;align-items:center;gap:.5rem;padding:.6rem 1rem;display:grid}.np-top>:first-child{justify-self:start}.np-top-actions{justify-self:end;align-items:center;display:flex}.np-body{grid-template-columns:minmax(0,1fr);gap:clamp(1rem,4vw,4rem);min-height:0;padding:0 clamp(1rem,4vw,3.5rem);display:grid}.np-main{text-align:center;touch-action:pan-y;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;min-width:0;min-height:0;display:flex}.np-art{aspect-ratio:1;flex:0 auto;max-width:100%;height:min(52vh,480px);min-height:0;animation:.42s ease-out np-art-in}.np-art img,.np-art .cover-empty{object-fit:cover;background:var(--elevated);width:100%;height:100%;box-shadow:0 30px 80px #00000080, 0 0 90px color-mix(in srgb, var(--art-color,var(--accent)) calc(var(--art-mix,30%) * .8), transparent);border-radius:16px;display:block}@keyframes np-art-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}.np-meta{min-width:0;max-width:100%}.np-meta h2{letter-spacing:-.01em;overflow-wrap:anywhere;margin:0;font-size:clamp(1.5rem,3.2vw,2.4rem);line-height:1.15}.np-meta p{margin:.25rem 0 0}.np-artist{font-size:1.15rem}.np-meta button.link.quiet{color:inherit;white-space:normal}.np-quality{letter-spacing:.06em}.np-side{min-width:0;min-height:0;display:grid}.np-mini-title{display:none}.queue.embedded{background:0 0;border:0;width:auto;min-height:0;padding:0;position:static;overflow-y:auto}.queue.embedded li.active{background:color-mix(in srgb, var(--accent) 12%, transparent)}.np-controls{gap:.35rem;width:100%;max-width:1100px;margin:0 auto;padding:.5rem clamp(1rem,4vw,3.5rem) 1rem;display:grid}.np-transport{grid-template-columns:1fr repeat(5,auto) 1fr;align-items:center;gap:.75rem;display:grid}.np-transport>:first-child{grid-column:2}.np-transport .volume{justify-self:end}.np-transport button.ghost{min-width:48px;min-height:48px;font-size:1.1rem}.np-transport button.big{font-size:1.5rem}.np-transport button.round.big{width:64px;height:64px;font-size:1.5rem}@media (width>=900px){.np.panel-lyrics .np-body,.np.panel-queue .np-body{grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr)}.np.panel-lyrics .np-art,.np.panel-queue .np-art{height:min(40vh,340px)}}@media (width<=899px){.np.panel-lyrics .np-main,.np.panel-queue .np-main{display:none}.np-main{text-align:left;justify-content:space-evenly;align-items:stretch}.np-art{align-self:center;width:min(100%,46vh);height:auto}.np-mini-title{text-overflow:ellipsis;white-space:nowrap;text-align:center;margin:0;display:block;overflow:hidden}.np-close-text{display:none}.np-top{padding:.4rem .5rem}.np-transport{grid-template-columns:repeat(5,1fr);justify-items:center;gap:.25rem}.np-transport>:first-child{grid-column:auto}.np-transport .volume{display:none}.np-controls{padding-bottom:.75rem}}.lyrics{grid-template-rows:auto minmax(0,1fr);min-height:0;display:grid}.lyrics.state{text-align:center;place-content:center;gap:.25rem}.ly-empty{margin:0;font-size:1.5rem;font-weight:600}.lyrics-meta{align-items:center;gap:.5rem;min-height:36px;display:flex}.lyrics-meta .badge{margin:0}.lyrics-scroll{scrollbar-width:none;min-height:0;padding:30vh .25rem;position:relative;overflow-y:auto;-webkit-mask-image:linear-gradient(#0000,#000 16% 84%,#0000);mask-image:linear-gradient(#0000,#000 16% 84%,#0000)}.lyrics-scroll::-webkit-scrollbar{display:none}.lyrics.plain .lyrics-scroll{padding:2rem .25rem 4rem}.ly-line{text-align:left;width:100%;color:var(--fg);font-weight:700;line-height:1.25;font-size:calc(clamp(1.3rem, 2.5vw, 2.05rem) * var(--lyrics-scale,1));opacity:.4;transform-origin:0;border-radius:12px;margin:0;padding:.5rem .6rem;transition:opacity .22s ease-out,transform .26s ease-out;display:block}button.ly-line:hover{opacity:.85}.ly-line.past{opacity:.2}.ly-line.active{opacity:1;text-shadow:0 0 calc(30px * var(--lyrics-glow,.6)) color-mix(in srgb, var(--accent) calc(var(--lyrics-glow,.6) * 85%), transparent);transform:scale(1.035)}.ly-line.plain{opacity:.92;font-weight:600;font-size:calc(clamp(1.05rem, 1.8vw, 1.35rem) * var(--lyrics-scale,1));min-height:1.2em;padding:.2rem .6rem}.ly-tr{opacity:.8;margin-top:.2rem;font-size:.6em;font-weight:500;display:block}.lyrics.word .ly-line.active{text-shadow:none}.w{--p:0;white-space:pre-wrap;color:#0000;-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(90deg, var(--fg) calc(var(--p) * 100%), color-mix(in srgb, var(--fg) 42%, transparent) calc(var(--p) * 100%));transition:transform .18s,filter .18s;display:inline-block}.ly-line:not(.active) .w{color:inherit;background-image:none}.ly-line.active .w.now{filter:drop-shadow(0 0 calc(10px * var(--lyrics-glow,.6)) color-mix(in srgb, var(--accent) calc(var(--lyrics-glow,.6) * 90%), transparent));transform:translateY(-2px)}.appearance .settings{gap:1rem;margin-bottom:.5rem;display:grid}.preset-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:.75rem;max-width:900px;margin-bottom:.75rem;display:grid}.preset{text-align:left;border-radius:var(--radius);border:2px solid var(--border);background:var(--surface);gap:.3rem;padding:.6rem;display:grid}.preset.on{border-color:var(--accent)}.preset-swatch{border:1px solid;border-radius:8px;align-items:flex-end;gap:6px;height:72px;padding:8px;display:flex}.preset-swatch i{border:1px solid #80808080;border-radius:50%;width:20px;height:20px}.slider-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1.5rem;display:flex}.slider-row>span:first-child,.switch-row>span{flex:240px;gap:.2rem;display:grid}.slider-control{align-items:center;gap:.6rem;display:flex}.slider-control input[type=range]{width:min(220px,50vw)}.slider-control output{text-align:right;font-variant-numeric:tabular-nums;min-width:3.2rem}.slider-control input[type=color]{border:1px solid var(--border);background:var(--bg);cursor:pointer;border-radius:8px;width:48px;height:40px;padding:2px}.switch-row.off{opacity:.5}.lyrics-preview{border-radius:var(--radius);background:radial-gradient(120% 140% at 30% 0%, color-mix(in srgb, var(--grad-2) 60%, var(--bg)), var(--bg));border:1px solid var(--border);padding:.75rem;overflow:hidden}.lyrics-preview .ly-line{font-size:calc(1.25rem * var(--lyrics-scale,1));padding:.25rem .5rem}@media (width<=899px){.np-art{flex:none}.np-top .segmented button{min-height:44px;padding:.4rem .8rem}.np-top>button.ghost:first-child{min-width:44px;font-size:1.5rem}}.np-top{z-index:3}body{font-size:var(--fs-body);-webkit-font-smoothing:antialiased;font-feature-settings:"cv11", "ss03"}h1,h2,h3,.brand,.np-meta h2,.ly-line,.ly-empty,.top-card strong{font-family:var(--font-display)}h1,h2{letter-spacing:-.01em;font-weight:600}h3,.content h3,.library h3{font-family:var(--font-display);font-size:var(--fs-title-2);letter-spacing:0;font-weight:600}.page-head h2,.album-head h2{font-size:var(--fs-title-1);line-height:1.15}.home-hero h2{font-size:var(--fs-display);font-weight:500}.muted.small,.small{font-size:var(--fs-label)}.eyebrow,.time,.badge{font-size:var(--fs-meta)}.card .muted{font-size:var(--fs-label)}.brand{letter-spacing:.14em;text-transform:uppercase;font-size:1rem;font-weight:600}svg.lucide{flex:none;display:block}button.ghost,button.primary,button.danger,.segmented button{justify-content:center;align-items:center;gap:.4rem;display:inline-flex}button.ghost.back{padding-left:.5rem}button.toggle{position:relative}button.toggle.on:after{margin:0 0 0 -2px;position:absolute;bottom:5px;left:50%}.search-icon{place-items:center;display:grid}.liked-art{color:var(--on-accent)}.reorder button.ghost.small{padding:.3rem .5rem}.card img,.card .cover-empty,.top-card img,.top-card .cover-empty,.album-head img,.album-head .cover-empty,.continue img,.continue .cover-empty,.mix-art,.liked-art.big{border-radius:var(--r-md)}.card.artist img,.card.artist .cover-empty,.top-card.artist img,.top-card.artist .cover-empty{border-radius:50%}.thumb img,.thumb .cover-empty,.now-open,.now-open img,.now-open .cover-empty,.now img{border-radius:var(--r-sm)}.np-art img,.np-art .cover-empty{border-radius:var(--r-lg)}.cover-empty{color:color-mix(in srgb, var(--fg) 45%, transparent);background:linear-gradient(135deg, color-mix(in srgb, var(--grad-2) 65%, var(--elevated)), color-mix(in srgb, var(--grad-3) 55%, var(--elevated)));place-items:center;display:grid}.card .cover-empty{aspect-ratio:1;width:100%;height:auto}.app{grid-template-rows:64px minmax(0,1fr) auto;grid-template-columns:240px minmax(0,1fr);height:100%;display:grid;position:relative;overflow:hidden}.app>.sidebar,.app>.app-header,.app>.content,.app>.player,.app>.queue,.app>.bottomnav{z-index:1;position:relative}.app>.app-header{z-index:4}.sidebar{gap:var(--sp-5);padding:var(--sp-5) var(--sp-3) var(--sp-4);background:color-mix(in srgb, var(--bg) 78%, transparent);border-right:1px solid color-mix(in srgb, var(--border) 70%, transparent);-webkit-backdrop-filter:blur(calc(14px * var(--blur-k,1)));backdrop-filter:blur(calc(14px * var(--blur-k,1)));flex-direction:column;grid-area:1/1/3;display:flex;overflow-y:auto}.sidebar .brand{padding:0 var(--sp-3);letter-spacing:.34em;font-size:1.05rem}.nav-list{gap:2px;display:grid}.nav-label{margin:var(--sp-5) 0 var(--sp-2);padding:0 var(--sp-3);font-size:var(--fs-meta);letter-spacing:.1em;text-transform:uppercase;color:var(--fg-muted);font-weight:600}.nav-item{align-items:center;gap:var(--sp-3);width:100%;height:40px;padding:0 var(--sp-3);border-radius:var(--r-pill);color:var(--fg-muted);font-size:var(--fs-body);text-align:left;font-weight:500;transition:background .16s,color .16s;display:flex}.nav-item span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.nav-item:hover{color:var(--fg);background:color-mix(in srgb, var(--fg) 7%, transparent)}.nav-item.current{color:var(--fg);background:linear-gradient(90deg, color-mix(in srgb, var(--accent-2) 30%, transparent), color-mix(in srgb, var(--accent) 14%, transparent));font-weight:600}.nav-item.current svg{color:var(--accent)}.app-header{align-items:center;gap:var(--sp-3);padding:0 var(--sp-6);z-index:4;grid-area:1/2;display:flex}.app-header .brand{display:none}button.ghost.icon-btn{border-radius:50%;width:40px;min-height:40px;padding:0}.header-search{align-items:center;gap:var(--sp-2);width:min(480px,100%);height:40px;padding:0 var(--sp-4);border-radius:var(--r-pill);text-align:left;color:var(--fg-muted);background:color-mix(in srgb, var(--surface) 78%, transparent);border:1px solid var(--border);transition:border-color .16s,color .16s;display:flex}.header-search span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.header-search:hover{color:var(--fg);border-color:color-mix(in srgb, var(--accent) 55%, var(--border))}.account{position:relative}.avatar{width:36px;height:36px;color:var(--on-accent);background:linear-gradient(135deg, var(--accent-2), var(--accent));border-radius:50%;place-items:center;font-weight:600;display:grid}.account .menu{min-width:220px;top:calc(100% + 8px)}.menu-user{font-size:var(--fs-label);color:var(--fg-muted);border-bottom:1px solid var(--border);margin:0;padding:.5rem .75rem .6rem}.menu-user strong{color:var(--fg)}.menu button{align-items:center;gap:var(--sp-3);display:flex}.app>.content{padding:var(--sp-3) var(--sp-6) var(--sp-7);grid-area:2/2}.content>.page{max-width:1320px;margin:0 auto}.content button.back{display:none}.page-head.with-action{justify-content:space-between;align-items:flex-end;gap:var(--sp-4);flex-wrap:wrap;display:flex}.shelf{margin:0 calc(-1 * var(--sp-6));padding:0 var(--sp-6) var(--sp-2);scroll-padding:0 var(--sp-6)}.app>.player{min-height:84px;padding:var(--sp-3) var(--sp-5);gap:var(--sp-5);grid-area:3/1/auto/-1;grid-template-columns:minmax(0,1fr) minmax(0,640px) minmax(0,1fr)}.app>.player.idle{grid-template-columns:1fr;place-items:center;display:grid}.player .now-open,.player .now-open img,.player .now-open .cover-empty{width:56px;height:56px}.player-right{justify-content:flex-end;align-items:center;gap:var(--sp-1);min-width:0;display:flex}.player-right .volume{align-items:center;gap:var(--sp-2);color:var(--fg-muted);margin-left:var(--sp-2);display:flex}.player-right .volume input{width:110px}.mini-progress{display:none}.app>.queue{z-index:3;top:64px;bottom:84px}.bottomnav{display:none}@media (width<=959px) and (width>=721px){.app{grid-template-columns:72px minmax(0,1fr)}.sidebar{padding:var(--sp-4) var(--sp-2);align-items:stretch}.sidebar .brand,.nav-label,.nav-item span{display:none}.nav-item{justify-content:center;height:44px;padding:0}.app-header,.app>.content{padding-left:var(--sp-5);padding-right:var(--sp-5)}.shelf{margin:0 calc(-1 * var(--sp-5));padding:0 var(--sp-5) var(--sp-2);scroll-padding:0 var(--sp-5)}.player-right .volume{display:none}}@media (width<=720px){.app{grid-template-rows:52px minmax(0,1fr) auto auto;grid-template-columns:minmax(0,1fr)}.sidebar{display:none}.app-header{padding:0 var(--sp-3);gap:var(--sp-2);grid-column:1}.app-header .brand{letter-spacing:.28em;font-size:.95rem;display:block}.app-header .icon-btn:disabled,.header-search{display:none}.app>.content{padding:var(--sp-2) var(--sp-4) var(--sp-6);grid-column:1}.shelf{margin:0 calc(-1 * var(--sp-4));padding:0 var(--sp-4) var(--sp-2);scroll-padding:0 var(--sp-4)}.app>.player{gap:var(--sp-2);min-height:64px;padding:8px var(--sp-3);grid-area:3/1;grid-template-columns:minmax(0,1fr) auto;align-items:center}.app>.player.idle{display:none}.player .now-open,.player .now-open img,.player .now-open .cover-empty{width:48px;height:48px}.player .transport{display:block}.player .seek,.player .buttons button:not(.primary),.player-right{display:none}.player .buttons{justify-content:flex-end}.player .transport .error{display:none}.mini-progress{background:var(--accent);border-radius:0 2px 2px 0;height:2px;display:block;position:absolute;top:0;left:0}.app>.queue{display:none}.bottomnav{padding-bottom:env(safe-area-inset-bottom);background:color-mix(in srgb, var(--bg) 90%, transparent);border-top:1px solid var(--border);-webkit-backdrop-filter:blur(calc(14px * var(--blur-k,1)));backdrop-filter:blur(calc(14px * var(--blur-k,1)));grid-row:4;grid-template-columns:repeat(4,1fr);display:grid}.tab{min-height:56px;color:var(--fg-muted);align-content:center;justify-items:center;gap:3px;padding:6px 0;font-size:.6875rem;font-weight:500;display:grid}.tab.current{color:var(--fg)}.tab.current svg{color:var(--accent)}.toast{bottom:140px}}@media (width>=721px){.toast{bottom:104px}}[data-contrast=high] .sidebar,[data-contrast=high] .bottomnav{background:var(--bg);-webkit-backdrop-filter:none;backdrop-filter:none}[data-contrast=high] .nav-item.current,[data-contrast=high] .tab.current{outline:2px solid var(--accent);outline-offset:-2px}@media (width>=721px){.app>.player .buttons button.ghost{min-width:40px;min-height:36px;padding:.25rem}.app>.player .buttons button.round{width:40px;height:40px}.app>.player .seek input[type=range]{min-height:18px}.app>.player .transport{gap:2px}.app>.queue{bottom:88px}}.app>.queue{position:absolute;right:0}.logo{height:auto;color:var(--fg);display:block}.sidebar .brand{padding:0 var(--sp-2);letter-spacing:0}.sidebar .brand .logo.wordmark{width:168px}.sidebar .brand .logo.symbol{width:44px;margin:0 auto;display:none}.app-header .brand .logo.wordmark{width:150px}.login-logo{width:min(300px,80%);margin:0 auto}@media (forced-colors:active){.logo path{stroke:canvastext}}.login .tagline{text-align:center;font-family:var(--font-display);letter-spacing:.08em;color:var(--fg-muted);margin:0}.login form>.muted{text-align:center;font-size:var(--fs-label);margin:0}@media (width<=959px) and (width>=721px){.sidebar .brand{padding:0;display:block}.sidebar .brand .logo.wordmark{display:none}.sidebar .brand .logo.symbol{display:block}}.login h1.login-logo{justify-self:center;margin:0 auto}@media (width<=959px) and (width>=721px){.nav-item span{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;display:block;position:absolute;overflow:hidden}}@media (width>=721px) and (width<=1100px){.app>.player{gap:var(--sp-4);grid-template-columns:minmax(0,1.2fr) minmax(0,2fr) auto}}.app:has(>.np:not(.closing))>:not(.np):not(.toast){visibility:hidden}.login .login-card{background:color-mix(in srgb, var(--surface) 90%, transparent);border:1px solid var(--border);border-radius:var(--radius);text-align:center;gap:1rem;width:min(380px,100%);padding:2rem;display:grid}.login .login-card h1.login-logo{margin:0 auto}.login label .small{font-weight:400}.join-closed{margin:0}.menu-user .small{margin-top:2px;display:block}.stack-form{gap:var(--sp-3);max-width:520px;display:grid}.stack-form label{gap:4px;display:grid}.stack-form input,.invite-form input{background:var(--bg);border:1px solid var(--border);color:var(--fg);border-radius:8px;padding:.6rem .7rem}.form-actions{align-items:center;gap:var(--sp-3);display:flex}.invite-form{gap:var(--sp-3);max-width:860px;margin-bottom:var(--sp-6);grid-template-columns:2fr 1fr 1fr auto;align-items:end;display:grid}.invite-form h3{grid-column:1/-1;margin:0}.invite-form label{gap:4px;display:grid}.invite-form .primary{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.invite-list{margin:0 0 var(--sp-6);gap:var(--sp-2);max-width:860px;padding:0;list-style:none;display:grid}.invite-row{align-items:center;gap:var(--sp-4);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--border);display:flex}.invite-row.closed{opacity:.6}.invite-row.fresh{border-color:var(--accent)}.invite-main{flex:1;gap:2px;min-width:0;display:grid}.invite-link{font-size:var(--fs-meta);color:var(--fg-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.invite-actions{gap:var(--sp-2);flex:none;display:flex}@media (width<=720px){.invite-form{grid-template-columns:1fr 1fr}.invite-form label:first-of-type,.invite-form .primary{grid-column:1/-1}.invite-row{flex-wrap:wrap}.invite-actions{width:100%}}html,body{touch-action:manipulation;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}@media (pointer:coarse){input,select,textarea,.field input,.field select,.search-field input{font-size:max(16px,1em)}}.menu.up{top:auto;bottom:calc(100% + 6px)}.menu [role=menuitemradio]{align-items:center;gap:6px;display:flex}.menu-check{width:16px;color:var(--accent);place-items:center;display:inline-grid}.sleep-btn,.speed-btn{align-items:center;gap:6px;min-width:40px;display:inline-flex}.opt-badge{font-size:var(--fs-meta);font-variant-numeric:tabular-nums}.speed-label{font-size:var(--fs-label);font-variant-numeric:tabular-nums;font-weight:600}.np-options{justify-content:center;gap:var(--sp-3);display:flex}:root{--card-w:184px;--card-gap:20px}@media (width>=1600px){:root{--card-w:200px}}@media (width<=959px){:root{--card-w:168px;--card-gap:16px}}@media (width<=720px){:root{--card-w:148px;--card-gap:12px}}.mcard{min-width:0;position:relative}.mcard .card{border-radius:var(--r-md);text-align:left;width:100%;color:inherit;background:0 0;gap:2px;padding:0;display:grid}.mcard .card:hover{background:0 0}.mcard .card:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.card-art{aspect-ratio:1;border-radius:var(--r-md);background:var(--elevated);margin-bottom:10px;transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s;display:block;position:relative;overflow:hidden;box-shadow:0 6px 18px #00000047}.card-art>img,.card-art>.cover-empty,.card-art>.liked-art{aspect-ratio:auto;object-fit:cover;border-radius:0;width:100%;height:100%}.card-art>img{display:block}.card-art>.cover-empty,.card-art>.liked-art{place-items:center;display:grid}.mcard.round .card-art{border-radius:50%}.mcard.round .card{text-align:center}.mcard .card-title{font-size:var(--fs-body);color:var(--fg);font-weight:600}.mcard .card .muted{font-size:var(--fs-label)}@media (hover:hover){.mcard:hover .card-art{transform:translateY(-4px);box-shadow:0 16px 34px #0000006b}.mcard:hover .card-play-area{transform:translateY(-4px)}}.card-play-area{aspect-ratio:1;pointer-events:none;justify-content:flex-end;align-items:flex-end;width:100%;padding:10px;transition:transform .22s cubic-bezier(.2,.8,.2,1);display:flex;position:absolute;top:0;left:0}.mcard.round .card-play-area{padding:7%}.card-play{isolation:isolate;pointer-events:auto;background:var(--accent);width:48px;height:48px;color:var(--on-accent);opacity:0;border-radius:50%;place-items:center;transition:opacity .18s,transform .18s,background .16s;display:grid;position:relative;transform:translateY(8px)scale(.92);box-shadow:0 8px 22px #00000073}.card-play svg{margin-left:2px}.mcard:hover .card-play,.mcard:focus-within .card-play{opacity:1;transform:none}.mcard .card-play:hover{background:color-mix(in srgb, var(--accent) 82%, #fff);transform:scale(1.06)}.card-play:focus-visible{outline:2px solid var(--fg);outline-offset:2px}@media (hover:none){.card-play-area{padding:6px}.card-play{opacity:1;width:44px;height:44px;box-shadow:none;color:#fff;background:0 0;transform:none}.card-play:before{content:"";z-index:-1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#080c1494;border-radius:50%;position:absolute;inset:4px}.card-play svg{width:18px;height:18px}}.shelf-section{margin-top:40px}.shelf-section .section-head{align-items:flex-end;margin-bottom:6px}.shelf-section h3{margin:0}.shelf-note{margin:2px 0 0}.shelf-arrows{gap:6px;display:flex}.shelf-arrows button.ghost.round{border:1px solid var(--border);width:32px;height:32px;min-height:32px;color:var(--fg-muted);border-radius:50%;padding:0}.shelf-arrows button.ghost.round:hover{color:var(--fg);border-color:color-mix(in srgb, var(--accent) 50%, var(--border))}.shelf{gap:var(--card-gap);overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-behavior:smooth;scrollbar-width:none;margin-top:-6px;margin-bottom:-14px;padding-top:14px;padding-bottom:22px;list-style:none;display:flex;overflow-x:auto}.shelf::-webkit-scrollbar{display:none}.shelf>li{flex:0 0 var(--card-w);scroll-snap-align:start}.grid{gap:28px var(--card-gap);grid-template-columns:repeat(auto-fill, minmax(min(var(--card-w), 100%), 1fr))}@media (width<=720px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.tiles{grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));gap:12px;margin:8px 0 0;padding:0;list-style:none;display:grid}.mix-tile{min-width:0;position:relative}.tile-open{border-radius:var(--r-md);text-align:left;width:100%;min-height:80px;color:inherit;background:color-mix(in srgb, var(--surface) 80%, transparent);border:1px solid color-mix(in srgb, var(--border) 75%, transparent);align-items:center;gap:14px;padding:8px 64px 8px 8px;transition:background .16s,border-color .16s;display:flex}.tile-open:hover{background:var(--elevated);border-color:color-mix(in srgb, var(--accent) 40%, var(--border))}.tile-open:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tile-open .mix-art{border-radius:var(--r-sm);background:linear-gradient(135deg, var(--grad-2), var(--grad-3));flex:none;width:64px;height:64px;display:grid;overflow:hidden;box-shadow:0 4px 12px #0000004d}.mix-art.n4{grid-template-columns:1fr 1fr}.mix-art img{object-fit:cover;width:100%;height:100%;display:block}.tile-text{gap:2px;min-width:0;display:grid}.tile-text strong{font-family:var(--font-display);text-overflow:ellipsis;white-space:nowrap;font-size:1.0625rem;font-weight:600;overflow:hidden}.tile-text .muted{font-size:var(--fs-label);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tile-play{background:var(--accent);width:40px;height:40px;color:var(--on-accent);opacity:0;border-radius:50%;place-items:center;margin-top:-20px;transition:opacity .16s,transform .16s;display:grid;position:absolute;top:50%;right:14px;transform:scale(.9);box-shadow:0 6px 16px #00000059}.tile-play svg{margin-left:2px}.mix-tile:hover .tile-play,.mix-tile:focus-within .tile-play{opacity:1;transform:none}.tile-play:focus-visible{outline:2px solid var(--fg);outline-offset:2px}@media (hover:none){.tile-play{opacity:1;width:44px;height:44px;margin-top:-22px;transform:none}}[data-mode=light] .card-art{box-shadow:0 6px 16px #1418281f}@media (hover:hover){[data-mode=light] .mcard:hover .card-art{box-shadow:0 14px 28px #14182833}}[data-motion=off] .mcard:hover .card-art,[data-motion=off] .mcard:hover .card-play-area{transform:none}[data-contrast=high] .card-art{outline:1px solid var(--border)}[data-contrast=high] .tile-open{background:var(--bg);border-color:var(--border)}@media (width<=720px){.shelf-arrows{display:none}}.page:has(>.home){max-width:none}.app>.aurora{opacity:calc(.5 * var(--ambient,1));background:radial-gradient(1100px 520px at 80% -14%, color-mix(in srgb, var(--grad-2) 50%, transparent), transparent 70%), radial-gradient(900px 460px at 0% 110%, color-mix(in srgb, var(--grad-3) 35%, transparent), transparent 70%);animation:none}.home-hero{isolation:isolate;justify-content:flex-end;gap:var(--sp-5);min-height:clamp(280px,40vh,360px);margin:calc(-1 * var(--sp-3)) calc(-1 * var(--sp-6)) 0;padding:var(--sp-7) var(--sp-6) var(--sp-5);flex-direction:column;display:flex;position:relative;overflow:hidden}.home-hero-text{max-width:760px;position:relative}.home-hero .eyebrow{color:color-mix(in srgb, var(--fg) 70%, transparent);letter-spacing:.16em;margin:0}.home-hero h2{font-size:var(--fs-display);letter-spacing:-.015em;overflow-wrap:anywhere;text-shadow:0 2px 30px #00000059;margin:8px 0 0;font-weight:500;line-height:1.06}.hero-sub{font-family:var(--font-display);letter-spacing:.06em;color:color-mix(in srgb, var(--fg) 76%, transparent);margin:10px 0 0;font-size:1.0625rem}[data-mode=light] .home-hero h2{text-shadow:none}.aurora-art{z-index:-1;pointer-events:none;isolation:isolate;opacity:var(--ambient,1);--ridge-far:color-mix(in srgb, var(--grad-1) 55%, var(--bg));--ridge-near:color-mix(in srgb, var(--bg) 82%, var(--grad-1));--snow:color-mix(in srgb, var(--fg) 65%, transparent);background:radial-gradient(70% 95% at 72% -12%, color-mix(in srgb, var(--grad-2) 75%, transparent), transparent 70%), radial-gradient(60% 85% at 8% -20%, color-mix(in srgb, var(--grad-1) 70%, transparent), transparent 70%);position:absolute;inset:0;overflow:hidden;-webkit-mask-image:linear-gradient(#00000059 0%,#000 16% 72%,#0000 100%);mask-image:linear-gradient(#00000059 0%,#000 16% 72%,#0000 100%)}.aurora-art .band{transform-origin:50% 100%;will-change:transform;width:120%;height:100%;mix-blend-mode:var(--aurora-blend,screen);animation:aurora-sway calc(46s * var(--slow,1)) ease-in-out infinite alternate;position:absolute;top:0;left:-10%}.aurora-art .band svg{width:100%;height:100%;filter:blur(calc(4px * var(--blur-k,1)));display:block}.aurora-art .band.b1{opacity:.95;animation:aurora-sway calc(46s * var(--slow,1)) ease-in-out infinite alternate, aurora-glow calc(11s * var(--slow,1)) ease-in-out infinite alternate}.aurora-art .band.b2{opacity:.6;animation-duration:calc(61s * var(--slow,1));animation-direction:alternate-reverse}.aurora-art .band.b3{opacity:.5;animation-duration:calc(37s * var(--slow,1))}.aurora-art.paused .band{animation-play-state:paused}@keyframes aurora-sway{0%{transform:translate(-3%)scaleY(.94)}50%{transform:translate(1%,-1.5%)scaleY(1.05)}to{transform:translate(3.5%,.5%)scaleY(.97)}}@keyframes aurora-glow{0%{opacity:.72}to{opacity:.98}}.aurora-art.silk .band svg{filter:blur(calc(1.5px * var(--blur-k,1)))}.aurora-art.silk .band.b2{opacity:.55}.aurora-art .sheen{stroke:color-mix(in srgb, var(--aurora-2) 70%, #fff);opacity:.85}.aurora-art .stars{opacity:var(--stars,.7);background-image:radial-gradient(circle at 6% 18%,#fff 0 1px,#0000 1.6px),radial-gradient(circle at 14% 46%,#fff 0 .8px,#0000 1.4px),radial-gradient(circle at 22% 12%,#fff 0 1.2px,#0000 1.8px),radial-gradient(circle at 31% 34%,#fff 0 .7px,#0000 1.3px),radial-gradient(circle at 39% 8%,#fff 0 1px,#0000 1.6px),radial-gradient(circle at 47% 28%,#fff 0 .8px,#0000 1.4px),radial-gradient(circle at 55% 52%,#fff 0 .7px,#0000 1.3px),radial-gradient(circle at 63% 14%,#fff 0 1.1px,#0000 1.7px),radial-gradient(circle at 71% 40%,#fff 0 .8px,#0000 1.4px),radial-gradient(circle at 79% 9%,#fff 0 1px,#0000 1.6px),radial-gradient(circle at 86% 30%,#fff 0 .9px,#0000 1.5px),radial-gradient(circle at 93% 16%,#fff 0 1.2px,#0000 1.8px),radial-gradient(circle at 97% 48%,#fff 0 .7px,#0000 1.3px);position:absolute;inset:0 0 40%}.aurora-art .bokeh{opacity:var(--bokeh,0);filter:blur(1.2px);background-image:radial-gradient(circle at 58% 22%,#f3dca48c 0 4px,#0000 9px),radial-gradient(circle at 66% 48%,#deb76866 0 7px,#0000 14px),radial-gradient(circle at 74% 18%,#f3dca459 0 3px,#0000 7px),radial-gradient(circle at 81% 38%,#deb76873 0 5px,#0000 11px),radial-gradient(circle at 88% 60%,#f3dca44d 0 8px,#0000 16px),radial-gradient(circle at 93% 26%,#deb76880 0 3px,#0000 7px),radial-gradient(circle at 46% 64%,#f3dca440 0 6px,#0000 12px),radial-gradient(circle at 34% 30%,#deb7684d 0 2.5px,#0000 6px);position:absolute;inset:0}.aurora-art .ridge{width:100%;height:48%;opacity:var(--ridge,1);position:absolute;bottom:0;left:0}.aurora-art .snow{fill:var(--snow);opacity:.4}.home-hero .continue{border-radius:var(--r-lg);background:color-mix(in srgb, color-mix(in srgb, var(--art-color,var(--grad-2)) var(--art-mix,30%), var(--bg)) 74%, transparent);border:1px solid color-mix(in srgb, var(--fg) 10%, transparent);width:min(100%,560px);-webkit-backdrop-filter:blur(calc(18px * var(--blur-k,1)));backdrop-filter:blur(calc(18px * var(--blur-k,1)));align-items:center;gap:14px;padding:10px 12px 10px 10px;display:flex;position:relative;box-shadow:0 12px 34px #00000047}.home-hero .continue img,.home-hero .continue .cover-empty{border-radius:var(--r-sm);object-fit:cover;flex:none;width:64px;height:64px;box-shadow:0 6px 16px #00000059}.continue-text{flex:1;gap:1px;min-width:0;display:grid}.continue-text .eyebrow{font-size:var(--fs-meta);margin:0 0 2px}.continue-text>strong,.continue-text>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.progress{background:color-mix(in srgb, var(--fg) 16%, transparent);border-radius:2px;height:3px;margin-top:8px;overflow:hidden}.progress span{background:var(--accent);height:100%;display:block}.home-hero .continue .primary{flex:none;gap:6px;padding:.55rem 1.1rem}[data-mode=light] .home-hero .continue{box-shadow:0 10px 28px #1418281f}.onboard{margin-top:var(--sp-6);padding:var(--sp-5);border-radius:var(--r-lg);background:color-mix(in srgb, var(--surface) 72%, transparent);border:1px solid color-mix(in srgb, var(--border) 80%, transparent)}.onboard h3{margin:0}.onboard>p{margin:4px 0 var(--sp-4)}.onboard ul{gap:var(--sp-3);grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr));margin:0;padding:0;list-style:none;display:grid}.onboard button{text-align:left;width:100%;height:100%;color:inherit;border-radius:var(--r-md);background:color-mix(in srgb, var(--elevated) 55%, transparent);border:1px solid #0000;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:2px 14px;padding:14px;transition:border-color .16s,transform .16s,background .16s;display:grid}.onboard button:hover{border-color:color-mix(in srgb, var(--accent) 45%, transparent);background:color-mix(in srgb, var(--elevated) 85%, transparent)}.onboard button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (hover:hover){.onboard button:hover{transform:translateY(-2px)}}.onboard-icon{width:44px;height:44px;color:var(--accent);background:color-mix(in srgb, var(--accent) 16%, transparent);border-radius:50%;grid-row:1/3;place-items:center;display:grid}.onboard button strong{font-size:var(--fs-body)}.onboard button .muted{font-size:var(--fs-label)}.home-foot{margin:48px 0 8px}.home-foot button.link{min-height:24px}@media (width<=959px) and (width>=721px){.home-hero{margin-left:calc(-1 * var(--sp-5));margin-right:calc(-1 * var(--sp-5));padding-left:var(--sp-5);padding-right:var(--sp-5)}}@media (width<=720px){.home-hero{min-height:0;margin:calc(-1 * var(--sp-2)) calc(-1 * var(--sp-4)) 0;padding:32px var(--sp-4) var(--sp-4);gap:var(--sp-4)}.home-hero h2{font-size:1.75rem}.hero-sub{font-size:.95rem}.home-hero .continue{gap:12px;width:100%;padding:8px}.home-hero .continue img,.home-hero .continue .cover-empty{width:52px;height:52px}.home-hero .continue .primary{border-radius:50%;width:44px;height:44px;padding:0}.home-hero .continue .btn-label{display:none}.aurora-art .ridge{height:40%}.shelf-section{margin-top:28px}.onboard{padding:var(--sp-4);margin-top:var(--sp-5)}}[data-contrast=high] .aurora-art{opacity:.35}[data-contrast=high] .home-hero .continue,[data-contrast=high] .onboard{background:var(--bg);-webkit-backdrop-filter:none;backdrop-filter:none;border-color:var(--border)}.tracks{margin:0;padding:0;list-style:none}.tracks .row{border-radius:var(--r-md);align-items:center;transition:background .12s;display:flex}.tracks .row:hover{background:color-mix(in srgb, var(--fg) 6%, transparent)}.tracks .row.active{background:color-mix(in srgb, var(--accent) 9%, transparent)}.tracks .row>.row-main{text-align:left;min-width:0;min-height:56px;color:inherit;border-radius:var(--r-md);flex:1;grid-template-columns:2.25rem minmax(0,1fr) auto;align-items:center;column-gap:14px;padding:6px 10px;display:grid}.tracks .row.with-cover>.row-main{grid-template-columns:40px minmax(0,1fr) auto}.tracks .row.with-album>.row-main{grid-template-columns:2.25rem minmax(0,1.4fr) minmax(0,1fr) auto}.tracks .row.with-album.with-cover>.row-main{grid-template-columns:40px minmax(0,1.4fr) minmax(0,1fr) auto}.lead{place-items:center;display:grid;position:relative}.lead.num{width:2.25rem;height:40px;color:var(--fg-muted);font-size:var(--fs-label);font-variant-numeric:tabular-nums}.lead .hover-play{color:var(--fg);place-items:center;display:none;position:absolute;inset:0}.lead.thumb{width:40px;height:40px}.lead.thumb img,.lead.thumb .cover-empty{border-radius:var(--r-sm);object-fit:cover;background:var(--elevated);width:40px;height:40px;display:block}.thumb-overlay{border-radius:var(--r-sm);color:#fff;opacity:0;background:#060a108c;place-items:center;transition:opacity .12s;display:grid;position:absolute;inset:0}.tracks .row.active .thumb-overlay{opacity:1}.t-text{gap:2px;min-width:0;display:grid}.t-name{color:var(--fg);text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.tracks .row.active .t-name{color:var(--accent)}.t-sub,.t-album{font-size:var(--fs-label);color:var(--fg-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.t-dur{text-align:right;min-width:3rem;font-size:var(--fs-label);color:var(--fg-muted);font-variant-numeric:tabular-nums}.tracks .row button.heart,.tracks .row .menu-wrap>button{min-width:40px;min-height:40px;color:var(--fg-muted);padding:0}.tracks .row button.heart.on{color:var(--accent-2)}@media (hover:hover){.tracks .row:hover .lead .n{visibility:hidden}.tracks .row:hover .lead .hover-play{display:grid}.tracks .row:hover .thumb-overlay{opacity:1}.tracks .row button.heart:not(.on),.tracks .row .menu-wrap>button[aria-expanded=false]{opacity:0}.tracks .row:hover button.heart,.tracks .row:focus-within button.heart,.tracks .row:hover .menu-wrap>button,.tracks .row:focus-within .menu-wrap>button{opacity:1}}.tracks .row.unavailable{opacity:.6}.tracks .row.unavailable:hover{background:0 0}.tracks .row.unavailable>.row-main{cursor:default}.tracks .row .badge{justify-self:end;margin:0}.bars{align-items:flex-end;gap:2px;height:14px;display:inline-flex}.bars i{background:var(--accent);transform-origin:50% 100%;border-radius:1px;width:3px;height:100%;animation:.9s ease-in-out infinite alternate eq-bar}.bars i:nth-child(2){animation-duration:.7s;animation-delay:-.25s}.bars i:nth-child(3){animation-duration:1.1s;animation-delay:-.5s}.bars.paused i{animation-play-state:paused}.thumb-overlay .bars i{background:#fff}@keyframes eq-bar{0%{transform:scaleY(.25)}to{transform:scaleY(1)}}.tracks-head{border-bottom:1px solid color-mix(in srgb, var(--border) 80%, transparent);font-size:var(--fs-meta);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-muted);grid-template-columns:2.25rem minmax(0,1fr) auto;align-items:end;column-gap:14px;margin:8px 0 6px;padding:0 90px 8px 10px;font-weight:600;display:grid}.tracks-head.with-cover{grid-template-columns:40px minmax(0,1fr) auto}.tracks-head.with-album{grid-template-columns:2.25rem minmax(0,1.4fr) minmax(0,1fr) auto}.tracks-head.with-album.with-cover{grid-template-columns:40px minmax(0,1.4fr) minmax(0,1fr) auto}.tracks-head>span:first-child{text-align:center}.tracks-head .h-dur{justify-content:flex-end;min-width:3rem;display:flex}.disc-head{font-family:var(--font);font-size:var(--fs-label);letter-spacing:.1em;text-transform:uppercase;color:var(--fg-muted);margin:22px 0 4px 10px;font-weight:600}.detail-hero{isolation:isolate;align-items:flex-end;gap:var(--sp-6);margin:calc(-1 * var(--sp-3)) calc(-1 * var(--sp-6)) 0;padding:var(--sp-7) var(--sp-6) var(--sp-5);display:flex;position:relative;overflow:hidden}.detail-hero:before{content:"";z-index:-1;background:radial-gradient(90% 130% at 18% 0%, color-mix(in srgb, var(--art-color,var(--grad-2)) calc(var(--art-mix,30%) * 1.6), transparent), transparent 72%), linear-gradient(180deg, color-mix(in srgb, var(--grad-2) 40%, transparent), transparent 92%);position:absolute;inset:0}.detail-art{aspect-ratio:1;border-radius:var(--r-md);background:var(--elevated);width:232px;box-shadow:0 24px 60px #00000080, 0 0 0 1px color-mix(in srgb, var(--fg) 6%, transparent);flex:none;overflow:hidden}.detail-art img,.detail-art .cover-empty{object-fit:cover;border-radius:0;width:100%;height:100%;display:block}.detail-art.round{border-radius:50%;width:200px}.detail-text{gap:6px;min-width:0;padding-bottom:6px;display:grid}.detail-text .eyebrow{margin:0}.detail-text h2{letter-spacing:-.02em;overflow-wrap:anywhere;margin:0;font-size:clamp(2rem,4.2vw,3.4rem);font-weight:600;line-height:1.05}.detail-text h2.long{font-size:clamp(1.6rem,3vw,2.4rem)}.detail-by{margin:2px 0 0;font-size:1.0625rem;font-weight:600}.detail-by button.link.quiet{min-height:0;color:var(--fg);font-weight:600}.detail-meta{font-size:var(--fs-label);color:var(--fg-muted);margin:0}.artist-hero .artist-bg{z-index:-2;filter:blur(calc(40px * var(--blur-k,1))) saturate(1.2);opacity:.4;background-position:50% 30%;background-size:cover;position:absolute;inset:-60px}.artist-hero:after{content:"";z-index:-1;background:linear-gradient(180deg, transparent 30%, var(--bg) 100%);position:absolute;inset:0}.detail-actions{margin:var(--sp-4) 0;flex-wrap:wrap;align-items:center;gap:12px;display:flex}.detail-actions .menu{left:0;right:auto}.detail-section{margin-top:28px}.detail-section h3{margin:0 0 10px}.detail-note{margin-top:16px}.more-toggle{margin-top:4px}.play-big{background:var(--accent);width:56px;height:56px;color:var(--on-accent);box-shadow:0 10px 26px color-mix(in srgb, var(--accent) 35%, transparent);border-radius:50%;flex:none;place-items:center;transition:transform .16s,background .16s;display:grid}.play-big svg{margin-left:3px}.play-big:hover:not(:disabled){background:color-mix(in srgb, var(--accent) 85%, #fff);transform:scale(1.05)}.play-big:focus-visible{outline:2px solid var(--fg);outline-offset:3px}.action-btn{border-radius:var(--r-pill);border:1px solid var(--border);min-height:44px;color:var(--fg);background:color-mix(in srgb, var(--surface) 60%, transparent);white-space:nowrap;align-items:center;gap:8px;padding:0 16px;font-weight:500;transition:border-color .16s,background .16s,color .16s;display:inline-flex}.action-btn:hover:not(:disabled){border-color:color-mix(in srgb, var(--accent) 55%, var(--border));background:var(--surface)}.action-btn.on{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 60%, var(--border))}.action-icon{width:44px;height:44px;color:var(--fg-muted);border-radius:50%;place-items:center;display:grid}.action-icon:hover{color:var(--fg);background:var(--surface)}.field{border-radius:var(--r-pill);height:40px;color:var(--fg-muted);background:color-mix(in srgb, var(--surface) 80%, transparent);border:1px solid var(--border);align-items:center;gap:8px;padding:0 12px;display:inline-flex}.field:focus-within{border-color:var(--accent)}.field input,.field select{min-width:0;height:100%;color:var(--fg);font-size:var(--fs-body);background:0 0;border:0;outline:none}.field input{width:200px}.field input::-webkit-search-cancel-button{filter:grayscale()}.field.grow{flex:260px}.field.grow input{width:100%}.field.select>span{font-size:var(--fs-label)}.field select{cursor:pointer;padding-right:2px}.field select option{background:var(--surface);color:var(--fg)}.chip{white-space:nowrap;align-items:center;gap:8px;display:inline-flex}.chip-count{font-size:var(--fs-meta);opacity:.75;font-variant-numeric:tabular-nums}.chips.scroll{scrollbar-width:none;flex-wrap:nowrap;margin:0;overflow-x:auto}.chips.scroll::-webkit-scrollbar{display:none}.liked-hero{margin:var(--sp-2) 0 var(--sp-5);border-radius:var(--r-lg);background:linear-gradient(120deg, color-mix(in srgb, var(--accent-2) 50%, var(--surface)), color-mix(in srgb, var(--accent) 30%, var(--surface)));align-items:center;gap:16px;padding:18px;display:flex;position:relative;box-shadow:0 14px 40px #00000040}.liked-open{text-align:left;min-width:0;color:var(--fg);flex:1;align-items:center;gap:18px;display:flex}.liked-hero-art{border-radius:var(--r-md);color:#fff;background:linear-gradient(135deg, var(--accent-2), var(--accent));flex:none;place-items:center;width:88px;height:88px;display:grid;box-shadow:0 10px 24px #0000004d}.liked-hero-text{gap:3px;min-width:0;display:grid}.liked-hero-text strong{font-family:var(--font-display);font-size:1.6rem;font-weight:600}.liked-hero-text .muted{text-overflow:ellipsis;white-space:nowrap;color:color-mix(in srgb, var(--fg) 75%, transparent);overflow:hidden}.lib-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 20px;margin-bottom:8px;display:flex}.lib-tools,.catalog-controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.lib-section{margin-top:28px}.lib-section h3{margin:0 0 12px}.lib-nomatch{margin-top:24px}.new-playlist{max-width:560px}.empty-state{text-align:center;border-radius:var(--r-lg);background:color-mix(in srgb, var(--surface) 70%, transparent);border:1px solid color-mix(in srgb, var(--border) 80%, transparent);justify-items:center;gap:10px;max-width:640px;margin:40px auto;padding:36px 28px;display:grid}.empty-icon,.hint-icon{color:var(--accent);background:color-mix(in srgb, var(--accent) 14%, transparent);border-radius:50%;flex:none;place-items:center;display:grid}.empty-icon{width:64px;height:64px}.empty-state h3{margin:6px 0 0}.empty-state p{max-width:48ch;margin:0}.empty-state .actions{justify-content:center;margin-top:10px}.hint-card{margin:var(--sp-3) 0 var(--sp-2);border-radius:var(--r-lg);background:color-mix(in srgb, var(--surface) 70%, transparent);border:1px solid color-mix(in srgb, var(--border) 80%, transparent);align-items:center;gap:14px;padding:14px 18px;display:flex}.hint-card p{color:var(--fg-muted);margin:0}.hint-icon{width:44px;height:44px}.search-title{font-size:var(--fs-title-1);margin:6px 0 14px}.search-box{max-width:760px;position:relative}.search-field{border-radius:var(--r-pill);background:color-mix(in srgb, var(--surface) 88%, transparent);border:1px solid var(--border);align-items:center;gap:10px;height:56px;padding:0 8px 0 18px;transition:border-color .16s,box-shadow .16s;display:flex;box-shadow:0 8px 24px #0000002e}.search-field:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 20%, transparent), 0 8px 24px #0000002e}.search-field input{min-width:0;height:100%;color:var(--fg);background:0 0;border:0;outline:none;flex:1;font-size:1.125rem}.search-field input::-webkit-search-cancel-button{display:none}.search-field .clear{border-radius:50%;width:40px;min-height:40px;padding:0}.search-icon{color:var(--fg-muted);place-items:center;display:grid}.suggest-list{z-index:15;border-radius:var(--r-lg);background:var(--elevated);border:1px solid var(--border);margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 6px);left:0;right:0;box-shadow:0 16px 40px #00000073}.suggest-list:empty{display:none}.suggest-list button{border-radius:var(--r-md);text-align:left;width:100%;min-height:44px;color:var(--fg);align-items:center;gap:12px;padding:8px 12px;display:flex}.suggest-list button svg{color:var(--fg-muted)}.suggest-list .sg-text{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.suggest-list button:hover,.suggest-list button:focus-visible{background:var(--surface);outline:none}.search-scopes{margin:18px 0 4px}.search-idle{margin-top:28px}.search-idle h3{margin:0 0 12px}.search-idle section+section{margin-top:28px}.browse-tiles{grid-template-columns:repeat(auto-fill,minmax(min(220px,100%),1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.browse-tiles button{border-radius:var(--r-lg);text-align:left;width:100%;color:var(--fg);background:linear-gradient(135deg, color-mix(in srgb, var(--grad-2) 55%, var(--surface)), color-mix(in srgb, var(--grad-3) 40%, var(--surface)));border:1px solid color-mix(in srgb, var(--border) 70%, transparent);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:2px 14px;padding:16px;transition:transform .16s,border-color .16s;display:grid}.browse-tiles button:hover{border-color:color-mix(in srgb, var(--accent) 50%, transparent)}.browse-tiles button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.bt-icon{width:44px;height:44px;color:var(--accent);background:color-mix(in srgb, var(--bg) 45%, transparent);border-radius:50%;grid-row:1/3;place-items:center;display:grid}.browse-tiles strong{font-family:var(--font-display);font-size:1.0625rem}.search-scope-note,.search-none{margin-top:24px}.sr-overview{grid-template-columns:minmax(280px,.85fr) minmax(0,1.6fr);gap:28px;margin-top:20px;display:grid}.sr-overview.no-top{grid-template-columns:minmax(0,1fr)}.sr-overview h3{margin:0 0 10px}.sr-top{flex-direction:column;display:flex}.top-result{flex:1;position:relative}.top-open{border-radius:var(--r-lg);text-align:left;width:100%;height:100%;min-height:230px;color:var(--fg);background:color-mix(in srgb, var(--surface) 85%, transparent);border:1px solid color-mix(in srgb, var(--border) 80%, transparent);align-content:start;gap:6px;padding:20px;transition:background .16s,border-color .16s;display:grid}.top-open:hover:not(:disabled){background:var(--elevated);border-color:color-mix(in srgb, var(--accent) 35%, var(--border))}.top-open:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.top-art{border-radius:var(--r-md);width:104px;height:104px;margin-bottom:10px;display:block;overflow:hidden;box-shadow:0 10px 28px #0006}.top-art img,.top-art .cover-empty{object-fit:cover;border-radius:0;width:100%;height:100%;display:block}.top-result.artist .top-art{border-radius:50%}.top-name{font-family:var(--font-display);text-overflow:ellipsis;white-space:nowrap;font-size:1.9rem;font-weight:600;line-height:1.1;overflow:hidden}.top-sub{min-width:0;font-size:var(--fs-label);color:var(--fg-muted);align-items:center;gap:10px;display:flex}.pill{border-radius:var(--r-pill);background:color-mix(in srgb, var(--bg) 60%, transparent);color:var(--fg);font-size:var(--fs-meta);letter-spacing:.04em;padding:3px 10px;font-weight:600}.top-result .top-play{aspect-ratio:auto;width:auto;padding:0;inset:auto 16px 16px auto}.top-result:hover .card-play,.top-result:focus-within .card-play{opacity:1;transform:none}.top-badge{position:absolute;bottom:16px;right:16px}.results.scoped{margin-top:16px}.see-all{font-size:var(--fs-label);color:var(--fg-muted);font-weight:600}.shelf-actions{align-items:center;gap:8px;display:flex}.catalog-controls{margin:4px 0 16px}.catalog-count{margin:0 0 12px}.pager{justify-content:center;align-items:center;gap:16px;margin:32px 0 8px;display:flex}.grid.stale{opacity:.6;transition:opacity .12s}@media (width<=959px) and (width>=721px){.detail-hero{margin-left:calc(-1 * var(--sp-5));margin-right:calc(-1 * var(--sp-5));padding-left:var(--sp-5);padding-right:var(--sp-5);gap:var(--sp-5)}.detail-art{width:200px}.detail-art.round{width:168px}.sr-overview{grid-template-columns:minmax(0,1fr)}}@media (width<=720px){.tracks .row>.row-main{column-gap:12px;min-height:58px;padding:6px 4px}.t-dur,.t-album,.tracks-head{display:none}.tracks .row.with-album>.row-main{grid-template-columns:2.25rem minmax(0,1fr) auto}.tracks .row.with-album.with-cover>.row-main{grid-template-columns:40px minmax(0,1fr) auto}.detail-hero{align-items:center;gap:var(--sp-4);text-align:center;margin:calc(-1 * var(--sp-2)) calc(-1 * var(--sp-4)) 0;padding:var(--sp-5) var(--sp-4) var(--sp-3);flex-direction:column}.detail-art{width:min(62vw,240px)}.detail-art.round{width:152px}.detail-text{justify-items:center}.detail-text h2{font-size:1.9rem}.detail-text h2.long{font-size:1.5rem}.detail-actions{justify-content:center}.liked-hero{gap:12px;padding:14px}.liked-open{gap:14px}.liked-hero-art{width:64px;height:64px}.liked-hero-text strong{font-size:1.3rem}.lib-tools,.lib-tools .field,.lib-tools .field input{width:100%}.lib-tools .field:not(.select){flex:1}.search-field{height:52px}.sr-overview{grid-template-columns:minmax(0,1fr);gap:20px}.top-open{grid-template-columns:72px minmax(0,1fr);align-items:center;gap:4px 14px;min-height:0;padding:14px 70px 14px 14px}.top-art{grid-row:1/3;width:72px;height:72px;margin:0}.top-name{font-size:1.35rem}.top-result .top-play,.top-badge{top:50%;bottom:auto;right:14px;transform:translateY(-50%)}.browse-tiles{grid-template-columns:1fr 1fr}.browse-tiles button{grid-template-columns:1fr;padding:14px}.bt-icon{grid-row:auto;margin-bottom:8px}.browse-tiles .muted{display:none}.catalog-controls .field.select{flex:140px}.catalog-controls .field.select select{flex:1}}[data-mode=light] .liked-hero,[data-mode=light] .search-field{box-shadow:0 10px 28px #1418281a}[data-contrast=high] .top-open,[data-contrast=high] .browse-tiles button,[data-contrast=high] .empty-state,[data-contrast=high] .hint-card,[data-contrast=high] .field{background:var(--bg);border-color:var(--border)}[data-motion=off] .play-big:hover{transform:none}@media (hover:none){.detail-by button.link.quiet{align-items:center;min-height:44px;padding:0 6px;display:inline-flex}}.not-on-server{margin-top:var(--sp-6)}.not-on-server>.muted{margin:0 0 var(--sp-3)}.req-notice{margin:0 0 var(--sp-3);color:var(--accent)}.req-list{margin:0 0 var(--sp-5);gap:var(--sp-2);max-width:900px;padding:0;list-style:none;display:grid}.req-row{align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-lg);background:color-mix(in srgb, var(--surface) 80%, transparent);border:1px solid var(--border);display:flex}.req-row>img,.req-row>.cover-empty{object-fit:cover;border-radius:6px;flex:none;width:44px;height:44px}.req-main{flex:1;gap:2px;min-width:0;display:grid}.req-main strong,.req-main .small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.req-detail{color:var(--fg-muted);white-space:normal}.req-side{align-items:center;gap:var(--sp-2);flex-wrap:wrap;flex:none;justify-content:flex-end;display:flex}.req-admin{gap:var(--sp-2);display:inline-flex}.req-state{font-size:var(--fs-label)}.req-pill{font-size:var(--fs-meta);border-radius:var(--r-pill);border:1px solid var(--border);color:var(--fg-muted);white-space:nowrap;padding:3px 10px}.req-pill.tone-ready{color:var(--on-accent);background:var(--accent);border-color:var(--accent)}.req-pill.tone-working{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 60%, transparent)}.req-pill.tone-problem{color:var(--danger);border-color:color-mix(in srgb, var(--danger) 60%, transparent)}.req-row.tone-closed{opacity:.6}.explicit{width:16px;height:16px;color:var(--bg);background:var(--fg-muted);vertical-align:2px;border-radius:3px;place-items:center;margin-left:6px;font-size:10px;font-weight:700;display:inline-grid}@media (width<=720px){.req-row{flex-wrap:wrap}.req-side{width:100%;padding-left:calc(44px + var(--sp-3));justify-content:flex-start}}.collage{aspect-ratio:1;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;width:100%;height:100%;display:grid;overflow:hidden}.collage img{object-fit:cover;border-radius:0;width:100%;height:100%;display:block}.detail-art .collage{border-radius:0}button.detail-art.art-edit{cursor:pointer;border:0;padding:0;position:relative}button.detail-art.art-edit:after{content:"Change cover";color:#fff;opacity:0;background:#060a128c;place-items:center;font-weight:600;transition:opacity .16s;display:grid;position:absolute;inset:0}button.detail-art.art-edit:hover:after,button.detail-art.art-edit:focus-visible:after{opacity:1}.detail-description{margin:0 0 var(--sp-2);color:var(--fg-muted);white-space:pre-line;max-width:60ch}.playlist-sort{margin-left:auto}.edit-details{gap:var(--sp-3);display:grid}.edit-details label{gap:4px;display:grid}.edit-details input,.edit-details textarea{background:var(--bg);border:1px solid var(--border);color:var(--fg);font:inherit;resize:vertical;border-radius:8px;padding:.6rem .7rem}.edit-cover{gap:var(--sp-4);align-items:center;display:flex}.edit-cover-art{border-radius:var(--r-md);background:var(--elevated);flex:none;width:128px;height:128px;overflow:hidden}.edit-cover-art img,.edit-cover-art .cover-empty,.edit-cover-art .collage{object-fit:cover;width:100%;height:100%;display:block}.edit-cover-actions{gap:var(--sp-2);justify-items:start;display:grid}@media (width<=720px){.playlist-sort{margin-left:0}.edit-cover{flex-direction:column;align-items:flex-start}.playlist-page .reorder button[aria-label^=Move\ ]{display:none}}.tracks .row>div.row-main{cursor:pointer}.tracks .row .lead-btn{color:inherit;display:contents}.tracks .row .lead-btn:focus-visible>.lead{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}.t-sub .artist-links .link{color:inherit;font:inherit;padding:0}.t-sub .artist-links .link:hover{color:var(--fg);text-decoration:underline}div.top-open{cursor:pointer}div.top-open.disabled{cursor:default}div.top-open:hover:not(.disabled){background:var(--elevated);border-color:color-mix(in srgb, var(--accent) 35%, var(--border))}.top-sub .artist-links{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.top-sub .artist-links .link{color:inherit;font:inherit;padding:0}.top-sub .artist-links .link:hover{color:var(--fg);text-decoration:underline}