main{max-width:1600px;padding:26px var(--page-gutter) 92px;margin:0 auto;container-type:inline-size}main.has-player{padding-bottom:145px}.core-grid{grid-template-columns:1.08fr 1.12fr .9fr;align-items:start;margin-top:clamp(14px,1.5vw,22px);display:grid}.core-column{min-width:0;padding:0 clamp(14px,2.1vw,32px)}.core-column:first-child{padding-left:0}.core-column+.core-column{border-left:1px solid var(--line)}.core-column:last-child{padding-right:0}.trend-heading{justify-content:space-between;align-items:start;gap:10px;min-width:0;display:flex}.trend-windows{align-items:center;gap:2px;min-height:34px;display:flex}.trend-windows button{color:#858a92;white-space:nowrap;border-radius:2px;height:28px;padding:0 8px;font-size:9px;font-weight:700;transition:color .14s,background .14s}.trend-windows button:hover{color:#d9dbe0}.trend-windows button.active{color:#08090a;background:color-mix(in srgb,var(--active-color) 82%,#fff 18%)}.trend-list{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:18px;display:grid}.trend-list.loading{opacity:.52}.trend-list>article{text-align:left;border-top:1px solid #fff1;grid-template-columns:22px 34px minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0;min-height:48px;display:grid}.trend-list>article:first-child{border-top-color:var(--line-strong)}.trend-list>article:hover strong,.trend-list>article.active strong{color:#fff}.rank{color:#858a92;font:10px/1 ui-monospace,monospace}.trend-list>article:first-child .rank{color:var(--active-color)}.trend-play{border-radius:2px;width:34px;height:34px;display:block;overflow:hidden}.trend-art{border-radius:2px;width:34px;height:34px;overflow:hidden}.trend-list strong{color:#d8dade;text-overflow:ellipsis;white-space:nowrap;gap:2px;min-width:0;font-size:11px;font-weight:680;display:grid;overflow:hidden}.trend-list strong small{color:#858a92;text-overflow:ellipsis;font-size:9px;font-weight:500;overflow:hidden}.trend-list em{color:#858a92;font:9px/1 ui-monospace,monospace}.new-column{container:new-music/inline-size}.new-strip{overscroll-behavior-inline:contain;scrollbar-width:none;scroll-snap-type:inline proximity;-ms-overflow-style:none;grid-template-columns:none;grid-auto-columns:calc(25% - 7.5px);grid-auto-flow:column;gap:14px 10px;min-width:0;display:grid;overflow-x:auto}.new-strip::-webkit-scrollbar{display:none}.new-strip.has-next{padding-right:22px;-webkit-mask-image:linear-gradient(90deg,#000 0 calc(100% - 22px),#0000 100%);mask-image:linear-gradient(90deg,#000 0 calc(100% - 22px),#0000 100%)}.new-strip>*{scroll-snap-align:start}.new-strip .track-card{min-width:0}.new-strip .track-card .copy{margin-top:7px}.new-strip .track-card .title{font-size:11px}.new-strip .track-card .artist{font-size:9px}.new-loading{align-content:start;gap:7px;min-width:0;display:grid}.new-loading i,.new-loading b,.new-loading em{background:#171a1d;display:block;overflow:hidden}.new-loading i{aspect-ratio:1}.new-loading b{width:76%;height:9px}.new-loading em{width:52%;height:7px}.yours-column{align-content:start;display:grid}.library-line{text-align:left;border-top:1px solid #fff1;grid-template-columns:48px minmax(0,1fr) 18px;align-items:center;gap:10px;width:100%;min-height:56px;display:grid}.library-line:disabled{cursor:default}.library-line strong{gap:2px;font-size:11px;font-weight:660;display:grid}.library-line small{color:#747982;font-size:8px;font-weight:500}.mini-covers,.clip-covers{color:#727780;background:#151719;border-radius:2px;grid-template-columns:repeat(2,1fr);place-items:center;width:44px;height:44px;display:grid;overflow:hidden}.mini-covers .artwork{height:22px}.clip-covers{grid-template-columns:repeat(3,1fr)}.clip-covers .artwork{height:44px}.library-icon{color:#8b9098;background:#141618;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.private-music{color:#989da5;border-top:1px solid var(--line);text-align:left;grid-template-columns:26px minmax(0,1fr) 18px;align-items:center;gap:10px;min-height:128px;padding:15px;display:grid}.yours-column .private-music{grid-column:1/-1;width:100%}.private-music span{font-size:10px;line-height:1.5}.personal-error{color:#bf9671;margin-top:8px;font-size:9px}.page-section{margin-top:clamp(32px,3vw,46px)}.music-rail{overscroll-behavior-inline:contain;scrollbar-width:none;scroll-snap-type:inline proximity;-ms-overflow-style:none;grid-auto-columns:clamp(118px,11vw,164px);grid-auto-flow:column;justify-content:start;gap:clamp(12px,1.3vw,19px);display:grid;overflow-x:auto}.music-rail::-webkit-scrollbar{display:none}.music-rail:has(>:nth-child(7)){padding-right:28px;-webkit-mask-image:linear-gradient(90deg,#000 0 calc(100% - 28px),#0000 100%);mask-image:linear-gradient(90deg,#000 0 calc(100% - 28px),#0000 100%)}.music-rail>*{scroll-snap-align:start}.listening-flow{grid-template-columns:minmax(0,1.35fr) minmax(250px,.65fr);gap:clamp(30px,4vw,58px);display:grid}.playlist-strip{grid-template-columns:repeat(auto-fill,minmax(118px,146px));justify-content:start;gap:16px;display:grid}.playlist-card{min-width:0;position:relative}.playlist-card>div{aspect-ratio:1;border-radius:3px;overflow:hidden}.playlist-card strong,.playlist-card>small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.playlist-card strong{margin-top:8px;font-size:11px;font-weight:650}.playlist-card>small{color:var(--muted);margin-top:2px;font-size:9px}.playlist-card em{color:#fff;text-shadow:0 1px 8px #000;font-size:8px;font-style:normal;font-weight:700;position:absolute;top:7px;right:7px}.playlist-heading-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.playlist-heading-row>a,.playlist-home-empty>a{color:#aab0b7;border:1px solid #ffffff1f;border-radius:3px;align-items:center;gap:6px;min-height:30px;padding:0 10px;font-size:8px;font-weight:720;display:inline-flex}.playlist-heading-row>a:hover,.playlist-home-empty>a:hover{color:#fff;border-color:#ffffff40}.playlist-card{transition:transform .14s,color .14s}.playlist-card:hover{color:#fff;transform:translateY(-2px)}.playlist-home-empty{justify-content:space-between;align-items:center;gap:14px;display:flex}.taste-list{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(18px,2vw,30px);display:grid}.taste-list>article{text-align:left;border-bottom:1px solid #fff1;grid-template-columns:18px 38px minmax(0,1fr) 24px;align-items:center;gap:9px;width:100%;min-height:56px;display:grid}.taste-list>article:nth-child(-n+2){border-top:1px solid var(--line)}.taste-list>article:hover strong,.taste-list>article.active strong{color:#fff}.taste-list>article>span{color:#60656d;font:9px ui-monospace,monospace}.taste-art{border-radius:2px;width:38px;height:38px;display:block;overflow:hidden}.taste-art .artwork{width:38px;height:38px}.taste-action{color:#777c84;border-radius:2px;place-items:center;width:24px;height:34px;display:grid}.taste-action:hover{color:var(--active-color);background:rgba(var(--active-rgb),.08)}.taste-list strong{color:#d7d9dd;text-overflow:ellipsis;white-space:nowrap;gap:2px;min-width:0;font-size:11px;font-weight:650;display:grid;overflow:hidden}.taste-list small{color:#858a92;text-overflow:ellipsis;font-size:9px;font-weight:500;overflow:hidden}.guest-side-list{grid-template-columns:1fr}.guest-side-list>article:nth-child(2){border-top:0}.load-more-card{color:#aeb2b8;background:#ffffff09;border:1px solid #ffffff14;border-radius:3px;align-content:center;place-items:center;gap:9px;width:100%;min-height:clamp(118px,11vw,164px);padding:16px;font-size:10px;font-weight:720;display:grid}.load-more-card:hover{color:#fff;background:rgba(var(--active-rgb),.1);border-color:rgba(var(--active-rgb),.32)}.load-more-card:disabled{opacity:.6;cursor:wait}.province-rail{overscroll-behavior-inline:contain;scrollbar-width:none;scroll-snap-type:inline proximity;-ms-overflow-style:none;grid-auto-columns:clamp(286px,26vw,354px);grid-auto-flow:column;justify-content:start;gap:12px;display:grid;overflow-x:auto}.province-section.lead-section{margin-top:0}.province-section.lead-section+.core-grid{margin-top:clamp(26px,2.8vw,42px)}.lead-skeleton{margin-bottom:clamp(10px,1.6vw,20px)}.province-rail::-webkit-scrollbar{display:none}.province-skeleton{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid;overflow:hidden}.province-skeleton>span{background:linear-gradient(145deg,#111315,#15181b);border:1px solid #ffffff12;border-radius:3px;align-content:end;gap:10px;min-height:228px;padding:16px;display:grid}.province-skeleton i,.province-skeleton b,.province-skeleton em{background:#ffffff12;height:8px;display:block}.province-skeleton i{width:38%}.province-skeleton b{width:68%;height:34px}.province-skeleton em{width:52%}.province-card{scroll-snap-align:start;color:#fff;background:#111315;border:1px solid #ffffff17;border-radius:3px;min-width:0;min-height:228px;padding:16px;position:relative;overflow:hidden}.scene-art{z-index:0;opacity:.62;width:70%;animation:.24s scene-art-in;position:absolute;top:0;bottom:0;right:0;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000000c7 48%,#000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000000c7 48%,#000 100%)}.scene-art:after{content:"";background:linear-gradient(#1113151a,#111315b3);position:absolute;inset:0}.scene-art .artwork{width:100%;height:100%}@keyframes scene-art-in{0%{opacity:.2}to{opacity:.62}}.province-card>header,.scene-track,.scene-activity,.province-card>footer{z-index:1;position:relative}.province-card>header{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.scene-rank{color:#858a92;font:10px/1 ui-monospace,monospace}.scene-place{align-items:center;gap:6px;min-width:0;display:flex}.scene-place strong{letter-spacing:-.035em;text-overflow:ellipsis;white-space:nowrap;font-size:17px;font-weight:820;overflow:hidden}.scene-place>span{color:#7e838a;font-size:10px;transition:color .15s,transform .15s}.scene-place:hover strong{color:var(--active-color)}.scene-place:hover>span{color:var(--active-color);transform:translate(2px,-2px)}.province-card>header small{color:#b9bdc3;font-size:8px;font-weight:720}.scene-track{grid-template-columns:46px minmax(0,1fr);align-items:center;gap:10px;min-width:0;margin-top:24px;display:grid}.scene-track-play{border-radius:2px;width:46px;height:46px;position:relative;overflow:hidden;box-shadow:0 8px 20px #0000004d}.scene-track-play>.artwork{width:46px;height:46px;transition:filter .16s,transform .2s}.scene-play-icon{color:#fff;opacity:0;background:#0003;place-items:center;transition:opacity .15s;display:grid;position:absolute;inset:0}.scene-track-play:hover>.artwork,.scene-track-play:focus-visible>.artwork{filter:brightness(.68);transform:scale(1.035)}.scene-track-play:hover .scene-play-icon,.scene-track-play:focus-visible .scene-play-icon{opacity:1}.scene-track>span{gap:4px;min-width:0;display:grid}.scene-track strong{color:#fff;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 8px #000c;font-size:12px;font-weight:760;overflow:hidden}.scene-track small{color:#b4b8be;text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:5px;min-width:0;font-size:9px;display:flex;overflow:hidden}.scene-track small img{flex:none;width:17px;height:17px}.scene-activity{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:9px;margin-top:22px;display:grid}.scene-activity>span{background:#ffffff21;height:3px;overflow:hidden}.scene-activity i{background:#ffffffb8;height:100%;display:block}.scene-activity small{color:#a1a6ad;white-space:nowrap;font-size:8px}.province-card>footer{align-items:center;gap:12px;margin-top:14px;display:flex}.province-card>footer>span{color:#858a92;gap:2px;font-size:7px;display:grid}.province-card>footer b{color:#d9dbdf;font-size:10px;font-weight:750}.scene-avatars{gap:3px;margin-left:auto;display:flex}.scene-avatars img{background:#17191c;width:21px;height:21px}.quiet-empty{color:#727780;border-top:1px solid var(--line);text-align:center;place-items:center;min-height:96px;margin:0;font-size:10px;display:grid}.home-skeleton{gap:clamp(14px,1.5vw,22px);display:grid}.skeleton-core{grid-template-columns:1.08fr 1.12fr .9fr;display:grid}.skeleton-core>section{min-width:0;padding:0 clamp(14px,2.1vw,32px)}.skeleton-core>section:first-child{padding-left:0}.skeleton-core>section+section{border-left:1px solid var(--line)}.skeleton-core>section:last-child{padding-right:0}.skeleton-core .skeleton-heading{width:90px;height:14px;margin:0 0 16px}.skeleton-core section:first-child{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:18px;display:grid}.skeleton-core section:first-child .skeleton-heading{grid-column:1/-1}.skeleton-core section:first-child p{border-top:1px solid var(--line);height:48px;margin:0}.skeleton-core section:nth-child(2)>div{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.skeleton-core section:nth-child(2) p{aspect-ratio:1;margin:0}.skeleton-core section:last-child p{border-top:1px solid var(--line);height:56px;margin:0}.home-skeleton i,.home-skeleton b,.home-skeleton em,.home-skeleton strong,.skeleton-heading,.skeleton-core p{background:#171a1d;border-radius:3px;display:block;position:relative;overflow:hidden}.home-skeleton i:after,.home-skeleton b:after,.home-skeleton em:after,.home-skeleton strong:after,.skeleton-heading:after,.skeleton-core p:after{content:"";background:linear-gradient(90deg,#0000,#ffffff0f,#0000);width:42%;height:100%;animation:1.15s ease-in-out infinite home-skeleton-sweep;display:block}@keyframes home-skeleton-sweep{0%{transform:translate(-120%)}to{transform:translate(360%)}}.error-state{text-align:center;align-content:center;place-items:center;min-height:480px;display:grid}.error-state h1{margin:15px 0 22px;font-size:18px;font-weight:650}.error-state button{color:#bfc2c7;border-bottom:1px solid #6f747c;font-size:11px}input[type=range]{width:100%;height:2px;accent-color:var(--active-color);cursor:pointer;margin:0}@container (width<=1050px){.core-grid{grid-template-columns:.86fr 1.14fr;gap:20px 0}.core-column{padding-inline:16px}.trending-column{grid-row:1/span 2}.trend-list{grid-template-columns:1fr}.new-column{grid-area:1/2}.new-strip{grid-auto-columns:calc(25% - 7.5px)}.yours-column{grid-area:2/2;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:10px}.yours-column .section-heading{grid-column:1/-1}.yours-column .library-line{grid-template-columns:38px minmax(0,1fr) 16px;gap:7px}.yours-column .mini-covers,.yours-column .clip-covers,.yours-column .library-icon{width:36px;height:36px}.yours-column .mini-covers .artwork{height:18px}.yours-column .clip-covers .artwork{height:36px}.listening-flow{grid-template-columns:minmax(0,1.3fr) minmax(190px,.7fr);gap:28px}}@container new-music (width<=360px){.new-strip{grid-auto-columns:max(96px,33.3333% - 4.66667px)}}@container new-music (width<=315px){.new-strip{grid-auto-columns:max(96px,50% - 3.5px)}}@container (width<=720px){.core-grid{grid-template-columns:.8fr 1.2fr}.core-column{padding-inline:11px}.new-strip{gap:10px 7px}.library-line{grid-template-columns:40px minmax(0,1fr) 16px;gap:7px}.mini-covers,.clip-covers,.library-icon{width:38px;height:38px}.mini-covers .artwork{height:19px}.clip-covers .artwork{height:38px}.library-line strong{font-size:10px}.playlist-strip{grid-template-columns:repeat(auto-fill,minmax(108px,132px))}}@media (width<=820px){main{padding-inline:20px}}@media (width<=560px){main{padding:16px 16px 88px}main.has-player{padding-bottom:108px}.core-grid{grid-template-columns:1fr;gap:26px;margin-top:14px}.skeleton-core{grid-template-columns:1fr;gap:26px}.skeleton-core>section{border-left:0!important;padding:0!important}.skeleton-core section:first-child{grid-template-columns:1fr}.skeleton-core section:nth-child(2)>div{grid-template-columns:repeat(4,minmax(0,1fr))}.core-column{border-left:0!important;grid-area:auto/1!important;padding:0!important}.trend-list{grid-template-columns:1fr}.yours-column{grid-template-columns:1fr;column-gap:0}.yours-column .library-line{grid-template-columns:44px minmax(0,1fr) 16px;gap:10px}.yours-column .mini-covers,.yours-column .clip-covers,.yours-column .library-icon{width:42px;height:42px}.yours-column .mini-covers .artwork{height:21px}.yours-column .clip-covers .artwork{height:42px}.listening-flow{grid-template-columns:1fr;gap:28px}.taste-list{grid-template-columns:1fr}.taste-list>article:nth-child(2){border-top:0}.playlist-strip{grid-template-columns:repeat(auto-fill,minmax(108px,132px))}.province-rail{grid-auto-columns:min(82vw,310px)}.province-skeleton{grid-template-columns:min(82vw,310px) min(82vw,310px) min(82vw,310px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.continuous-track-rail.svelte-q9dj4y{overscroll-behavior-inline:contain;scrollbar-width:none;scroll-snap-type:inline proximity;-ms-overflow-style:none;grid-auto-columns:clamp(118px,11vw,164px);grid-auto-flow:column;justify-content:start;gap:clamp(12px,1.3vw,19px);min-width:0;padding-bottom:2px;display:grid;overflow-x:auto}.continuous-track-rail.svelte-q9dj4y::-webkit-scrollbar{display:none}.continuous-track-rail.has-next.svelte-q9dj4y{padding-right:28px;-webkit-mask-image:linear-gradient(90deg,#000 0 calc(100% - 28px),#0000 100%);mask-image:linear-gradient(90deg,#000 0 calc(100% - 28px),#0000 100%)}.continuous-track-rail.svelte-q9dj4y>*{scroll-snap-align:start}.rail-loading.svelte-q9dj4y{align-content:start;gap:8px;width:clamp(118px,11vw,164px);display:grid}.rail-loading.svelte-q9dj4y i:where(.svelte-q9dj4y),.rail-loading.svelte-q9dj4y b:where(.svelte-q9dj4y),.rail-loading.svelte-q9dj4y em:where(.svelte-q9dj4y){background:#171a1d;border-radius:2px;display:block;overflow:hidden}.rail-loading.svelte-q9dj4y i:where(.svelte-q9dj4y){aspect-ratio:1}.rail-loading.svelte-q9dj4y b:where(.svelte-q9dj4y){width:72%;height:10px}.rail-loading.svelte-q9dj4y em:where(.svelte-q9dj4y){width:48%;height:8px}@media (width<=560px){.continuous-track-rail.svelte-q9dj4y{grid-auto-columns:clamp(112px,38vw,148px)}}.section-heading.svelte-2penap{align-items:center;gap:10px;min-height:34px;margin-bottom:14px;display:flex}h2.svelte-2penap{color:#fff;letter-spacing:-.035em;align-items:center;gap:8px;margin:0;font-size:clamp(17px,1.7vw,23px);font-weight:800;display:flex}h2.svelte-2penap svg{color:var(--active-color);filter:drop-shadow(0 0 7px rgba(var(--active-rgb),.42))}