.sx,.sx-tokens{--sx-gutter:var(--page-left,clamp(1rem,4vw,2rem));--sx-gap:clamp(0.75rem,1.4vw,1.25rem);--sx-radius:16px;--sx-radius-sm:12px;--sx-tile:clamp(9.5rem,15vw,13rem);--sx-panel:color-mix(in oklch,var(--color-ink) 4%,transparent);--sx-panel-hi:color-mix(in oklch,var(--color-ink) 7%,transparent);--sx-panel-hover:color-mix(in oklch,var(--color-ink) 9%,transparent);--sx-hairline:color-mix(in oklch,var(--color-ink) 9%,transparent)}.sx{min-height:100%;color:var(--color-ink);background:var(--nf-ground,var(--color-paper))}.artist-banner-artwork{--artist-banner-height:9rem;position:relative;height:calc(var(--artist-banner-height) + var(--artist-notch-height, 0px));overflow:hidden}.shell-artwork-slot .artist-banner-artwork{--artist-notch-height:calc(var(--shell-top, 56px) - var(--sidebar-w, 8px))}.web-sidebar-inset:has(>.shell-artwork-slot .artist-banner-artwork) .artist-page{background:transparent}@media (min-width:640px){.artist-banner-artwork{--artist-banner-height:12rem}}@media (min-width:1024px){.artist-banner-artwork{--artist-banner-height:14rem}}.artist-body{padding-bottom:clamp(2rem,5vw,4rem)}.artist-identity{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:end;gap:16px}.artist-identity__title>:is(.page-heading-mark,.sx-badge){flex:none}.artist-identity__name{min-width:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.artist-identity__handle{overflow-wrap:anywhere}.artist-identity__handle>svg{flex:none}.artist-identity__actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.artist-stats{row-gap:8px}.artist-about__bio>p{min-width:0;overflow-wrap:anywhere}.artist-about__bio>.sx-icon{flex:none;margin-inline-start:auto}.artist-about .sx-chips>:is(a,button){max-width:100%;overflow-wrap:anywhere}.artist-about .sx-chips>a{white-space:normal}.artist-link-editor{display:grid;grid-template-columns:8rem minmax(0,1fr) auto;gap:8px}@media (max-width:900px){.artist-identity{grid-template-columns:auto minmax(0,1fr)}.artist-identity__actions{grid-column:1/-1;padding-top:4px}}@media (max-width:480px){.artist-identity{gap:12px}.artist-link-editor{grid-template-columns:minmax(0,1fr) auto}.artist-link-editor__label{grid-column:1;grid-row:1}.artist-link-editor__url{grid-column:1;grid-row:2}.artist-link-editor__remove{grid-column:2;grid-row:1/3;align-self:center}}.ghost-row__art:has(>.nf-frame),.sx-cell__art:has(>.nf-frame),.sx-dw__parent-art:has(>.nf-frame),.sx-tile__art:has(>.nf-frame){border-radius:0;background:transparent;overflow:visible}.ghost-row__art:has(>.nf-frame)>span,.sx-cell__art:has(>.nf-frame)>span,.sx-tile__art:has(>.nf-frame)>.sx-tile__play{border-radius:14%;clip-path:url(#nf-folder-l)}.sx-pad{padding-inline:var(--sx-gutter)}.sx-head{display:flex;align-items:center;gap:var(--space-2xs);min-height:3rem;padding-block:var(--page-top,2rem) var(--space-2xs)}.sx-head__copy{min-width:0;flex:1}.sx-head h1{margin:0;font-size:26px;font-weight:600;letter-spacing:0;line-height:1.15}.sx-head__sub{margin:.15rem 0 0;color:var(--color-ink-3);font-size:var(--text-sm)}.sx-head__actions{flex-shrink:0;align-items:center}.sx-head__actions,.sx-tabs{display:flex;gap:var(--space-3xs)}.sx-tabs{position:relative;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity;padding-block:var(--space-3xs);-webkit-overflow-scrolling:touch}.sx-tabs::-webkit-scrollbar{display:none}.sx-tab{display:inline-flex;flex:0 0 auto;align-items:center;gap:var(--space-3xs);min-height:2.25rem;padding-inline:var(--space-xs);border-radius:var(--radius-pill);color:var(--color-ink-3);background:transparent;font-size:var(--text-sm);font-weight:550;white-space:nowrap;scroll-snap-align:start;transition:color var(--dur-short) var(--ease-out),background-color var(--dur-short) var(--ease-out)}.sx-tab:hover{color:var(--color-ink);background:var(--sx-panel)}.sx-tab[data-active=true]{color:var(--color-ink);background:var(--sx-panel-hi);font-weight:620}.sx-tabs--rule{gap:var(--space-sm);padding-block:0;box-shadow:inset 0 -1px 0 var(--sx-hairline)}.sx-tabs--rule .sx-tab{position:relative;min-height:2.5rem;padding-inline:.1rem;border-radius:0;background:transparent;font-weight:520}.sx-tabs--rule .sx-tab:after{content:"";position:absolute;inset-inline:0;bottom:0;height:2px;border-radius:2px 2px 0 0;background:var(--color-ink);transform:scaleX(0);transition:transform var(--dur-short) var(--ease-out)}.sx-tabs--rule .sx-tab:hover,.sx-tabs--rule .sx-tab[data-active=true]{color:var(--color-ink);background:transparent}.sx-tabs--rule .sx-tab[data-active=true]{font-weight:620}.sx-tabs--rule .sx-tab[data-active=true]:after{transform:scaleX(1)}.ghost-row:focus-visible,.sx-chip:focus-visible,.sx-icon:focus-visible,.sx-tab:focus-visible,.sx-tile:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.sx-chips{display:flex;flex-wrap:wrap;gap:var(--space-3xs)}.sx-chips--scroll{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.sx-chips--scroll::-webkit-scrollbar{display:none}.sx-chip{display:inline-flex;flex:0 0 auto;align-items:center;gap:var(--space-3xs);min-height:2rem;padding-inline:var(--space-2xs);border:0;border-radius:var(--radius-pill);color:var(--color-ink-2);background:var(--sx-panel);font-size:var(--text-xs);font-weight:550;white-space:nowrap;transition:color var(--dur-short) var(--ease-out),background-color var(--dur-short) var(--ease-out)}.sx-chip:hover{color:var(--color-ink);background:var(--sx-panel-hover)}.sx-chip[data-active=true]{color:var(--color-accent-ink);background:var(--color-accent)}.sx-chip[data-tone=danger][data-active=true]{background:var(--color-danger)}.sx-icon{position:relative;display:grid;min-width:2.25rem;min-height:2.25rem;place-items:center;border:0;border-radius:10px;color:var(--color-ink-2);background:transparent;overflow:visible;transition:color var(--dur-short) var(--ease-out),background-color var(--dur-short) var(--ease-out),transform .24s cubic-bezier(.34,1.45,.64,1)}.sx-icon:after{content:"";position:absolute;inset:5px;border-radius:50%;background:currentColor;opacity:0;transform:scale(.4);filter:blur(7px);pointer-events:none;transition:opacity .2s var(--ease-out),transform .28s cubic-bezier(.34,1.45,.64,1)}.sx-icon:hover{color:var(--color-ink);background:var(--sx-panel)}@media (hover:hover){.sx-icon:hover{transform:scale(1.08)}.sx-icon:hover:after{opacity:.18;transform:scale(1.5)}}.sx-icon:active{transform:scale(.94)}.sx-icon[data-active=true]{color:var(--color-accent)}.sx-btn{display:inline-flex;align-items:center;gap:var(--space-3xs);min-height:2.25rem;padding-inline:var(--space-sm);border:0;border-radius:var(--radius-pill);color:var(--color-ink);background:var(--sx-panel-hi);font-size:var(--text-sm);font-weight:600;transition:background-color var(--dur-short) var(--ease-out),transform .1s var(--ease-out)}.sx-btn:hover{background:var(--sx-panel-hover)}.sx-btn:active{transform:scale(.985)}.sx-btn--primary{color:var(--color-accent-ink);background:var(--color-accent)}.sx-btn--primary:hover{background:color-mix(in oklch,var(--color-accent) 88%,var(--color-ink))}.sx-btn:disabled{opacity:.45;cursor:not-allowed}.sx-section{margin-block:var(--space-lg)}.sx-section__head{display:flex;align-items:baseline;gap:var(--space-2xs);margin-bottom:var(--space-xs)}.sx-section__head h2{margin:0;font-size:var(--text-lg);font-weight:640;letter-spacing:-.02em}.sx-section__more{margin-inline-start:auto;color:var(--color-ink-3);font-size:var(--text-xs);font-weight:550;white-space:nowrap;transition:color var(--dur-short) var(--ease-out)}.sx-section__more:hover{color:var(--color-ink)}.sx-rail{display:flex;gap:var(--sx-gap);margin-inline:calc(var(--sx-gutter) * -1);padding-inline:var(--sx-gutter);overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--sx-gutter);scroll-behavior:smooth;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}.sx-rail::-webkit-scrollbar{display:none}.sx-rail>*{flex:0 0 var(--sx-tile);scroll-snap-align:start}.sx-grid{display:grid;gap:var(--sx-gap);grid-template-columns:repeat(auto-fill,minmax(var(--sx-tile),1fr))}.sx-tile{display:block;min-width:0;border:0;background:transparent;text-align:start}.sx-tile__art{position:relative;display:block;width:100%;aspect-ratio:1;overflow:hidden;border-radius:var(--sx-radius);background:var(--sx-panel-hi);transition:transform var(--dur-short) var(--ease-out),box-shadow var(--dur-short) var(--ease-out)}.sx-tile__art--tall{aspect-ratio:2/3}.sx-tile__art>div,.sx-tile__art>img{display:block;width:100%;height:100%;object-fit:cover}.sx-tile:hover .sx-tile__art{transform:translateY(-3px);box-shadow:0 16px 34px -16px oklch(0 0 0/.65)}.sx-tile__label{margin-top:var(--space-2xs);color:var(--color-ink);font-size:14px;font-weight:580}.sx-tile__label,.sx-tile__sub{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sx-tile__sub{color:var(--color-ink-3);font-size:var(--text-xs)}.sx-tile__play{position:absolute;right:var(--space-2xs);bottom:var(--space-2xs);display:grid;width:2.75rem;height:2.75rem;place-items:center;border:0;border-radius:50%;color:var(--color-paper);background:var(--color-ink);opacity:0;transform:translateY(6px);box-shadow:0 10px 24px -8px oklch(0 0 0/.7);transition:opacity var(--dur-short) var(--ease-out),transform var(--dur-short) var(--ease-out)}.sx-tile:hover .sx-tile__play,.sx-tile__play:focus-visible{opacity:1;transform:translateY(0)}.mesh{position:relative;isolation:isolate;background-color:hsl(var(--h1,24) 62% 30%);background-image:radial-gradient(at 18% 16%,hsl(var(--h1,24) 92% 64%/.95) 0,transparent 55%),radial-gradient(at 82% 8%,hsl(var(--h2,42) 88% 58%/.9) 0,transparent 52%),radial-gradient(at 88% 88%,hsl(var(--h3,200) 90% 52%/.92) 0,transparent 55%),radial-gradient(at 12% 92%,hsl(var(--h4,154) 86% 46%/.9) 0,transparent 58%)}.mesh:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(0deg,oklch(0 0 0/.55) 0,oklch(0 0 0/.18) 42%,transparent 72%)}.mesh__label{position:absolute;z-index:2;inset-inline:var(--space-2xs);bottom:var(--space-2xs);color:oklch(.99 0 0);font-size:clamp(.95rem,1.5vw,1.25rem);font-weight:660;letter-spacing:-.02em;text-shadow:0 1px 12px oklch(0 0 0/.5)}.mesh__count{display:block;color:oklch(1 0 0/.72);font-size:var(--text-xs);font-weight:500;letter-spacing:0}.mesh--grain:before{content:"";position:absolute;inset:0;z-index:1;opacity:.16;background-image:radial-gradient(oklch(1 0 0/.5) .5px,transparent 0);background-size:3px 3px}.ghost-list{display:flex;flex-direction:column;gap:.25rem;margin:0;padding-block:0;list-style:none;container:songlist/inline-size}.ghost-row{position:relative;display:flex;align-items:center;gap:var(--space-xs);width:100%;padding:.625rem;border:0;border-radius:var(--sx-radius-sm);background:transparent;text-align:start;transition:background-color var(--dur-short) var(--ease-out)}.ghost-row__hit{position:absolute;inset:0;z-index:0;padding:0;border:0;border-radius:inherit;background:transparent;cursor:pointer}.ghost-row>:not(.ghost-row__hit){position:relative;z-index:1}.ghost-row>input[type=checkbox]{appearance:none;display:grid;place-items:center;flex-shrink:0;width:1.5rem;height:1.5rem;margin:-.25rem;border-radius:.375rem;background:transparent;cursor:pointer}.ghost-row>input[type=checkbox]:before{content:"";grid-area:1/1;width:1rem;height:1rem;border:1.5px solid var(--color-ink-3);border-radius:.25rem;background:transparent;transition:background-color var(--dur-short) var(--ease-out),border-color var(--dur-short) var(--ease-out)}.ghost-row>input[type=checkbox]:hover:before{border-color:var(--color-ink-2)}.ghost-row>input[type=checkbox]:checked:before{border-color:var(--color-accent);background:var(--color-accent)}.ghost-row>input[type=checkbox]:after{content:"";grid-area:1/1;width:.3rem;height:.55rem;margin-top:-.125rem;border:solid var(--color-accent-ink);border-width:0 2px 2px 0;transform:rotate(45deg);opacity:0}.ghost-row>input[type=checkbox]:checked:after{opacity:1}.ghost-row>input[type=checkbox]:focus-visible{outline:2px solid var(--color-focus);outline-offset:0}.ghost-row__meta,.ghost-row__stat{pointer-events:none}.ghost-row__meta>*{pointer-events:auto}.ghost-row__sub,.ghost-row__title{pointer-events:none}.ghost-row__name,.ghost-row__rename,.ghost-row__title>a,.ghost-row__title>button{pointer-events:auto}.ghost-row:hover{background:var(--sx-panel)}.ghost-row[data-active=true]{background:var(--sx-panel-hi)}.ghost-row[data-selected=true]{background:color-mix(in oklch,var(--color-accent) 14%,transparent)}.ghost-row__art{position:relative;width:3.25rem;height:3.25rem;flex-shrink:0;overflow:hidden;border:0;border-radius:10px;background:var(--sx-panel-hi);padding:0}.ghost-row__art--portrait{width:3.25rem;height:4.875rem}.ghost-row__art img{display:block;width:100%;height:100%;object-fit:cover}.ghost-row__art>span{position:absolute;inset:0;display:grid;place-items:center;color:oklch(1 0 0);background:oklch(0 0 0/.5);opacity:0;transition:opacity var(--dur-short) var(--ease-out)}.ghost-row:hover .ghost-row__art>span,.ghost-row[data-active=true] .ghost-row__art>span,.ghost-row__art:focus-visible>span{opacity:1}.ghost-row__meta{min-width:0;flex:1 1 auto}.ghost-row__title{display:flex;align-items:center;gap:var(--space-3xs);min-width:0;overflow:hidden;color:var(--color-ink);font-size:14px;line-height:24px;font-weight:580}.ghost-row__name>a,.ghost-row__title>a,.ghost-row__title>span:first-child{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ghost-row__title a:hover{text-decoration:underline;text-underline-offset:2px}.ghost-row__name{display:inline-flex;flex:1 1 auto;min-width:3rem;align-items:center;gap:.25rem}.ghost-row__pencil{display:grid;flex-shrink:0;width:1.5rem;height:1.5rem;place-items:center;border:0;border-radius:5px;color:var(--color-ink-3);background:transparent;opacity:0;transition:opacity var(--dur-short) var(--ease-out),color var(--dur-short) var(--ease-out),background-color var(--dur-short) var(--ease-out)}.ghost-row__name:hover .ghost-row__pencil,.ghost-row__pencil:focus-visible{opacity:1}.ghost-row__pencil:hover,.ghost-row__rename{color:var(--color-ink);background:var(--sx-panel-hover)}.ghost-row__rename{min-width:0;width:100%;max-width:22rem;padding:.1rem .35rem;border:0;border-radius:6px;font-size:14px;font-weight:580;outline:2px solid var(--color-focus);outline-offset:0}.ghost-row[data-active=true] .ghost-row__title{color:var(--color-accent)}.ghost-row__sub{display:block;overflow:hidden;margin-top:.25rem;color:var(--color-ink-3);font-size:var(--text-xs);text-overflow:ellipsis;white-space:nowrap}.ghost-row__actions{display:flex;flex-shrink:0;align-items:center;gap:.25rem;opacity:0;transition:opacity var(--dur-short) var(--ease-out)}.ghost-row:focus-within .ghost-row__actions,.ghost-row:hover .ghost-row__actions{opacity:1}.ghost-row[data-library-song-row=true] .ghost-row__actions{opacity:1}.ghost-row__stat{gap:.2rem;color:var(--color-ink-3);font:500 var(--text-xs) /1 var(--font-mono)}.ghost-row__stat,.sx-badge{display:inline-flex;flex-shrink:0;align-items:center}.sx-badge{padding:.1rem .3rem;border-radius:5px;color:var(--color-ink-2);background:var(--sx-panel-hi);font-size:.625rem;font-weight:620;letter-spacing:.02em;text-transform:uppercase}.sx-badge--tone{color:var(--color-accent);background:color-mix(in oklch,var(--color-accent) 16%,transparent)}.sx-pxl-group{display:flex;flex-shrink:0;align-items:center;gap:.375rem;opacity:0;transition:opacity var(--dur-short) var(--ease-out)}.create-song-ghost:focus-within .sx-pxl-group,.create-song-ghost:hover .sx-pxl-group,.ghost-row:focus-within .sx-pxl-group,.ghost-row:hover .sx-pxl-group,.ghost-row[data-active=true] .sx-pxl-group,.ghost-row[data-selected=true] .sx-pxl-group,[data-song-row=true]:focus-within .sx-pxl-group,[data-song-row=true]:hover .sx-pxl-group{opacity:1}@media (hover:hover) and (pointer:fine){.ghost-row[data-library-song-row=true]:not(:hover):not(:focus-within) .sx-pxl-group{opacity:0}}.sx-pxl{position:relative;display:inline-flex;flex:0 0 auto;align-items:center;gap:.28rem;min-height:1.75rem;padding-inline:.55rem;border:0;border-radius:7px;color:var(--pxl,var(--color-ink));background-color:color-mix(in oklch,var(--pxl,var(--color-ink)) 9%,var(--color-paper));box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--pxl,var(--color-ink)) 40%,transparent);font-size:11px;font-weight:640;letter-spacing:.005em;white-space:nowrap;isolation:isolate;overflow:hidden;transition:background-color var(--dur-short) var(--ease-out),box-shadow var(--dur-short) var(--ease-out),transform .1s var(--ease-out)}.sx-pxl:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.24;background-image:conic-gradient(from 90deg,currentColor 0 25%,transparent 0 50%,currentColor 0 75%,transparent 0);background-size:4px 4px;transition:opacity var(--dur-short) var(--ease-out)}.sx-pxl:hover{background-color:color-mix(in oklch,var(--pxl,var(--color-ink)) 18%,var(--color-paper));box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--pxl,var(--color-ink)) 72%,transparent)}.sx-pxl:hover:before{opacity:.42}.sx-pxl:active{transform:scale(.95)}.sx-pxl:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.sx-pxl:disabled{opacity:.4;cursor:not-allowed}.sx-pxl__pro{font-size:9px;line-height:1}@container songlist (max-width: 58rem){.sx-pxl[data-rank="4"]{display:none}}@container songlist (max-width: 52rem){.sx-pxl[data-rank="3"]{display:none}}@container songlist (max-width: 44rem){.sx-pxl[data-rank="2"]{display:none}}@container songlist (max-width: 32rem){.sx-pxl-group{display:none}}@container songlist (max-width: 34rem){.ghost-row__stat{display:none}}@container songlist (max-width: 30rem){.ghost-row__actions .sx-icon,.ghost-row__title>.sx-badge{display:none}}@container songlist (max-width: 22rem){.ghost-row__actions .like-btn{display:none}}.sx-panel{padding:var(--space-md);border-radius:var(--sx-radius);background:var(--sx-panel)}.sx-divider{height:1px;margin-block:var(--space-sm);border:0;background:var(--sx-hairline)}.sx-empty{display:grid;justify-items:center;gap:var(--space-2xs);padding:var(--space-2xl) var(--space-md);text-align:center}.sx-empty__icon{display:grid;width:3.25rem;height:3.25rem;place-items:center;border-radius:50%;color:var(--color-ink-3);background:var(--sx-panel-hi)}.sx-empty h3{margin:0;font-size:var(--text-md);font-weight:620}.sx-empty p{max-width:34ch;margin:0;color:var(--color-ink-3);font-size:var(--text-sm);line-height:1.55}.sx-skel{border-radius:var(--sx-radius);background:var(--sx-panel-hi);animation:sx-pulse 1.6s var(--ease-in-out) infinite}@keyframes sx-pulse{50%{opacity:.45}}@media (hover:none),(pointer:coarse){.ghost-row__actions,.ghost-row__art>span,.ghost-row__pencil,.sx-pxl-group,.sx-tile__play{opacity:1;transform:none}.sx-pxl{min-height:2rem}.sx-chip,.sx-icon,.sx-tab{min-height:2.75rem}.sx-icon{min-width:2.75rem}.sx-tile:hover .sx-tile__art{transform:none;box-shadow:none}.ghost-row:active,.sx-tile:active .sx-tile__art{transform:scale(.985)}}@media (max-width:47.99rem){.sx,.sx-tokens{--sx-gutter:1rem;--sx-gap:0.75rem;--sx-tile:44vw;--sx-radius:18px}.sx-head{padding-block:var(--space-2xs)}.sx-head h1{font-size:24px}.sx-section{margin-block:var(--space-md)}.ghost-row{padding-block:.75rem}.ghost-row__art{width:3.5rem;height:3.5rem}.ghost-row__art--portrait{width:3.5rem;height:5.25rem}}@media (min-width:100rem){.sx,.sx-tokens{--sx-tile:clamp(12rem,11vw,15rem)}}@media (prefers-reduced-motion:reduce){.ghost-row,.ghost-row__actions,.ghost-row__pencil,.sx-chip,.sx-icon,.sx-pxl,.sx-pxl-group,.sx-pxl:before,.sx-tab,.sx-tabs--rule .sx-tab:after,.sx-tile__art,.sx-tile__play{transition-duration:.01ms}.sx-tile:hover .sx-tile__art{transform:none}.sx-skel{animation:none}}.sx-deck{display:flex;gap:var(--sx-gap);margin-inline:calc(var(--sx-gutter) * -1);padding-inline:var(--sx-gutter);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.sx-deck::-webkit-scrollbar{display:none}.sx-deck__page{display:grid;flex:0 0 100%;gap:var(--sx-gap);grid-template-rows:repeat(3,auto);grid-template-columns:repeat(3,minmax(0,1fr));scroll-snap-align:start;scroll-snap-stop:always}.sx-dots{display:flex;justify-content:center;gap:.3rem;margin-top:var(--space-2xs)}.sx-dot{width:.4rem;height:.4rem;border:0;border-radius:50%;background:color-mix(in oklch,var(--color-ink) 22%,transparent);transition:background-color var(--dur-short) var(--ease-out),width var(--dur-short) var(--ease-out)}.sx-dot[data-active=true]{width:1.1rem;border-radius:var(--radius-pill);background:var(--color-accent)}.sx-tile__art--portrait{aspect-ratio:2/3}@media (max-width:47.99rem){.sx-deck__page{grid-template-columns:repeat(2,minmax(0,1fr))}}.sx-wide{display:grid;flex:0 0 min(34rem,88vw);gap:var(--space-sm);grid-template-columns:auto minmax(0,1fr);align-items:center;padding:var(--space-sm);border-radius:var(--sx-radius);background:var(--sx-panel);scroll-snap-align:start;transition:background-color var(--dur-short) var(--ease-out)}.sx-wide:hover,.sx-wide__art{background:var(--sx-panel-hi)}.sx-wide__art{position:relative;width:6.5rem;height:6.5rem;flex-shrink:0;overflow:hidden;border-radius:var(--sx-radius-sm)}.sx-wide__art>div,.sx-wide__art>img{width:100%;height:100%;object-fit:cover}.sx-wide__body{min-width:0}.sx-wide__pill{display:inline-flex;align-items:center;gap:.25rem;margin-bottom:var(--space-2xs);padding:.2rem .55rem;border:1px solid var(--sx-hairline);border-radius:var(--radius-pill);color:var(--color-ink-2);font-size:.625rem;font-weight:650;letter-spacing:.06em;text-transform:uppercase}.sx-wide__body h3{margin:0;font-size:var(--text-sm);font-weight:640;line-height:1.3}.sx-wide__body p{display:-webkit-box;overflow:hidden;margin:.25rem 0 var(--space-2xs);color:var(--color-ink-3);font-size:var(--text-xs);line-height:1.5;-webkit-box-orient:vertical;-webkit-line-clamp:2}.sx-wide__play{position:absolute;left:50%;top:50%;display:grid;width:2.25rem;height:2.25rem;place-items:center;border:0;border-radius:50%;color:oklch(1 0 0);background:oklch(0 0 0/.55);transform:translate(-50%,-50%);transition:background-color var(--dur-short) var(--ease-out)}.sx-wide:hover .sx-wide__play{background:oklch(0 0 0/.75)}.sx-hook{position:relative;display:block;overflow:hidden;border-radius:var(--sx-radius);background:var(--sx-panel-hi);aspect-ratio:2/3;transition:transform var(--dur-short) var(--ease-out),box-shadow var(--dur-short) var(--ease-out)}.sx-hook>div,.sx-hook>img,.sx-hook>video{width:100%;height:100%;object-fit:cover}.sx-hook:hover{transform:translateY(-3px);box-shadow:0 16px 34px -16px oklch(0 0 0/.65)}.sx-hook__scrim{position:absolute;inset-inline:0;bottom:0;padding:var(--space-md) var(--space-2xs) var(--space-2xs);background:linear-gradient(0deg,oklch(0 0 0/.88),transparent)}.sx-hook__caption{display:-webkit-box;overflow:hidden;color:oklch(1 0 0);font-size:var(--text-xs);font-weight:600;line-height:1.3;-webkit-box-orient:vertical;-webkit-line-clamp:2}.sx-hook__by{display:flex;gap:.3rem;margin-top:.25rem;overflow:hidden;color:oklch(1 0 0/.75);font-size:.6875rem;text-overflow:ellipsis}.sx-hook__by,.sx-seeall{align-items:center;white-space:nowrap}.sx-seeall{display:inline-flex;gap:.2rem;min-height:2rem;margin-inline-start:auto;padding-inline:var(--space-2xs);border-radius:var(--radius-pill);color:var(--color-ink-2);background:var(--sx-panel);font-size:var(--text-xs);font-weight:600;transition:color var(--dur-short) var(--ease-out),background-color var(--dur-short) var(--ease-out)}.sx-seeall:hover{color:var(--color-ink);background:var(--sx-panel-hover)}.sx-railwrap{position:relative}.sx-railnav{position:absolute;top:50%;z-index:3;display:grid;width:2.25rem;height:2.25rem;place-items:center;border:0;border-radius:10px;color:var(--color-ink);background:color-mix(in oklch,var(--color-ink) 6%,transparent);transform:translateY(-50%);box-shadow:none;opacity:.55;cursor:pointer;transition:opacity var(--dur-short) var(--ease-out),background-color var(--dur-short) var(--ease-out),transform .24s cubic-bezier(.34,1.45,.64,1)}.sx-railnav--prev{left:.15rem}.sx-railnav--next{right:.15rem}.sx-railnav:focus-visible,.sx-railwrap:hover .sx-railnav{opacity:1}@media (hover:hover){.sx-railnav:hover{background:color-mix(in oklch,var(--color-ink) 12%,transparent);transform:translateY(-50%) scale(1.08)}}@media (hover:none),(pointer:coarse){.sx-railnav{display:none}}.sx-tracks{display:grid;gap:.15rem var(--space-md);grid-template-columns:minmax(0,1fr)}@media (min-width:56rem){.sx-tracks{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:84rem){.sx-tracks{grid-template-columns:repeat(3,minmax(0,1fr))}}.sx-cell{display:grid;gap:var(--space-2xs);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;padding:var(--space-2xs);border-radius:var(--sx-radius-sm);transition:background-color var(--dur-short) var(--ease-out)}.sx-cell:hover{background:var(--sx-panel)}.sx-cell[data-active=true],.sx-cell__art{background:var(--sx-panel-hi)}.sx-cell__art{position:relative;width:3.5rem;height:3.5rem;flex-shrink:0;overflow:hidden;border:0;padding:0;border-radius:10px}.sx-cell__art img{width:100%;height:100%;object-fit:cover}.sx-cell__art>span{position:absolute;inset:0;display:grid;place-items:center;color:oklch(1 0 0);background:oklch(0 0 0/.5);opacity:0;transition:opacity var(--dur-short) var(--ease-out)}.sx-cell:hover .sx-cell__art>span,.sx-cell[data-active=true] .sx-cell__art>span,.sx-cell__art:focus-visible>span{opacity:1}.sx-cell__body{min-width:0}.sx-cell__title{display:flex;align-items:center;gap:.3rem;min-width:0;color:var(--color-ink);font-size:14px;font-weight:600}.sx-cell__title>a{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sx-cell__title>a:hover{text-decoration:underline;text-underline-offset:2px}.sx-cell[data-active=true] .sx-cell__title{color:var(--color-accent)}.sx-cell__tags{margin-top:.05rem;font-size:var(--text-xs);text-overflow:ellipsis}.sx-cell__foot,.sx-cell__tags{overflow:hidden;color:var(--color-ink-3);white-space:nowrap}.sx-cell__foot{display:flex;align-items:center;gap:.6rem;margin-top:.2rem;font-size:.6875rem}.sx-cell__by{overflow:hidden;color:var(--color-ink-2);text-overflow:ellipsis}.sx-cell__by:hover{color:var(--color-ink);text-decoration:underline;text-underline-offset:2px}.sx-cell__stat{display:inline-flex;flex-shrink:0;align-items:center;gap:.2rem;font-family:var(--font-mono)}.sx-cell__menu{flex-shrink:0;opacity:0;transition:opacity var(--dur-short) var(--ease-out)}.sx-cell:focus-within .sx-cell__menu,.sx-cell:hover .sx-cell__menu{opacity:1}@media (hover:none),(pointer:coarse){.sx-cell__art>span,.sx-cell__menu{opacity:1}}.sx-seg{display:inline-flex;flex-shrink:0;gap:.15rem;padding:.2rem;border-radius:var(--radius-pill);background:var(--sx-panel)}.sx-seg button{min-height:1.9rem;padding-inline:var(--space-2xs);border:0;border-radius:var(--radius-pill);color:var(--color-ink-3);background:transparent;font-size:var(--text-xs);font-weight:600;white-space:nowrap;transition:color var(--dur-short) var(--ease-out),background-color var(--dur-short) var(--ease-out)}.sx-seg button:hover{color:var(--color-ink)}.sx-seg button[data-active=true]{color:var(--color-ink);background:var(--sx-panel-hover)}.sx-dw{display:flex;min-width:0;height:100%;min-height:0;flex-direction:column;padding:var(--space-2xs)}.sx-dw--fixed{height:auto}.sx-dw__panel{position:relative;display:flex;min-height:0;flex:1;flex-direction:column;overflow:hidden;border-radius:22px;background:var(--color-paper-2);color:var(--color-ink);box-shadow:0 24px 60px -24px oklch(0 0 0/.6),inset 0 0 0 1px var(--sx-hairline)}.sx-dw__scroll{min-height:0;flex:1;overflow-y:auto;overscroll-behavior:contain;padding:var(--space-md) var(--space-sm) var(--space-lg)}.sx-dw__close{position:absolute;top:.75rem;right:.75rem;z-index:3;display:grid;width:2rem;height:2rem;place-items:center;border:0;border-radius:50%;color:var(--color-ink-2);background:color-mix(in oklch,var(--color-paper) 72%,transparent);backdrop-filter:blur(8px);transition:color var(--dur-short) var(--ease-out),background-color var(--dur-short) var(--ease-out)}.sx-dw__close:hover{color:var(--color-ink);background:var(--sx-panel-hover)}.sx-dw__art{position:relative;width:min(62%,15rem);margin-inline:auto;aspect-ratio:1;overflow:hidden;border-radius:14px;background:var(--sx-panel-hi)}.sx-dw__art img,.sx-dw__art>div{display:block;width:100%;height:100%;object-fit:cover}.sx-dw__stats{display:grid;gap:.4rem;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;margin-top:var(--space-sm)}.sx-dw__stat{display:inline-flex;min-height:2.25rem;align-items:center;justify-content:center;gap:.35rem;border:0;border-radius:10px;color:var(--color-ink-2);background:var(--sx-panel);font-size:var(--text-xs);font-weight:560;font-variant-numeric:tabular-nums;transition:color var(--dur-short) var(--ease-out),background-color var(--dur-short) var(--ease-out)}.sx-dw__stat:hover{color:var(--color-ink);background:var(--sx-panel-hover)}.sx-dw__title{margin:var(--space-sm) 0 0;font-size:var(--text-md);font-weight:640;letter-spacing:-.01em;line-height:1.3;overflow-wrap:anywhere}.sx-dw__caption{display:block;width:100%;margin-top:.15rem;padding:0;border:0;color:var(--color-ink-3);background:transparent;font-size:var(--text-sm);text-align:start;transition:color var(--dur-short) var(--ease-out)}.sx-dw__caption:hover{color:var(--color-ink-2)}.sx-dw__caption-input{width:100%;margin-top:.15rem;padding:.3rem .5rem;border:0;border-radius:8px;color:var(--color-ink);background:var(--sx-panel-hi);font-size:var(--text-sm)}.sx-dw__caption-input:focus-visible{outline:none;border:1px solid var(--color-ink-3,var(--color-rule))}.sx-dw__cta{display:inline-flex;width:100%;min-height:2.75rem;align-items:center;justify-content:center;gap:.4rem;margin-top:var(--space-sm);border:0;border-radius:12px;color:var(--color-ink);background:var(--sx-panel-hi);font-size:var(--text-sm);font-weight:620;transition:background-color var(--dur-short) var(--ease-out),transform .1s var(--ease-out)}.sx-dw__cta:hover{background:var(--sx-panel-hover)}.sx-dw__cta:active{transform:scale(.99)}.sx-dw__card{margin-top:var(--space-sm);padding:var(--space-xs);border-radius:14px;background:var(--sx-panel)}.sx-dw__card-head{display:flex;gap:var(--space-3xs);color:var(--color-ink-3);font-size:var(--text-xs);font-weight:560}.sx-dw__card-head button{margin-inline-start:auto;color:var(--color-ink-3);background:transparent;border:0;transition:color var(--dur-short) var(--ease-out)}.sx-dw__body,.sx-dw__card-head button:hover{color:var(--color-ink)}.sx-dw__body{margin:.3rem 0 0;font-size:var(--text-sm);line-height:1.55;overflow-wrap:anywhere}.sx-dw__meta{display:flex;flex-wrap:wrap;gap:.15rem .6rem;margin-top:.5rem;color:var(--color-ink-3);font-size:var(--text-xs)}.sx-dw__meta b{color:var(--color-ink-2);font-weight:600;font-variant-numeric:tabular-nums}.sx-dw__more{width:100%;margin-top:.5rem;padding-top:.5rem;border:0;border-top:1px solid var(--sx-hairline);color:var(--color-ink-2);background:transparent;font-size:var(--text-xs);font-weight:600;transition:color var(--dur-short) var(--ease-out)}.sx-dw__more:hover{color:var(--color-ink)}.sx-dw__parent{display:flex;align-items:center;gap:var(--space-2xs);margin-top:var(--space-sm);padding:.5rem;border-radius:14px;background:var(--sx-panel)}.sx-dw__parent-art{width:2.75rem;height:2.75rem;flex-shrink:0;overflow:hidden;border-radius:9px;background:var(--sx-panel-hi)}.sx-dw__parent-art img,.sx-dw__parent-art>div{display:block;width:100%;height:100%;object-fit:cover}.sx-dw__parent-copy{min-width:0;flex:1}.sx-dw__parent-copy span{display:block;color:var(--color-ink-3);font-size:var(--text-xs)}.sx-dw__parent-copy a{display:block;overflow:hidden;color:var(--color-ink);font-size:var(--text-sm);font-weight:580;text-overflow:ellipsis;white-space:nowrap}.sx-dw__parent-copy a:hover{text-decoration:underline;text-underline-offset:2px}.sx-dw__lyrics{margin:.4rem 0 0;color:var(--color-ink-2);font-size:var(--text-sm);line-height:1.65;white-space:pre-wrap}.sx-dw__stamp{margin-top:var(--space-sm);color:var(--color-ink-3);font-size:var(--text-xs)}.sx-dw--overlay{position:fixed;inset:12px 12px calc(var(--player-h, 72px) + 12px) auto;z-index:120;width:min(400px,calc(100vw - 24px));height:auto;padding:0}.sx-dw__header{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;flex:0 0 auto;gap:12px;padding:8px 12px 4px 20px;color:var(--color-ink-2);font-size:12px;font-weight:500}.sx-dw__header .sx-dw__close{position:static;width:40px;height:40px;flex-shrink:0;background:transparent}.sx-dw__panel:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 5% 5%,color-mix(in srgb,var(--dw-tone,#aba1d1) 20%,transparent),transparent 60%),radial-gradient(ellipse at 100% 55%,color-mix(in srgb,var(--dw-tone,#aba1d1) 12%,transparent),transparent 65%),radial-gradient(ellipse at 20% 100%,color-mix(in srgb,var(--nf-p-powder,#a7bed3) 12%,transparent),transparent 55%)}.sx-dw__scroll{position:relative;padding:8px 20px 24px;scrollbar-gutter:stable}.sx-dw__art{width:min(80%,15rem)}.sx-dw__card{padding:14px 0 0;border-top:1px solid var(--sx-hairline);border-radius:0;background:transparent}.sx-dw__card-head{align-items:center;min-height:36px;font-size:12px;color:var(--color-ink-2)}.sx-dw__card-head button{display:grid;place-items:center;width:36px;height:36px;border-radius:8px}.sx-dw__lyrics{overflow-wrap:anywhere}.sx-dw :is(button,a):focus-visible{outline:2px solid var(--color-ink-2);outline-offset:2px}@media (max-width:639px){.sx-dw--overlay,.sx-dw--pane{position:fixed;inset:0;z-index:120;width:100%;height:100dvh;padding:0}.sx-dw__panel{border-radius:0;box-shadow:none;padding-top:env(safe-area-inset-top)}.sx-dw__scroll{padding-bottom:max(24px,env(safe-area-inset-bottom))}.sx-dw__card-head button,.sx-dw__header .sx-dw__close{width:44px;height:44px}}@media (prefers-reduced-motion:reduce){.sx-dw__close,.sx-dw__cta,.sx-dw__stat{transition-duration:.01ms}}.ghost-row__art{--sx-nc:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='12'%3E%3Cpath d='M0 12H22V0H6A6 6 0 0 0 0 6Z' fill='%23000'/%3E%3C/svg%3E");-webkit-mask-image:var(--sx-nc),linear-gradient(#000,#000);mask-image:var(--sx-nc),linear-gradient(#000,#000);-webkit-mask-size:22px 12px,100% 100%;mask-size:22px 12px,100% 100%;-webkit-mask-position:bottom right,0 0;mask-position:bottom right,0 0;-webkit-mask-repeat:no-repeat,no-repeat;mask-repeat:no-repeat,no-repeat;-webkit-mask-composite:xor;mask-composite:exclude}.song-drawer-layout{display:flex;min-height:0;height:100%;overflow:hidden;container-type:inline-size}.song-drawer-layout,.song-drawer-layout>section:first-child{flex:1 1 auto;min-width:0}.song-drawer-slot{position:relative;flex:0 0 0;width:0;min-width:0;overflow:hidden;transition:flex-basis .26s cubic-bezier(.22,1,.36,1)}.song-drawer-slot[data-open=true]{flex-basis:min(var(--song-drawer-width,360px),55%)}.song-drawer-slot[data-resizing=true]{transition:none}.song-drawer-slot>.sx-dw--pane{width:100%;min-width:0;padding:8px 8px 8px 15px}.song-drawer-resizer{position:absolute;z-index:5;inset:0 auto 0 0;width:18px;display:flex;align-items:center;justify-content:center;cursor:col-resize;touch-action:none;user-select:none}.song-drawer-resizer>span{width:3px;height:48px;border-radius:8px;background:color-mix(in srgb,var(--color-ink) 25%,transparent);opacity:.55;transition:opacity .18s ease,height .18s ease}.song-drawer-resizer:focus-visible>span,.song-drawer-resizer:hover>span,.song-drawer-slot[data-resizing=true] .song-drawer-resizer>span{height:72px;opacity:1}.song-drawer-resizer:focus-visible{outline:2px solid var(--color-focus);outline-offset:-3px}.song-drawer-slot .sx-dw__panel{isolation:isolate;border-radius:18px;background:color-mix(in srgb,var(--nf-ground,var(--color-paper)) 94%,var(--dw-tone,#aba1d1));backdrop-filter:blur(16px) saturate(112%);-webkit-backdrop-filter:blur(16px) saturate(112%);box-shadow:inset 0 0 0 1px var(--sx-hairline),0 12px 30px -26px #000b}.song-drawer-slot .sx-dw__panel:before{background:radial-gradient(ellipse at 98% 0,color-mix(in srgb,var(--dw-tone,#aba1d1) 10%,transparent),transparent 46%),radial-gradient(ellipse at 5% 95%,color-mix(in srgb,#64d5e2 5%,transparent),transparent 54%);background-size:100% 100%;animation:none}.song-drawer-slot .sx-dw__header{min-height:48px;padding:6px 12px 5px 16px;border-bottom:1px solid var(--sx-hairline);font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.song-drawer-slot .sx-dw__header .sx-dw__close{width:34px;height:34px;border-radius:9px}.song-drawer-slot .sx-dw__scroll{padding:16px clamp(14px,4%,20px) 24px}.song-drawer-slot .sx-dw__hero{display:flex;align-items:center;gap:14px;min-width:0}.song-drawer-slot .sx-dw__art{width:clamp(72px,28%,96px);margin:0;flex:0 0 auto;border-radius:11px}.song-drawer-slot .sx-dw__hero-copy{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-width:0}.song-drawer-slot .sx-dw__eyebrow{color:var(--color-ink-3);font-size:10px;font-weight:700;letter-spacing:.1em}.song-drawer-slot .sx-dw__title{margin:0;font-size:clamp(16px,1.2vw,19px);font-weight:660;line-height:1.18;letter-spacing:-.025em}.song-drawer-slot .sx-dw__model{color:var(--color-ink-3);font-size:11px}.song-drawer-slot .sx-dw__caption{margin-top:12px;font-size:12px}.song-drawer-slot .sx-dw__stats{display:flex;gap:4px;margin-top:14px;padding:7px 0;border-block:1px solid var(--sx-hairline)}.song-drawer-slot .sx-dw__stat{min-height:30px;flex:1;border-radius:8px;background:transparent;font-size:11px}.song-drawer-slot .sx-dw__stat:hover{background:var(--sx-panel)}.song-drawer-slot .sx-dw__cta{min-height:40px;margin-top:14px;border:1px solid color-mix(in srgb,var(--dw-tone,#aba1d1) 35%,var(--sx-hairline));border-radius:10px;background:color-mix(in srgb,var(--dw-tone,#aba1d1) 9%,transparent);font-size:12px}.song-drawer-slot .sx-dw__cta:hover{background:color-mix(in srgb,var(--dw-tone,#aba1d1) 16%,transparent)}.song-drawer-slot .sx-dw__cta[data-open=true]{background:color-mix(in srgb,var(--dw-tone,#aba1d1) 19%,transparent)}.song-drawer-slot .sx-dw__cta-chevron{margin-left:4px;transition:transform .18s ease}.song-drawer-slot .sx-dw__cta[data-open=true] .sx-dw__cta-chevron{transform:rotate(180deg)}.song-drawer-slot .sx-dw__card{margin-top:18px;padding-top:14px;border-top:1px solid var(--sx-hairline)}.song-drawer-slot .sx-dw__card-head{min-height:28px;font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.song-drawer-slot .sx-dw__body,.song-drawer-slot .sx-dw__lyrics{font-size:12px;line-height:1.6}.song-drawer-slot .sx-dw__lyrics{max-height:16rem;overflow:auto}.song-drawer-slot .sx-dw__stamp{padding-bottom:8px}@container (max-width: 760px){.song-drawer-layout[data-open=true]>section:first-child{display:none}.song-drawer-slot[data-open=true]{flex-basis:100%}.song-drawer-resizer{display:none}.song-drawer-slot>.sx-dw--pane{position:relative;inset:auto;width:100%;height:100%;padding:8px}.song-drawer-slot .sx-dw__panel{padding-top:0}}@media (max-width:740px){.song-drawer-layout[data-open=true]>section:first-child{display:none}.song-drawer-slot[data-open=true]{flex-basis:100%}.song-drawer-resizer{display:none}.song-drawer-slot>.sx-dw--pane{position:relative;inset:auto;width:100%;height:100%;padding:8px}}@media (prefers-reduced-motion:reduce){.song-drawer-slot{transition:none}}.ghost-row__actions:has(.like-btn){opacity:1}.ghost-list .ghost-row{isolation:isolate}.ghost-list .ghost-row:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;opacity:0;background:color-mix(in srgb,var(--color-paper-2) 72%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-ink) 9%,transparent);transition:opacity .14s ease}@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.ghost-list .ghost-row:before{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}}.ghost-list .ghost-row:focus-within{background:transparent}.ghost-list .ghost-row:focus-within:before{opacity:1}@media (hover:hover) and (pointer:fine){.ghost-list .ghost-row:hover{background:transparent}.ghost-list .ghost-row:hover:before{opacity:1}}@media (hover:none){.ghost-list .ghost-row:active:before{opacity:1}}@media (prefers-reduced-motion:reduce){.ghost-list .ghost-row:before{transition:none}}html[data-reduce-motion=true] .ghost-list .ghost-row:before{transition:none}