:root{--black: #000;--bg-base: #121212;--bg-highlight: #1f1f1f;--bg-elevated: #1f1f1f;--bg-elevated-hi: #2a2a2a;--card: #181818;--card-hover: #282828;--tint: #ffffff1a;--tint-hi: #ffffff24;--tint-press: #ffffff36;--fg: #fff;--fg-dim: #b3b3b3;--fg-chrome: #a9a9a9;--accent: #1ed760;--accent-hover: #3be477;--accent-press: #1abc54;--seek-accent: #1db954;--danger: #f3727f;--r-panel: 8px;--r-art: 4px;--r-row: 6px;--gap: 8px;--ease: cubic-bezier(.3, 0, 0, 1);color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--black);color:var(--fg);font:400 16px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,sans-serif;-webkit-font-smoothing:antialiased;overflow:hidden;min-width:800px}button{font:inherit;color:inherit;cursor:pointer;background:none;border:0}input,textarea,select{font-family:inherit}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-thumb{background:#4d4d4d;border-radius:6px;border:3px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:#7a7a7a;background-clip:content-box}::-webkit-scrollbar-track{background:transparent}.t-title-lg{font-size:48px;font-weight:700;letter-spacing:-2px}.t-title-md{font-size:32px;font-weight:700;letter-spacing:-1px}.t-title-sm{font-size:24px;font-weight:700}.t-body{font-size:16px;font-weight:400}.t-body-b{font-size:16px;font-weight:700}.t-small{font-size:14px;font-weight:400}.t-small-b{font-size:14px;font-weight:700}.t-marginal{font-size:12px;font-weight:400}.app{display:grid;grid-template-rows:56px minmax(0,1fr) auto;height:100%;background:var(--black);gap:var(--gap);padding:0 var(--gap) var(--gap)}.navbar{display:flex;align-items:center;height:56px;padding-left:8px;-webkit-app-region:drag}.desktop-mac .navbar{padding-left:78px}.navbar button,.navbar input{-webkit-app-region:no-drag}.brand{display:none}.appmenuwrap{position:relative;display:flex;align-items:center}.appmenu-btn{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;color:#fff}.appmenu-btn svg{display:block}.appmenu-btn:hover{background:var(--tint)}.avatarmenu.appmenu{left:0;right:auto}.navbar-right{display:flex;align-items:center;gap:10px;margin-left:auto;padding-right:8px}.shell{display:grid;grid-template-columns:var(--rail-w, 280px) var(--gap) minmax(416px,1fr);gap:0;min-height:0}.shell.with-panel{grid-template-columns:var(--rail-w, 280px) var(--gap) minmax(416px,1fr) var(--gap) var(--panel-w, 340px)}.shell.resizing{-webkit-user-select:none;user-select:none;cursor:col-resize}.shell.resizing *{pointer-events:none}.shell.resizing .rail-resizer{pointer-events:auto}.rail-resizer{width:var(--gap);cursor:col-resize;position:relative;touch-action:none}.panel-spacer{width:var(--gap);cursor:col-resize}.rail-resizer:after{content:"";position:absolute;top:0;bottom:0;left:50%;width:1px;background:var(--fg);opacity:0;transition:opacity .15s ease-out;transform:translate(-50%)}.rail-resizer:hover:after,.shell.resizing .rail-resizer:after{opacity:1}.shell.rail-collapsed .navitem span,.shell.rail-collapsed .libhead,.shell.rail-collapsed .libitem-text,.shell.rail-collapsed .newplaylist-input{display:none}.shell.rail-collapsed .navitem{justify-content:center;padding:11px 0}.shell.rail-collapsed .libitem{justify-content:center;padding:8px 0}.shell.rail-collapsed .liblist{padding:8px 4px}.sidebar,.content,.rightpanel{background:var(--bg-base);border-radius:var(--r-panel);min-height:0}.sidebar{display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden}.content{overflow-y:auto;position:relative}.rightpanel{display:flex;flex-direction:column;overflow:hidden;position:relative}.panel-bg{position:absolute;top:-60px;right:-60px;bottom:-60px;left:-60px;background-size:cover;background-position:center;filter:blur(60px) brightness(.35) saturate(1.2);transform:scale(1.1);pointer-events:none}.rightpanel.with-bg>:not(.panel-bg){position:relative}.rightpanel.with-bg .tabs{border-bottom-color:#ffffff26}.nav{padding:8px}.navitem{display:flex;align-items:center;gap:16px;width:100%;padding:11px 12px;border-radius:var(--r-row);color:var(--fg-dim);font-size:16px;font-weight:700}.navitem:hover,.navitem.on{color:var(--fg)}.libpanel{display:grid;grid-template-rows:auto minmax(0,1fr);min-height:0;border-top:1px solid #2e2c2c}.libhead{display:flex;align-items:center;justify-content:space-between;padding:16px 16px 10px;color:var(--fg-dim);font-size:16px;font-weight:700}.liblist{overflow-y:auto;padding:0 8px 8px}.libitem{display:flex;align-items:center;gap:12px;width:100%;padding:8px;border-radius:var(--r-row);text-align:left}.libitem:hover{background:var(--tint-hi)}.libitem img,.libitem .ph,.libitem .liked-art{width:48px;height:48px;aspect-ratio:1;border-radius:var(--r-art);object-fit:cover;background:var(--card-hover);flex:none}.libitem.round img,.libitem.round .ph{border-radius:50%}.libitem-text{min-width:0;display:flex;flex-direction:column}.libitem-name{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.libitem-sub{color:var(--fg-dim);font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:6px}.libpin{color:var(--accent);flex:none}.contentbar{position:sticky;top:0;z-index:8;display:flex;align-items:center;gap:12px;padding:16px 24px;background:var(--bg-base)}.search{flex:1;max-width:364px;background:var(--card-hover);color:var(--fg);border:1px solid transparent;border-radius:9999px;padding:12px 16px;font-size:14px}.search::placeholder{color:var(--fg-dim)}.search:focus{outline:none;border-color:var(--fg)}.pills{display:flex;gap:8px}.pill{background:var(--tint);border-radius:9999px;padding:6px 14px;font-size:14px;font-weight:500;min-block-size:32px}.pill:hover{background:var(--tint-hi)}.pill.on{background:var(--fg);color:#000}.pad{padding:8px 24px 32px}.shelf-head{display:flex;align-items:baseline;justify-content:space-between;margin:20px 0 16px}.shelf-head h2{font-size:24px;font-weight:700;margin:0;letter-spacing:-.4px}.shelf-head h2:hover{text-decoration:underline;cursor:pointer}.shelf-head button{color:var(--fg-dim);font-size:14px;font-weight:700}.shelf-head button:hover{text-decoration:underline;color:var(--fg)}.grid{display:grid;gap:4px;grid-template-columns:repeat(auto-fill,190px)}.shelf{display:grid;gap:4px;grid-auto-flow:column;grid-auto-columns:190px;overflow-x:auto;overflow-y:hidden;min-height:290px;scroll-snap-type:x proximity;padding-bottom:6px;scrollbar-width:thin;scrollbar-color:#4d4d4d transparent}.shelf>*{scroll-snap-align:start}.shelf::-webkit-scrollbar{height:8px}.card{background:transparent;padding:12px;border-radius:var(--r-panel);text-align:left;display:flex;flex-direction:column;gap:8px;transition:background-color .3s;isolation:isolate;position:relative}.card:hover{background:var(--tint)}.card-art{position:relative;aspect-ratio:1;width:100%}.card-art img,.card-art .ph{width:100%;height:100%;object-fit:cover;display:block;border-radius:var(--r-art);background:var(--card-hover);box-shadow:0 8px 24px #00000080}.card.round .card-art img,.card.round .card-art .ph{border-radius:50%}.card-play{position:absolute;bottom:8px;inset-inline-end:8px;z-index:2;width:48px;height:48px;border-radius:500px;background:var(--accent);color:#000;display:grid;place-items:center;opacity:0;transform:translateY(8px);box-shadow:0 8px 8px #0000004d;transition:transform .3s,opacity .3s,background-color .15s}.card:hover .card-play,.card:focus-within .card-play{opacity:1;transform:translateY(0)}.card-play:hover{background:var(--accent-hover)}.card-title{font-size:16px;font-weight:400;line-height:1.4}.card-title,.card-sub{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-sub{color:var(--fg-dim);font-size:14px}.content{--hero: #3d3c3c}.hero{display:flex;gap:24px;align-items:flex-end;padding:32px 24px 24px;background:linear-gradient(#0000002e 0,#00000080),var(--hero)}.actions{position:relative;isolation:isolate;z-index:0}.actions~.pad,.actions~.tracklist{position:relative;z-index:1}.actions.slim{padding:8px 24px;min-height:0}.actions:before{content:"";position:absolute;left:0;right:0;top:0;height:168px;z-index:-1;background:linear-gradient(rgba(0,0,0,.62) 0,var(--bg-base) 100%),var(--hero, #3d3c3c)}.hero-cover{position:relative;padding:0;flex:none;border-radius:var(--r-art)}.hero-cover:disabled{cursor:default}.hero-cover img{display:block}.hero-cover-edit{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--fg);font-size:16px;font-weight:700;background:#0009;border-radius:var(--r-art);opacity:0;transition:opacity .15s}.hero-cover.editable:hover .hero-cover-edit{opacity:1}.hero-meta{display:flex;align-items:center;flex-wrap:wrap;gap:4px}.hero-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover;margin-right:4px}.rowlink.strong{color:var(--fg);font-weight:700;font-size:14px}.rowlink.strong:hover{text-decoration:underline}.iconbtn{width:40px;height:40px;display:grid;place-items:center;color:var(--fg-dim);border-radius:50%}.iconbtn:hover{color:var(--fg);transform:scale(1.04)}.iconbtn.on{color:var(--accent)}.iconbtn.on:after{content:"";display:block;width:4px;height:4px;border-radius:50%;background:var(--accent);margin-top:-4px}.trackhead{display:grid;grid-template-columns:36px minmax(0,4fr) minmax(0,3fr) 32px 5ch 32px;gap:12px;align-items:center;padding:0 16px;height:36px;margin-bottom:16px;color:var(--fg-dim);font-size:14px;border-bottom:1px solid rgba(255,255,255,.1);position:sticky;top:0;background:transparent;z-index:2}.trackhead.stuck{background:var(--bg-base)}.trackhead.with-art{grid-template-columns:36px auto minmax(0,4fr) minmax(0,3fr) 32px 5ch 32px}.trackhead .th-n{text-align:center;font-size:16px}.trackhead .th-dur{display:grid;place-items:end;padding-right:2px}.navarrows{display:flex;gap:6px;margin-left:6px;align-items:center}.navarrow{width:32px;height:32px;border-radius:50%;background:#000000b3;color:var(--fg);display:grid;place-items:center}.navarrow svg{display:block}.navarrow:disabled{color:var(--fg-dim);opacity:.5}.navarrow:not(:disabled):hover{background:#000000e6}.editdetails{width:min(524px,calc(100vw - 32px))}.editdetails-body{display:grid;grid-template-columns:180px 1fr;gap:16px;align-items:start}.editdetails-cover{position:relative;width:180px;height:180px;border-radius:var(--r-art);overflow:hidden;background:#282828;cursor:pointer;display:block;box-shadow:0 0 40px #0000008c}.editdetails-cover img{width:100%;height:100%;object-fit:cover;display:block}.editdetails-cover span{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#000000b3;color:var(--fg);font-weight:700;opacity:0;transition:opacity .15s}.editdetails-cover:hover span{opacity:1}@media (max-width: 600px){.editdetails-body{grid-template-columns:1fr}}.hero.artist{align-items:flex-end;min-height:340px}.hero.artist.with-banner{min-height:min(50vh,500px);padding-bottom:24px;background:linear-gradient(180deg,#0000000d,#00000026,#000000bf),var(--banner) center 25% / cover no-repeat}.hero.artist.with-banner h1,.hero.artist.with-banner .verified,.hero.artist.with-banner .hero-meta{text-shadow:0 2px 12px rgba(0,0,0,.5)}.hero.artist.with-banner .hero-meta{color:var(--fg);font-size:16px}.hero .hero-cover img,.hero>img,.hero .liked-art{width:232px;height:232px;aspect-ratio:1;flex:none;border-radius:var(--r-art);object-fit:cover;box-shadow:0 0 40px #0000008c}.hero.artist .hero-cover,.hero.artist .hero-cover img{border-radius:50%;width:192px;height:192px}.hero .kind{font-size:14px;font-weight:700}.hero h1{margin:8px 0 16px;font-weight:800;line-height:1.05;letter-spacing:-2px;overflow-wrap:anywhere}.hero p{margin:0;color:#ffffffb3;font-size:14px}.hero p b{color:var(--fg)}.verified{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:700}.verified svg{color:#4cb3ff}.actions{display:flex;align-items:center;gap:24px;padding:24px}.hero.artist~.actions{padding-bottom:12px}.hero.artist~.pad>section:first-child .shelf-head{margin-top:8px}.bigplay{width:56px;height:56px;border-radius:50%;background:var(--accent);color:#000;display:grid;place-items:center;transition:transform .15s var(--ease),background-color .15s}.bigplay:hover{transform:scale(1.04);background:var(--accent-hover)}.bigplay:active{transform:scale(1);background:var(--accent-press)}.btn-secondary{border:1px solid #7a7a7a;border-radius:9999px;padding:8px 16px;color:var(--fg);font-size:14px;font-weight:700;min-block-size:32px;transition:transform .15s var(--ease)}.btn-secondary:hover{transform:scale(1.04);border-color:var(--fg)}.icon-btn{color:var(--fg-dim);display:grid;place-items:center;width:32px;height:32px;border-radius:50%;position:relative}.icon-btn:hover{color:var(--fg)}.icon-btn.on{color:var(--accent)}.player-right .icon-btn.on:after{content:"";position:absolute;left:50%;bottom:1px;width:4px;height:4px;border-radius:50%;background:var(--accent);transform:translate(-50%)}.content{container-type:inline-size}@container (max-width: 720px){.trackrow,.trackhead{grid-template-columns:36px minmax(0,1fr) 32px 5ch 32px}.trackrow:has(.trackrow-art),.trackhead.with-art{grid-template-columns:36px auto minmax(0,1fr) 32px 5ch 32px}.trackrow-album,.trackhead>span:nth-last-child(4){display:none}}.tracklist{padding:0 16px 16px}.trackrow{display:grid;grid-template-columns:36px auto minmax(0,4fr) minmax(0,3fr) 32px 5ch 32px;gap:12px;align-items:center;width:100%;padding:6px 16px;border-radius:var(--r-art);color:var(--fg-dim);min-height:56px;position:relative;box-sizing:border-box}.trackrow:hover{background:var(--tint-hi)}.trackrow.active .trackrow-name>span{color:var(--accent)}.trackrow.dragging{opacity:.4}.trackrow.dropbefore{box-shadow:inset 0 2px 0 var(--accent)}.trackrow-n{color:var(--fg-dim);font-size:16px;font-variant-numeric:tabular-nums;width:36px;height:36px;position:relative;padding:0}.trackrow-idx,.trackrow-playglyph{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center}.trackrow-playglyph{color:var(--fg);opacity:0}.trackrow:hover .trackrow-idx{opacity:0}.trackrow:hover .trackrow-playglyph{opacity:1}.trackrow.active .trackrow-idx{color:var(--accent)}.trackrow-art{width:40px;height:40px;border-radius:4px;object-fit:cover;background:var(--card-hover);flex:0 0 40px}.trackrow:not(:has(.trackrow-art)){grid-template-columns:36px minmax(0,4fr) minmax(0,3fr) 32px 5ch 32px}.trackrow-name{display:flex;flex-direction:column;min-width:0}.trackrow-name span{color:var(--fg);font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trackrow-name small{font-size:12px;color:var(--fg-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}.trackrow-name small .rowlink{color:var(--fg-dim)}.trackrow-name small .rowlink:hover{color:var(--fg)}.trackrow-album{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trackrow-album:hover{color:var(--fg);text-decoration:underline;cursor:pointer}.trackrow-dur{font-size:14px;font-variant-numeric:tabular-nums;text-align:right}.trackrow-like,.trackrow-more{width:32px;height:32px;display:grid;place-items:center;color:var(--fg-dim);opacity:0;border-radius:50%}.trackrow:hover .trackrow-like,.trackrow:hover .trackrow-more,.trackrow-like.on{opacity:1}.trackrow-like:hover,.trackrow-more:hover{color:var(--fg)}.trackrow-menu{position:relative}.ctxmenu{position:absolute;right:0;top:100%;z-index:60;min-width:220px;max-height:320px;overflow-y:auto;background:var(--bg-elevated-hi);border-radius:var(--r-art);padding:4px;box-shadow:0 16px 24px #0000004d,0 6px 8px #0003}.ctxmenu-fixed{position:fixed;right:auto;top:auto;z-index:120;min-width:240px;max-width:320px;max-height:min(70vh,560px)}.ctxmenu-sub{min-width:200px}.ctxmenu button{display:block;width:100%;text-align:left;padding:10px 12px;border-radius:2px;font-size:14px;color:var(--fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ctxmenu button:hover,.ctxmenu button.open{background:var(--tint-hi)}.ctxmenu button.danger{color:var(--danger)}.ctxmenu button:disabled{opacity:.4}.ctxmenu .ctxitem{display:flex;align-items:center;gap:12px;padding:9px 10px 9px 8px}.ctxmenu .ctx-ico{width:16px;height:16px;display:grid;place-items:center;color:var(--fg-dim);flex:0 0 16px}.ctxmenu .ctxitem:hover .ctx-ico{color:var(--fg)}.ctxmenu .ctx-label{flex:1;overflow:hidden;text-overflow:ellipsis}.ctxmenu .ctx-chev{color:var(--fg-dim);flex:0 0 14px}.ctxmenu-label{padding:8px 12px 4px;font-size:12px;color:var(--fg-dim);font-weight:700}.ctxslider{padding:8px 12px 10px 40px;display:flex;flex-direction:column;gap:6px}.ctxslider-head{display:flex;justify-content:space-between;align-items:center;font-size:14px}.ctxslider-val{color:var(--fg-dim);font-size:12px;font-variant-numeric:tabular-nums}.ctxslider input[type=range]{width:100%}.ctxmenu-head,.ctxmenu-scrim{display:none}.ctxmenu-sep{height:1px;background:#3d3c3c;margin:4px 0}.liked-art,.libitem .liked-art,.hero .liked-art{background:linear-gradient(135deg,#450af5,#c4efd9)!important;display:grid;place-items:center;color:#fff}.liked-art svg{width:var(--heart, 45%);height:var(--heart, 45%)}.libitem .liked-art{width:48px;height:48px;border-radius:4px;flex:none}.tile .tile-liked{position:absolute;right:-8%;bottom:-12%;width:55%;aspect-ratio:1;border-radius:6px;transform:rotate(25deg);box-shadow:0 8px 24px #00000080}.searchtypes{display:flex;gap:8px;padding:0 24px 8px;flex-wrap:wrap}.topresult{background:var(--card);border-radius:var(--r-panel);padding:20px;display:flex;flex-direction:column;gap:16px;min-height:232px;transition:background .3s;position:relative;cursor:pointer}.topresult:hover{background:var(--card-hover)}.topresult img{width:92px;height:92px;border-radius:var(--r-art);object-fit:cover;box-shadow:0 8px 24px #00000080}.topresult.round img{border-radius:50%}.topresult h3{margin:0;font-size:32px;font-weight:700;letter-spacing:-1px;line-height:1.1}.topresult .kind{font-size:14px;color:var(--fg-dim)}.topresult .kind b{color:var(--fg);background:var(--tint);padding:4px 10px;border-radius:9999px;font-size:12px;margin-left:8px}.topresult .card-play{bottom:20px}.topresult:hover .card-play{opacity:1;transform:none}.searchgrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:24px;align-items:start}@media (max-width: 1100px){.searchgrid{grid-template-columns:1fr}}.newplaylist-input{background:var(--card-hover);border:1px solid transparent;color:var(--fg);border-radius:var(--r-art);padding:8px 10px;font-size:14px;width:100%}.newplaylist-input:focus{outline:none;border-color:var(--fg)}.banner{padding:12px 16px;border-radius:var(--r-panel);background:var(--bg-elevated);color:var(--fg-dim);margin:16px 24px;font-size:14px}.banner.error{background:#2a1618;color:var(--danger)}.skeleton-rows{padding:4px 16px}.skeleton-row{display:flex;align-items:center;gap:12px;min-height:56px}.skeleton-row>span{display:flex;flex-direction:column;gap:8px;flex:1}.sk-art{width:40px;height:40px;border-radius:4px;background:#2a2a2a;flex:none}.sk-line{display:block;height:12px;border-radius:6px;background:#2a2a2a}.sk-line.w1{width:55%}.sk-line.w2{width:35%;height:10px}.skeleton-row i{animation:sk-shimmer 1.2s ease-in-out infinite}@keyframes sk-shimmer{0%,to{opacity:1}50%{opacity:.45}}@media (max-width: 760px){.skeleton-row{min-height:64px}.sk-art{width:48px;height:48px}}.placeholder-note{color:var(--fg-dim);font-size:14px;padding:16px 0;margin:8px 0}.panel-header{display:flex;align-items:center;gap:8px;height:64px;padding:8px 16px;flex:none}.panel-header .title{font-size:16px;font-weight:700;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.panel-body{flex:1;min-height:0;overflow-y:auto;padding:0 16px 16px;display:flex;flex-direction:column;gap:16px}.npv-art{width:100%;aspect-ratio:1;border-radius:var(--r-panel);object-fit:cover;background:var(--card-hover)}.npv-track{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.npv-title{font-size:24px;font-weight:700;line-height:1.2}.npv-artist{color:var(--fg-dim);font-size:16px}.npv-artist:hover{color:var(--fg);text-decoration:underline;cursor:pointer}.section{background:var(--bg-elevated);border-radius:var(--r-panel);padding:16px;display:flex;flex-direction:column;gap:12px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.section-head h2{font-size:16px;font-weight:700;margin:0}.section-head button{color:var(--fg-dim);font-size:14px;font-weight:700}.section-head button:hover{color:var(--fg);text-decoration:underline}.qrow{display:flex;align-items:center;gap:12px;width:100%;padding:8px;border-radius:var(--r-row);text-align:left;flex:none}.panel-body section{display:flex;flex-direction:column;gap:2px}.qrow:hover{background:var(--tint-hi)}.qrow{position:relative}.qrow-art{position:relative;padding:0;flex:none;width:40px;height:40px}.qrow-play{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#fff;background:#0000008c;border-radius:4px;opacity:0;transition:opacity .12s}.qrow:hover .qrow-play{opacity:1}.qrow-more{margin-left:auto;color:var(--fg-dim);opacity:0;width:28px;height:28px;display:grid;place-items:center;flex:none}.qrow:hover .qrow-more{opacity:1}.qrow-more:hover{color:var(--fg)}.qrow.dropbefore{box-shadow:inset 0 2px 0 var(--accent)}.qrow.dragging{opacity:.4}.qrow-title[role=button]:hover{text-decoration:underline;cursor:pointer}.section-head .linkish{color:var(--fg-dim);font-size:13px;font-weight:700}.section-head .linkish:hover{color:var(--fg);text-decoration:underline}.qrow img,.qrow .ph{width:40px;height:40px;border-radius:4px;object-fit:cover;background:var(--card-hover);flex:none}.qrow-text{min-width:0;display:flex;flex-direction:column}.qrow-title{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qrow.active .qrow-title{color:var(--accent)}.qrow-sub{color:var(--fg-dim);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tabs{display:flex;gap:16px;padding:0 16px 12px;flex:none;border-bottom:1px solid #2e2c2c;margin-bottom:4px}.tabs button{color:var(--fg-dim);font-size:16px;font-weight:700;padding:4px 0}.tabs button.on{color:var(--fg);border-bottom:2px solid var(--accent)}.lyrics{display:flex;flex-direction:column;gap:.6em;padding:8px 0 40px;align-items:flex-start}.lyric-line{font-size:24px;font-weight:700;line-height:1.3;text-align:left;color:var(--lyrics-inactive, var(--fg-dim));cursor:pointer;transition:color .1s ease-out,opacity .1s ease-out;background:none;border:0;padding:0}.lyric-line.sung{opacity:.5}.lyrics-sync{position:sticky;bottom:16px;align-self:center;background:#e6e6e6;color:#000;border-radius:500px;padding:8px 20px;font-size:14px;font-weight:700;margin-top:8px}.lyrics-sync:hover{background:#fff}.fs-lyrics .lyrics-sync{font-size:15px;padding:10px 24px}.lyric-line.now{color:var(--lyrics-active, var(--fg));opacity:1}.lyric-line:hover{color:var(--lyrics-active, var(--fg));opacity:1;text-decoration:underline}.player{background:var(--black);padding:8px 0 0;min-width:620px}.player-error{background:#2a1618;color:var(--danger);padding:8px 16px;font-size:14px;cursor:pointer;border-radius:var(--r-art);margin-bottom:8px}.player-row{display:grid;grid-template-columns:30% minmax(0,40%) 30%;align-items:center;height:72px;gap:16px}.player-now{display:flex;align-items:center;gap:14px;min-width:180px}.player-art{width:56px;height:56px;border-radius:var(--r-art);object-fit:cover;background:var(--card-hover)}.player-art.clickable{cursor:pointer}.player-art.clickable:hover{opacity:.82}.player-meta{min-width:0}.player-title,.player-artist{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-title{font-size:14px;font-weight:400}.player-artist{color:var(--fg-dim);font-size:12px}.linkish{padding:0;color:var(--fg-dim);font-size:12px;text-align:left}.linkish:hover{color:var(--fg);text-decoration:underline}.player-controls{display:flex;flex-direction:column;gap:8px;align-items:center;justify-self:center;width:100%;max-width:722px}.player-buttons{display:flex;gap:16px;align-items:center}.player-buttons button{color:#ffffffb3;width:32px;height:32px;border-radius:50%;display:grid;place-items:center}.player-buttons button:hover:not(:disabled){color:var(--fg)}.player-buttons button:disabled{opacity:.3;cursor:default}.player-buttons .play{background:var(--fg);color:#000;width:32px;height:32px;transition:transform .15s var(--ease);padding:0}.player-buttons .play svg{display:block}.player-buttons .play:hover:not(:disabled){transform:scale(1.06);color:#000}.player-buttons .ctl-mode{position:relative;width:28px;height:28px;color:#ffffff80}.player-buttons .ctl-mode:hover{color:var(--fg)}.player-buttons .ctl-mode.on{color:var(--accent, #1db954)}.player-buttons .ctl-mode.on:after{content:"";position:absolute;bottom:1px;left:50%;transform:translate(-50%);width:3px;height:3px;border-radius:50%;background:var(--accent, #1db954)}.player-buttons .ctl-spark{position:absolute;top:-2px;right:-1px;font-size:8px;line-height:1}.player-buttons .ctl-badge{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:8px;font-weight:700;color:var(--accent, #1ed760);pointer-events:none}.player-seek{display:flex;align-items:center;gap:8px;width:100%}.player-seek .t{color:var(--fg-dim);font-size:11px;font-variant-numeric:tabular-nums;width:50px}.player-seek .t:last-child{text-align:right}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:4px;border-radius:2px;background:linear-gradient(to right,var(--fg) 0%,var(--fg) var(--pct,0%),#ffffff4d var(--pct,0%),#ffffff4d 100%)}input[type=range]:hover{background:linear-gradient(to right,var(--seek-accent) 0%,var(--seek-accent) var(--pct,0%),#ffffff4d var(--pct,0%),#ffffff4d 100%)}.player-seek input[type=range].hovering,.fs-seek input[type=range].hovering{background:linear-gradient(to right,#fff 0%,#fff min(var(--pct, 0%),var(--hov, 0%)),rgba(255,255,255,.85) min(var(--pct, 0%),var(--hov, 0%)),rgba(255,255,255,.85) max(var(--pct, 0%),var(--hov, 0%)),#ffffff4d max(var(--pct, 0%),var(--hov, 0%)),#ffffff4d 100%)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:var(--fg);box-shadow:0 2px 4px #00000080;opacity:0;transition:opacity .15s}input[type=range]:hover::-webkit-slider-thumb{opacity:1}input[type=range]:disabled{opacity:.4}.player-right{display:flex;align-items:center;justify-content:flex-end;gap:4px;min-width:180px;padding-right:8px}.player-right .icon-btn,.player-right .devicebtn{width:32px;height:32px;display:grid;place-items:center;padding:0;color:#ffffffb3}.player-right .icon-btn:hover,.player-right .devicebtn:hover{color:var(--fg)}.player-right .icon-btn.on,.player-right .icon-btn.on:hover{color:var(--accent)}.player-volume{display:flex;align-items:center;gap:4px;color:#ffffffb3;width:128px}.player-volume .vol-ico{width:32px;height:32px;display:grid;place-items:center;padding:0;color:inherit}.player-volume input{width:93px}.player-volume:hover{color:var(--fg)}.devicepicker{position:relative}.devicebtn{display:flex;align-items:center;gap:6px;color:#ffffffb3;padding:6px;border-radius:var(--r-art)}.devicebtn:hover{color:var(--fg)}.devicebtn.casting{color:var(--accent)}.devicebtn-name{display:none}.devicemenu{position:absolute;bottom:calc(100% + 12px);right:0;width:340px;max-height:60vh;overflow-y:auto;background:var(--bg-elevated-hi);border-radius:var(--r-panel);padding:16px;z-index:50;box-shadow:0 18px 44px #000000b3}.devicemenu-head{display:flex;justify-content:space-between;align-items:baseline;padding:0 4px 14px}.devicemenu-head strong{font-size:16px;font-weight:700}.devicemenu-head span{color:var(--fg-dim);font-size:12px}.devicemenu-empty{color:var(--fg-dim);font-size:14px;padding:8px 4px;margin:0}.devicegroup+.devicegroup{margin-top:12px}.devicegroup-label{color:var(--fg-dim);font-size:12px;padding:8px 4px 4px;font-weight:700}.deviceitem{display:flex;align-items:center;gap:12px;width:100%;border-radius:var(--r-art);padding:10px 8px;text-align:left;color:var(--fg-dim)}.deviceitem:hover{background:var(--tint-hi);color:var(--fg)}.deviceitem.active{color:var(--accent)}.deviceitem-text{display:flex;flex-direction:column;min-width:0;flex:1}.deviceitem-name{color:var(--fg);font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.deviceitem.active .deviceitem-name{color:var(--accent)}.deviceitem-model{font-size:12px}.deviceitem-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);flex:none}.linkbtn{color:var(--fg-dim);padding:8px 16px;border-radius:9999px;font-size:14px;font-weight:700}.linkbtn:hover{color:var(--fg);background:var(--tint)}.avatar{width:32px;height:32px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:#509bf5;color:#000;font-size:14px;font-weight:700;padding:0;position:relative;box-shadow:0 0 0 4px #1f1f1f}.avatar img{width:100%;height:100%;object-fit:cover}.avatar:hover{transform:scale(1.04)}.avatarwrap{position:relative}.avatarmenu{position:absolute;right:0;top:calc(100% + 8px);min-width:196px;z-index:60;background:var(--bg-elevated-hi);border-radius:var(--r-art);padding:4px;box-shadow:0 16px 24px #0000004d,0 6px 8px #0003}.avatarmenu .who{padding:10px 12px 6px;font-size:14px;font-weight:700;display:flex;align-items:center;gap:10px}.avatarmenu .who-avatar{display:none}.avatarmenu .who-text{display:flex;flex-direction:column}.avatarmenu .who-text small,.avatarmenu .menu-ico,.avatarmenu .phone-only{display:none}@media (max-width: 760px){.avatarmenu .phone-only{display:inline}}.avatarmenu .sub{padding:0 12px 8px;font-size:12px;color:var(--fg-dim)}.avatarmenu button{display:block;width:100%;text-align:left;padding:10px 12px;border-radius:2px;font-size:14px;color:var(--fg)}.avatarmenu button:hover{background:var(--tint-hi)}.detailbar{position:sticky;top:0;z-index:8;display:flex;align-items:center;gap:8px;height:64px;padding:0 16px;background:linear-gradient(var(--bg-base),rgba(18,18,18,.86));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.back{color:var(--fg);width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#000000b3}.back:hover{background:#000000e6}.login,.boot{display:flex;align-items:center;justify-content:center;height:100%;color:var(--fg-dim)}.login form{width:min(420px,90vw);background:var(--bg-base);border-radius:14px;padding:32px;display:flex;flex-direction:column;gap:14px}.login h1{margin:0;font-size:32px;font-weight:800;letter-spacing:-1px}.login-sub{margin:0 0 6px;color:var(--fg-dim);font-size:14px}.login-hint{margin:2px 0 0;font-size:12px;color:var(--fg-dim)}.login label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:700;color:var(--fg-dim)}.login input{background:var(--card-hover);border:1px solid transparent;color:var(--fg);border-radius:var(--r-art);padding:12px 14px;font-size:14px}.login input:focus{outline:none;border-color:var(--fg)}.primary{background:var(--accent);color:#000;font-weight:700;border-radius:9999px;padding:14px 18px;margin-top:8px;font-size:14px;transition:transform .15s var(--ease)}.primary:hover:not(:disabled){background:var(--accent-hover);transform:scale(1.02)}.primary:disabled{opacity:.3;cursor:not-allowed}.toast{position:fixed;left:50%;bottom:96px;transform:translate(-50%);background:var(--accent);color:#000;font-size:14px;font-weight:500;padding:12px 16px;border-radius:8px;z-index:100;box-shadow:0 4px 12px #00000080}.home .greeting{font-size:32px;font-weight:700;letter-spacing:-1px;margin:8px 0 20px}.shortcuts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:32px}@media (min-width: 1200px){.shortcuts{grid-template-columns:repeat(4,minmax(0,1fr))}}.shortcut{display:flex;align-items:center;gap:16px;height:64px;overflow:hidden;background:#ffffff12;border-radius:var(--r-art);cursor:pointer;position:relative;transition:background-color .3s}.shortcut:hover{background:#ffffff1f}.shortcut-art{width:64px;height:64px;object-fit:cover;flex:none;border-radius:4px 0 0 4px;background:var(--card-hover)}.shortcut-art.ph{background:var(--card-hover)}.shortcut-title{font-size:16px;font-weight:700;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:56px}.shortcut .shortcut-play{position:absolute;right:8px;top:50%;bottom:auto;transform:translateY(-50%) translateY(8px);width:48px;height:48px}.shortcut:hover .shortcut-play{opacity:1;transform:translateY(-50%)}.homeshelf .shelf{min-height:0}.mixart img{object-position:top}.mixband{position:absolute;left:0;right:0;bottom:0;padding:8px 12px;background:var(--mix, #1e3264);color:#fff;font-size:15px;font-weight:700;letter-spacing:-.2px;border-radius:0 0 var(--r-art) var(--r-art)}.mixart .ph{background:linear-gradient(160deg,color-mix(in srgb,var(--mix) 55%,#000),var(--mix))}.mixcard .card-play{bottom:46px}.npbars{display:inline-flex;align-items:flex-end;gap:2px;height:14px;width:14px}.npbars i{display:block;width:3px;background:var(--accent);animation:npbar .9s ease-in-out infinite;height:40%}.npbars i:nth-child(2){animation-delay:.25s;height:90%}.npbars i:nth-child(3){animation-delay:.5s;height:60%}@keyframes npbar{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}.npbars i{transform-origin:bottom}.rowlink{padding:0;font:inherit;color:inherit;text-align:left;white-space:nowrap}.rowlink:focus-visible{outline:1px solid var(--fg);outline-offset:2px;border-radius:2px}.rowlink:hover{color:var(--fg);text-decoration:underline}.seemore{color:var(--fg-dim);font-size:14px;font-weight:700;padding:14px 16px}.seemore:hover{color:var(--fg)}.playing-elsewhere{display:flex;align-items:center;justify-content:flex-end;gap:6px;background:var(--accent);color:#000;font-size:11px;font-weight:700;padding:3px 12px;margin:0 -8px -8px}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;z-index:130;background:#0009;display:grid;place-items:center}.modal{background:var(--bg-elevated-hi);border-radius:8px;padding:24px;width:min(420px,calc(100vw - 32px));display:grid;gap:16px;box-shadow:0 16px 24px #0000004d}.modal h3{margin:0;font-size:20px}.modal input{width:100%;padding:12px 14px;border-radius:4px;border:1px solid #555;background:#1f1f1f;color:var(--fg);font-size:15px}.modal input:focus{outline:none;border-color:var(--fg)}.modal-actions{display:flex;justify-content:flex-end;gap:8px}.modal-actions .primary{background:var(--fg);color:#000;border-radius:500px;padding:10px 24px;font-weight:700}.modal-actions .primary:disabled{opacity:.4}.trackhead.with-art>span:nth-child(2){width:40px}.hero-title-edit{display:block;padding:0;text-align:left;color:inherit;max-width:100%;cursor:pointer}.hero-title-edit h1{margin:8px 0 16px}.hero.profile{min-height:340px;align-items:center}.profile-avatar{width:232px;height:232px;border-radius:50%;overflow:hidden;background:#282828;display:grid;place-items:center;box-shadow:0 0 48px #0009}.profile-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.profile-initial{font-size:96px;font-weight:800;color:var(--fg);width:100%;height:100%;place-items:center}.shelf-sub{margin:-12px 0 12px;color:var(--fg-dim);font-size:14px}.avatarmenu .who{font-weight:700}.trackrow-art.link{cursor:pointer}.trackrow-art.link:hover{filter:brightness(1.15)}.settings{max-width:760px}.settings-section{margin:28px 0}.settings-section h2{font-size:20px;font-weight:700;margin:0 0 14px}.settings-row{display:flex;align-items:center;gap:20px}.settings-avatar{position:relative;width:128px;height:128px;border-radius:50%;overflow:hidden;background:#282828;cursor:pointer;display:block;box-shadow:0 0 32px #00000080;flex:none}.settings-avatar img{width:100%;height:100%;object-fit:cover}.settings-avatar span{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#000000a6;color:#fff;font-weight:700;font-size:14px;opacity:0;transition:opacity .15s}.settings-avatar:hover span{opacity:1}.settings-name{font-size:24px;font-weight:700}.settings-hint{color:var(--fg-dim);font-size:14px;margin-top:6px}.settings-field label{display:block;font-weight:700;margin-bottom:8px}.settings-field select{background:var(--bg-elevated-hi);color:var(--fg);border:1px solid transparent;border-radius:4px;padding:10px 12px;font-size:14px;min-width:280px}.theme-presets{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}.theme-preset{display:flex;align-items:center;gap:10px;padding:8px 14px 8px 8px;border-radius:500px;background:var(--tint);color:var(--fg);font-weight:700;font-size:14px;border:2px solid transparent}.theme-preset:hover{background:var(--tint-hi)}.theme-preset.on{border-color:var(--accent)}.theme-swatch{display:inline-flex;width:48px;height:24px;border-radius:12px;overflow:hidden;background:var(--p-bg)}.theme-swatch i{flex:1}.theme-swatch i:nth-child(1){background:var(--p-bg)}.theme-swatch i:nth-child(2){background:var(--p-surface)}.theme-swatch i:nth-child(3){background:var(--p-accent)}.theme-colors{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:10px}.theme-color{display:flex;align-items:center;gap:14px;padding:10px 14px;border-radius:8px;background:var(--card);cursor:pointer}.theme-color:hover{background:var(--card-hover)}.theme-color input[type=color]{width:40px;height:40px;border:none;border-radius:50%;padding:0;background:none;cursor:pointer}.theme-color input[type=color]::-webkit-color-swatch-wrapper{padding:0}.theme-color input[type=color]::-webkit-color-swatch{border:2px solid var(--tint-hi);border-radius:50%}.theme-color-body{flex:1;display:grid}.theme-color-body b{font-size:15px}.theme-color-body small{color:var(--fg-dim);font-size:13px}.theme-color code{color:var(--fg-dim);font-size:12px}.trackrow.hi,.topresult.hi{background:var(--tint-hi);outline:1px solid var(--tint-press)}.lyric-snippet{display:flex;align-items:center;gap:8px;color:var(--fg-dim);font-size:12px;line-height:16px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.lyric-snippet>:not(.lyric-tag){overflow:hidden;text-overflow:ellipsis}.lyric-snippet mark{background:none;color:var(--fg);font-weight:500}.lyric-tag{flex:none;display:inline-block;font-size:10px;line-height:15px;font-weight:600;letter-spacing:0;text-transform:none;background:var(--tint);color:var(--fg-dim)!important;border-radius:3px;padding:0 6px}.within{margin-left:auto;display:flex;align-items:center;gap:8px;color:var(--fg-dim);background:transparent;border-radius:4px;padding:6px 8px}.within:hover,.within:focus-within{background:var(--tint);color:var(--fg)}.within input{background:transparent;border:none;color:var(--fg);font-size:14px;width:0;transition:width .2s;padding:2px 0}.within:hover input,.within:focus-within input,.within input:not(:placeholder-shown){width:180px}.within input:focus{outline:none}.within button{color:var(--fg-dim);font-size:18px;line-height:1;padding:0 2px}.lyric-snippet.playable{cursor:pointer}.lyric-snippet.playable:hover mark,.lyric-snippet.playable:hover{color:var(--accent)}.pills.chips{margin-bottom:12px}.pills.recents{flex-wrap:wrap}.recentcard{position:relative}.recent-x{position:absolute;top:4px;right:4px;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;color:var(--fg-dim);background:#0000008c;opacity:0;transition:opacity .15s;z-index:2}.recentcard:hover .recent-x,.recent-x:focus-visible{opacity:1}.recent-x:hover{color:var(--fg);background:#000c}.placeholder-note code{background:var(--tint);padding:1px 5px;border-radius:3px;color:var(--fg);font-size:12px}.tilegrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:24px}.tile{position:relative;aspect-ratio:16 / 9;border-radius:8px;overflow:hidden;background:var(--tile, #3d3c3c);text-align:left;padding:16px;color:#fff;isolation:isolate}.tile span{position:relative;z-index:1;font-size:24px;font-weight:700;letter-spacing:-.3px;max-width:70%;display:block;line-height:1.15}.tile img{position:absolute;right:-8%;bottom:-12%;width:55%;aspect-ratio:1;object-fit:cover;border-radius:6px;transform:rotate(25deg);box-shadow:0 8px 24px #00000080}.tile .tile-heart{position:absolute;right:8%;bottom:8%;color:#fff;transform:rotate(25deg);opacity:.9}.tile:hover{filter:brightness(1.08)}.browse-hero{min-height:220px}.settings-input{background:var(--bg-elevated-hi);color:var(--fg);border:1px solid transparent;border-radius:4px;padding:10px 12px;font-size:14px;min-width:320px}.settings-input:focus{outline:none;border-color:var(--fg-dim)}.settings-hint a{color:var(--fg);text-decoration:underline}.libitem.dropbefore{box-shadow:inset 0 2px 0 var(--accent)}.libitem.dragging{opacity:.4}.iconbtn.on svg{color:var(--seek-accent)}.npv-artist-link{color:var(--fg-dim);font-size:16px;padding:0}.npv-artist-link:hover{color:var(--fg);text-decoration:underline}.settings-actions{display:flex;align-items:center;gap:12px;margin-top:14px}.settings-actions .primary{background:var(--fg);color:#000;border-radius:500px;padding:10px 24px;font-weight:700}.settings-actions .primary:disabled{opacity:.4}.card.missing .card-art img,.card.missing .card-art .ph{filter:grayscale(.6) brightness(.55)}.card.missing .card-title{color:var(--fg-dim)}.card-request{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--fg);color:#000;font-weight:700;font-size:13px;border-radius:500px;padding:8px 14px;box-shadow:0 8px 16px #0006;white-space:nowrap}.card-request:hover{transform:translate(-50%,-50%) scale(1.04)}.card-request.busy{background:var(--tint-press);color:var(--fg)}.card-request:disabled{cursor:default}.loading-screen{display:grid;place-items:center;background:var(--black, #000)}.dots{display:flex;gap:6px}.dots i{width:8px;height:8px;border-radius:50%;background:var(--fg-dim);animation:dotbounce 1.2s infinite ease-in-out}.dots i:nth-child(2){animation-delay:.16s}.dots i:nth-child(3){animation-delay:.32s}@keyframes dotbounce{0%,80%,to{transform:scale(.6);opacity:.5}40%{transform:scale(1);opacity:1}}.settings-actions button{height:40px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box}button:not(:disabled),[role=button],a,.card,.tile,.shortcut,.libitem,.trackrow-art.link,.pill,.hero-title-edit,.topresult,.mixcard,.qrow-title[role=button],label.settings-avatar,label.editdetails-cover,.hero-cover.editable,.lyric-snippet.playable{cursor:pointer}button:disabled{cursor:default}.fs{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#000;color:#fff;display:grid;grid-template-rows:auto 1fr auto;overflow:hidden}.fs-bg{position:absolute;top:-60px;right:-60px;bottom:-60px;left:-60px;background-size:cover;background-position:center;filter:blur(60px) brightness(.35) saturate(1.2);transform:scale(1.1)}.fs-bg.dim{filter:blur(60px) brightness(.22) saturate(1.2)}.fs>*:not(.fs-bg){position:relative}.fs-top{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:4px;padding:0 32px;height:76px;box-sizing:border-box}.fs-from{grid-column:1}.fs-tabs{display:flex;align-items:center;gap:2px;height:36px}.fs-tab{display:flex;align-items:center}.fs-tab>button:first-child{width:36px;height:36px;display:grid;place-items:center;color:#ffffffb3;border-radius:50%}.fs-tab>button:first-child:hover,.fs-tab.on>button:first-child{color:#fff}.fs-tab>button:first-child svg{display:block}.fs-divider{width:1px;height:20px;background:#ffffff47;margin:0 10px 0 8px}.fs-chevron,.fs-from-phone,.fs-phone-row,.mobile-back,.mobile-title,.libchips,.libsort,.login-mark{display:none}.fs-close{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;color:#ffffffb3}.fs-close:hover{color:#fff}.fs-stage{display:grid;place-items:center;min-height:0;padding:0 32px}.fs-art{max-height:100%;max-width:min(56vh,90vw);aspect-ratio:1;object-fit:cover;border-radius:12px;box-shadow:0 30px 80px #0009}.fs-art.ph{width:56vh;background:#222}.fs-lyrics{width:min(900px,100%);height:100%;overflow-y:auto;font-size:28px;line-height:1.35;font-weight:700;padding:24px 0;-webkit-mask-image:linear-gradient(transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(transparent,#000 10%,#000 90%,transparent)}.fs-lyrics{scrollbar-width:none}.fs-lyrics::-webkit-scrollbar{display:none}.fs-lyrics .lyric-line,.fs-lyrics p{font-size:28px}.fs-bottom{display:grid;grid-template-columns:1fr auto 1fr;grid-template-rows:auto auto;align-items:center;gap:20px 24px;padding:28px 48px 48px}.fs-meta{display:flex;align-items:center;gap:16px;min-width:0}.fs-thumb{width:64px;height:64px;border-radius:6px;object-fit:cover;box-shadow:0 8px 24px #00000080}.fs-title{font-size:28px;font-weight:800;letter-spacing:-.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fs-artist{font-size:16px;color:#ffffffb3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fs-artist .linkish{color:#ffffffb3;font-size:16px}.fs-artist .linkish:hover{color:#fff;text-decoration:underline}.fs-like{color:#ffffffb3;padding:8px}.fs-like:hover,.fs-like.on{color:#fff}.fs-seek{grid-column:1 / -1;grid-row:1;display:flex;align-items:center;gap:12px;font-size:13px;color:#ffffffb3;font-variant-numeric:tabular-nums}.fs-seek input{flex:1}.fs-meta{grid-column:1;grid-row:2}.fs-controls{grid-column:2;grid-row:2;display:flex;align-items:center;gap:24px;color:#ffffffb3}.fs-output{grid-column:3;grid-row:2;justify-self:end;display:flex;align-items:center;gap:14px;min-width:0;color:#ffffffb3}.fs-output .devicebtn{padding:4px 6px 4px 0;font-size:13px;gap:6px;max-width:260px;color:#ffffffb3}.fs-output .devicebtn.with-name.casting .devicebtn-name{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fs-output .devicebtn:hover,.fs-output .devicebtn:hover .devicebtn-name{color:#fff}.fs-output .devicebtn.casting,.fs-output .devicebtn.casting .devicebtn-name{color:var(--accent)}.fs-output .devicebtn.casting:hover,.fs-output .devicebtn.casting:hover .devicebtn-name{color:var(--accent-hover)}.fs-output .devicemenu{right:0;left:auto}.fs-volume{display:flex;align-items:center;gap:6px}.fs-volume button{width:28px;height:28px;display:grid;place-items:center;color:inherit}.fs-volume button:hover{color:#fff}.fs-volume input{width:110px}.fs-controls button:hover{color:#fff}.fs-controls .ctl-mode.on{color:var(--accent)}.fs-play{width:56px;height:56px;border-radius:50%;background:#fff;color:#000!important;display:grid;place-items:center}.fs-play:hover{transform:scale(1.05)}.viz{position:relative;width:100%;height:100%;min-height:0;overflow:hidden;background:transparent;cursor:default}.viz-stage{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.viz{margin-top:7vh;height:calc(100% - 7vh)}.viz-stage canvas{width:100%!important;height:100%!important;display:block}.viz-msg{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;text-align:center;padding:40px;color:#ffffffb3;font-size:16px}.cal{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:24px;background:#0006;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;user-select:none;-webkit-user-select:none;z-index:3}.cal-card{width:min(520px,100%);background:#181818;border-radius:12px;padding:28px 28px 24px;box-shadow:0 16px 48px #0009;text-align:center;color:#fff}.cal-title{font-size:22px;font-weight:700;margin-bottom:12px}.cal-step{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#b3b3b3;margin-bottom:14px}.cal-text{font-size:15px;line-height:1.45;color:#fff;margin:0 0 12px}.cal-text.muted{color:#b3b3b3;font-size:14px}.cal-text.warn{color:#f5b942}.cal-steps{text-align:left;margin:0 0 14px;padding-left:22px;font-size:15px;line-height:1.5;color:#e6e6e6}.cal-steps li+li{margin-top:6px}.cal-pad{width:200px;height:200px;margin:6px auto 16px;border-radius:50%;display:grid;place-items:center;padding:24px;font-size:16px;font-weight:700;line-height:1.3;background:#ffffff1a;border:2px solid #ffffff40;transition:none}.cal-pad.a,.cal-pad.b{animation:cal-hit .28s ease-out}.cal-pad.wait{color:#b3b3b3;border-style:dashed}@keyframes cal-hit{0%{background:var(--accent);border-color:var(--accent);color:#000;transform:scale(1.06)}to{background:#ffffff1a;border-color:#ffffff40;color:#fff;transform:scale(1)}}.cal-bar{height:4px;border-radius:2px;background:#fff3;overflow:hidden;margin:0 24px 12px}.cal-bar>div{height:100%;background:var(--accent);transition:width .1s linear}.cal-big{font-size:44px;font-weight:800;letter-spacing:-.02em;margin:8px 0 10px;font-variant-numeric:tabular-nums}.cal-btns{display:flex;justify-content:center;gap:10px;margin-top:8px;cursor:default}.cal-btn{background:#e6e6e6;color:#000;border-radius:500px;padding:10px 24px;font-size:14px;font-weight:700}.cal-btn:hover{background:#fff}.cal-btn:disabled{opacity:.4;cursor:default}.cal-btn.ghost{background:transparent;color:#fff;border:1px solid #ffffff59}.cal-btn.ghost:hover{background:transparent;border-color:#fff}.disco-filters{display:flex;flex-wrap:wrap;gap:8px 20px;margin-bottom:16px;align-items:center}.disco-filters .pills+.pills{padding-left:20px;border-left:1px solid var(--tint-press)}.ctxmenu-fixed{z-index:300}.fs,.fs *,.ctxmenu,.ctxmenu *,.modal-back,.modal-back *,.loading-screen{-webkit-app-region:no-drag}.fs-top{-webkit-app-region:drag}.fs-top button,.fs-top .ctxmenu,.fs-top .ctxmenu *{-webkit-app-region:no-drag}.reco{margin-top:32px;padding-top:24px;border-top:1px solid var(--tint)}.reco-head{padding:0 16px 12px}.reco-head h2{margin:0;font-size:24px;font-weight:700}.reco-head p{margin:4px 0 0;color:var(--fg-dim);font-size:14px}.reco-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px}.reco-row .trackrow-like,.reco-row .trackrow-dur{display:none}.reco-add{padding:6px 16px;border-radius:500px;border:1px solid var(--fg-dim);color:var(--fg);font-weight:700;font-size:14px;margin-right:16px;background:transparent}.reco-add:hover{border-color:var(--fg);transform:scale(1.04)}.reco-refresh{color:var(--fg-dim);font-size:14px;font-weight:700;padding:14px 16px}.reco-refresh:hover{color:var(--fg)}.history-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:24px}.history-head h1{margin:4px 0 8px;font-size:40px;font-weight:800;letter-spacing:-1px}.history-head .kind{font-size:14px;color:var(--fg-dim)}.history-head .hero-meta{margin:0}.history section{margin-bottom:32px}.history-connect{background:var(--bg-elevated);border-radius:var(--r-panel);padding:20px;max-width:560px;display:flex;flex-direction:column;gap:14px;align-items:flex-start}.history-connect p{margin:0;color:var(--fg-dim)}.stat-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:32px}.stat-tile{background:var(--bg-elevated);border-radius:var(--r-panel);padding:16px;display:flex;flex-direction:column;gap:4px}.stat-tile b{font-size:28px;font-weight:800;letter-spacing:-.5px;font-variant-numeric:tabular-nums}.stat-tile span{color:var(--fg-dim);font-size:13px}.hlist{display:flex;flex-direction:column}.hrow{display:grid;grid-template-columns:24px 40px minmax(0,1fr) auto;gap:12px;align-items:center;padding:6px 8px;border-radius:var(--r-art);min-height:52px}.hrow:hover{background:var(--tint-hi)}.hrow.norank{grid-template-columns:40px minmax(0,1fr) auto}.hrow-n{color:var(--fg-dim);font-size:14px;text-align:right;font-variant-numeric:tabular-nums}.hrow-art{position:relative;width:40px;height:40px;padding:0;flex:none}.hrow-art img,.hrow-art .ph{width:40px;height:40px;border-radius:4px;object-fit:cover;background:var(--card-hover);display:block}.hrow-art:disabled{cursor:default}.hrow-play{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#fff;background:#0000008c;border-radius:4px;opacity:0;transition:opacity .12s}.hrow.playable:hover .hrow-play{opacity:1}.hrow-text{min-width:0;display:flex;flex-direction:column}.hrow-title{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hrow.active .hrow-title{color:var(--accent)}.hrow-text small{color:var(--fg-dim);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hrow-count{color:var(--fg-dim);font-size:13px;white-space:nowrap;font-variant-numeric:tabular-nums;display:flex;align-items:center;gap:8px}.hsrc{font-size:11px;padding:2px 8px;border-radius:500px;background:var(--tint);color:var(--fg-dim)}.card-rank{position:absolute;left:8px;top:8px;background:#000000a6;color:#fff;font-size:12px;font-weight:700;width:24px;height:24px;border-radius:50%;display:grid;place-items:center}.history .card-art{position:relative}.history-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.genre-bars{display:flex;flex-direction:column;gap:8px}.genre-bar{display:grid;grid-template-columns:140px minmax(0,1fr) auto;gap:10px;align-items:center;font-size:14px}.genre-bar span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.genre-bar i{display:block;height:10px;border-radius:4px;background:var(--accent);min-width:4px}.genre-bar b{color:var(--fg-dim);font-weight:400;font-size:13px;font-variant-numeric:tabular-nums}.hbars{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:2px;height:120px;align-items:end;padding-bottom:18px;position:relative}.hbar{position:relative;height:100%;display:flex;align-items:flex-end}.hbar i{display:block;width:100%;background:var(--accent);border-radius:3px 3px 0 0;opacity:.85}.hbar:hover i{opacity:1}.hbar span{position:absolute;top:100%;left:0;margin-top:4px;font-size:11px;color:var(--fg-dim);white-space:nowrap}.tabbar{display:none}@media (max-width: 760px){body{min-width:0}.app{grid-template-rows:48px minmax(0,1fr) auto auto;gap:0;padding:0;background:var(--bg-base)}.app.mobile-detail{grid-template-rows:minmax(0,1fr) auto auto}.app.mobile-detail .navbar{display:none}.navbar{height:48px;padding:0 16px;gap:8px;background:var(--bg-base)}.brand,.navarrows{display:none}.navbar-right{margin-left:0;order:-1}.avatar{width:32px;height:32px;font-size:13px}.mobile-title{display:block;font-size:24px;font-weight:700;letter-spacing:-.3px}.avatarmenu:not(.appmenu){position:fixed;top:0;bottom:0;left:0;right:auto;width:min(82vw,340px);border-radius:0;padding:calc(24px + env(safe-area-inset-top)) 0 calc(24px + env(safe-area-inset-bottom));background:#121212;box-shadow:0 0 60px #000000b3;animation:drawer-in .25s cubic-bezier(.2,.7,.2,1);z-index:200;overflow-y:auto;display:flex;flex-direction:column}.avatarmenu:not(.appmenu):before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:-1;animation:fade-in .25s}@keyframes drawer-in{0%{transform:translate(-100%)}to{transform:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.avatarmenu .who{padding:8px 20px 20px;gap:12px;margin-bottom:8px}.avatarmenu .desktop-only{display:none}.avatarmenu .who-avatar{width:48px;height:48px;font-size:20px}.avatarmenu .who-text b{font-size:20px}.avatarmenu button:last-child{margin-top:auto}.avatarmenu .who-avatar{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:#535353;color:#fff;font-size:22px;font-weight:700;overflow:hidden;flex:none}.avatarmenu .who-avatar img{width:100%;height:100%;object-fit:cover}.avatarmenu .who-text b{font-size:20px;font-weight:700}.avatarmenu .who-text small{display:block;font-size:13px;color:#a7a7a7;font-weight:400;margin-top:2px}.avatarmenu .sub{display:none}.avatarmenu button{display:flex;align-items:center;gap:16px;padding:14px 20px;font-size:16px;border-radius:0}.avatarmenu .menu-ico{display:block;color:#fff;flex:none}.avatarmenu.appmenu,.appmenuwrap{display:none}.mobile-topbar{position:fixed;top:0;left:0;right:0;z-index:40;display:grid;grid-template-columns:48px 1fr 48px;align-items:center;height:calc(56px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top);pointer-events:none}.mobile-topbar:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,var(--topbar-bg, #121212) 55%,#121212);opacity:var(--topbar, 0)}.mobile-topbar-title{position:relative;text-align:center;font-size:16px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:clamp(0,calc(var(--topbar, 0) * 2 - 1),1)}.mobile-back{display:grid;position:relative;justify-self:center;pointer-events:auto;width:32px;height:32px;border-radius:50%;background:#00000080;color:#fff;place-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background .15s}.mobile-topbar[style*="--topbar: 1"] .mobile-back{background:transparent}.app.mobile-detail .content{animation:page-in .22s cubic-bezier(.2,.7,.2,1)}@keyframes page-in{0%{transform:translate(24px);opacity:.4}to{transform:none;opacity:1}}.shell{grid-template-columns:minmax(0,1fr)!important}.shell .sidebar,.shell .rail-resizer,.shell .panel-spacer{display:none}.shell.show-lib .sidebar{display:grid}.shell.show-lib .content{display:none}.sidebar,.content,.rightpanel{border-radius:0}.rightpanel{position:fixed;top:0;right:0;bottom:0;left:0;z-index:150}.shell.with-panel .content{display:none}.tabbar{display:grid;grid-template-columns:repeat(3,1fr);background:linear-gradient(transparent,var(--bg-base) 22%);padding:6px 0 calc(4px + env(safe-area-inset-bottom));order:3;height:calc(49px + env(safe-area-inset-bottom));align-items:start}.tabbar button{display:flex;flex-direction:column;align-items:center;gap:2px;color:#a7a7a7;font-size:10px;font-weight:500;padding:2px 0}.tabbar button svg{width:24px;height:24px}.tabbar button.on{color:#fff}.player{min-width:0;padding:0 8px;order:2;background:transparent}.player-row{grid-template-columns:minmax(0,1fr) auto auto;gap:0;height:56px;background:color-mix(in srgb,var(--mini, #2a2a2a) 55%,#000);border-radius:6px;padding:0 16px 0 8px;margin:0 0 8px;position:relative;overflow:hidden}.player-now{min-width:0;gap:10px}.player-art{width:40px;height:40px;border-radius:4px}.player-title{font-size:13px;font-weight:600}.player-artist,.player-artist .linkish{font-size:13px;color:#ffffffb3}.player-now .trackrow-like{display:none}.player-right{display:flex;min-width:0;padding:0;gap:0;order:2;margin-right:2px}.player-right>*:not(.devicepicker){display:none}.player-right .devicebtn{color:#fff}.player-right .devicebtn.casting{color:var(--accent)}.player-controls{width:auto;max-width:none;gap:0;order:3}.player-buttons{gap:0}.player-buttons .ctl-mode,.player-buttons button[title=Previous],.player-buttons button[title=Next]{display:none}.player-buttons .play{background:none;color:#fff;width:32px;height:32px}.player-buttons .play svg{width:22px;height:22px}.player-seek{position:absolute;left:8px;right:8px;bottom:0;width:auto;height:2px;pointer-events:none}.player-seek .t{display:none}.player-seek input[type=range]{height:2px;border-radius:0;background:linear-gradient(to right,#fff 0%,#fff var(--pct,0%),rgba(255,255,255,.2) var(--pct,0%),rgba(255,255,255,.2) 100%)}.player-seek input[type=range]::-webkit-slider-thumb{display:none}.playing-elsewhere{display:none}.player-elsewhere{display:flex;align-items:center;gap:6px;color:var(--accent)!important;font-size:12px;font-weight:600}.player-elsewhere svg{width:13px;height:13px}.pad{padding:8px 16px 24px}.contentbar{padding:8px 16px}.pill{min-block-size:32px;padding:0 16px;font-size:13px;background:var(--bg-elevated-hi)}.pill.on{background:var(--accent);color:#000}.shortcuts{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.shortcut{height:56px;border-radius:4px;background:#1e1e1e}.shortcut-art{width:56px;height:56px;border-radius:4px 0 0 4px}.shortcut-title{font-size:13px;padding:0 8px 0 12px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.25}.shortcut .shortcut-play{display:none}.shelf-head h2,section>.shelf-head h2{font-size:24px}.grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.shelf{grid-auto-columns:158px;gap:16px;min-height:0;scroll-snap-type:none;padding:0 0 6px}.card{padding:0}.card-art img,.card-art .ph{border-radius:1px;box-shadow:none}.card.round .card-art img{border-radius:50%}.card-title{font-size:14px;font-weight:700;margin-top:4px}.card-sub{font-size:13px}.card .card-play{display:none}.search{height:44px;border-radius:4px;background:#fff;color:#000;border:0;padding-left:48px;font-size:16px;font-weight:500;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000'%3E%3Cpath d='M10.533 1.279c-5.18 0-9.407 4.14-9.407 9.279s4.226 9.279 9.407 9.279c2.234 0 4.29-.77 5.907-2.058l4.353 4.353a1 1 0 1 0 1.414-1.414l-4.344-4.344a9.157 9.157 0 0 0 2.077-5.816c0-5.14-4.226-9.28-9.407-9.28zm-7.407 9.279c0-4.006 3.302-7.28 7.407-7.28s7.407 3.274 7.407 7.28-3.302 7.279-7.407 7.279-7.407-3.273-7.407-7.28z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:24px;background-position:12px center}.search::placeholder{color:#121212;opacity:.85}.search:focus{border:0;outline:none}.searchgrid{grid-template-columns:1fr}.topresult h3{font-size:24px}.tile span{font-size:14px}.shell.show-lib .sidebar .nav,.libhead{display:none}.liblist{padding:0 16px}.libitem{padding:8px 0;gap:16px;border-radius:0}.libitem img,.libitem .ph,.libitem .liked-art{width:64px;height:64px;border-radius:3px}.libitem-name{font-size:16px;font-weight:400}.libitem-sub{font-size:13px}.hero{flex-direction:column;align-items:flex-start;gap:12px;padding:calc(56px + env(safe-area-inset-top)) 16px 8px}.hero .hero-cover img,.hero>img,.hero .liked-art{width:250px;height:250px;align-self:center;border-radius:4px;box-shadow:0 16px 40px #00000080}.hero .hero-cover,.hero .liked-art{align-self:center}.hero h1{font-size:24px!important;letter-spacing:-.3px;margin:8px 0 4px}.hero .kind{display:none}.hero p,.hero .hero-meta{font-size:13px}.hero.artist{padding:0;min-height:300px;justify-content:flex-end}.hero.artist .hero-cover{display:none}.hero.artist>div{padding:0 16px 12px}.hero.artist h1{font-size:40px!important;letter-spacing:-1px}.hero.artist.with-banner{min-height:300px;background:linear-gradient(180deg,#0000 40%,#121212f2),var(--banner) center 25% / cover no-repeat}.actions{padding:8px 16px 12px;gap:12px}.actions .bigplay{order:9;margin-left:auto;width:40px;height:40px}.actions .bigplay svg{width:18px;height:18px}.actions .iconbtn{width:32px;height:32px}.actions .btn-secondary{min-block-size:32px;padding:0 12px;font-size:13px}.trackrow,.trackrow:not(:has(.trackrow-art)){display:flex;gap:12px;padding:8px 16px;min-height:64px}.trackrow-name{flex:1 1 auto;min-width:0}.trackrow-menu,.trackrow-more{flex:none}.trackrow-art{width:48px;height:48px;border-radius:4px}.trackrow-name span{font-size:16px}.trackrow-name small{font-size:13px;color:#a7a7a7}.trackrow-n,.trackrow-album,.trackrow-like,.trackrow-dur{display:none}.trackrow-more{opacity:1}.trackhead{display:none!important}.reco-add{margin-right:8px}.fs{background:linear-gradient(180deg,var(--np, #333) 0%,color-mix(in srgb,var(--np, #333) 70%,#000) 60%,#121212 100%)}.fs-bg{display:none}.fs-top{grid-template-columns:auto 1fr auto;padding:calc(8px + env(safe-area-inset-top)) 24px 0;height:auto;gap:12px;align-items:center}.fs-chevron{display:grid;place-items:center;width:32px;height:32px;color:#fff;margin-left:-6px}.fs-from{text-align:center;min-width:0}.fs-from-desktop,.fs-tabs{display:none}.fs-from-phone{display:flex;flex-direction:column;align-items:center;line-height:1.2;min-width:0}.fs-from-phone small{font-size:11px;letter-spacing:.08em;color:#ffffffb3;text-transform:uppercase}.fs-from-phone b{font-size:13px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:60vw}.fs-close{width:32px;height:32px;background:none;margin-right:-6px}.fs-stage{padding:16px 24px}.fs-art{max-width:100%;width:100%;border-radius:8px;box-shadow:0 16px 40px #00000073}.fs-lyrics{width:100%}.fs-bottom{grid-template-columns:1fr;gap:12px;padding:8px 24px calc(24px + env(safe-area-inset-bottom))}.fs-meta{gap:12px}.fs-meta .fs-thumb{display:none}.fs-title{font-size:24px;font-weight:700}.fs-artist,.fs-artist .linkish{font-size:16px;color:#b3b3b3}.fs-like{margin-left:auto}.fs-seek{grid-column:1;grid-row:auto;font-size:11px}.fs-meta,.fs-controls{grid-column:1;grid-row:auto}.fs-output{display:none}.fs-controls{grid-column:1;grid-row:auto;justify-content:space-between;gap:0;padding:4px 8px}.fs-controls .fs-play{width:64px;height:64px}.fs-controls .fs-play svg{width:28px;height:28px}.fs-phone-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;padding:4px 0 0;color:#b3b3b3}.fs-phone-row button{color:#b3b3b3;padding:8px}.fs-phone-row button.on{color:var(--accent)}.app{grid-template-rows:calc(48px + env(safe-area-inset-top)) minmax(0,1fr) auto auto}.navbar{height:auto;padding-top:env(safe-area-inset-top)}.app.mobile-detail .content>.pad:first-child,.app.mobile-detail .content>.contentbar:first-child,.app.mobile-detail .sf-hero{padding-top:calc(56px + env(safe-area-inset-top))}.app.mobile-detail .settings{padding-top:calc(56px + env(safe-area-inset-top))}.rightpanel .panel-header{padding-top:calc(8px + env(safe-area-inset-top));height:auto}.contentbar,.detailbar,.disco-filters,.trackhead{position:static}.login{align-items:flex-start;padding-top:calc(80px + env(safe-area-inset-top));background:#000}.login form{width:100%;background:transparent;padding:0 24px;gap:16px}.login-mark{display:grid;place-items:center;color:#fff;margin-bottom:8px}.login h1{text-align:center;font-size:28px;letter-spacing:-.5px}.login-sub{text-align:center;font-size:15px;color:#a7a7a7;margin-bottom:16px}.login label{font-size:14px;color:#fff;gap:8px}.login input{background:#121212;border:1px solid #727272;border-radius:4px;padding:14px;font-size:16px;color:#fff}.login input:focus{border-color:#fff}.login .primary{background:var(--accent);color:#000;border-radius:500px;min-height:48px;font-size:16px;font-weight:700;margin-top:8px}.login .primary:disabled{opacity:.3;background:var(--accent);color:#000}.login h1{color:#fff}.login input,.login button{font-family:inherit}.login input:focus{outline:none}@media (hover: none){.ctxitem:hover,.avatarmenu button:hover,.srow:hover,.navarrow:hover,.icon-btn:hover,.iconbtn:hover,.setting-row:hover,.libitem:hover,.card:hover,.trackrow:hover,.shortcut:hover,.setting-item:hover,.theme-row:hover{background:transparent}.pill:hover:not(.on){background:var(--bg-elevated-hi)}.rowlink:hover,.linkish:hover{text-decoration:none}.card:hover .card-play,.shortcut:hover .shortcut-play,.trackrow:hover .trackrow-playglyph{opacity:0}.trackrow:hover .trackrow-idx{opacity:1}}*{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.app,.app button,.app .trackrow,.app .card,.app .libitem{-webkit-user-select:none;user-select:none}.app input,.app textarea,.lyric-line{-webkit-user-select:text;user-select:text}html,body,.app{overscroll-behavior:none}.content{-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}.trackrow:active,.libitem:active,.shortcut:active,.qrow:active,.hrow:active,.ctxitem:active{background:#ffffff14}.card:active .card-art img,.tile:active,.shortcut:active .shortcut-art{filter:brightness(.8)}.tabbar button:active,.icon-btn:active,.iconbtn:active,.fs-controls button:active{opacity:.6}*:focus-visible{outline:none}::-webkit-scrollbar{display:none}*{scrollbar-width:none}.trackrow:hover,.card:hover,.libitem:hover,.shortcut:hover,.qrow:hover,.hrow:hover,.trackrow.active{background:transparent}.trackrow-idx{opacity:1}.trackrow-playglyph{display:none}.tilegrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.tile{aspect-ratio:auto;height:100px;border-radius:4px;padding:12px}.tile span{font-size:15px;max-width:75%}.tile img,.tile .tile-liked{width:60%;right:-14%;bottom:-14%}.card-request{font-size:12px;padding:6px 12px}.libchips{display:flex;gap:8px;padding:8px 16px 4px;overflow-x:auto;scrollbar-width:none}.libchips::-webkit-scrollbar{display:none}.libchips .pill{flex:none}.libchips .pill.x{width:32px;padding:0;display:grid;place-items:center;font-size:18px}.libsort{display:flex;justify-content:space-between;align-items:center;padding:10px 16px 4px;font-size:13px;font-weight:600;color:#fff}.newplaylist-input{width:100%}.ctxmenu-fixed{left:0!important;right:0!important;top:auto!important;bottom:0!important;width:100%;max-width:none;min-width:0;border-radius:16px 16px 0 0;padding:12px 8px calc(28px + env(safe-area-inset-bottom));max-height:80vh;overflow-y:auto;background:#282828;box-shadow:0 -8px 40px #0009}.ctxmenu-fixed .ctx-chev{display:none}.ctxmenu-fixed .ctxmenu-sep{margin:4px 0;border-color:#ffffff14}.ctxmenu-scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:299;background:#0009;animation:fade-in .2s}.ctxmenu-fixed:after{content:"";display:block;position:absolute;top:6px;left:50%;width:36px;height:4px;border-radius:2px;background:#ffffff40;transform:translate(-50%)}.ctxmenu-fixed button,.ctxmenu-fixed .ctxitem{padding:14px 12px;font-size:16px}.ctxmenu-fixed:not(.ctxmenu-sub){animation:sheet-in .22s cubic-bezier(.2,.7,.2,1)}@keyframes sheet-in{0%{transform:translateY(40px);opacity:0}to{transform:none;opacity:1}}.ctxmenu-head{display:flex;align-items:center;gap:12px;padding:14px 12px 12px;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:6px}.ctxmenu-head img{width:56px;height:56px;border-radius:4px;object-fit:cover;background:#333;flex:none}.ctxmenu-head img.round{border-radius:50%}.ctxmenu-head-ico{width:56px;height:56px;display:grid;place-items:center;color:#fff;flex:none}.ctxmenu-head-text{min-width:0;display:flex;flex-direction:column;gap:2px}.ctxmenu-head-text b{font-size:16px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ctxmenu-head-text small{font-size:13px;color:#a7a7a7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ctxmenu-sub{position:fixed!important;z-index:301;min-height:45vh}.devicemenu{position:fixed!important;left:0!important;right:0!important;top:auto!important;bottom:0!important;width:100%!important;max-width:none;border-radius:16px 16px 0 0;padding:20px 16px calc(20px + env(safe-area-inset-bottom));max-height:80vh;overflow-y:auto;box-shadow:0 -8px 40px #0009}.devicemenu{z-index:300}.fs,.rightpanel{animation:rise-in .3s cubic-bezier(.2,.7,.2,1)}@keyframes rise-in{0%{transform:translateY(100%)}to{transform:none}}.fs-stage{overflow:hidden}.fs-stage:has(.fs-lyrics){display:block}.fs-lyrics{height:100%;overflow-y:auto;box-sizing:border-box}.fs-lyrics .lyric-line{font-size:24px}}.sf{background:#111;color:#fff;font-size:14px;font-weight:500}@media (min-width: 768px){.sf{font-size:16px}}.sf h1,.sf h2,.sf h3,.sf h4{margin:0;color:#fff;font-weight:700;line-height:1.25}.sf h1{font-size:30px;font-weight:800}.sf h2{font-size:24px}.sf h3{font-size:20px}.sf h4{font-size:18px}@media (min-width: 768px){.sf h1{font-size:36px}.sf h2{font-size:30px}.sf h3{font-size:24px}}.sf p,.sf span{font-weight:500;color:#a3a3a3}.sf p{margin:8px 0}.sf .sf-truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.sf .sf-clamp2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sf-container{margin:0 auto;max-width:448px;padding:0 16px}@media (min-width: 640px){.sf-container{max-width:768px;padding:0 24px}}@media (min-width: 1024px){.sf-container{max-width:1280px;padding:0 32px}}.sf-grey{color:#727272}.sf-hero{background:#181818;padding-top:40px}.sf-profile{display:flex;flex-direction:column;align-items:center;gap:20px;padding:40px 0}@media (min-width: 768px){.sf-profile{flex-direction:row;padding-top:56px}}.sf-avatar-ring{position:relative;border-radius:50%;border:2px solid #111111;flex:none}.sf-avatar{position:relative;flex:none;border-radius:50%;overflow:hidden;background:#181818;display:grid;place-items:center}.sf-avatar img{width:100%;height:100%;aspect-ratio:1;object-fit:cover;border-radius:50%;display:block;background:#181818}.sf-avatar p{margin:0;color:#a3a3a3;font-size:48px}.sf-profile-text{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;min-width:0}@media (min-width: 768px){.sf-profile-text{align-items:flex-start}.sf-profile-text h1,.sf-handle{text-align:left}}.sf-name-row{display:flex}.sf-handle{font-size:18px;text-align:center}.sf-friends{margin-top:8px;display:flex;align-items:center}.sf-dot-wrap{margin:0 8px;display:inline-flex}.sf-dot{display:block;width:4px;height:4px;background:#a3a3a3}.sf-textbtn{color:#1ed760;font-weight:700;padding:0;background:transparent}.sf-textbtn:hover{opacity:.8}.sf-body{margin-top:32px;padding-bottom:48px}.sf-stats-row{display:flex;flex-direction:column;justify-content:space-between;gap:20px}@media (min-width: 768px){.sf-stats-row{flex-direction:row-reverse}}.sf-listbox-wrap{z-index:50;display:flex;justify-content:center}.sf-listbox{position:relative;margin-top:4px;width:288px}.sf-listbox-btn{position:relative;width:100%;cursor:default;border-radius:8px;background:#181818;padding:8px 40px 8px 12px;text-align:left;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;color:#fff;font-size:16px;font-weight:500}@media (min-width: 640px){.sf-listbox-btn{font-size:14px}}.sf-listbox-btn:focus-visible{outline:none;box-shadow:0 0 0 2px #1ed760}.sf-listbox-chev{pointer-events:none;position:absolute;top:0;bottom:0;right:0;display:flex;align-items:center;padding-right:8px}.sf-listbox-chev svg{width:20px;height:20px;color:#727272}.sf-listbox-opts{position:absolute;margin:4px 0 0;padding:4px 0;max-height:240px;width:100%;overflow:auto;border-radius:6px;background:#181818;font-size:14px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a,0 0 0 1px #0000000d;list-style:none;z-index:60}.sf-listbox-opt{position:relative;cursor:default;-webkit-user-select:none;user-select:none;padding:8px 16px 8px 40px;color:#a3a3a3}.sf-listbox-opt:hover{background:#11111180}.sf-listbox-opt.selected .sf-truncate{color:#fff}.sf-listbox-check{position:absolute;top:0;bottom:0;left:0;display:flex;align-items:center;padding-left:12px;color:#1ed760}.sf-listbox-check svg{width:20px;height:20px}.sf-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:0;padding:0;list-style:none;flex:1}@media (min-width: 768px){.sf-stats{grid-template-columns:repeat(4,minmax(0,1fr))}}.sf-stats h3{text-transform:capitalize;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sf-stat-label{margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:18px}.sf-gate{position:relative;flex:1}.sf-blur{filter:blur(4px)}.sf-gate-msg{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center}.sf-gate-msg p{margin:0;color:#727272}.sf-section-head{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;background:#111;padding:40px 0 12px}.sf-section-titles{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sf-section-desc{margin:0;max-width:60%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sf-toolbar{display:flex;flex-shrink:0;gap:4px}.sf-toolbtn{border-radius:9999px;background:#181818;padding:8px;transition:all .15s;display:grid;place-items:center}.sf-toolbtn:focus-visible{outline:none;box-shadow:0 0 0 3px #737373}.sf-toolbtn:active{transform:scale(.95)}.sf-toolbtn svg{width:24px;height:24px;color:#727272;display:block}.sf-toolbtn .on svg{color:#fff}.sf-toolbtn:disabled{cursor:default}.sf-empty{display:grid;width:100%;place-items:center;padding:16px 0}.sf-empty p{margin:0;color:#727272}.sf-empty-icon{gap:8px}.sf-empty-icon svg{width:48px;height:48px;color:#727272}.sf-chips{display:flex;gap:8px;overflow-x:auto;margin:0;padding:0 0 12px;list-style:none;scrollbar-width:thin;scrollbar-color:rgba(115,115,115,.7) #181818}.sf-chip{width:max-content;white-space:nowrap;border-radius:9999px;background:#181818;padding:8px 16px;font-weight:500;color:#fff}.sf-chip a{color:#fff}.sf-carousel{overflow:hidden}.sf-carousel-row{display:grid;width:max-content;grid-auto-flow:column;grid-template-rows:repeat(1,minmax(0,1fr));justify-content:flex-start;gap:16px;margin:0;padding:0;list-style:none;background:#111;transition:transform .3s ease-in-out}.sf-carousel-grid{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:16px;margin:0;padding:0;list-style:none}@media (hover: none){.sf-carousel{overflow-x:auto;scrollbar-width:none}.sf-carousel::-webkit-scrollbar{display:none}.sf-carousel-row{transform:none!important}}.sf-square{aspect-ratio:1;width:100%;overflow:hidden;background:#181818}.sf-square img{width:100%;height:100%;object-fit:cover;display:block;background:#181818}.sf-ph{width:100%;height:100%;background:#181818}.sf-track-card{display:flex;width:160px;flex-direction:column;transition:transform .3s ease-in-out}.sf-track-card:active,.sf-artist-card:active,.sf-album-card:active{transform:scale(.95)}.sf-track-card a,.sf-artist-card,.sf-album-card{color:inherit;text-decoration:none;cursor:pointer}.sf-track-card h4{margin-top:8px}.sf-track-card>p{margin:0}.sf-track-card:hover .sf-square{opacity:.9}.sf-artist-link:hover{color:#fff}.sf-artist-card{display:flex;width:160px;flex-direction:column;align-items:center;transition:transform .3s ease-in-out}.sf-artist-text{margin-top:8px;text-align:center}.sf-artist-text p{margin:0}.sf-tight{line-height:1.25}.sf-album-card{display:block;width:160px;transition:transform .3s ease-in-out}.sf-album-text{margin-top:8px}.sf-album-text p{margin:0}.sf-clocks{display:flex;width:100%;flex-direction:column;gap:8px}@media (min-width: 768px){.sf-clocks{flex-direction:row}}.sf-clock-box{flex:1;align-content:center;text-align:center}.sf-clock{width:100%;max-width:360px;height:auto;display:block;margin:0 auto}.sf-clock-wedge{fill:#1ed760;stroke:#111;stroke-width:2}.sf-clock-spoke{stroke:#ffffff1f;stroke-width:1}.sf-day{position:sticky;top:92px;z-index:29;background:#111;padding:8px 0;margin:0}@media (min-width: 768px){.sf-day{top:98px}}.sf-stream{display:block;color:inherit;text-decoration:none;cursor:pointer}.sf-stream-row{display:flex;justify-content:space-between}.sf-stream-main{display:flex;width:83.333%;align-items:center;gap:12px}.sf-stream-img{width:48px;height:48px;flex:none;overflow:hidden;background:#181818}.sf-stream-img img{width:48px;height:48px;object-fit:cover;display:block}.sf-stream-text{width:75%;overflow:hidden;line-height:1.25}.sf-stream-text p{margin:0}.sf-stream-time{margin:0;text-align:right;white-space:nowrap}.sf-stream hr{margin:8px 0;border:0;border-top:1px solid #181818}.sf-showall{display:inline-block;margin:12px 0;font-weight:700;text-transform:uppercase;color:#727272;cursor:pointer;transition:color .15s}.sf-showall:hover{color:#fff}.sf-spinner-wrap{display:grid;place-items:center;padding:16px;min-height:40px}.sf-spinner{width:24px;height:24px;border-radius:50%;border:3px solid #181818;border-top-color:#1ed760;animation:sfspin .8s linear infinite}@keyframes sfspin{to{transform:rotate(360deg)}}.sf-streams{list-style:none;margin:0;padding:0}.sf-stream-skel{display:flex;align-items:center;gap:12px;padding:8px 0}.sf-skel-img{width:48px;height:48px;border-radius:8px;background:#181818;animation:sfpulse 2s cubic-bezier(.4,0,.6,1) infinite;flex:none}.sf-skel-text{display:block;height:16px;border-radius:9999px;background:#181818;animation:sfpulse 2s cubic-bezier(.4,0,.6,1) infinite}.sf-skel-row{display:flex;height:36px;align-items:center;margin-bottom:4px}.sf-right{margin-left:auto}@keyframes sfpulse{50%{opacity:.5}}.sf-delta{display:inline-block;margin-left:8px;font-size:12px;font-weight:700;vertical-align:middle;padding:1px 6px;border-radius:6px;background:#181818}.sf-delta.up{color:#1ed760}.sf-delta.down{color:#f87171}.sf-delta.zero{color:#a3a3a3}.sf-avg-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:16px}.sf-avg-card{background:#181818;border-radius:12px;padding:14px 16px}.sf-avg-card h3{color:#1ed760;font-size:20px}.sf-avg-card span{color:#fff;font-size:13px}.sf-charts{display:grid;grid-template-columns:1fr;gap:16px}@media (min-width: 1024px){.sf-charts{grid-template-columns:repeat(2,minmax(0,1fr))}}.sf-chart{position:relative;background:#181818;border-radius:12px;padding:12px 12px 8px}.sf-chart-head{display:flex;justify-content:space-between;align-items:center;padding:0 4px 4px}.sf-chart-svg{width:100%;height:auto;display:block;cursor:crosshair}.sf-chart-grid{stroke:#ffffff0f;stroke-width:1}.sf-chart-tick{fill:#727272;font-size:11px;font-weight:500}.sf-line{fill:none;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.sf-line.streams{stroke:#1ed760}.sf-line.minutes{stroke:#1ed760;opacity:.45}.sf-crosshair{stroke:#ffffff59;stroke-width:1;stroke-dasharray:3 3}.sf-dot-streams{fill:#1ed760;stroke:#181818;stroke-width:2}.sf-dot-minutes{fill:#1ed760;opacity:.6;stroke:#181818;stroke-width:2}.sf-tip{position:absolute;top:40px;transform:translate(-50%);background:#111;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:6px 10px;display:flex;flex-direction:column;gap:2px;pointer-events:none;white-space:nowrap;font-size:12px;z-index:5}.sf-tip b{color:#fff;font-size:12px}.sf-legend{display:flex;gap:16px;justify-content:center;padding:6px 0 2px;font-size:12px}.sf-legend span{display:inline-flex;align-items:center;gap:6px}.sf-legend i{width:8px;height:8px;border-radius:50%;background:#1ed760;display:inline-block}.sf-legend i.minutes{opacity:.45}.sf-clock-hour{fill:#727272;font-size:12px;font-weight:500}@media (max-width: 760px){.fs{display:flex;flex-direction:column;background:linear-gradient(180deg,var(--np, #535353) 0%,color-mix(in srgb,var(--np, #535353) 55%,#121212) 45%,#121212 100%)}.fs-bg{display:none}.fs-top{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:0;padding:calc(4px + env(safe-area-inset-top)) 16px 0;height:auto;min-height:56px;box-sizing:border-box;flex:none}.fs-chevron{grid-column:1;grid-row:1;display:grid;place-items:center;width:44px;height:44px;margin:0;color:#fff;border-radius:50%}.fs-chevron svg{width:24px;height:24px}.fs-from{grid-column:2;grid-row:1;text-align:center;min-width:0;padding:0 4px}.fs-tabs,.fs-close,.fs-output{display:none}.fs-from-phone{display:flex;flex-direction:column;align-items:center;line-height:1.25;min-width:0}.fs-from-phone small{font-size:11px;font-weight:500;letter-spacing:.08em;color:#ffffffb3;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.fs-from-phone b{font-size:13px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.fs-from-phone small.fs-from-artist{text-transform:none;letter-spacing:0;font-size:13px;color:#b3b3b3}.fs-more{grid-column:3;grid-row:1;display:grid;place-items:center;width:44px;height:44px;margin:0;color:#fff;border-radius:50%}.fs-more:disabled{opacity:.35}.fs-stage{flex:1 1 auto;min-height:0;display:grid;place-items:start center;padding:24px 24px 0;overflow:hidden}.fs-art{width:100%;max-width:100%;height:auto;max-height:100%;aspect-ratio:1;border-radius:8px;box-shadow:none;object-fit:cover}.fs-art.ph{width:100%;background:#ffffff14}.marquee{overflow:hidden;white-space:nowrap;text-overflow:clip}.marquee-inner{display:inline-block;will-change:transform}.marquee.overflow{-webkit-mask-image:linear-gradient(90deg,transparent,#000 20px),linear-gradient(90deg,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,transparent,#000 20px),linear-gradient(90deg,#000 calc(100% - 28px),transparent);-webkit-mask-size:calc(100% + 20px) 100%,100% 100%;mask-size:calc(100% + 20px) 100%,100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:-20px 0,0 0;mask-position:-20px 0,0 0;-webkit-mask-composite:source-in;mask-composite:intersect;animation:marquee-mask var(--marquee-dur, 8s) linear infinite alternate}.marquee.overflow .marquee-inner{animation:marquee var(--marquee-dur, 8s) linear infinite alternate}@keyframes marquee{0%,25%{transform:translate(0)}75%,to{transform:translate(var(--marquee-dist, 0))}}@keyframes marquee-mask{0%,25%{-webkit-mask-position:-20px 0,0 0;mask-position:-20px 0,0 0}28%,to{-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0}}.fs-bottom{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:24px 24px calc(16px + env(safe-area-inset-bottom));flex:none}.fs-meta{order:1;display:flex;align-items:center;gap:12px;min-width:0;margin:0 0 16px}.fs-meta .fs-thumb{display:none}.fs-meta>div{flex:1 1 auto;min-width:0}.fs-title{font-size:24px;font-weight:700;letter-spacing:-.3px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fs-artist,.fs-artist .linkish{font-size:16px;font-weight:400;color:#b3b3b3;line-height:1.3}.fs-like{flex:none;width:44px;height:44px;margin:0 -10px 0 0;padding:0;display:grid;place-items:center;color:#fff}.fs-like svg{width:24px;height:24px}.fs-like.on{color:#fff}.fs-seek{order:2;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:0;margin:-20px 0 8px;font-size:11px;color:#b3b3b3}.fs-seek input[type=range]{touch-action:none;-webkit-tap-highlight-color:transparent;grid-column:1 / -1;grid-row:1;height:44px;border-radius:0;width:100%;margin:0 0 -14px;background:linear-gradient(to right,#fff 0%,#fff var(--pct, 0%),rgba(255,255,255,.3) var(--pct, 0%),rgba(255,255,255,.3) 100%) center / 100% 4px no-repeat}.fs-seek input[type=range]:hover,.fs-seek input[type=range].hovering{background:linear-gradient(to right,#fff 0%,#fff var(--pct, 0%),rgba(255,255,255,.3) var(--pct, 0%),rgba(255,255,255,.3) 100%) center / 100% 4px no-repeat}.fs-seek input[type=range]::-webkit-slider-thumb{opacity:1;width:12px;height:12px;background:#fff;box-shadow:none;transition:transform .12s}.fs-seek input[type=range]:active::-webkit-slider-thumb{transform:scale(1.34)}.fs-seek>span{grid-row:2;line-height:1}.fs-seek>span:first-child{grid-column:1;text-align:left}.fs-seek>span:last-child{grid-column:2;text-align:right}.fs-controls{order:3;display:flex;align-items:center;justify-content:space-between;gap:0;padding:0;margin:0 0 24px;color:#fff}.fs-controls>button{width:44px;height:44px;display:grid;place-items:center;color:#fff;padding:0}.fs-controls>button svg{width:24px;height:24px}.fs-controls>button[title=Previous] svg,.fs-controls>button[title=Next] svg{width:32px;height:32px}.fs-controls>button:first-child{margin-left:-6px}.fs-controls>button:last-child{margin-right:-6px}.fs-controls .ctl-mode{color:#fff}.fs-controls .ctl-mode.on{color:var(--accent)}.fs-controls .fs-play{width:64px;height:64px;border-radius:50%;background:#fff;color:#000!important}.fs-controls .fs-play svg{width:28px;height:28px}.fs-controls .fs-play:hover{transform:none}.fs-phone-row{order:4;display:flex;align-items:center;gap:0;margin:0;padding:0;color:#fff}.fs-phone-row>button{flex:none;width:44px;height:44px;display:grid;place-items:center;color:#fff;padding:0}.fs-phone-row>button:last-child{margin-right:-10px}.fs-phone-row>button.on{color:var(--accent)}.fs-phone-device{flex:1 1 auto;min-width:0;display:flex;align-items:center;margin-left:-10px}.fs-phone-device .devicebtn{display:flex;align-items:center;gap:8px;height:44px;padding:0 10px;color:#fff;font-size:12px;font-weight:600;max-width:100%}.fs-phone-device .devicebtn svg{width:24px;height:24px;flex:none}.fs-phone-device .devicebtn-name{display:none}.fs-phone-device .devicebtn.casting,.fs-phone-device .devicebtn.casting .devicebtn-name{color:var(--accent)}.fs-phone-device .devicebtn.casting .devicebtn-name{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fs.fs-tab-lyrics{background:#121212}.fs.fs-tab-lyrics .fs-bg{display:block;filter:blur(60px) brightness(.32) saturate(1.3)}.fs.fs-tab-lyrics .fs-stage{display:block;padding:0}.fs.fs-tab-lyrics .fs-lyrics{width:100%;height:100%;padding:16px 24px calc(48px + env(safe-area-inset-bottom));box-sizing:border-box;overflow-y:auto;font-size:24px;line-height:1.3;-webkit-mask-image:linear-gradient(transparent,#000 6%,#000 92%,transparent);mask-image:linear-gradient(transparent,#000 6%,#000 92%,transparent)}.fs.fs-tab-lyrics .lyrics{gap:22px;padding:0 0 32px}.fs.fs-tab-lyrics .lyric-line,.fs.fs-tab-lyrics .fs-lyrics p{font-size:24px;font-weight:700;letter-spacing:-.2px;line-height:1.3;color:#fff;opacity:1;text-align:left}.fs.fs-tab-lyrics .lyrics.synced .lyric-line{color:#ffffff80}.fs.fs-tab-lyrics .lyrics.synced .lyric-line.sung,.fs.fs-tab-lyrics .lyrics.synced .lyric-line.now,.fs.fs-tab-lyrics .lyric-line.now{color:#fff}.fs.fs-tab-lyrics .lyric-line.gap{letter-spacing:.1em}.fs.fs-tab-lyrics .fs-bottom{display:none}.fs.fs-tab-lyrics .lyric-line:hover{text-decoration:none}.fs.fs-tab-lyrics .placeholder-note{font-size:16px;color:#b3b3b3;padding:8px 0}.fs.fs-tab-lyrics .lyrics>.qrow-sub{white-space:normal;font-size:13px;color:#b3b3b3}.fs.fs-tab-lyrics .lyrics-sync{position:sticky;bottom:calc(16px + env(safe-area-inset-bottom));align-self:center;background:#fff;color:#000;font-size:16px;padding:10px 24px;margin-top:16px;animation:pill-in .2s ease-out}@keyframes pill-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.fs.fs-tab-viz .fs-stage{padding:8px 0 0;display:block;position:relative}.fs-viz-hint{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:13px;color:#b3b3b3;pointer-events:none}.fs-art-behind{display:none}.fs.fs-tab-viz.sheet .fs-art-behind,.fs.fs-tab-viz:has(.devicemenu) .fs-art-behind{display:block;position:absolute;left:24px;top:50%;width:calc(100% - 48px);max-width:none;height:auto;transform:translateY(-50%)}.fs.fs-tab-viz.sheet .viz,.fs.fs-tab-viz:has(.devicemenu) .viz{visibility:hidden}.fs.closing,.rightpanel.closing{transform:translateY(100%)!important;transition:transform .25s ease-in!important;animation:none}.ctxmenu.ctxmenu-fixed.closing{transform:translateY(100%);box-shadow:0 0 0 100vmax #0000,0 -8px 40px #0000;transition:transform .25s ease-in,box-shadow .25s ease-in;animation:none}.devicemenu.closing{transform:translateY(100%);box-shadow:0 0 0 100vmax #0000,0 -8px 40px #0000;transition:transform .25s ease-in,box-shadow .25s ease-in}.devicemenu{animation:sheet-in .22s cubic-bezier(.2,.7,.2,1);overscroll-behavior:contain}.ctxmenu-fixed:not(:has(.ctx-ico>*)) .ctx-ico{display:none}.ctxmenu-fixed:not(:has(.ctx-ico>*)) .ctxslider{padding-left:12px}.ctxmenu-fixed .ctx-check{margin-left:auto;flex:none;color:var(--accent)}.ctxmenu-fixed .ctxslider{padding:12px 12px 16px;gap:10px}.ctxmenu-fixed .ctxslider-head{font-size:16px}.ctxmenu-fixed .ctxslider-val{font-size:13px;color:#a7a7a7}.ctxmenu-fixed .ctxslider input[type=range]{height:24px;border-radius:0;background:linear-gradient(to right,#fff 0%,#fff var(--pct, 0%),rgba(255,255,255,.3) var(--pct, 0%),rgba(255,255,255,.3) 100%) center / 100% 4px no-repeat}.ctxmenu-fixed .ctxslider input[type=range]::-webkit-slider-thumb{opacity:1;width:12px;height:12px;background:#fff;box-shadow:none}.ctxmenu-fixed{padding-bottom:calc(24px + env(safe-area-inset-bottom))}.app.mobile .player{position:fixed;left:0;right:0;bottom:calc(49px + env(safe-area-inset-bottom));z-index:47;min-width:0;padding:24px 8px 0;background:linear-gradient(to bottom,transparent,rgba(18,18,18,.92) 24px,#121212)}.app.mobile .tabbar{position:fixed;left:0;right:0;bottom:0;z-index:46;background:#121212}.app.mobile:not(.mobile-detail){grid-template-rows:calc(48px + env(safe-area-inset-top)) minmax(0,1fr)}.app.mobile.mobile-detail{grid-template-rows:minmax(0,1fr)}.app.mobile .content,.app.mobile .shell.show-lib .liblist{padding-bottom:calc(137px + env(safe-area-inset-bottom))}.app.mobile .content{box-sizing:border-box}.player-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:0;height:56px;box-sizing:border-box;background:color-mix(in srgb,var(--mini, #2a2a2a) 55%,#000);border-radius:6px;padding:0 8px;margin:0 0 8px;position:relative;overflow:hidden;transition:background .3s}.player-now{display:flex;align-items:center;min-width:0;gap:8px}.player-art{width:40px;height:40px;border-radius:4px;flex:none}.player-meta{min-width:0;flex:1 1 auto;display:flex;flex-direction:column;gap:1px}.player-title{font-size:13px;font-weight:600;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff}.player-artist,.player-artist .linkish{font-size:13px;font-weight:400;line-height:1.25;color:#ffffffb3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-now .trackrow-like{display:none}.player-right{display:flex;align-items:center;min-width:0;padding:0;gap:0;order:2;margin:0}.player-right>*:not(.devicepicker){display:none}.player-right .devicebtn{width:44px;height:44px;padding:0;display:grid;place-items:center;color:#fff}.player-right .devicebtn svg{width:24px;height:24px}.player-right .devicebtn.casting{color:var(--accent)}.player-controls{width:auto;max-width:none;gap:0;order:3}.player-buttons{gap:0}.player-buttons .ctl-mode,.player-buttons button[title=Previous],.player-buttons button[title=Next]{display:none}.player-buttons .play{background:none;color:#fff;width:44px;height:44px;margin-right:-8px}.player-buttons .play svg{width:20px;height:20px}.player-buttons .play:hover:not(:disabled),.player-buttons .play:active{color:#fff;transform:none;background:none}.player-seek{position:absolute;left:8px;right:8px;bottom:0;width:auto;height:2px;pointer-events:none;display:block}.player-seek .t{display:none}.player-seek input[type=range]{display:block;height:2px;border-radius:1px;margin:0;background:linear-gradient(to right,#fff 0%,#fff var(--pct, 0%),rgba(255,255,255,.25) var(--pct, 0%),rgba(255,255,255,.25) 100%)}.player-seek input[type=range]:disabled{opacity:1}.player-seek input[type=range]::-webkit-slider-thumb{display:none}.rightpanel{position:fixed;top:0;right:0;bottom:0;left:0;z-index:150;background:#121212}.rightpanel .panel-header{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:0;padding:calc(4px + env(safe-area-inset-top)) 16px 0;height:auto;min-height:56px;box-sizing:border-box}.rightpanel .panel-header .icon-btn{width:44px;height:44px;display:grid;place-items:center;color:#fff;padding:0}.rightpanel .panel-header .icon-btn svg{width:24px;height:24px}.rightpanel .panel-header .title{text-align:center;font-size:13px;font-weight:700;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rightpanel .panel-header .title small{display:block;font-size:11px;font-weight:500;color:#ffffffb3;letter-spacing:.08em;text-transform:uppercase}.rightpanel .tabs{display:none}.rightpanel .panel-body{padding:8px 16px calc(24px + env(safe-area-inset-bottom));gap:24px}.rightpanel .panel-body section{gap:0}.rightpanel .section-head{margin-bottom:4px!important;min-height:32px}.rightpanel .section-head h2{font-size:16px;font-weight:700}.rightpanel .section-head .linkish,.rightpanel .section-head button{font-size:13px;font-weight:700;color:#fff;padding:8px 0}.qrow{display:flex;align-items:center;gap:12px;min-height:64px;padding:8px 0;border-radius:0;background:transparent}.qrow:hover{background:transparent}.qrow-art{width:48px;height:48px}.qrow img,.qrow .ph{width:48px;height:48px;border-radius:4px}.qrow-play{display:none}.qrow-text{flex:1 1 auto;min-width:0;gap:2px}.qrow-title{font-size:16px;line-height:1.25}.qrow.active .qrow-title{color:var(--accent)}.qrow-sub,.qrow-sub .rowlink{font-size:13px;color:#a7a7a7}.qrow-more{display:none}.qrow-handle{display:grid;place-items:center;width:44px;height:44px;margin:0 -12px 0 0;color:#a7a7a7;flex:none;touch-action:none;cursor:grab}.qrow-handle svg{width:24px;height:24px}.qrow.lifted{position:relative;z-index:3;background:#282828;border-radius:6px;box-shadow:0 8px 24px #00000080;margin:0 -8px;padding:8px;transition:none}.qrow.shifting{transition:transform .15s ease-out}.qrow.dragging{opacity:1}.qrow.dropbefore{box-shadow:none}.rightpanel .panel-body{padding-bottom:calc(80px + env(safe-area-inset-bottom))}.panel-transport{position:relative;flex:none;height:calc(64px + env(safe-area-inset-bottom));padding:0 24px env(safe-area-inset-bottom);box-sizing:border-box;background:#121212;border-top:1px solid rgba(255,255,255,.06)}.panel-transport-row{display:flex;align-items:center;justify-content:space-between;height:64px;color:#fff}.panel-transport-row>button{width:44px;height:44px;display:grid;place-items:center;color:#fff;padding:0}.panel-transport-row>button:first-child{margin-left:-6px}.panel-transport-row>button:last-child{margin-right:-6px}.panel-transport-row .ctl-mode.on{color:var(--accent)}.panel-transport-row .panel-play{width:48px;height:48px;border-radius:50%;background:#fff;color:#000}.panel-progress{position:absolute;left:0;right:0;top:-2px;height:2px;background:#fff3}.panel-progress>span{display:block;height:100%;background:#fff}.rightpanel .placeholder-note,.rightpanel .qrow-sub{font-size:13px}.qrow-title[role=button]:hover{text-decoration:none}.ctxmenu.ctxmenu-fixed:before{display:none}.ctxmenu.ctxmenu-fixed,.ctxmenu.ctxmenu-fixed.ctxmenu-sub{box-shadow:0 -8px 40px #0009}.devicemenu{position:fixed!important;left:0!important;right:0!important;top:auto!important;bottom:0!important;width:100%!important;max-width:none;border-radius:16px 16px 0 0;padding:12px 16px calc(24px + env(safe-area-inset-bottom));max-height:85vh;overflow-y:auto;background:#282828;box-shadow:0 -8px 40px #0009}.devicemenu:before{display:none}.devicemenu:after{content:"";display:block;position:absolute;top:6px;left:50%;width:36px;height:4px;border-radius:2px;background:#ffffff4d;transform:translate(-50%)}.devicemenu-head{display:block;padding:12px 0 16px}.devicemenu-head strong{display:block;font-size:20px;font-weight:700;letter-spacing:-.3px}.devicemenu-head span{display:block;font-size:13px;color:#a7a7a7;margin-top:2px}.dm-current{display:flex;align-items:center;gap:16px;padding:12px 0 16px;color:var(--accent);border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:8px}.dm-current svg{width:32px;height:32px;flex:none}.dm-current-text{display:flex;flex-direction:column;min-width:0;gap:2px}.dm-current-label{font-size:13px;font-weight:700;color:#fff}.dm-current-name{font-size:16px;font-weight:700;color:var(--accent);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dm-current-sub{font-size:13px;color:#a7a7a7}.dm-others{font-size:16px;font-weight:700;color:#fff;padding:12px 0 4px}.devicegroup-label{display:none}.deviceitem{gap:16px;padding:10px 0;min-height:56px;border-radius:0;color:#fff}.deviceitem:hover{background:transparent}.deviceitem svg{width:24px;height:24px;color:#fff}.deviceitem-name{font-size:16px;color:#fff}.deviceitem-model{font-size:13px;color:#a7a7a7}.deviceitem-dot{display:none}.devicemenu-empty,.dm-note{color:#a7a7a7;font-size:13px;line-height:1.4;padding:12px 0 0;margin:0}}@media (max-width: 760px){.navbar{gap:12px;padding-left:16px;padding-right:16px}.navbar .appmenuwrap{display:none}.navbar-right{padding-right:0}.avatar{box-shadow:none}.content:has(>.contentbar>.pills) .contentbar{position:sticky;top:0;z-index:9;background:var(--bg-base)}.content:has(>.contentbar>.pills) .contentbar .pills{flex:1;min-width:0;overflow-x:auto;scrollbar-width:none}.content:has(>.contentbar>.pills) .contentbar .pills::-webkit-scrollbar{display:none}.content:has(>.contentbar>.pills) .contentbar .pill{flex:none}.within{display:none}.mobile-topbar .mobile-back{top:0;left:0;justify-self:start;margin-left:16px}.app.mobile:not(:has(.hero.artist)) .mobile-topbar .mobile-back{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}.browse-hero{min-height:0;padding-bottom:8px}.content:has(>.browse-hero) .pad>section:first-child>.shelf-head{margin-top:4px}.ctxmenu-head-ico .ctxmenu-head-liked{width:56px;height:56px;border-radius:4px}.app.mobile-detail .content{animation:page-in .2s cubic-bezier(.2,.7,.2,1);will-change:transform}@keyframes page-in{0%{transform:translate(100%)}to{transform:none}}.ctxmenu-fixed:not(.ctxmenu-sub),.devicemenu{animation-duration:.2s;will-change:transform}.skeleton-row i{animation-duration:1.4s}.sk-title{display:block;width:60%;height:22px;border-radius:6px;background:#3a3a3a;margin:12px 0 8px;animation:sk-shimmer 1.4s ease-in-out infinite}.libpanel>.libchips,.libpanel>.libsort,.libpanel>.libsearch{flex:none}.app.mobile.tab-home{grid-template-rows:0 minmax(0,1fr) auto auto}.app.mobile.tab-home .navbar{height:0;min-height:0;padding:0;overflow:visible;position:relative;z-index:60}.app.mobile.tab-home .navbar-right{position:absolute;top:calc(8px + env(safe-area-inset-top));left:16px;margin:0}.app.mobile.tab-home .mobile-title{display:none}.app.tab-home .content{background:linear-gradient(180deg,#2a2a2a 0,#121212 250px) no-repeat,var(--bg-base);background-attachment:local}.app.tab-home .content .contentbar{position:sticky;top:0;z-index:9;padding:calc(8px + env(safe-area-inset-top)) 16px 8px 56px;background:transparent;transition:background .2s}.app.tab-home .content .contentbar.stuck{background:var(--bg-base)}.app.tab-home .content .contentbar .pills{flex:1;min-width:0;overflow-x:auto;scrollbar-width:none}.app.tab-home .content .contentbar .pills::-webkit-scrollbar{display:none}.app.tab-home .content .contentbar .pill{flex:none}.pill{min-block-size:32px;padding:0 16px;font-size:14px;font-weight:500;background:#2a2a2a;color:#fff;display:inline-flex;align-items:center}.pill.on{background:var(--accent);color:#000}.pad.home{padding:16px 16px 24px}.home .greeting{display:none}.shortcuts{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 0 24px}.shortcut{height:56px;border-radius:4px;background:#2a2a2a;gap:0}.shortcut-art{width:56px;height:56px;border-radius:4px 0 0 4px}.shortcut-title{font-size:13px;font-weight:700;line-height:1.25;padding:0 8px 0 10px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.shortcut .shortcut-play{display:none}.homeshelf{margin:0 0 24px}.home .shelf-head{margin:0 0 12px;align-items:center}.home .shelf-head h2{font-size:24px;font-weight:700;letter-spacing:-.3px;line-height:1.2}.home .shelf-head button{display:none}.home .shelf{grid-auto-columns:150px;gap:16px;margin:0 -16px;padding:0 16px;min-height:0;scroll-snap-type:none;scrollbar-width:none;scroll-padding-left:16px}.home .shelf::-webkit-scrollbar{display:none}.home .shelf:after{content:"";width:1px}.card{padding:0;gap:0;border-radius:0}.card-art img,.card-art .ph{border-radius:2px;box-shadow:none}.card.round .card-art img,.card.round .card-art .ph{border-radius:50%}.app.tab-home .content .card-title,.app.tab-detail .content:has(>.contentbar>.pills) .card-title{font-size:14px;font-weight:700;line-height:1.3;margin-top:8px;-webkit-line-clamp:1;text-align:left}.app.tab-home .content .card-sub,.app.tab-detail .content:has(>.contentbar>.pills) .card-sub{font-size:13px;color:#a7a7a7;line-height:1.3;margin-top:2px;text-align:left}img.fade{opacity:0;transition:opacity .15s ease-out}img.fade.loaded{opacity:1}.card .card-play{display:none}.mixband{font-size:14px;padding:6px 10px;border-radius:0 0 2px 2px}.app.mobile.tab-search:has(.search-cancel){grid-template-rows:0 minmax(0,1fr)}.app.mobile.tab-search:has(.search-cancel) .navbar{height:0;min-height:0;padding:0;overflow:hidden}.app.mobile.tab-search:has(.search-cancel) .navbar>*{display:none}.content:has(>.contentbar>.search) .contentbar{position:sticky;top:0;z-index:9;flex-wrap:wrap;gap:8px 12px;padding:4px 16px 8px;background:var(--bg-base)}.app.tab-search .content:has(>.contentbar>.search-cancel) .contentbar{padding-top:calc(8px + env(safe-area-inset-top))}.search-cancel{flex:none;font-size:16px;font-weight:400;color:#fff;padding:0 0 0 4px;height:44px;animation:cancel-in .2s ease-out}@keyframes cancel-in{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:none}}.app.tab-search .content:has(>.contentbar>.search-cancel) .search{flex:1 1 0}.search{font-family:inherit;flex:1 1 100%;max-width:none;height:44px;border-radius:4px;background-color:#fff;color:#000;font-size:16px;font-weight:500;padding:0 16px 0 48px}.search::placeholder{color:#121212;opacity:.85;font-weight:500}.contentbar .searchtypes{flex:1 1 100%;display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;scrollbar-width:none;margin:0 -16px;padding:0 16px}.contentbar .searchtypes::-webkit-scrollbar{display:none}.contentbar .searchtypes{scroll-padding-inline:16px}.contentbar .searchtypes .pill{flex:none}.content:has(>.contentbar>.search) .pad{padding:4px 16px 24px}.content:has(>.contentbar>.search) section>.shelf-head{margin:20px 0 12px}.content:has(>.contentbar>.search) section:first-child>.shelf-head{margin-top:8px}.content:has(>.contentbar>.search) .shelf-head h2{font-size:18px;font-weight:700;letter-spacing:-.2px}.content:has(>.contentbar>.search) .shelf-head h2:hover{text-decoration:none;cursor:default}.tilegrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 12px}.tile{aspect-ratio:auto;height:100px;border-radius:4px;padding:12px}.tile span{font-size:15px;font-weight:700;max-width:58%;line-height:1.2}.tile img,.tile .tile-liked{width:56%;right:-18%;bottom:-18%;border-radius:4px}.srow{display:flex;align-items:center;gap:12px;min-height:64px;padding:8px 0;cursor:pointer}.srow-art{width:48px;height:48px;border-radius:4px;object-fit:cover;flex:none;background:#2a2a2a}.srow.round .srow-art{border-radius:50%}.srow-text{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}.srow-name{font-size:16px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.srow-sub{font-size:13px;color:#a7a7a7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.srow-x{flex:none;width:44px;height:44px;margin-right:-12px;display:grid;place-items:center;color:#a7a7a7}.clear-recents{display:flex;margin:16px auto 0;background:transparent;border:1px solid #727272;color:#fff;font-size:14px;font-weight:700;padding:0 16px;min-block-size:32px}.search-empty{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;padding:96px 24px 0}.search-empty b{font-size:16px;font-weight:700;color:#fff}.search-empty span{font-size:13px;color:#a7a7a7}.gsearch .shelf-head{margin:12px 0 4px}.gsearch .shelf-head .settings-hint{font-size:13px;color:#a7a7a7}.gsearch .srow .card-request{position:static;transform:none;box-shadow:none;flex:none;font-size:12px;padding:6px 12px;margin-left:4px}.gsearch .srow.missing .srow-art{filter:grayscale(.4) brightness(.7)}.gsearch .srow.missing .srow-name{color:#b3b3b3}.gsearch-note{padding:24px 0;text-align:center}.searchlist{margin:4px 0 0}.searchlist .trackrow,.searchlist .trackrow:not(:has(.trackrow-art)){padding:8px 0;min-height:64px;gap:12px;align-items:center;cursor:pointer}.searchlist .trackrow-art{flex:0 0 48px;width:48px;height:48px;border-radius:4px;background:#2a2a2a}.searchlist .trackrow-name{display:flex;flex-direction:column;gap:2px;min-width:0}.searchlist .trackrow-name>span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:16px;line-height:1.3}.searchlist .trackrow-name>small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px;color:#a7a7a7;line-height:1.3}.searchlist .trackrow-name>small span,.searchlist .trackrow-name>small .rowlink{font-size:13px;color:#a7a7a7}.searchlist .trackrow-name>small:not(.lyric-snippet):before{content:"Song • "}.searchlist .trackrow-name>small:empty:before{content:"Song"}.searchlist .trackrow-name>small.lyric-snippet{white-space:normal}.searchlist .trackrow-more{width:44px;height:44px;margin-right:-12px;color:#a7a7a7;display:grid;place-items:center}.searchlist .trackrow-menu{flex:none}.searchlist .topresult{background:transparent;border-radius:0;padding:0;gap:12px;flex-direction:row;box-shadow:none;min-height:0;transition:none}.searchlist .srow.topresult{padding:8px 0}.searchlist .topresult img{width:48px;height:48px;box-shadow:none;border-radius:4px}.searchlist .srow.round.topresult img{border-radius:50%}.searchlist .topresult:hover{background:transparent}.searchlist .topresult h3{display:none}.searchlist .srow-song.topresult{display:block}}@media (max-width: 760px){.shell.show-lib .libhead{display:flex;position:fixed;top:calc(8px + env(safe-area-inset-top));right:8px;z-index:30;padding:0;margin:0}.shell.show-lib .libhead>span:first-child{display:none!important}.libhead-actions{display:flex;align-items:center;gap:4px}.libhead-actions .icon-btn{width:40px;height:40px;color:#fff}.libhead-actions .icon-btn.on{color:var(--accent)}.libhead-actions .icon-btn svg{stroke-width:1.7}.libpanel{border-top:0;display:flex;flex-direction:column;min-height:0}.shell.show-lib .sidebar{overflow:hidden}.liblist{flex:1 1 auto;min-height:0;overflow-y:auto}.libchips{padding:8px 16px;gap:8px}.libchips .pill{min-block-size:32px;padding:0 16px;font-size:13px;font-weight:500;background:#2a2a2a;color:#fff;border-radius:500px}.libchips .pill.on{background:var(--accent);color:#000}.libchips .pill.x{width:32px;background:#2a2a2a}.libsort{padding:8px 16px;font-size:13px;font-weight:600;min-height:40px}.libsort>span{display:inline-flex;align-items:center;gap:6px}.libsort .libview{width:40px;height:40px;margin-right:-10px;display:grid;place-items:center;color:#fff;border-radius:50%}.libsearch{display:flex;align-items:center;gap:8px;padding:4px 16px 8px;color:#a7a7a7}.libsearch svg{position:absolute;margin-left:10px;pointer-events:none}.libsearch input{flex:1;min-width:0;height:36px;border:0;border-radius:4px;background:#2a2a2a;color:#fff;font-size:16px;padding:0 12px 0 38px;font-family:inherit}.libsearch input::placeholder{color:#a7a7a7}.libsearch input:focus{outline:none}.libsearch button{color:#fff;font-size:14px;font-weight:600;padding:0 4px;height:36px}.liblist{padding:0 16px calc(24px + env(safe-area-inset-bottom))}.libitem{padding:8px 0;gap:16px;border-radius:0;background:transparent}.libitem:active{opacity:.7}.libitem img,.libitem .ph,.libitem .liked-art{width:64px;height:64px;border-radius:3px}.libitem.round img,.libitem.round .ph{border-radius:50%}.libitem-name{font-size:16px;font-weight:400;color:#fff}.libitem-sub{font-size:13px;color:#a7a7a7;gap:4px}.libpin{width:13px;height:13px}.newplaylist-input{width:100%;height:44px;border-radius:4px;background:#2a2a2a;font-size:16px;padding:0 12px;border:0;font-family:inherit}.newpl{position:fixed;top:0;right:0;bottom:0;left:0;z-index:320;background:#121212;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:calc(24px + env(safe-area-inset-top)) 24px calc(24px + env(safe-area-inset-bottom))}.newpl h2{margin:0;font-size:24px;font-weight:700;color:#fff;text-align:center;letter-spacing:-.3px}.newpl input{width:100%;max-width:340px;background:transparent;border:0;border-bottom:1px solid #727272;color:#fff;font:inherit;font-size:24px;font-weight:700;text-align:center;padding:8px 0 12px}.newpl input:focus{outline:none;border-bottom-color:#fff}.newpl input::placeholder{color:#727272;font-weight:700}.newpl-actions{display:flex;align-items:center;gap:24px;margin-top:8px}.newpl-cancel{color:#fff;font-size:16px;font-weight:700;padding:12px 8px}.newpl-create{background:#fff;color:#000;border-radius:500px;min-height:48px;padding:0 32px;font-size:16px;font-weight:700}.newpl-create:disabled{opacity:.3}.liblist>form{padding:4px 0 8px!important}.liblist.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 16px;align-content:start;padding-top:8px}.liblist.grid>form,.liblist.grid .libempty,.liblist.grid .devicemenu-empty{grid-column:1 / -1}.liblist.grid .libitem{flex-direction:column;align-items:stretch;gap:8px;padding:0}.liblist.grid .libitem img,.liblist.grid .libitem .ph,.liblist.grid .libitem .liked-art{width:100%;height:auto;aspect-ratio:1}.liblist.grid .libitem-name{font-size:14px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.3}.liblist.grid .libitem-sub{font-size:13px;display:block}.liblist.grid .libitem-sub .libpin{vertical-align:-1px;margin-right:4px}.libempty{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:24px 0 8px}.libempty b{font-size:16px;font-weight:700;color:#fff}.libempty p{margin:0 0 12px;font-size:13px;color:#a7a7a7}.libempty button{background:#fff;color:#000;border-radius:500px;min-height:32px;padding:0 16px;font-size:13px;font-weight:700}.hero{background:linear-gradient(180deg,#12121200,#1212124d),var(--hero, #3d3c3c);gap:0;padding:calc(56px + env(safe-area-inset-top)) 16px 4px}.hero.artist{background:var(--hero, #3d3c3c)}.actions:before{height:calc(100% + 230px);background:linear-gradient(180deg,color-mix(in srgb,var(--hero, #3d3c3c) 70%,#121212) 0%,var(--bg-base) 100%)}.hero.artist~.actions:before{background:linear-gradient(180deg,color-mix(in srgb,var(--hero, #3d3c3c) 80%,#121212) 0%,var(--bg-base) 100%)}.actions~.tracklist,.actions~.pad{background:transparent}.hero .hero-cover img,.hero>img,.hero .liked-art{width:250px;height:250px;max-width:calc(100vw - 64px);max-height:calc(100vw - 64px);border-radius:4px;box-shadow:0 8px 36px #0000008c}.hero .hero-cover,.hero .liked-art{align-self:center;margin-bottom:16px}.hero>div{width:100%}.hero h1,.hero-title-edit h1{font-size:24px!important;font-weight:700;letter-spacing:-.3px;line-height:1.2;margin:0 0 6px}.hero .kind{display:none}.hero p.hero-meta.phone{display:flex;flex-direction:column;align-items:flex-start;gap:6px;font-size:13px;color:#a7a7a7}.hero-owner{display:inline-flex;align-items:center;gap:6px;color:#fff;font-weight:700}.hero-owner .rowlink.strong,.hero-owner b{font-size:13px}.hero-avatar{width:20px;height:20px;margin-right:0}.hero-avatar.initial{display:grid;place-items:center;border-radius:50%;background:#535353;color:#fff;font-size:11px;font-weight:700}.hero-avatar.mixmark{display:grid;place-items:center;border-radius:50%;background:var(--mix, #1e3264);color:#fff}.hero .hero-cover.mixart{position:relative;width:208px;height:208px;border-radius:4px;overflow:hidden;box-shadow:0 8px 24px #00000080}.hero .hero-cover.mixart img{width:208px;height:208px;box-shadow:none}.hero .hero-cover.mixart .mixband{font-size:16px;padding:10px 14px;border-radius:0}.hero-stats{font-size:13px;color:#a7a7a7}.actions{padding:8px 16px;gap:4px;flex-wrap:wrap;min-height:64px}.actions .iconbtn{width:40px;height:40px;color:#a7a7a7;margin:0}.actions .iconbtn svg{width:24px;height:24px}.actions .iconbtn.on{color:var(--accent)}.actions .iconbtn.on:after{display:none}.actions .iconbtn.shuffle{order:8;margin-left:auto}.actions:has(.iconbtn.shuffle) .bigplay{margin-left:4px}.actions .bigplay{order:9;margin-left:auto;width:48px;height:48px;margin-right:-4px}.actions .bigplay svg{width:22px;height:22px}.actions .btn-secondary{min-block-size:32px;padding:0 16px;font-size:13px;border-color:#7a7a7a}.actions .btn-secondary:disabled{opacity:.7}.actions .btn-secondary.follow{border-color:#727272;font-weight:700}.actions .btn-secondary.follow.on{border-color:#fff}.actions .btn-secondary+.iconbtn.more{margin-left:4px}.actions .within{order:20;flex:1 0 100%;margin:8px 0 4px;height:36px;border-radius:4px;background:#ffffff1a;color:#a7a7a7;padding:0 12px;box-sizing:border-box;gap:10px}.actions .within:focus-within{background:#ffffff24;color:#fff}.actions .within input{width:auto;flex:1;min-width:0;font-size:14px}.actions .within input::placeholder{color:#a7a7a7}.actions .within:hover input,.actions .within:focus-within input,.actions .within input:not(:placeholder-shown){width:auto}.actions .within button{font-size:20px;padding:0 4px}.liked-find{position:sticky;top:0;z-index:6;display:flex;align-items:center;gap:8px;padding:calc(10px + env(safe-area-inset-top)) 16px 8px 56px;background:var(--hero, #3d3c3c)}.liked-find-field{flex:1;min-width:0;display:flex;align-items:center;gap:8px;height:36px;padding:0 10px;border-radius:4px;background:#ffffff24;color:#fff}.liked-find-field input{flex:1;min-width:0;background:transparent;border:0;color:#fff;font:inherit;font-size:14px;font-weight:500}.liked-find-field input::placeholder{color:#ffffffbf}.liked-find-field input:focus{outline:none}.liked-find-field button{color:#fff;font-size:20px;line-height:1;padding:0 2px}.liked-find .sortchip{flex:none;min-block-size:36px;padding:0 16px;font-size:13px;font-weight:700;background:#ffffff24;color:#fff;border-radius:500px}.liked-page .hero{padding-top:16px}.liked-page .hero .liked-art{width:180px;height:180px}.app.mobile:has(.liked-page) .mobile-topbar-title,.app.mobile:has(.liked-page) .mobile-topbar:before{opacity:0}.tracklist{padding:0 0 16px}.pad .tracklist{padding:0}.trackrow,.trackrow:not(:has(.trackrow-art)){padding:8px 16px;min-height:64px;gap:12px;border-radius:0}.pad .tracklist .trackrow{padding-left:0;padding-right:0}.trackrow-art{width:48px;height:48px;flex:0 0 48px;border-radius:3px}.trackrow-name span{font-size:16px;color:#fff}.trackrow-name small{font-size:13px;color:#a7a7a7;margin-top:2px}.trackrow-name small .rowlink{color:#a7a7a7}.trackrow-more{width:40px;height:40px;margin-right:-12px;color:#a7a7a7}.trackrow.active .trackrow-name>span{color:var(--accent)}.placeholder-note{padding:16px;font-size:13px;color:#a7a7a7}.reco{margin:24px 0 0;padding-top:16px;border-top:0}.reco-head{padding:0 16px 8px}.reco-head h2{font-size:24px;letter-spacing:-.3px}.reco-head p{font-size:13px;color:#a7a7a7}.reco-row .trackrow{padding-right:0}.reco-add{margin-right:16px;min-height:32px;padding:0 16px;font-size:13px}.reco-refresh{font-size:13px;color:#fff}.hero.artist{padding:0;min-height:300px;align-items:flex-start;justify-content:flex-end}.hero.artist.with-banner{background:linear-gradient(180deg,#0000 30%,#00000059 70%,color-mix(in srgb,var(--hero, #3d3c3c) 80%,#121212)),var(--banner) center 25% / cover no-repeat}.hero.artist>div{padding:0 16px 8px}.hero.artist .verified{font-size:12px;margin-bottom:4px}.hero.artist .verified svg{width:18px;height:18px}.hero.artist h1{font-size:48px!important;font-weight:700;letter-spacing:0;margin:0 0 4px;line-height:1.05}.hero.artist .hero-meta,.hero.artist.with-banner .hero-meta{font-size:13px;color:#fff;text-shadow:none}.hero.artist~.pad .shelf-head h2{font-size:20px}.hero.artist~.actions{padding:8px 16px}.hero.artist~.pad>section:first-child .shelf-head{margin-top:8px}.tracklist.popular .trackrow-n{display:block;width:20px;height:24px;flex:none;font-size:16px;color:#a7a7a7}.tracklist.popular .trackrow-n .trackrow-playglyph{display:none!important}.tracklist.popular .trackrow-n .trackrow-idx{opacity:1!important}.tracklist.popular .trackrow.active .trackrow-idx{color:var(--accent)}.seemore{display:inline-flex;align-items:center;min-height:32px;padding:0 16px;margin:8px 0 0;border:1px solid #727272;border-radius:500px;font-size:13px;font-weight:700;color:#fff}.releases .release{display:flex;align-items:center;gap:12px;width:100%;padding:6px 0;text-align:left}.releases .release img,.releases .release-ph{width:76px;height:76px;flex:none;border-radius:4px;object-fit:cover;background:#2a2a2a}.releases .release-ph{display:grid;place-items:center;color:#727272}.releases .release.missing img{filter:grayscale(.4) brightness(.75)}.releases .release-text{min-width:0;flex:1;display:flex;flex-direction:column;gap:3px}.releases .release-name{font-size:16px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.releases .release-sub{font-size:13px;color:#a7a7a7}.releases .release .card-request{position:static;transform:none;box-shadow:none;flex:none;font-size:13px;padding:6px 14px}.releases .release .card-request:hover{transform:none}.seedisco{display:inline-flex;align-items:center;min-height:32px;padding:0 16px;margin:12px 0 4px;font-size:13px;font-weight:700;border-color:#727272}.card-art .ph.note{background:#2a2a2a url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23727272'%3E%3Cpath d='M6 3v7.4A2.5 2.5 0 1 0 7.5 12.7V5.2l6-1.5v5.7A2.5 2.5 0 1 0 15 11.7V1.5L6 3z'/%3E%3C/svg%3E") center / 32% no-repeat}.disco-filters{flex-wrap:nowrap;gap:8px;overflow-x:auto;scrollbar-width:none;margin:0 -16px 12px;padding:0 16px}.disco-filters::-webkit-scrollbar{display:none}.disco-filters .pills{flex:none}.disco-filters .pills+.pills{padding-left:12px;margin-left:4px;border-left:1px solid rgba(255,255,255,.2)}.disco-filters .pill{white-space:nowrap}.pad .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}.card-request{font-size:12px;padding:6px 12px}.shelf-head{margin:24px 0 12px}.shelf-head h2{font-size:24px;letter-spacing:-.3px}.shelf-head .settings-hint{font-size:13px}.card.round .card-title,.card.round .card-sub{text-align:center}.app.mobile:has(.settings-phone) .mobile-topbar:before{opacity:1;background:var(--bg-base)}.app.mobile:has(.settings-phone) .mobile-topbar-title{opacity:1}.app.mobile:has(.settings-phone) .mobile-back{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}.app.mobile:has(.settings-phone.sub) .mobile-topbar{display:none}.settings-phone .settings{padding:calc(56px + env(safe-area-inset-top)) 16px 32px;max-width:none}.settings-phone.sub .settings{padding-top:8px}.settings-nav{position:sticky;top:0;z-index:5;display:grid;grid-template-columns:48px 1fr 48px;align-items:center;height:calc(56px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top);background:var(--bg-base)}.settings-nav button{width:48px;height:48px;display:grid;place-items:center;color:#fff}.settings-nav b{text-align:center;font-size:16px;font-weight:700;color:#fff}.settings-phone h2{font-size:16px;font-weight:700;color:#fff;margin:24px 0 4px}.setrow{display:flex;align-items:center;gap:12px;width:100%;min-height:56px;padding:8px 0;text-align:left;color:#fff}.setrow:disabled{opacity:.4}.setrow-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.setrow-text b{font-size:16px;font-weight:400;color:#fff}.setrow-text small{font-size:13px;color:#a7a7a7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.setrow-chev{flex:none;color:#a7a7a7}.setrow.profile{padding:12px 0 16px}.setrow.profile .setrow-text b{font-weight:700}.setrow-avatar{position:relative;width:56px;height:56px;flex:none;border-radius:50%;background:#535353;overflow:hidden;display:grid;place-items:center}.setrow-avatar img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.setrow-avatar span{font-size:22px;font-weight:700;color:#fff}.setrow.color input[type=color]{width:32px;height:32px;flex:none;border:0;border-radius:50%;padding:0;background:none;cursor:pointer}.setrow.color input[type=color]::-webkit-color-swatch-wrapper{padding:0}.setrow.color input[type=color]::-webkit-color-swatch{border:1px solid rgba(255,255,255,.25);border-radius:50%}.setrow.color.open .setrow-text small{color:#fff;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.settings-caption{font-size:13px;color:#a7a7a7;line-height:1.45;margin:4px 0 16px}.settings-phone .settings-field{display:block;padding:0;margin:0 0 16px}.settings-phone .settings-field label{display:block;font-size:13px;font-weight:700;color:#fff;margin:0 0 8px}.settings-input{width:100%;min-width:0;box-sizing:border-box;height:48px;font-size:16px;background:#2a2a2a;border-radius:4px;font-family:inherit}.settings-save{display:block;margin:8px auto 16px;background:var(--accent);color:#000;border-radius:500px;min-height:48px;padding:0 40px;font-size:16px;font-weight:700}.settings-save:disabled{opacity:.3}.settings-disconnect{display:block;margin:0 auto;color:#fff;font-size:14px;font-weight:700;padding:12px 16px}.theme-dot{display:inline-block;width:16px;height:16px;border-radius:50%}.sheet-initial{width:56px;height:56px;border-radius:50%;background:#535353;color:#fff;display:grid;place-items:center;font-size:22px;font-weight:700}.hero.profile{min-height:0;align-items:center;padding-bottom:24px;background:linear-gradient(180deg,rgba(18,18,18,0) 0%,var(--bg-base) 100%),var(--hero, #4a4a4a)}.hero.profile~.actions.slim:before{display:none}.hero.profile .profile-avatar{width:128px;height:128px;box-shadow:0 8px 24px #00000080;margin-bottom:12px}.hero.profile .profile-initial{font-size:56px}.hero.profile>div{text-align:center}.hero.profile h1{margin:0 0 4px}.hero.profile .hero-meta{justify-content:center;font-size:13px;color:#a7a7a7}.hero.profile .hero-cover-edit{font-size:13px}.hero.profile .hero-cover-edit{display:none}.actions.slim{padding:0;min-height:8px}.actions.profile-actions{justify-content:center;gap:8px;min-height:0;padding:0 16px 8px}.actions.profile-actions:before{display:none}.actions.profile-actions .btn-secondary{display:inline-flex;align-items:center;min-height:32px;padding:0 16px;font-size:13px;font-weight:700;border-color:#727272;cursor:pointer}.hero.profile~.pad>section:first-child .shelf-head{margin-top:16px}.hero.profile~.pad .shelf{grid-auto-columns:120px;gap:12px}.hero.profile~.pad .card-title{font-size:14px}.shelf-sub{font-size:13px;color:#a7a7a7;margin:-8px 0 8px}.seeall{display:inline-flex;align-items:center;min-height:32px;padding:0 16px;margin:8px 0 0;font-size:13px;font-weight:700;border-color:#727272}.sf-hero{padding-top:calc(40px + env(safe-area-inset-top));background:linear-gradient(180deg,#181818,#181818 calc(100% - 80px),#111)}.sf-profile{padding:24px 0;gap:16px}.sf-avatar-ring{border:0}.sf-avatar-ring .sf-avatar{width:128px!important;height:128px!important;background:#333}.sf-avatar p{font-size:56px;font-weight:800;color:#fff}.sf-range-chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:0 -16px;padding:0 16px}.sf-range-chips::-webkit-scrollbar{display:none}.sf-range-chips .pill{flex:none;min-block-size:32px;padding:0 16px;font-size:13px;font-weight:500;background:#2a2a2a;color:#fff;border-radius:500px}.sf-range-chips .pill.on{background:var(--accent);color:#000}.sf-gate-msg .sf-textbtn{margin-top:8px;background:#fff;color:#000;border-radius:500px;min-height:32px;padding:0 16px;font-size:13px;font-weight:700}.sf h1{font-size:24px}.sf-handle{font-size:16px}.sf-container{padding:0 16px;max-width:none}.sf-stats{gap:12px}.sf-stats h3{font-size:18px}.sf-stat-label{font-size:14px}.sf-listbox{width:100%}.sf-carousel{overflow-x:auto;scrollbar-width:none;margin:0 -16px;padding:0 16px}.sf-carousel::-webkit-scrollbar{display:none}.sf-carousel-row{transform:none!important}.sf-toolbar{display:none}.sf-section-head{padding:28px 0 12px}.sf-section-desc{max-width:100%}.sf-charts{grid-template-columns:1fr}.sf-avg-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.sf-clocks{flex-direction:column}.sf-stream-main,.sf-stream-text{width:auto;flex:1;min-width:0}.sf-stream-time{flex:none;margin-left:8px}.sf-day{top:0}.mobile-back{top:calc(12px + env(safe-area-inset-top));left:16px;width:32px;height:32px;background:#00000080;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.mobile-back svg{width:18px;height:18px}@media (max-width: 380px){.hero .hero-cover img,.hero>img,.hero .liked-art{width:220px;height:220px}.hero.artist h1{font-size:34px!important}}}