@font-face{font-family:Onest;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/onest-400-cyrillic.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Onest;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/onest-400-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Onest;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/onest-500-cyrillic.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Onest;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/onest-500-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Onest;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/onest-600-cyrillic.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Onest;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/onest-600-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Onest;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/onest-700-cyrillic.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Onest;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/onest-700-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Unbounded;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/unbounded-700-cyrillic.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Unbounded;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/unbounded-700-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Unbounded;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/unbounded-800-cyrillic.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Unbounded;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/unbounded-800-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@property --art{syntax: "<color>"; inherits: true; initial-value: #9d7bff;}:root{--ink: #050507;--plum: #0e0e12;--dusk: #19191f;--dusk-2: #24242c;--line: rgb(240 240 245 / .07);--line-2: rgb(240 240 245 / .13);--panel: rgb(14 14 18 / .78);--glass: rgb(22 22 28 / .62);--glass-line: rgb(255 255 255 / .09);--bone: #f2f2f5;--haze: #a1a1ac;--haze-2: #6c6c78;--uv: #9d7bff;--art: var(--uv);--on-art: #0d0d10;--sc: #ff5500;--sp: #1ed760;--danger: #ff7a88;--f-display: "Unbounded", "Segoe UI", system-ui, sans-serif;--f-body: "Onest", "Segoe UI", system-ui, sans-serif;--t-xs: .75rem;--t-s: .8125rem;--t-m: .9375rem;--t-l: 1.125rem;--t-xl: 1.5rem;--t-2xl: 2.25rem;--r-xs: 4px;--r-s: 6px;--r-m: 10px;--r-l: 16px;--r-xl: 22px;--sidebar: 256px;--queue-w: 340px;--player-h: 84px;--gap: 8px;--tabbar-h: 58px;--mini-h: 64px;--gutter: 32px;--ease: cubic-bezier(.2, .8, .2, 1);--ease-sheet: cubic-bezier(.32, .72, 0, 1);--safe-b: env(safe-area-inset-bottom, 0px);--safe-t: env(safe-area-inset-top, 0px);color-scheme:dark;transition:--art .9s ease}@media(max-width:860px){:root{--gutter: 16px;--t-2xl: 1.6rem}}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--ink);color:var(--bone);font-family:var(--f-body);font-size:var(--t-m);line-height:1.45;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overflow:hidden;overscroll-behavior:none}h1,h2,h3{margin:0;font-family:var(--f-display);font-weight:700;line-height:1.1;letter-spacing:-.02em}p{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}button:disabled{cursor:default;opacity:.4}input{font:inherit;color:inherit}img{display:block}:focus-visible{outline:2px solid var(--art);outline-offset:2px;border-radius:var(--r-xs)}::selection{background:color-mix(in oklab,var(--art) 45%,transparent)}.tnum{font-variant-numeric:tabular-nums}.muted{color:var(--haze)}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.icon-btn{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:50%;color:var(--haze);transition:color .12s,background-color .12s,transform .12s}.icon-btn:hover{color:var(--bone);background:var(--line)}.icon-btn:active{transform:scale(.92)}.icon-btn.is-on,.icon-btn.is-liked{color:var(--art)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 18px;border-radius:999px;font-weight:600;font-size:var(--t-m);white-space:nowrap;transition:background-color .12s,transform .12s,opacity .12s}.btn:active{transform:scale(.97)}.btn--primary{background:var(--bone);color:var(--ink)}.btn--primary:hover{background:#fff}.btn--ghost{box-shadow:inset 0 0 0 1px var(--line-2)}.btn--ghost:hover{background:var(--line)}.btn--danger{color:var(--danger);box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--danger) 40%,transparent)}.play-fab{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--art);color:var(--on-art);transition:transform .14s var(--ease),filter .14s;flex:none}.play-fab:hover{transform:scale(1.05);filter:brightness(1.08)}.play-fab:active{transform:scale(.96)}.chip{display:inline-flex;align-items:center;height:34px;padding:0 14px;border-radius:999px;background:var(--dusk);color:var(--bone);font-size:var(--t-s);font-weight:500;white-space:nowrap;transition:background-color .12s}.chip:hover{background:var(--dusk-2)}.chip.is-active{background:var(--bone);color:var(--ink)}.field{width:100%;height:44px;padding:0 14px;border-radius:var(--r-m);background:var(--dusk);border:1px solid transparent;outline:none;transition:border-color .12s,background-color .12s}.field:focus{border-color:var(--line-2);background:var(--dusk-2)}.field::placeholder{color:var(--haze-2)}*{scrollbar-width:thin;scrollbar-color:var(--dusk-2) transparent}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.logo{display:inline-flex;align-items:center;font-family:var(--f-display);font-weight:800;font-size:1.375rem;letter-spacing:-.04em;line-height:1;color:var(--bone)}.logo__disc{width:.78em;height:.78em;margin:0 .04em;border-radius:50%;background:conic-gradient(from 20deg,var(--art) 0 290deg,transparent 290deg);-webkit-mask:radial-gradient(circle,#000 0 16%,transparent 17% 36%,#000 37%);mask:radial-gradient(circle,#000 0 16%,transparent 17% 36%,#000 37%);transform:translateY(.02em)}.logo__disc.is-spinning{animation:spin 1.8s linear infinite}.cover{width:100%;aspect-ratio:1;object-fit:cover;border-radius:var(--r-s);background:var(--dusk);flex:none}.cover--gen{container-type:inline-size;min-height:0;display:grid;align-items:end;background:radial-gradient(110% 80% at 88% 8%,hsl(calc(var(--h) + 45) 85% 72% / .95),transparent 58%),radial-gradient(90% 90% at 8% 105%,hsl(var(--h) 80% 50%),transparent 62%),hsl(calc(var(--h) - 25) 45% 19%);overflow:hidden}.cover--gen span{padding:0 0 4cqi 8cqi;font-family:var(--f-display);font-weight:800;font-size:58cqi;line-height:.82;letter-spacing:-.06em;color:#ffffffe0}.cover--mosaic{display:grid;grid-template:1fr 1fr / 1fr 1fr;overflow:hidden}.cover--mosaic img{width:100%;height:100%;object-fit:cover}.cover--liked{display:grid;place-items:center;background:radial-gradient(100% 100% at 100% 0%,#ff8ad8,transparent 60%),linear-gradient(160deg,#7d5cff,#3a1f8c);color:#fff}.cover--liked svg{width:38%;height:38%}.src-dot{display:inline-block;width:7px;height:7px;border-radius:2px;flex:none}.src-mark{flex:none;display:block}.src-mark--soundcloud{color:var(--sc)}.src-mark--spotify{color:var(--sp)}.src-dot--demo{background:var(--haze-2);border-radius:50% 50% 2px}.eq{display:inline-flex;align-items:flex-end;gap:2px;width:14px;height:14px}.eq i{flex:1;height:30%;border-radius:1px;background:var(--art)}.eq i:nth-child(2){height:70%}.eq i:nth-child(3){height:45%}.eq.is-active i{animation:eq .9s ease-in-out infinite alternate}.eq.is-active i:nth-child(2){animation-delay:-.3s;animation-duration:.7s}.eq.is-active i:nth-child(3){animation-delay:-.6s;animation-duration:1.1s}@keyframes eq{0%{height:20%}to{height:100%}}.range{--p: 0%;--fill: var(--bone);-webkit-appearance:none;appearance:none;width:100%;height:18px;margin:0;background:transparent;cursor:pointer;touch-action:none}.range:hover,.range:focus-visible,.range.is-dragging{--fill: var(--art)}.range::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:linear-gradient(to right,var(--fill) var(--p),var(--dusk-2) var(--p))}.range::-moz-range-track{height:4px;border-radius:2px;background:linear-gradient(to right,var(--fill) var(--p),var(--dusk-2) var(--p))}.range::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;margin-top:-4px;border:0;border-radius:50%;background:var(--bone);opacity:0;transition:opacity .12s}.range::-moz-range-thumb{width:12px;height:12px;border:0;border-radius:50%;background:var(--bone);opacity:0}.range:hover::-webkit-slider-thumb,.range:focus-visible::-webkit-slider-thumb,.range.is-dragging::-webkit-slider-thumb{opacity:1}.range:hover::-moz-range-thumb,.range:focus-visible::-moz-range-thumb,.range.is-dragging::-moz-range-thumb{opacity:1}.range:focus-visible{outline:none}@media(hover:none){.range::-webkit-slider-thumb{opacity:1}.range::-moz-range-thumb{opacity:1}}.artist-links{min-width:0}.artist-link{position:relative;z-index:2;pointer-events:auto;color:inherit}.artist-link:hover{color:var(--bone);text-decoration:underline;text-underline-offset:2px}.avatar{width:100%;aspect-ratio:1;border-radius:50%;object-fit:cover;background:var(--dusk);flex:none}.avatar--gen{container-type:inline-size;display:grid;place-items:center;background:radial-gradient(80% 80% at 30% 20%,hsl(calc(var(--h) + 40) 80% 70%),transparent 60%),hsl(var(--h) 50% 28%);font-family:var(--f-display);font-weight:800;font-size:42cqi;line-height:1;color:#ffffffe6;overflow:hidden}.verified{flex:none;color:#7cc4ff}.acard,.ccard{display:flex;flex-direction:column;min-width:0;padding:10px;margin:-10px;border-radius:var(--r-m);scroll-snap-align:start;transition:background-color .12s}.acard:hover,.ccard:hover{background:var(--line)}.acard__avatar{margin-bottom:12px}.acard__name{display:flex;align-items:center;gap:6px;font-weight:600}.acard__meta,.ccard__meta{display:flex;align-items:center;gap:7px;min-width:0;margin-top:2px;color:var(--haze);font-size:var(--t-s)}.ccard__cover{margin-bottom:10px;border-radius:var(--r-m)}.ccard__title{font-weight:600}.cgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:28px 20px;padding:10px 0}@media(max-width:860px){.cgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px}}.abubble{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0;scroll-snap-align:start;text-align:center}.abubble__avatar{box-shadow:0 0 0 1px var(--glass-line);transition:transform .26s var(--ease),box-shadow .26s}.abubble:hover .abubble__avatar{transform:translateY(-3px);box-shadow:0 0 0 2px color-mix(in oklab,var(--art) 70%,transparent),0 14px 30px -12px #000000b3}.abubble__name{max-width:100%;font-size:var(--t-s);font-weight:600;color:var(--haze);transition:color .12s}.abubble:hover .abubble__name{color:var(--bone)}.follow-btn{min-width:148px}.follow-btn.is-on{background:color-mix(in oklab,var(--art) 16%,transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--art) 45%,transparent);color:var(--bone)}.follow-btn.is-on svg{color:var(--art)}.follow-btn.is-on:hover{background:color-mix(in oklab,var(--art) 24%,transparent)}@media(max-width:860px){.follow-btn{min-width:0;padding:0 14px}}.page{width:100%;max-width:1400px;margin:0 auto;padding:8px var(--gutter) 64px}.page__head{display:flex;align-items:center;gap:16px;margin-bottom:28px}.page__title{flex:1;min-width:0;font-size:var(--t-2xl);font-weight:800;letter-spacing:-.035em}.page__gear{display:none}.section{margin-top:44px}.section__head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:14px}.section__title{font-size:var(--t-l);font-weight:700;letter-spacing:-.02em}.section__link{flex:none;color:var(--haze);font-size:var(--t-s);font-weight:600}.section__link:hover{color:var(--bone)}.shelf{display:grid;grid-auto-flow:column;grid-auto-columns:176px;gap:20px;overflow-x:auto;margin:0 calc(var(--gutter) * -1);padding:4px var(--gutter) 12px;scroll-snap-type:x mandatory;scroll-padding:0 var(--gutter);scrollbar-width:none}.shelf::-webkit-scrollbar{display:none}.tcard{position:relative;min-width:0;scroll-snap-align:start}.tcard__hit{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border-radius:var(--r-m)}.tcard__art{position:relative;margin-bottom:10px}.tcard__art .cover{border-radius:var(--r-l);box-shadow:0 0 0 1px #ffffff0d;transition:box-shadow .26s}.tcard__art{transition:transform .26s var(--ease)}.tcard:hover .tcard__art{transform:translateY(-4px)}.tcard:hover .tcard__art .cover{box-shadow:0 0 0 1px #ffffff14,0 18px 36px -12px #000000b3}.tcard.is-current .tcard__art .cover{box-shadow:0 0 0 2px var(--art),0 18px 40px -14px color-mix(in oklab,var(--art) 70%,transparent)}.tcard__fab{position:absolute;right:10px;bottom:10px;width:46px;height:46px;opacity:0;transform:translateY(6px);transition:opacity .16s,transform .2s var(--ease);box-shadow:0 8px 20px #00000059}.tcard:hover .tcard__fab,.tcard.is-current .tcard__fab,.tcard__hit:focus-visible+.tcard__art .tcard__fab{opacity:1;transform:none}.tcard__title{font-weight:600}.tcard.is-current .tcard__title{color:var(--art)}.tcard__artist{display:flex;align-items:center;gap:7px;margin-top:2px;color:var(--haze);font-size:var(--t-s);min-width:0}.empty{display:flex;flex-direction:column;align-items:flex-start;gap:10px;max-width:460px;padding:28px 0}.empty__title{font-family:var(--f-display);font-weight:700;font-size:var(--t-l);letter-spacing:-.02em}.empty__text{color:var(--haze);margin-bottom:8px}@media(max-width:860px){.page{padding-top:4px;padding-bottom:32px}.page__head{margin-bottom:20px}.page__gear{display:inline-grid;color:var(--bone);width:44px;height:44px}.section{margin-top:32px}.shelf{grid-auto-columns:142px;gap:14px}.tcard__fab{display:none}}.shelf--bubbles{grid-auto-columns:112px;gap:18px}.fresh-badge{display:inline-flex;align-items:center;gap:7px;flex:none;height:24px;padding:0 10px;border-radius:999px;background:color-mix(in oklab,var(--art) 14%,transparent);color:var(--bone);font-size:var(--t-xs);font-weight:600}.fresh-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--art);box-shadow:0 0 8px var(--art)}.follow-hint{display:flex;align-items:center;gap:20px 28px;flex-wrap:wrap;margin-top:44px;padding:22px 24px;border-radius:var(--r-xl);background:radial-gradient(120% 140% at 0% 0%,color-mix(in oklab,var(--art) 16%,transparent),transparent 60%),var(--glass);box-shadow:inset 0 0 0 1px var(--glass-line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.follow-hint__text{flex:1 1 260px;min-width:0}.follow-hint__title{margin-bottom:4px;font-family:var(--f-display);font-size:var(--t-l);font-weight:700;letter-spacing:-.02em}.follow-hint__text p{font-size:var(--t-s)}.follow-hint__list{display:flex;flex-wrap:wrap;gap:8px;flex:1 1 280px;min-width:0}@media(max-width:860px){.shelf--bubbles{grid-auto-columns:88px;gap:14px}.follow-hint{margin-top:32px;padding:18px;border-radius:var(--r-l)}}.pop-anchor{position:relative;display:inline-flex}.extra-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:auto;min-width:36px;padding:0 9px;gap:6px;border-radius:999px}.extra-btn.is-on{background:color-mix(in oklab,var(--art) 16%,transparent)}.extra-btn__tag{font-size:var(--t-xs);font-weight:700;white-space:nowrap}.pop{position:absolute;bottom:calc(100% + 10px);right:-8px;z-index:65;display:flex;flex-direction:column;width:236px;max-width:calc(100vw - 32px);padding:6px;border-radius:var(--r-l);background:#1a1a21e6;-webkit-backdrop-filter:blur(28px) saturate(1.5);backdrop-filter:blur(28px) saturate(1.5);box-shadow:0 0 0 1px var(--glass-line),0 24px 60px #0000008c;animation:pop-in .16s var(--ease);transform-origin:bottom right}@media(max-width:860px){.pop{position:fixed;left:12px;right:12px;bottom:calc(env(safe-area-inset-bottom) + 12px);z-index:70;width:auto;max-width:none;max-height:calc(100dvh - env(safe-area-inset-top) - 24px);overflow-y:auto;transform-origin:bottom center}}@keyframes pop-in{0%{opacity:0;transform:translateY(6px) scale(.97)}}.pop__title{padding:8px 10px 6px;color:var(--haze);font-size:var(--t-xs);font-weight:600}.pop__item{display:flex;align-items:center;justify-content:space-between;gap:12px;height:40px;padding:0 10px;border-radius:var(--r-m);font-size:var(--t-s);font-weight:500;text-align:left}.pop__item:hover,.pop__item:focus-visible{background:#ffffff12}.pop__item.is-on{color:var(--art);font-weight:700}.pop__item--off{color:var(--danger)}.pop__hint{color:var(--haze-2);font-size:var(--t-xs);font-weight:500}.pop__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:2px 4px 6px}.pop__chip{height:36px;border-radius:var(--r-m);background:#ffffff0f;font-size:var(--t-s);font-weight:600}.pop__chip:hover,.pop__chip:focus-visible{background:#ffffff1f}.lyrics{width:100%;height:100%;max-height:100%;overflow-y:auto;scrollbar-width:none;text-align:left;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 88%,transparent)}.lyrics::-webkit-scrollbar{display:none}.lyrics--center{display:grid;place-items:center;-webkit-mask-image:none;mask-image:none}.lyrics__pad{height:35%}.lyrics__line{display:block;width:100%;padding:7px 2px;text-align:left;font-family:var(--f-display);font-size:clamp(1.125rem,2.4vw,1.5rem);font-weight:700;letter-spacing:-.02em;line-height:1.25;color:var(--haze-2);transition:color .22s,opacity .22s}.lyrics__line:hover{color:var(--haze)}.lyrics__line.is-past{color:var(--haze-2);opacity:.55}.lyrics__line.is-active{opacity:1;transform:scale(1.03);transform-origin:left center;background:linear-gradient(90deg,var(--bone) var(--fill, 0%),color-mix(in oklab,var(--bone) 45%,transparent) calc(var(--fill, 0%) + 8%));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 28px color-mix(in oklab,var(--art) 35%,transparent)}.lyrics__line{transition:color .22s,opacity .22s,transform .3s var(--ease)}.lyrics__plain{white-space:pre-line;font-size:var(--t-l);line-height:1.7;color:var(--haze)}.lyrics__note{padding:24px;max-width:44ch;color:var(--haze);font-size:var(--t-s);text-align:center}.queue{grid-area:queue;display:flex;flex-direction:column;min-height:0;border-radius:var(--r-xl);background:var(--panel);box-shadow:inset 0 0 0 1px var(--line);overflow:hidden}.queue__head{display:flex;align-items:center;justify-content:space-between;padding:18px 12px 8px 20px}.queue__head h2{font-size:var(--t-l)}.queue__body{flex:1;overflow-y:auto;padding:4px 8px 24px}.queue__body section+section{margin-top:20px}.queue__label-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.queue__label{padding:8px 12px;font-family:var(--f-body);font-size:var(--t-s);font-weight:600;letter-spacing:0;color:var(--haze)}.queue__clear{flex:none;padding:4px 12px;color:var(--haze);font-size:var(--t-xs);font-weight:600}.queue__clear:hover{color:var(--bone)}.queue__empty{padding:12px;font-size:var(--t-s)}.qrow{position:relative;display:flex;align-items:center;gap:12px;padding:6px 8px 6px 12px;border-radius:var(--r-m)}.qrow:hover{background:var(--line)}.qrow__hit{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit}.qrow__cover{width:40px;border-radius:var(--r-xs);pointer-events:none}.qrow__meta{display:flex;flex-direction:column;flex:1;min-width:0;pointer-events:none}.qrow__title{font-size:var(--t-m);font-weight:500}.qrow.is-current .qrow__title{color:var(--art)}.qrow__artist{display:flex;align-items:center;gap:7px;color:var(--haze);font-size:var(--t-s);min-width:0}.qrow__remove{position:relative;opacity:0}.qrow:hover .qrow__remove,.qrow__remove:focus-visible{opacity:1}@media(hover:none){.qrow__remove{opacity:1}}@media(max-width:1100px){.queue:not(.queue--embedded){position:fixed;top:var(--gap);right:var(--gap);bottom:calc(var(--player-h) + var(--gap) * 2);background:#0e0e12f5;z-index:40;width:min(var(--queue-w),100vw);box-shadow:-24px 0 48px #0006;animation:queue-in .22s var(--ease)}}@media(max-width:860px){.queue:not(.queue--embedded){display:none}}@keyframes queue-in{0%{transform:translate(100%)}}.queue--embedded{background:none;border:0}.queue--embedded .queue__body{padding:0}.np{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;flex-direction:column;padding:calc(12px + var(--safe-t)) 24px calc(20px + var(--safe-b));background:var(--ink);overflow:hidden;overflow:clip;isolation:isolate;animation:np-in .36s var(--ease-sheet);transition:transform .26s var(--ease-sheet)}.np.is-dragging{transition:none}@keyframes np-in{0%{transform:translateY(100%)}}.np__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(90% 70% at 30% 20%,color-mix(in oklab,var(--art) 32%,transparent),transparent 70%),var(--ink)}.np__bg img{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;width:140%;height:140%;object-fit:cover;filter:blur(90px) saturate(1.7);opacity:.6;animation:stage-drift 40s ease-in-out infinite alternate}.np__bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 80% at 50% 0%,transparent,rgb(5 5 7 / .55) 70%),linear-gradient(to bottom,#05050726,#050507d9 85%)}.np__head{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;flex:none;touch-action:none}.np__head .icon-btn{width:44px;height:44px;color:var(--bone)}.np__ctx{display:flex;flex-direction:column;align-items:center;min-width:0;font-size:var(--t-s);font-weight:600;line-height:1.3}.np__ctx:disabled{opacity:1}.np__ctx .muted{font-size:var(--t-xs);font-weight:500}.np__ctx:not(:disabled):hover span:last-child{text-decoration:underline}.np__body{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,440px);align-items:center;gap:clamp(32px,6vw,96px);width:100%;max-width:1180px;margin:0 auto;padding:24px 0}.np__stage{display:grid;place-items:center;min-height:0;height:100%;touch-action:pan-x}.np__stage.is-queue{place-items:stretch;overflow-y:auto;touch-action:auto}.np__cover{width:min(100%,60vh,560px);border-radius:var(--r-xl);box-shadow:0 0 0 1px #ffffff14,0 40px 90px -20px #000000b3,0 30px 140px -30px color-mix(in oklab,var(--art) 75%,transparent);animation:np-cover-in .52s var(--ease) both}@keyframes np-cover-in{0%{opacity:0;transform:scale(.92) translateY(12px)}}.np__info{display:flex;flex-direction:column;gap:22px;min-width:0}.np__titlerow{display:flex;align-items:flex-start;gap:12px}.np__titles{flex:1;min-width:0}.np__title{font-size:clamp(1.75rem,3.2vw,3rem);font-weight:800;line-height:1.05;letter-spacing:-.035em;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.np__artist{display:flex;align-items:center;gap:8px;margin-top:10px;color:var(--haze);font-size:var(--t-l);min-width:0}.np__titlerow .icon-btn{width:48px;height:48px;flex:none}.np__note{padding:10px 14px;border-radius:var(--r-m);background:#0000004d;box-shadow:inset 0 0 0 1px var(--glass-line);color:var(--haze);font-size:var(--t-s)}.np .scrubber{grid-template-columns:1fr 1fr;grid-template-areas:"bar bar" "cur dur";row-gap:2px;max-width:none}.np .scrubber .range{grid-area:bar}.np .scrubber__time:first-child{grid-area:cur;text-align:left}.np .scrubber__time:last-child{grid-area:dur;text-align:right}.np__foot{display:flex;align-items:center;gap:8px}.np__foot>:first-child{margin-right:auto}.np__tools{display:flex;gap:2px}.np__vol{width:170px;padding-right:6px}.np__link{display:inline-flex;align-items:center;gap:8px;color:var(--haze);font-size:var(--t-s);font-weight:600}.np__link:hover{color:var(--bone)}@media(max-width:860px){.np .np__vol{display:none}.np{padding-left:20px;padding-right:20px}.np__body{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;align-items:stretch;gap:24px;padding:16px 0 0}.np__cover{width:min(100%,52vh);align-self:center}.np__info{gap:18px}}@media(max-height:560px)and (max-width:860px){.np__stage:not(.is-queue){display:none}}.np__views{display:flex;gap:4px;padding:3px;border-radius:999px;background:#ffffff0f}.np__views .icon-btn.is-on{color:var(--bone);background:#ffffff1f}.np .transport--big .transport__play{box-shadow:0 0 0 8px color-mix(in oklab,var(--art) 18%,transparent),0 16px 40px color-mix(in oklab,var(--art) 45%,transparent)}.save-off.is-saved{background:var(--art);color:var(--on-art)}.save-off.is-saved:hover{background:color-mix(in oklab,var(--art) 70%,var(--bone))}.save-off.is-busy{position:relative;display:inline-grid;place-items:center;width:40px;height:40px}.save-off__ring{position:absolute;top:0;right:0;bottom:0;left:0;transform:rotate(-90deg)}.save-off__ring circle{fill:none;stroke-width:3;stroke:var(--line-2)}.save-off__ring circle+circle{stroke:var(--art);stroke-linecap:round;stroke-dasharray:94.25;transition:stroke-dashoffset .3s var(--ease)}.save-off__count{font-size:9px;font-weight:600;color:var(--haze)}.save-off__confirm{height:40px}.off-mark{flex:none;color:var(--art)}.off-mark.is-loading{color:var(--haze);animation:off-spin .9s linear infinite}@keyframes off-spin{to{transform:rotate(360deg)}}.net-banner{display:flex;align-items:center;gap:8px;padding:8px var(--gutter);background:color-mix(in oklab,var(--danger) 16%,var(--ink));color:var(--bone);font-size:var(--t-s)}.net-banner__link{color:var(--bone);font-weight:600;text-decoration:underline;text-underline-offset:3px}.promo-layer{z-index:75}.promo{position:fixed;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;gap:10px;max-height:92dvh;overflow-y:auto;padding:28px 20px calc(18px + var(--safe-b));border-radius:var(--r-l) var(--r-l) 0 0;background:radial-gradient(120% 60% at 50% 0%,color-mix(in oklab,var(--art) 22%,transparent),transparent 70%),var(--dusk);box-shadow:0 -18px 48px #00000080;text-align:center;animation:sheet-in .3s var(--ease-sheet)}.promo__close{position:absolute;top:10px;right:10px}.promo__icon{width:72px;height:72px;border-radius:18px;box-shadow:0 10px 30px #00000073}.promo__title{margin:6px 0 0;font-family:var(--f-display);font-size:var(--t-xl)}.promo__sub{margin:0}.promo__list{display:flex;flex-direction:column;gap:12px;width:100%;max-width:380px;margin:10px 0 6px;padding:0;list-style:none;text-align:left}.promo__list li{display:flex;align-items:center;gap:12px;font-size:var(--t-m)}.promo__list svg{flex:none;color:var(--art)}.promo__cta{width:100%;max-width:380px;height:52px;justify-content:center;gap:8px;font-size:var(--t-m)}.promo__note{max-width:380px;margin:2px 0 0;font-size:var(--t-xs);line-height:1.45}.promo__later{width:100%;max-width:380px;justify-content:center}.apps{display:flex;flex-direction:column;gap:4px}.apps__row{display:flex;align-items:center;gap:14px;min-height:56px}.apps__row>svg{flex:none;color:var(--haze)}.apps__text{display:flex;flex-direction:column;flex:1;min-width:0;font-size:var(--t-s)}.apps__text strong{font-size:var(--t-m);font-weight:600}.apps__row .btn{flex:none;gap:6px}.open-app{display:flex;align-items:center;gap:10px;margin:0 var(--gutter) 8px;padding:6px 6px 6px 14px;border-radius:999px;background:color-mix(in oklab,var(--art) 16%,var(--plum));box-shadow:inset 0 0 0 1px var(--line);font-size:var(--t-s)}.open-app>svg{flex:none;color:var(--art)}.open-app__link{flex:1;color:var(--bone);font-weight:600}.open-app__close{width:32px;height:32px}.upd__head{display:flex;align-items:center;gap:14px}.upd__badge{display:grid;place-items:center;flex:none;width:48px;height:48px;border-radius:14px;background:color-mix(in oklab,var(--art) 30%,var(--dusk));color:var(--bone)}.upd__sub{margin:2px 0 0;font-size:var(--t-s)}.upd__notes{display:flex;flex-direction:column;gap:8px;margin:0;padding-left:20px;font-size:var(--t-s);line-height:1.45}.upd__notes li::marker{color:var(--art)}.upd__hint{margin:0;padding:10px 12px;border-radius:var(--r-m);background:var(--dusk);font-size:var(--t-s);line-height:1.45}.upd .dialog__actions .btn--primary{gap:8px}.imp{width:min(560px,100%)}.imp__form,.imp__work,.imp__done{display:flex;flex-direction:column;gap:16px}.imp__field{display:flex;align-items:center;gap:10px;height:48px;padding:0 14px;border-radius:var(--r-m);background:var(--dusk);box-shadow:inset 0 0 0 1px var(--line);color:var(--haze)}.imp__field:focus-within{box-shadow:inset 0 0 0 1.5px var(--art)}.imp__field input{flex:1;min-width:0;border:0;background:none;color:var(--bone);font:inherit;outline:none}.imp__sources{display:flex;flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;font-size:var(--t-s);color:var(--haze)}.imp__sources strong{color:var(--bone);font-weight:600}.imp__sources .is-off{opacity:.55}.imp__error{margin:0;color:var(--danger);font-size:var(--t-s)}.imp__work p{margin:0}.imp__bar{height:6px;border-radius:999px;background:var(--dusk-2);overflow:hidden}.imp__bar span{display:block;height:100%;background:var(--art);transform-origin:left;transition:transform .5s var(--ease)}.imp__note{font-size:var(--t-s)}.imp__result{display:flex;align-items:center;gap:8px;margin:0;font-weight:600}.imp__result svg{color:var(--art)}.imp__note{margin:0;color:var(--haze);font-size:var(--t-s)}.imp__missed summary{cursor:pointer;color:var(--haze);font-size:var(--t-s)}.imp__missed ul{max-height:180px;overflow-y:auto;margin:8px 0 0;padding-left:18px;font-size:var(--t-s);color:var(--haze)}.imp__acts{flex-wrap:wrap}.imp__acts>:first-child{margin-right:auto}.imp__spin{animation:imp-spin .9s linear infinite}@keyframes imp-spin{to{transform:rotate(360deg)}}@media(max-width:520px){.imp__acts .btn{flex:1 1 100%;justify-content:center}}.menu-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60}.menu{position:fixed;min-width:248px;max-width:320px;padding:6px;border-radius:var(--r-l);background:#1a1a21d1;-webkit-backdrop-filter:blur(28px) saturate(1.5);backdrop-filter:blur(28px) saturate(1.5);box-shadow:0 0 0 1px var(--glass-line),0 24px 60px #0000008c;animation:menu-in .14s var(--ease);transform-origin:top left}@keyframes menu-in{0%{opacity:0;transform:scale(.96)}}.menu__item{display:flex;align-items:center;gap:12px;width:100%;min-height:40px;padding:0 10px;border-radius:var(--r-m);text-align:left;font-size:var(--t-m)}.menu__item>svg{flex:none;color:var(--haze)}.menu__item:hover,.menu__item:focus-visible{background:var(--dusk-2);outline:none}.menu__item.is-danger,.menu__item.is-danger svg{color:var(--danger)}.menu__chev{margin-left:auto;transform:rotate(180deg)}.menu__sep{height:1px;margin:4px 6px;background:var(--line)}.menu__scroll{max-height:260px;overflow-y:auto}.menu__pl-cover{width:28px;border-radius:var(--r-xs)}.menu-layer.is-sheet{background:#0a080e99;animation:fade-in .18s ease}.is-sheet .menu{left:0;right:0;bottom:0;top:auto;max-width:none;padding:8px 12px calc(12px + var(--safe-b));border-radius:var(--r-l) var(--r-l) 0 0;animation:sheet-in .26s var(--ease-sheet);max-height:calc(100dvh - var(--safe-t) - 24px);overflow-y:auto}.is-sheet .menu__item{min-height:50px;font-size:var(--t-l)}.menu__head{display:flex;align-items:center;gap:12px;padding:8px 4px 14px;margin-bottom:6px;border-bottom:1px solid var(--line)}.menu__cover{width:48px}.menu__head-text{min-width:0;font-weight:500}.menu__head-text .muted{font-size:var(--t-s);font-weight:400}@keyframes sheet-in{0%{transform:translateY(100%)}}@keyframes fade-in{0%{opacity:0}}.dialog-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;display:grid;place-items:center;padding:16px;background:#0a080eb3;animation:fade-in .16s ease}.dialog{display:flex;flex-direction:column;gap:20px;width:min(420px,100%);padding:24px;border-radius:var(--r-xl);background:radial-gradient(100% 60% at 0% 0%,color-mix(in oklab,var(--art) 14%,transparent),transparent 70%),#14141ae6;-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);box-shadow:0 0 0 1px var(--glass-line),0 30px 80px #0009;animation:menu-in .18s var(--ease)}.dialog__title{font-size:var(--t-l)}.dialog__actions{display:flex;justify-content:flex-end;gap:10px}.toasts{position:fixed;left:50%;bottom:calc(var(--player-h) + 24px);z-index:80;display:flex;flex-direction:column;align-items:center;gap:8px;transform:translate(-50%);pointer-events:none;width:max-content;max-width:calc(100vw - 32px)}.toast{padding:10px 16px;border-radius:999px;background:var(--bone);color:var(--ink);font-weight:500;font-size:var(--t-s);box-shadow:0 10px 30px #0006;animation:toast-in .22s var(--ease)}.toast.is-error{background:#3a1d27;color:#ffd9de;box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--danger) 45%,transparent),0 10px 30px #0006}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}@media(max-width:860px){.toasts{bottom:calc(var(--tabbar-h) + var(--mini-h) + var(--safe-b) + 32px)}}.menu__quality{display:flex;flex-direction:column;line-height:1.25}.menu__quality .muted{font-size:var(--t-xs)}.bell{position:relative;display:grid;place-items:center;width:34px;height:34px;margin-left:auto;flex:none;border-radius:50%;background:#0a080e8c;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--bone);pointer-events:auto;transition:background-color .12s,transform .12s}.bell:hover{background:#0a080ecc;transform:scale(1.06)}.bell.has-dot:after{content:"";position:absolute;top:6px;right:7px;width:8px;height:8px;border-radius:50%;background:var(--art);box-shadow:0 0 0 2px #0a080e,0 0 10px var(--art)}.bell.has-dot svg{animation:bell-ring 3.2s ease-in-out infinite;transform-origin:50% 10%}@keyframes bell-ring{0%,86%,to{transform:rotate(0)}89%{transform:rotate(14deg)}92%{transform:rotate(-12deg)}95%{transform:rotate(7deg)}}.wn-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:72;display:grid;place-items:center;padding:20px;background:#050507b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fade-in .2s ease}.wn{position:relative;display:flex;flex-direction:column;width:min(640px,100%);max-height:min(860px,calc(100dvh - 40px));border-radius:28px;overflow:hidden;background:#0e0e12f5;box-shadow:0 0 0 1px var(--glass-line),0 40px 120px #000000b3,0 0 140px -40px color-mix(in oklab,var(--art) 60%,transparent);animation:wn-in .42s var(--ease-sheet)}@keyframes wn-in{0%{opacity:0;transform:translateY(24px) scale(.97)}}.wn__close{position:absolute;top:14px;right:14px;z-index:2;color:#fff;background:#0000004d}.wn__hero{position:relative;flex:none;padding:40px 36px 28px;overflow:hidden;isolation:isolate;background:radial-gradient(80% 120% at 0% 0%,color-mix(in oklab,var(--art) 45%,transparent),transparent 65%),radial-gradient(60% 120% at 100% 100%,color-mix(in oklab,color-mix(in oklch,var(--art),#ff4f9a 55%) 50%,transparent),transparent 70%),#0b0b10}.wn__rings{position:absolute;right:-90px;top:50%;z-index:-1;width:320px;aspect-ratio:1;translate:0 -50%}.wn__rings span{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:1.5px solid color-mix(in oklab,var(--art) 70%,white);opacity:0;animation:wn-ring 3.6s ease-out infinite}.wn__rings span:nth-child(2){animation-delay:1.2s}.wn__rings span:nth-child(3){animation-delay:2.4s}@keyframes wn-ring{0%{transform:scale(.2);opacity:.8}to{transform:scale(1.15);opacity:0}}.wn__badge{display:inline-flex;align-items:center;height:28px;padding:0 12px;border-radius:999px;background:#ffffff1f;box-shadow:inset 0 0 0 1px #ffffff29;font-size:var(--t-xs);font-weight:700}.wn__title{margin-top:16px;font-size:clamp(2.25rem,7vw,3.5rem);font-weight:800;line-height:.95;letter-spacing:-.05em;background:linear-gradient(180deg,#fff 35%,color-mix(in oklab,var(--art) 70%,white));-webkit-background-clip:text;background-clip:text;color:transparent}.wn__lead{max-width:44ch;margin-top:14px;color:#ffffffd1;font-size:var(--t-m);line-height:1.5}.wn__date{margin-top:10px;color:#ffffff80;font-size:var(--t-xs)}.wn__scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}.wn__body{padding:8px 20px 12px}.trailer{position:relative;aspect-ratio:16 / 9;background:#050507;overflow:hidden;isolation:isolate}.trailer__video{display:block;width:100%;height:100%;object-fit:cover;background:#050507}.trailer.is-full .trailer__video{object-fit:contain}.trailer:not(.is-full):after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(60% 60% at 50% 50%,#0505071a,#05050773),linear-gradient(to bottom,transparent 55%,rgb(14 14 18 / .96))}.trailer__play{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#fff}.trailer__icon{display:grid;place-items:center;width:76px;height:76px;padding-left:4px;border-radius:50%;background:#ffffff29;-webkit-backdrop-filter:blur(16px) saturate(1.4);backdrop-filter:blur(16px) saturate(1.4);box-shadow:inset 0 0 0 1px #ffffff59,0 0 color-mix(in oklab,var(--art) 60%,transparent),0 16px 40px #00000073;animation:trailer-pulse 2.4s ease-out infinite;transition:transform .2s var(--ease),background-color .2s}.trailer__play:hover .trailer__icon,.trailer__play:focus-visible .trailer__icon{transform:scale(1.08);background:#ffffff42}@keyframes trailer-pulse{70%{box-shadow:inset 0 0 0 1px #ffffff59,0 0 0 22px color-mix(in oklab,var(--art) 0%,transparent),0 16px 40px #00000073}}.trailer__label{padding:6px 14px;border-radius:999px;background:#0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:var(--t-s);font-weight:700;text-shadow:0 1px 8px rgb(0 0 0 / .5)}.trailer__label .tnum{color:#ffffffb3;font-weight:600}.wn__hero--under{margin-top:-56px;padding-top:0;background:none;z-index:1}.wn__items{display:flex;flex-direction:column;gap:2px;margin:0;padding:0;list-style:none}.wn__item{display:flex;gap:16px;padding:14px 16px;border-radius:var(--r-l);animation:wn-item .42s var(--ease) both;transition:background-color .15s}.wn__item:hover{background:#ffffff0a}@keyframes wn-item{0%{opacity:0;transform:translateY(10px)}}.wn__icon{display:grid;place-items:center;width:44px;height:44px;flex:none;border-radius:14px;color:color-mix(in oklab,var(--art) 80%,white);background:color-mix(in oklab,var(--art) 16%,transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--art) 30%,transparent)}.wn__text{display:flex;flex-direction:column;gap:3px;min-width:0}.wn__text strong{font-weight:700}.wn__text span{color:var(--haze);font-size:var(--t-s);line-height:1.5}.wn__fixes{margin:8px 16px 4px;padding:12px 16px;border-radius:var(--r-l);background:#ffffff08;box-shadow:inset 0 0 0 1px var(--line)}.wn__fixes summary{cursor:pointer;font-weight:700}.wn__fixes ul{margin:10px 0 2px;padding-left:20px;color:var(--haze);font-size:var(--t-s);line-height:1.7}.wn__foot{flex:none;padding:14px 20px 20px;border-top:1px solid var(--line)}.wn__ok{width:100%;height:48px}@media(max-width:860px){.wn-layer{place-items:end stretch;padding:0}.wn{width:100%;max-height:calc(100dvh - var(--safe-t) - 24px);border-radius:28px 28px 0 0;animation-name:wn-sheet}@keyframes wn-sheet{0%{transform:translateY(100%)}}.wn__hero{padding:32px 22px 22px}.wn__body{padding:6px 8px 8px}.wn__hero--under{margin-top:-40px;padding-top:0}.trailer__icon{width:62px;height:62px}.wn__item{padding:12px;gap:14px}.wn__foot{padding:12px 16px calc(16px + var(--safe-b))}}.trailer.is-full+.wn__hero--under{margin-top:0;padding-top:24px}.trailer:not(.is-full) .trailer__video{transform:scale(1.14)}.topnav{position:sticky;top:0;z-index:6;display:flex;align-items:center;gap:8px;height:52px;padding:0 var(--gutter);width:100%;max-width:1400px;margin:0 auto;pointer-events:none}.topnav__btn{display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:50%;background:#0a080e8c;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--bone);pointer-events:auto;transition:background-color .12s,transform .12s,opacity .12s}.topnav__btn:hover:not(:disabled){background:#0a080ecc;transform:scale(1.06)}.topnav__btn.is-off{opacity:.35}.topnav__btn:disabled{cursor:default}@media(max-width:860px){.topnav{height:44px;padding-top:4px}.topnav__btn--forward{display:none}}.shell{position:relative;display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr);grid-template-rows:minmax(0,1fr) var(--player-h);grid-template-areas:"side main" "bar bar";gap:var(--gap);padding:var(--gap);height:100vh;height:100dvh;background:var(--ink);isolation:isolate}.shell.has-queue{grid-template-columns:var(--sidebar) minmax(0,1fr) var(--queue-w);grid-template-areas:"side main queue" "bar bar bar"}.stage{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;pointer-events:none;background:radial-gradient(60% 50% at 20% 0%,color-mix(in oklab,var(--art) 22%,transparent),transparent 70%),radial-gradient(50% 60% at 100% 100%,color-mix(in oklab,var(--art) 14%,transparent),transparent 70%),var(--ink)}.stage__img{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;width:140%;height:140%;object-fit:cover;filter:blur(90px) saturate(1.5);opacity:0;transform:scale(1.1);transition:opacity 1.2s ease}.stage__img.is-in{opacity:.32;animation:stage-drift 40s ease-in-out infinite alternate}@keyframes stage-drift{to{transform:scale(1.25) rotate(8deg)}}.shell__main{grid-area:main;position:relative;overflow-y:auto;overflow-x:hidden;isolation:isolate;scroll-padding-top:80px;border-radius:var(--r-xl);background:var(--panel);box-shadow:inset 0 0 0 1px var(--line)}.shell__tint{position:absolute;inset:0 0 auto 0;height:460px;z-index:-1;pointer-events:none;background:radial-gradient(90% 100% at 10% 0%,color-mix(in oklab,var(--art) 26%,transparent),transparent 70%),linear-gradient(to bottom,color-mix(in oklab,var(--art) 8%,transparent),transparent)}.side{grid-area:side;display:flex;flex-direction:column;min-height:0;padding:20px 12px 12px;border-radius:var(--r-xl);background:var(--panel);box-shadow:inset 0 0 0 1px var(--line)}.side__logo{align-self:flex-start;padding:4px 12px 22px}.side__nav{display:flex;flex-direction:column;gap:2px}.side__link{display:flex;align-items:center;gap:14px;height:42px;padding:0 12px;border-radius:var(--r-m);color:var(--haze);font-weight:600;transition:color .12s,background-color .12s}.side__link:hover{color:var(--bone)}.side__link.active{color:var(--bone);background:linear-gradient(90deg,color-mix(in oklab,var(--art) 18%,transparent),#ffffff08);box-shadow:inset 2px 0 0 var(--art)}.side__link.active svg{color:var(--art)}.side__lists{display:flex;flex-direction:column;flex:1;min-height:0;margin:18px -4px 0;padding:12px 4px 0;border-radius:var(--r-l);background:#ffffff06}.side__lists-head{display:flex;align-items:center;justify-content:space-between;padding:0 4px 8px 12px;color:var(--haze);font-size:var(--t-s);font-weight:600}.side__scroll{flex:1;overflow-y:auto;margin:0 -4px;padding:0 4px}.side__pl{display:flex;align-items:center;gap:12px;padding:6px 8px;border-radius:var(--r-m);transition:background-color .1s}.side__pl:hover{background:var(--line)}.side__pl.active{background:#ffffff0f}.side__pl-cover{width:40px;border-radius:var(--r-xs)}.side__pl-text{display:flex;flex-direction:column;min-width:0;font-size:var(--t-m)}.side__pl.active .side__pl-text>:first-child{color:var(--art)}.side__pl-text .muted{font-size:var(--t-xs)}.side__settings{display:flex;align-items:center;gap:12px;height:42px;margin-top:8px;padding:0 12px;border-radius:var(--r-m);color:var(--haze);font-size:var(--t-s);font-weight:600}.side__settings:hover,.side__settings.active{color:var(--bone);background:#ffffff0f}.side__status{display:flex;gap:5px;margin-left:auto}.side__dot{width:7px;height:7px;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--haze-2)}.side__dot.is-on{background:var(--c);box-shadow:none}.pbar{grid-area:bar;position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) minmax(0,1fr);align-items:center;gap:24px;padding:0 14px 0 12px;border-radius:var(--r-xl);background:var(--glass);-webkit-backdrop-filter:blur(24px) saturate(1.4);backdrop-filter:blur(24px) saturate(1.4);box-shadow:inset 0 0 0 1px var(--glass-line),0 -10px 40px #00000040}.pbar:before{content:"";position:absolute;inset:0 18% auto;height:1px;background:linear-gradient(90deg,transparent,color-mix(in oklab,var(--art) 80%,white),transparent);opacity:.55}.pbar__track{display:flex;align-items:center;gap:12px;min-width:0}.pbar__cover{width:58px;flex:none;border-radius:var(--r-m);box-shadow:0 6px 18px #00000073,0 0 24px color-mix(in oklab,var(--art) 30%,transparent)}.pbar__cover .cover{transition:transform .16s var(--ease)}.pbar__cover:hover .cover{transform:scale(1.04)}.pbar__meta{min-width:0}.pbar__title{font-weight:600}.pbar__artist{display:flex;align-items:center;gap:7px;color:var(--haze);font-size:var(--t-s);min-width:0}.pbar__empty{font-size:var(--t-s)}.pbar__center{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:0}.pbar__side{display:flex;align-items:center;justify-content:flex-end;gap:4px}.volume{display:flex;align-items:center;gap:2px}.volume .range{flex:1}.pbar__vol .range{flex:none;width:110px;margin-right:6px}.transport{display:flex;align-items:center;gap:10px}.transport__skip{color:var(--bone)}.transport__play{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--bone);color:var(--ink);box-shadow:0 0 0 4px #ffffff0f;transition:transform .12s var(--ease),box-shadow .2s}.transport__play:hover:not(:disabled){box-shadow:0 0 0 6px color-mix(in oklab,var(--art) 25%,transparent)}.transport__play:hover:not(:disabled){transform:scale(1.06)}.transport--big{justify-content:space-between;width:100%}.transport--big .icon-btn{width:48px;height:48px}.transport--big .transport__play{width:72px;height:72px;background:var(--art);color:var(--on-art)}.scrubber{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:8px;width:100%;max-width:620px}.scrubber__time{font-size:var(--t-xs);color:var(--haze)}.scrubber__time:first-child{text-align:right}.dock,.mini,.tabbar{display:none}@media(max-width:1100px){.shell.has-queue{grid-template-columns:var(--sidebar) minmax(0,1fr);grid-template-areas:"side main" "bar bar"}}@media(max-width:860px){.shell,.shell.has-queue{display:block;padding:0}.side,.pbar{display:none}.shell__main{height:100%;padding-top:var(--safe-t);padding-bottom:calc(var(--tabbar-h) + var(--safe-b) + 16px);border-radius:0;background:#0505078c;box-shadow:none}.shell.has-mini .shell__main{padding-bottom:calc(var(--tabbar-h) + var(--mini-h) + var(--safe-b) + 24px)}.shell__tint{height:320px}.dock{position:fixed;left:0;right:0;bottom:0;z-index:30;display:flex;flex-direction:column;gap:8px;padding:0 10px calc(var(--safe-b) + 8px);pointer-events:none}.dock:before{content:"";position:absolute;top:-40px;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(to bottom,transparent,rgb(5 5 7 / .85) 55%)}.dock>*{pointer-events:auto}.mini{position:relative;display:flex;align-items:center;gap:2px;height:var(--mini-h);padding:0 6px 0 8px;border-radius:var(--r-l);background:color-mix(in oklab,var(--art) 22%,rgb(22 22 28 / .82));-webkit-backdrop-filter:blur(22px) saturate(1.5);backdrop-filter:blur(22px) saturate(1.5);box-shadow:inset 0 0 0 1px var(--glass-line),0 12px 32px #00000073;overflow:hidden;transition:background-color .9s}.mini__progress{position:absolute;left:14px;right:14px;bottom:0;height:2px;border-radius:2px;background:var(--bone);transform-origin:left}.mini__open{display:flex;align-items:center;gap:10px;flex:1;min-width:0;height:100%;text-align:left}.mini__cover{width:44px;border-radius:var(--r-s);box-shadow:0 4px 12px #0006}.mini__meta{display:flex;flex-direction:column;min-width:0}.mini__title{font-weight:600;font-size:var(--t-m)}.mini__artist{color:#ffffffad;font-size:var(--t-s)}.mini .icon-btn{width:42px;height:42px;color:var(--bone)}.tabbar{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;height:var(--tabbar-h);padding:5px;border-radius:999px;background:var(--glass);-webkit-backdrop-filter:blur(22px) saturate(1.4);backdrop-filter:blur(22px) saturate(1.4);box-shadow:inset 0 0 0 1px var(--glass-line),0 12px 32px #00000073}.tabbar__tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-radius:999px;color:var(--haze-2);font-size:.6875rem;font-weight:600;transition:color .15s,background-color .15s}.tabbar__tab.active{color:var(--bone);background:#ffffff14}.tabbar__tab.active svg{color:var(--art)}}.side__pl-cover--dl{display:grid;place-items:center;background:linear-gradient(160deg,var(--dusk-2),var(--plum));color:var(--art)}.auth{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,560px);height:100vh;height:100dvh;overflow-y:auto;background:var(--ink)}.auth__brand{position:relative;overflow:hidden;display:flex;align-items:flex-end;padding:56px;background:radial-gradient(70% 60% at 30% 30%,color-mix(in oklab,var(--uv) 35%,transparent),transparent 70%),radial-gradient(50% 50% at 90% 100%,rgb(255 138 216 / .18),transparent 70%),var(--plum);border-right:1px solid var(--line)}.auth__disc{position:absolute;top:50%;left:50%;width:min(72vh,58vw,640px);aspect-ratio:1;translate:-50% -58%;border-radius:50%;background:radial-gradient(circle,var(--bone) 0 3.5%,var(--plum) 3.6% 4.6%,transparent 4.7%),radial-gradient(circle,transparent 0 17%,color-mix(in oklab,var(--uv) 85%,#000) 17.2% 33%,transparent 33.2%),repeating-radial-gradient(circle,#19151f 0 2px,#231d2c 2px 5px),#17131d;box-shadow:0 40px 120px #0000008c,inset 0 0 0 1px #ffffff0d;animation:spin 14s linear infinite}.auth__disc:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:conic-gradient(from 30deg,transparent 0 40deg,rgb(255 255 255 / .08) 60deg,transparent 90deg 220deg,rgb(255 255 255 / .05) 240deg,transparent 270deg)}.auth__brand-text{position:relative;max-width:440px}.auth__logo{font-size:clamp(2.5rem,5vw,4rem)}.auth__brand-text p{margin-top:16px;color:var(--haze);font-size:var(--t-l);line-height:1.5}.auth__main{display:flex;flex-direction:column;justify-content:center;padding:48px clamp(24px,5vw,64px)}.auth__logo-mobile{display:none}.auth__form{display:flex;flex-direction:column;gap:18px;width:100%;max-width:400px}.auth__title{font-size:var(--t-2xl);font-weight:800;letter-spacing:-.035em}.auth__sub{margin:-8px 0 8px}.auth__sub a{color:var(--bone);font-weight:600;text-decoration:underline;text-underline-offset:3px}.auth__error{padding:10px 12px;border-radius:var(--r-s);background:#ff7a881a;color:var(--danger);font-size:var(--t-s)}.auth__submit{height:50px;margin-top:6px;font-size:var(--t-m)}.afield{display:flex;flex-direction:column;gap:8px}.afield__label{font-size:var(--t-s);font-weight:600;line-height:20px}.afield__control{position:relative}.afield__input{width:100%;height:48px;padding:0 14px;border:1px solid var(--line-2);border-radius:var(--r-m);background:var(--plum);font-size:var(--t-m);outline:none;transition:border-color .14s,box-shadow .14s}.afield__input:focus{border-color:var(--uv);box-shadow:0 0 0 3px color-mix(in oklab,var(--uv) 25%,transparent)}.afield.has-error .afield__input{border-color:var(--danger)}.afield.has-error .afield__input:focus{box-shadow:0 0 0 3px #ff7a8833}.afield__error,.afield__hint{font-size:var(--t-xs)}.afield__error{color:var(--danger)}.afield__hint{color:var(--haze-2)}.afield__ok{position:absolute;top:50%;right:48px;translate:0 -50%;color:#5fe39a}.afield-pw{position:relative}.afield-pw .afield__input{padding-right:48px}.afield-pw__toggle{position:absolute;top:34px;right:6px}.strength{--c: var(--haze-2);display:flex;flex-direction:column;gap:10px;margin-top:2px}.strength[data-level="1"],.strength[data-level="2"]{--c: var(--danger)}.strength[data-level="3"]{--c: #ffc46b}.strength[data-level="4"]{--c: #5fe39a}.strength__bars{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.strength__bars span{height:4px;border-radius:2px;background:var(--dusk-2);transition:background-color .2s}.strength[data-level="1"] .strength__bars span:nth-child(-n+1),.strength[data-level="2"] .strength__bars span:nth-child(-n+2),.strength[data-level="3"] .strength__bars span:nth-child(-n+3),.strength[data-level="4"] .strength__bars span{background:var(--c)}.strength__rules{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px;margin:0;padding:0;list-style:none;font-size:var(--t-xs);color:var(--haze-2)}.strength__rules li{display:flex;align-items:flex-start;gap:6px}.strength__rules svg{flex:none;margin-top:1px;opacity:.35}.strength__rules li.is-ok{color:var(--bone)}.strength__rules li.is-ok svg{opacity:1;color:#5fe39a}.splash{display:grid;place-items:center;height:100vh;height:100dvh}.splash__disc{width:44px;height:44px;border-radius:50%;background:conic-gradient(from 20deg,var(--uv) 0 290deg,transparent 290deg);-webkit-mask:radial-gradient(circle,#000 0 16%,transparent 17% 36%,#000 37%);mask:radial-gradient(circle,#000 0 16%,transparent 17% 36%,#000 37%);animation:spin 1.2s linear infinite}@media(max-width:900px){.auth{grid-template-columns:1fr}.auth{grid-template-rows:auto 1fr}.auth__brand{height:calc(200px + var(--safe-t));padding:0;border-right:0;-webkit-mask-image:linear-gradient(to bottom,#000 55%,transparent);mask-image:linear-gradient(to bottom,#000 55%,transparent)}.auth__disc{width:150vw;max-width:640px;translate:-50% -78%}.auth__brand-text{display:none}.auth__main{justify-content:flex-start;align-items:center;position:relative;margin-top:-64px;padding:0 20px calc(32px + var(--safe-b))}.auth__logo-mobile{display:inline-flex;align-self:flex-start;margin:0 auto 36px;font-size:1.75rem}.auth__form{max-width:440px}}@media(max-width:380px){.strength__rules{grid-template-columns:1fr}}.auth__share{display:flex;align-items:center;gap:14px;width:100%;max-width:400px;margin-bottom:24px;padding:12px;border-radius:var(--r-l);background:var(--plum);box-shadow:inset 0 0 0 1px var(--line)}.auth__share-art{flex:none;width:64px;height:64px;border-radius:var(--r-s);object-fit:cover}.auth__share-art.is-round{border-radius:50%}.auth__share-text{display:flex;flex-direction:column;min-width:0;gap:1px;font-size:var(--t-s)}.auth__share-text strong{font-size:var(--t-m);font-weight:600}.auth__share-hint{margin-top:4px;color:var(--art);font-weight:500}.tlist{display:flex;flex-direction:column}.trow{position:relative;display:grid;grid-template-columns:32px 44px minmax(0,3fr) minmax(0,2fr) 36px 52px 36px;align-items:center;column-gap:12px;min-height:60px;padding:8px;border-radius:var(--r-l);transition:background-color .1s}.trow.is-current{background:linear-gradient(90deg,color-mix(in oklab,var(--art) 16%,transparent),transparent 70%)}.tlist--no-album .trow{grid-template-columns:32px 44px minmax(0,1fr) 36px 52px 36px}.tlist--no-album .trow__album{display:none}.trow:hover,.trow:focus-within{background:var(--line)}.trow__hit{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;z-index:0}.trow__hit:focus-visible{outline-offset:-2px}.trow__like,.trow__more{position:relative;z-index:1}.trow__idx{display:grid;place-items:center;color:var(--haze);font-size:var(--t-s);pointer-events:none}.trow__idx>*{grid-area:1 / 1}.trow__play{opacity:0;color:var(--bone)}.trow:hover .trow__play{opacity:1}.trow:hover .trow__num,.trow:hover .eq{opacity:0}.trow__cover{width:44px;border-radius:var(--r-s);pointer-events:none}.trow__main{display:flex;flex-direction:column;min-width:0;pointer-events:none}.trow__title{font-weight:500;display:flex;align-items:center;gap:8px}.trow.is-current .trow__title{color:var(--art)}.trow__artist{display:flex;align-items:center;gap:7px;min-width:0;color:var(--haze);font-size:var(--t-s)}.trow__album{font-size:var(--t-s);pointer-events:none}.trow__dur{font-size:var(--t-s);text-align:right;pointer-events:none}.trow__like{opacity:0}.trow:hover .trow__like,.trow__like.is-liked,.trow__like:focus-visible{opacity:1}.tag{flex:none;padding:1px 6px;border-radius:var(--r-xs);background:var(--dusk-2);color:var(--haze);font-size:.6875rem;font-weight:500}@media(max-width:860px){.trow,.tlist--no-album .trow{grid-template-columns:48px minmax(0,1fr) 40px 36px;column-gap:8px;padding:6px 0;min-height:60px}.trow:hover{background:none}.trow:active{background:var(--line)}.trow__cover{width:48px}.trow__idx,.trow__album,.trow__dur{display:none}.trow__like{opacity:1;width:40px;height:40px;color:var(--haze-2)}.trow__like.is-liked{color:var(--art)}}@media(hover:none){.trow__like{opacity:1}}.lib{display:grid;grid-template-columns:repeat(auto-fill,minmax(184px,1fr));gap:24px 20px}.lib__item{display:flex;flex-direction:column;gap:10px;min-width:0;padding:10px;margin:-10px;border-radius:var(--r-m);transition:background-color .12s}.lib__item:hover{background:var(--line)}.lib__cover{border-radius:var(--r-m)}.lib__cover--spotify{background:radial-gradient(90% 90% at 100% 0%,#7cf2a7,transparent 60%),linear-gradient(160deg,#1b8f4b,#0d3b24)}.lib__cover--downloads{display:grid;place-items:center;background:radial-gradient(90% 90% at 0% 100%,color-mix(in oklab,var(--art) 55%,transparent),transparent 70%),linear-gradient(160deg,var(--dusk-2),var(--plum));color:var(--bone)}.lib__cover--stats{display:grid;place-items:center;background:radial-gradient(90% 90% at 100% 0%,#35d0d8,transparent 70%),linear-gradient(160deg,#1f6f8b,#1a1440);color:var(--bone)}.lib__cover--downloads svg,.lib__cover--stats svg{width:32%;height:32%}.lib__acts{display:flex;gap:8px}.lib__text{display:flex;flex-direction:column;min-width:0}.lib__name{font-weight:600}.lib__meta{color:var(--haze);font-size:var(--t-s)}.lib__hint{margin-top:36px;font-size:var(--t-s);max-width:60ch}.lib-collab{margin-top:40px}.lib-collab__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.lib-collab__title{display:inline-flex;align-items:center;gap:10px;font-size:var(--t-l);font-weight:700;letter-spacing:-.01em}.lib-collab__title svg{color:var(--art)}.lib-collab__new{gap:6px}.lib-collab__cover{position:relative;display:block}.lib-collab__badge{position:absolute;right:8px;bottom:8px;display:inline-flex;align-items:center;gap:4px;height:24px;padding:0 8px;border-radius:999px;background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 0 0 1px var(--glass-line);color:var(--bone);font-size:var(--t-xs);font-weight:600}.lib-collab__empty{max-width:60ch;padding:18px 20px;border-radius:var(--r-l);background:var(--glass);box-shadow:inset 0 0 0 1px var(--glass-line);font-size:var(--t-s)}.coll{display:flex;align-items:flex-end;gap:28px;margin-bottom:24px}.coll__cover{width:232px;flex:none}.coll__cover .cover{border-radius:var(--r-m);box-shadow:0 24px 60px #00000073}.coll__info{min-width:0;padding-bottom:6px}.coll__title{font-size:clamp(2rem,5.2vw,4.75rem);font-weight:800;line-height:.98;letter-spacing:-.045em;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.coll__meta{margin-top:14px;font-size:var(--t-s)}.coll__actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:20px}.coll__actions>.icon-btn{width:44px;height:44px}.coll__error{color:var(--danger);margin-bottom:12px}.coll__more{margin-top:16px}@media(max-width:860px){.lib{grid-template-columns:1fr;gap:4px}.lib__item{flex-direction:row;align-items:center;margin:0 -8px;padding:6px 8px}.lib__cover{width:64px;border-radius:var(--r-s)}.lib-collab{margin-top:28px}.lib-collab__cover{flex:none}.lib-collab__badge{right:-4px;bottom:-4px;height:20px;padding:0 6px;font-size:.625rem}.lib__new-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.page__head .btn--ghost{width:44px;padding:0}.coll{flex-direction:column;align-items:stretch;gap:20px}.coll__cover{width:min(62vw,260px);align-self:center}.coll__title{font-size:clamp(1.625rem,8vw,2.25rem)}.coll__meta{margin-top:8px}}.artist-hero__avatar .avatar{box-shadow:0 24px 60px #00000073}.artist-hero__meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.artist-hero__genres{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}.artist-hero__genres .chip{height:28px;font-size:var(--t-xs);cursor:default}.coll__owner{color:var(--bone);font-weight:600}.coll__owner:hover{text-decoration:underline;text-underline-offset:3px}.artist-about{max-width:68ch;color:var(--haze);white-space:pre-line;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:8;-webkit-box-orient:vertical;overflow:hidden}.hero-skel{display:flex;align-items:flex-end;gap:28px}.hero-skel__art{width:232px;aspect-ratio:1;border-radius:var(--r-m);background:var(--dusk)}.hero-skel__art.is-round{border-radius:50%}.hero-skel__lines{display:flex;flex-direction:column;gap:14px;flex:1;padding-bottom:8px}.hero-skel__lines span{height:44px;width:60%;border-radius:var(--r-s);background:var(--dusk)}.hero-skel__lines span+span{height:14px;width:30%}.hero-skel__art,.hero-skel__lines span{animation:pulse 1.2s ease-in-out infinite alternate}@media(max-width:860px){.hero-skel{flex-direction:column;align-items:center}.hero-skel__art{width:min(62vw,260px)}.hero-skel__lines{width:100%}}.cl-ava{--h: 260;display:inline-grid;place-items:center;flex:none;width:32px;height:32px;border-radius:50%;background:radial-gradient(120% 120% at 0% 0%,hsl(var(--h) 80% 72% / .95),transparent 70%),hsl(var(--h) 45% 32%);color:#fff;font-size:.6875rem;font-weight:700;letter-spacing:.02em;box-shadow:inset 0 0 0 1px #ffffff24;-webkit-user-select:none;user-select:none}.cl-ava--more,.cl-ava--add{background:var(--dusk-2);color:var(--haze)}.cl-stack{display:inline-flex}.cl-stack .cl-ava{box-shadow:0 0 0 2px var(--plum),inset 0 0 0 1px #ffffff24}.cl-stack .cl-ava+.cl-ava{margin-left:-8px}.cl-cover{position:relative}.cl-cover__badge{position:absolute;right:10px;bottom:10px;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 0 0 1px var(--glass-line);color:var(--bone)}.cl-cover__badge--s{right:6px;bottom:6px;width:26px;height:26px}.cl-members{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.cl-member{position:relative;display:inline-flex;align-items:center;gap:8px;max-width:220px;height:40px;padding:0 12px 0 4px;border-radius:999px;background:var(--glass);box-shadow:inset 0 0 0 1px var(--glass-line);font-size:var(--t-s)}.cl-member.is-me{box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--art) 45%,transparent)}.cl-member__nick{min-width:0;font-weight:500}.cl-member__crown{flex:none;color:#ffd166}.cl-member__kick{display:grid;place-items:center;flex:none;min-width:22px;height:22px;margin-right:-6px;border-radius:999px;color:var(--haze-2);transition:color .12s,background-color .12s}.cl-member__kick:hover{color:var(--bone);background:var(--line-2)}.cl-member__kick.is-armed{padding:0 8px;color:var(--danger);background:color-mix(in oklab,var(--danger) 14%,transparent);font-size:var(--t-xs);font-weight:600}.cl-member--add{color:var(--haze);transition:color .12s,background-color .12s}.cl-member--add:hover{color:var(--bone);background:var(--line-2)}.cl-invite{height:44px}.cl-row{border-radius:var(--r-l)}.cl-row:has(.trow:hover),.cl-row:has(.trow:focus-within){background:var(--line)}.cl-row .trow:hover,.cl-row .trow:focus-within{background:none}.cl-row:has(.trow.is-current){background:linear-gradient(90deg,color-mix(in oklab,var(--art) 16%,transparent),transparent 70%)}.cl-row .trow{min-height:52px;padding-bottom:2px}.cl-row__meta{display:flex;align-items:center;gap:7px;min-height:24px;padding:0 8px 8px 108px;margin-top:-4px;color:var(--haze-2);font-size:var(--t-xs)}.cl-row__ava{width:18px;height:18px;font-size:.5rem}.cl-row__rm{flex:none;margin-left:auto;padding:2px 8px;border-radius:999px;color:var(--haze-2);opacity:0;transition:opacity .12s,color .12s,background-color .12s}.cl-row:hover .cl-row__rm,.cl-row__rm:focus-visible{opacity:1}.cl-row__rm:hover{color:var(--danger);background:color-mix(in oklab,var(--danger) 12%,transparent)}.cl-foot{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin-top:28px;font-size:var(--t-s)}.cl-link{display:inline-flex;align-items:center;gap:5px;color:var(--bone);text-decoration:underline;text-decoration-color:var(--line-2);text-underline-offset:3px}.cl-link:hover{text-decoration-color:currentColor}.cl-join-page{display:grid;place-items:start center}.cl-join{position:relative;display:flex;flex-direction:column;align-items:center;width:min(520px,100%);margin-top:clamp(8px,4vh,48px);padding:36px 28px 28px;border-radius:var(--r-xl);background:var(--panel);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:0 0 0 1px var(--glass-line),0 30px 80px #00000073;text-align:center;overflow:hidden;isolation:isolate}.cl-join__glow{position:absolute;inset:-40% -20% auto;height:80%;z-index:-1;background:radial-gradient(50% 50% at 50% 50%,color-mix(in oklab,var(--art) 35%,transparent),transparent 70%);filter:blur(20px)}.cl-join__cover{width:min(200px,56vw)}.cl-join__cover .cover{border-radius:var(--r-l);box-shadow:0 24px 60px #00000080}.cl-join__kicker{display:inline-flex;align-items:center;gap:6px;margin-top:24px;padding:4px 10px;border-radius:999px;background:color-mix(in oklab,var(--art) 16%,transparent);color:var(--art);font-size:var(--t-xs);font-weight:600;text-transform:uppercase;letter-spacing:.06em}.cl-join__title{margin-top:12px;font-size:clamp(1.75rem,6vw,2.5rem);font-weight:800;line-height:1.05;letter-spacing:-.035em;overflow-wrap:anywhere}.cl-join__meta{margin-top:10px;font-size:var(--t-s);max-width:40ch}.cl-join__stack{margin-top:18px}.cl-join__btn{margin-top:22px;min-width:220px;height:48px;gap:8px;font-size:var(--t-m)}.cl-join__tracks{display:flex;flex-direction:column;gap:2px;width:100%;margin-top:28px;padding:8px;border-radius:var(--r-l);background:var(--glass);box-shadow:inset 0 0 0 1px var(--glass-line);list-style:none;text-align:left}.cl-join__track{display:flex;align-items:center;gap:12px;padding:6px}.cl-join__tcover{width:40px;border-radius:var(--r-s)}.cl-join__ttext{display:flex;flex-direction:column;min-width:0;font-size:var(--t-s)}@media(max-width:860px){.cl-row__meta{padding:0 0 8px 56px}.cl-row:has(.trow:hover){background:none}.cl-row__rm{opacity:1}.cl-join{padding:28px 16px 16px}.cl-invite{width:auto!important;padding:0 16px!important}}@media(hover:none){.cl-row__rm{opacity:1}}.cl-menu-label{padding:10px 12px 4px;color:var(--haze-2);font-size:var(--t-xs);font-weight:600;text-transform:uppercase;letter-spacing:.06em}.cl-menu-cover{position:relative;display:block;flex:none}.cl-menu-cover__mark{position:absolute;right:-4px;bottom:-4px;padding:2px;width:15px;height:15px;border-radius:50%;background:var(--art);color:var(--on-art)}.dl-summary{display:flex;align-items:center;gap:16px;margin-bottom:20px}.dl-summary__text{display:flex;flex-direction:column;flex:1;min-width:0;gap:2px;font-size:var(--t-s)}.dl-summary__text strong{font-size:var(--t-m);font-weight:600}.dl-colls{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.dl-coll{display:flex;align-items:center;gap:8px;max-width:100%;padding:8px 14px;border-radius:999px;background:var(--plum);box-shadow:inset 0 0 0 1px var(--line);color:var(--bone);font-size:var(--t-s)}.dl-coll:hover{background:var(--dusk)}.dl-coll>svg{flex:none;color:var(--art)}.wave{position:relative;display:flex;align-items:center;gap:20px;min-height:220px;margin-bottom:32px;padding:28px 32px;border-radius:var(--r-xl);overflow:hidden;isolation:isolate;background:radial-gradient(70% 120% at 0% 0%,color-mix(in oklab,var(--art) 38%,transparent),transparent 60%),radial-gradient(50% 90% at 100% 110%,color-mix(in oklab,color-mix(in oklch,var(--art),#ff4f9a 55%) 70%,transparent),transparent 70%),#0b0b10;box-shadow:inset 0 0 0 1px #ffffff14,0 24px 60px -20px color-mix(in oklab,var(--art) 45%,transparent);transition:box-shadow .9s}.wave__lines{position:absolute;left:0;right:0;bottom:-10px;z-index:-1;width:200%;height:48%;overflow:visible;-webkit-mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent);mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent)}.wave__line{fill:none;stroke-linecap:round;animation:wave-run 24s linear infinite}.wave__line--0{stroke:color-mix(in oklab,var(--art) 85%,white);filter:drop-shadow(0 0 8px var(--art))}.wave__line--1{stroke:color-mix(in oklch,var(--art),#ff5ea8 50%);opacity:.8;animation-duration:17s;animation-direction:reverse}.wave__line--2{stroke:color-mix(in oklch,var(--art),#35d0d8 50%);opacity:.6;animation-duration:31s}.wave__line--3{stroke:#ffffff80;opacity:.45;animation-duration:13s}@keyframes wave-run{to{transform:translate(-50%)}}.wave.is-playing .wave__line{animation-duration:6s}.wave.is-playing .wave__line--1{animation-duration:4.5s}.wave.is-playing .wave__line--2{animation-duration:8s}.wave.is-playing .wave__line--3{animation-duration:3.5s}.wave.is-playing .wave__lines{animation:wave-breathe 1.8s ease-in-out infinite alternate;transform-origin:50% 60%}@keyframes wave-breathe{0%{transform:scaleY(.75)}to{transform:scaleY(1.2)}}.wave__text{flex:1;min-width:0;align-self:flex-start;text-shadow:0 2px 16px rgb(0 0 0 / .5)}.wave__title{font-size:clamp(2rem,5vw,3.5rem);font-weight:800;letter-spacing:-.045em;line-height:.95;color:#fff}.wave__sub{margin-top:8px;max-width:46ch;color:#ffffffc7;font-size:var(--t-m);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.wave__actions{align-self:flex-end;display:flex;align-items:center;gap:8px;flex:none}.wave__skip{width:44px;height:44px;color:#ffffffbf}.wave__skip:hover{color:#fff;background:#ffffff26}.wave__play{display:grid;place-items:center;width:68px;height:68px;border-radius:50%;background:#fff;color:#0b0b10;box-shadow:0 0 0 8px #ffffff14,0 12px 40px color-mix(in oklab,var(--art) 55%,transparent);transition:transform .14s var(--ease)}.wave__play:hover:not(:disabled){transform:scale(1.06)}.wave__play:active:not(:disabled){transform:scale(.97)}@media(max-width:860px){.wave{min-height:184px;margin-bottom:24px;padding:20px 18px 20px 20px;gap:12px}.wave__sub{font-size:var(--t-s)}.wave__play{width:58px;height:58px}.wave__skip{display:none}}.quick{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}.quick__tile{display:flex;align-items:center;gap:14px;min-width:0;padding-right:14px;border-radius:var(--r-s);background:#f3eff812;overflow:hidden;transition:background-color .12s}.quick__tile:hover{background:#f3eff821}.quick__cover{width:64px;border-radius:0}.quick__text{display:flex;flex-direction:column;min-width:0;font-weight:600}.quick__meta{color:var(--haze);font-size:var(--t-xs);font-weight:500}.genres{display:flex;flex-wrap:wrap;gap:8px}.home__note code{padding:1px 6px;border-radius:var(--r-xs);background:var(--dusk);color:var(--bone)}.home__note{margin:-6px 0 14px;font-size:var(--t-s);max-width:64ch}@media(max-width:860px){.quick{grid-template-columns:1fr 1fr;gap:8px}.quick__cover{width:52px}.quick__tile{gap:10px;padding-right:8px;font-size:var(--t-s)}.quick__meta{display:none}}.search__sentinel{height:1px;margin-bottom:-1px}.search__bar{position:sticky;top:52px;z-index:5;margin:0 calc(var(--gutter) * -1);padding:12px var(--gutter) 14px;border-bottom:1px solid transparent;transition:background-color .18s,border-color .18s}.search__bar.is-stuck{background:#14111ceb;background:color-mix(in oklab,var(--ink) 82%,transparent);-webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4);border-bottom-color:var(--line)}.search__field{display:flex;align-items:center;gap:12px;max-width:560px;height:52px;padding:0 8px 0 18px;border-radius:999px;background:var(--dusk);color:var(--haze);box-shadow:inset 0 0 0 1px var(--line);transition:box-shadow .14s,background-color .14s}.search__field:focus-within{background:var(--dusk-2);box-shadow:inset 0 0 0 2px var(--art);color:var(--bone)}.search__field input{flex:1;min-width:0;height:100%;border:0;outline:none;background:none;font-size:var(--t-l);color:var(--bone)}.search__field input::placeholder{color:var(--haze-2)}.search__field input::-webkit-search-cancel-button{display:none}.search__filters{display:flex;align-items:center;justify-content:space-between;gap:12px 20px;flex-wrap:wrap;margin-top:14px}.search__tabs,.search__sources{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}.search__tabs::-webkit-scrollbar,.search__sources::-webkit-scrollbar{display:none}.search__sources{gap:2px;padding:3px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--line-2)}.search__src{display:inline-flex;align-items:center;gap:7px;height:28px;padding:0 12px;border-radius:999px;color:var(--haze);font-size:var(--t-xs);font-weight:600;white-space:nowrap;transition:color .12s,background-color .12s}.search__src:hover{color:var(--bone)}.search__src.is-active{background:var(--dusk-2);color:var(--bone)}.search__off{font-size:var(--t-s)}.search__off a{color:var(--bone);text-decoration:underline;text-underline-offset:3px}.search__err{color:var(--danger)}.search__more{margin-top:16px}.gtiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px}.gtile{position:relative;height:112px;padding:16px 18px;border-radius:var(--r-l);overflow:hidden;text-align:left;font-family:var(--f-display);font-weight:700;font-size:var(--t-l);letter-spacing:-.02em;display:flex;align-items:flex-start;isolation:isolate;background:radial-gradient(90% 110% at 100% 100%,hsl(calc(var(--h) + 30) 90% 60% / .75),transparent 60%),radial-gradient(60% 80% at 0% 0%,hsl(var(--h) 70% 45% / .35),transparent 70%),hsl(var(--h) 30% 12%);box-shadow:inset 0 0 0 1px hsl(var(--h) 80% 70% / .14);transition:transform .2s var(--ease),box-shadow .2s}.gtile:after{content:"";position:absolute;right:-30%;bottom:-60%;z-index:-1;width:90%;aspect-ratio:1;border-radius:50%;border:2px solid hsl(calc(var(--h) + 30) 90% 75% / .35);box-shadow:0 0 0 14px hsl(calc(var(--h) + 30) 90% 75% / .08),0 0 0 30px hsl(calc(var(--h) + 30) 90% 75% / .05);transition:transform .4s var(--ease)}.gtile:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1px hsl(var(--h) 80% 70% / .3),0 16px 32px -14px hsl(var(--h) 90% 50% / .6)}.gtile:hover:after{transform:scale(1.15) translate(-6%,-6%)}.skeleton__row{display:flex;align-items:center;gap:12px;padding:8px}.skeleton__cover{width:44px;height:44px;border-radius:var(--r-xs);background:var(--dusk)}.skeleton__lines{display:flex;flex-direction:column;gap:8px;flex:1}.skeleton__lines span{height:10px;border-radius:5px;background:var(--dusk)}.skeleton__cover,.skeleton__lines span{animation:pulse 1.2s ease-in-out infinite alternate}.skeleton__card{display:flex;flex-direction:column;gap:12px}.skeleton__art{aspect-ratio:1;border-radius:var(--r-m);background:var(--dusk);animation:pulse 1.2s ease-in-out infinite alternate}.skeleton__art.is-round{border-radius:50%}@keyframes pulse{to{opacity:.45}}@media(max-width:860px){.search__bar{top:44px;padding-top:8px}.search__field{height:48px}.gtiles{grid-template-columns:1fr 1fr;gap:10px}.gtile{height:92px;font-size:var(--t-m)}}.recents{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:6px 10px}.recent{display:flex;align-items:center;gap:12px;min-width:0;padding:8px;margin:0 -8px;border-radius:var(--r-m);text-align:left;transition:background-color .12s}a.recent:hover,button.recent:hover{background:var(--line)}.recent__cover{width:44px;border-radius:var(--r-xs)}.recent__cover.is-round{border-radius:50%}.recent__icon{display:grid;place-items:center;width:44px;height:44px;flex:none;border-radius:50%;background:var(--dusk);color:var(--haze)}.recent__text{display:flex;flex-direction:column;min-width:0;font-weight:500}.recent__meta{color:var(--haze);font-size:var(--t-xs);font-weight:400}@media(max-width:860px){.recents{grid-template-columns:1fr;gap:2px}}.aset{display:flex;flex-direction:column;gap:18px;width:100%}.aset__text{display:flex;flex-direction:column;gap:2px;font-weight:500}.aset__text .muted{font-size:var(--t-s);font-weight:400}.aset__row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 20px}.aset__row .aset__text{flex:1 1 220px}.aset__seg{display:grid;grid-template-columns:repeat(4,1fr);flex:0 1 300px;padding:3px;border-radius:999px;background:var(--glass);box-shadow:inset 0 0 0 1px var(--glass-line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.aset__seg-btn{height:32px;padding:0 10px;border-radius:999px;color:var(--haze);font-size:var(--t-s);font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap;transition:background-color .16s,color .16s}.aset__seg-btn:hover{color:var(--bone)}.aset__seg-btn.is-active{background:var(--art);color:var(--on-art)}.aset__seg-btn:focus-visible{outline:2px solid var(--art);outline-offset:2px}.aset__eq{display:flex;flex-direction:column;gap:14px;padding:18px;border-radius:var(--r-l);background:var(--glass);box-shadow:inset 0 0 0 1px var(--glass-line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.aset__chips{display:flex;flex-wrap:wrap;gap:8px}.aset__chips .chip.is-active{background:var(--art);color:var(--on-art)}.aset__bands{--db-h: 18px;--hz-h: 18px;--rail-h: 150px;--band-gap: 8px;position:relative;display:grid;grid-template-columns:repeat(5,1fr);padding-top:4px}.aset__curve{position:absolute;left:0;right:0;top:calc(4px + var(--db-h) + var(--band-gap));height:var(--rail-h);width:100%;pointer-events:none;overflow:visible}.aset__curve-fill{fill:color-mix(in srgb,var(--art) 14%,transparent)}.aset__curve-line{fill:none;stroke:var(--art);stroke-width:1.5px;opacity:.7}.aset__band{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--band-gap)}.aset__db,.aset__hz{height:var(--db-h);font-size:var(--t-xs);font-variant-numeric:tabular-nums;line-height:var(--db-h)}.aset__db{color:var(--bone);font-weight:600}.aset__hz{color:var(--haze-2)}.aset__rail{position:relative;width:36px;height:var(--rail-h);cursor:ns-resize;touch-action:none;outline:none}.aset__rail:before,.aset__rail:after{content:"";position:absolute;left:50%;translate:-50% 0}.aset__rail:before{top:0;bottom:0;width:4px;border-radius:999px;background:var(--line-2)}.aset__rail:after{top:50%;width:14px;height:1px;background:var(--haze-2)}.aset__fill{position:absolute;left:50%;z-index:1;width:4px;translate:-50% 0;border-radius:999px;background:var(--art)}.aset__thumb{position:absolute;left:50%;z-index:2;width:18px;height:18px;translate:-50% -50%;border-radius:50%;background:var(--bone);box-shadow:0 0 0 4px color-mix(in srgb,var(--art) 35%,transparent),0 2px 8px #0006;transition:scale .12s var(--ease)}.aset__rail:hover .aset__thumb,.aset__rail:active .aset__thumb{scale:1.12}.aset__rail:focus-visible .aset__thumb{box-shadow:0 0 0 3px var(--art),0 2px 8px #0006}.aset__eq.is-off .aset__bands{opacity:.45;transition:opacity .16s}.aset__eq.is-off .aset__bands:hover{opacity:.8}@media(max-width:480px){.aset__eq{padding:14px 10px}.aset__bands{--rail-h: 132px}.aset__seg{flex-basis:100%}}.settings{max-width:820px;margin:0}.sblock{padding:24px 0;border-top:1px solid var(--line);scroll-margin-top:24px}.sblock__head{display:flex;align-items:center;gap:14px;margin-bottom:16px}.sblock__title{font-size:var(--t-l)}.sblock__body{display:flex;flex-direction:column;align-items:flex-start;gap:16px;max-width:68ch}.sblock__body a:not(.btn){color:var(--bone);text-decoration:underline;text-underline-offset:3px}.sblock code{padding:1px 6px;border-radius:var(--r-xs);background:var(--dusk);font-size:.875em}.status{display:inline-flex;align-items:center;gap:7px;color:var(--haze);font-size:var(--t-s);font-weight:500}.status:before{content:"";width:8px;height:8px;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--haze-2)}.status.is-on{color:var(--bone)}.status.is-on:before{background:#5fe39a;box-shadow:none}.steps{display:flex;flex-direction:column;gap:12px;margin:0;padding-left:1.3em;color:var(--haze)}.steps li::marker{color:var(--bone);font-weight:600}.copy{display:flex;align-items:center;gap:4px;margin-top:8px;padding:4px 4px 4px 12px;border-radius:var(--r-s);background:var(--dusk);width:fit-content;max-width:100%}.copy code{padding:0;background:none;color:var(--bone);overflow-wrap:anywhere}.inline-form{display:flex;gap:10px;width:100%;max-width:520px}.row-actions{display:flex;flex-wrap:wrap;gap:10px}.note{padding:12px 14px;border-radius:var(--r-s);background:var(--plum);box-shadow:inset 3px 0 0 var(--art);color:var(--haze);font-size:var(--t-s)}.account{display:flex;align-items:center;gap:14px;width:100%}.account__avatar{width:48px;height:48px;border-radius:50%;background:var(--dusk-2);object-fit:cover;flex:none}.account__text{flex:1;min-width:0;font-size:var(--t-s)}.account__name{font-size:var(--t-m);font-weight:600}.keys{display:grid;gap:10px;margin:0}.keys__row{display:grid;grid-template-columns:150px 1fr;gap:16px;align-items:center}.keys dd{margin:0;color:var(--haze)}kbd{display:inline-block;padding:3px 8px;border-radius:var(--r-xs);background:var(--dusk);box-shadow:inset 0 -2px 0 var(--dusk-2);font-family:var(--f-body);font-size:var(--t-s);font-weight:600}.callback{display:flex;flex-direction:column;align-items:flex-start;gap:14px;max-width:520px}@media(max-width:860px){.inline-form{flex-direction:column}.account{flex-wrap:wrap}.keys__row{grid-template-columns:120px 1fr}}@media(hover:none){.sblock:has(.keys){display:none}}.toggle{display:flex;align-items:center;gap:14px;cursor:pointer}.toggle input{position:absolute;opacity:0;pointer-events:none}.toggle__track{position:relative;width:42px;height:24px;flex:none;border-radius:999px;background:var(--dusk-2);transition:background-color .16s}.toggle__track:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:var(--bone);transition:transform .18s var(--ease)}.toggle input:checked+.toggle__track{background:var(--art)}.toggle input:checked+.toggle__track:after{transform:translate(18px)}.toggle input:focus-visible+.toggle__track{outline:2px solid var(--art);outline-offset:2px}.toggle__text{display:flex;flex-direction:column;font-weight:500}.toggle__text .muted{font-size:var(--t-s);font-weight:400}.account__avatar--letter{display:grid;place-items:center;background:var(--art);color:var(--on-art);font-family:var(--f-display);font-weight:800;font-size:var(--t-l)}