@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/_next/static/media/space-grotesk-vietnamese-wght-normal.a3924ff4.woff2) format("woff2-variations");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/_next/static/media/space-grotesk-latin-ext-wght-normal.55a1343a.woff2) format("woff2-variations");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/_next/static/media/space-grotesk-latin-wght-normal.5a0c43ff.woff2) format("woff2-variations");unicode-range:u+00??,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:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/_next/static/media/ibm-plex-mono-cyrillic-ext-400-normal.66a2e865.woff2) format("woff2"),url(/_next/static/media/ibm-plex-mono-cyrillic-ext-400-normal.88f8fd5b.woff) format("woff");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/_next/static/media/ibm-plex-mono-cyrillic-400-normal.651bc97e.woff2) format("woff2"),url(/_next/static/media/ibm-plex-mono-cyrillic-400-normal.9533b520.woff) format("woff");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/_next/static/media/ibm-plex-mono-vietnamese-400-normal.110e2a76.woff2) format("woff2"),url(/_next/static/media/ibm-plex-mono-vietnamese-400-normal.7d495472.woff) format("woff");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/_next/static/media/ibm-plex-mono-latin-ext-400-normal.9faee8e8.woff2) format("woff2"),url(/_next/static/media/ibm-plex-mono-latin-ext-400-normal.f14ffb91.woff) format("woff");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/_next/static/media/ibm-plex-mono-latin-400-normal.06ac09dc.woff2) format("woff2"),url(/_next/static/media/ibm-plex-mono-latin-400-normal.e32cf7a4.woff) format("woff");unicode-range:u+00??,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 --accent-h{syntax:"<number>";inherits:true;initial-value:16}@property --accent-s{syntax:"<percentage>";inherits:true;initial-value:88%}@property --tint-h{syntax:"<number>";inherits:true;initial-value:16}@property --tint-s{syntax:"<percentage>";inherits:true;initial-value:60%}:root{--bg:#f3f2ee;--surface:#ffffff;--surface-2:#e9e8e3;--ink:#111111;--ink-2:#57564f;--ink-3:#8f8e88;--line:rgba(17,17,17,0.09);--line-strong:rgba(17,17,17,0.8);--glass:rgba(255,255,255,0.72);--glass-solid:color-mix(in srgb,#ffffff 74%,var(--bg));--scrim:rgba(17,17,17,0.28);--shadow-1:0 1px 2px rgba(17,17,17,0.06),0 8px 24px -12px rgba(17,17,17,0.22);--shadow-2:0 2px 6px rgba(17,17,17,0.06),0 24px 60px -24px rgba(17,17,17,0.38);--accent-l:47%;--tint-l:62%;--tint-a:0.32;--on-ink:#f3f2ee;--accent:hsl(var(--accent-h) var(--accent-s) var(--accent-l));--accent-soft:hsl(var(--accent-h) var(--accent-s) var(--accent-l)/0.11);--tint:hsl(var(--tint-h) var(--tint-s) var(--tint-l)/var(--tint-a));--display:"Space Grotesk Variable","PingFang SC","HarmonyOS Sans SC","MiSans","Microsoft YaHei","Noto Sans SC",system-ui,sans-serif;--sans:var(--display);--mono:"IBM Plex Mono",ui-monospace,"SFMono-Regular",Menlo,monospace;--gutter:48px;--sidebar:220px;--deck-h:76px;--deck-gap:16px;--radius:14px;--ease-out:cubic-bezier(0.2,0.8,0.2,1);--ease-spring:cubic-bezier(0.34,1.4,0.64,1);--ease-soft:cubic-bezier(0.4,0,0.2,1);color-scheme:light;transition:--accent-h 1.2s var(--ease-soft),--accent-s 1.2s var(--ease-soft)}.detail-head,.feature,.nowplaying{--tint:hsl(var(--tint-h) var(--tint-s) var(--tint-l)/var(--tint-a))}@media (prefers-color-scheme:dark){:root:not([data-theme=paper]){--bg:#0d0d0e;--surface:#18181a;--surface-2:#232326;--ink:#f1f0ec;--ink-2:#a9a8a2;--ink-3:#6f6e6a;--line:rgba(255,255,255,0.08);--line-strong:rgba(255,255,255,0.85);--glass:rgba(24,24,26,0.7);--glass-solid:color-mix(in srgb,#18181a 72%,var(--bg));--scrim:rgba(0,0,0,0.5);--shadow-1:0 1px 2px rgba(0,0,0,0.4),0 10px 30px -12px rgba(0,0,0,0.7);--shadow-2:0 2px 8px rgba(0,0,0,0.4),0 30px 70px -24px rgba(0,0,0,0.85);--accent-l:64%;--tint-l:48%;--tint-a:0.38;--on-ink:#0d0d0e;color-scheme:dark}}:root[data-theme=night]{--bg:#0d0d0e;--surface:#18181a;--surface-2:#232326;--ink:#f1f0ec;--ink-2:#a9a8a2;--ink-3:#6f6e6a;--line:rgba(255,255,255,0.08);--line-strong:rgba(255,255,255,0.85);--glass:rgba(24,24,26,0.7);--glass-solid:color-mix(in srgb,#18181a 72%,var(--bg));--scrim:rgba(0,0,0,0.5);--shadow-1:0 1px 2px rgba(0,0,0,0.4),0 10px 30px -12px rgba(0,0,0,0.7);--shadow-2:0 2px 8px rgba(0,0,0,0.4),0 30px 70px -24px rgba(0,0,0,0.85);--accent-l:64%;--tint-l:48%;--tint-a:0.38;--on-ink:#0d0d0e;color-scheme:dark}@media (max-width:860px){:root{--gutter:18px;--deck-h:64px;--deck-gap:10px}}*,:after,:before{box-sizing:border-box}#root,body,html{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;transition:background-color .4s var(--ease-soft),color .4s var(--ease-soft)}dd,dl,h1,h2,h3,ol,p,ul{margin:0;padding:0}ol,ul{list-style:none}a{text-decoration:none}a,button{color:inherit}button{font:inherit;background:none;border:0;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{cursor:default;opacity:.45}img{display:block}::selection{background:var(--accent);color:#fff}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}.mono{font-family:var(--mono);font-size:12px;letter-spacing:.02em;font-feature-settings:"tnum"}.muted{color:var(--ink-2)}.faint{color:var(--ink-3)}.small{font-size:13px}.link:hover{color:var(--accent)}.ell{white-space:nowrap;text-overflow:ellipsis}.ell,.sr-only{overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;clip:rect(0 0 0 0)}.app{display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr);height:100%}.main{overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.page{max-width:1240px;margin:0 auto;padding:36px var(--gutter) calc(var(--deck-h) + var(--deck-gap) * 2 + 56px)}.side{display:flex;flex-direction:column;padding:28px 18px 22px 22px;min-height:0}.brand{display:flex;align-items:center;gap:10px}.brand-mark{width:26px;height:26px;border-radius:50%;background:radial-gradient(circle,var(--accent) 0 28%,#111 29% 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}.brand-name{font-family:var(--display);font-size:22px;font-weight:700;letter-spacing:-.02em}.brand-sub{color:var(--ink-3);margin:6px 0 30px 36px}.nav{display:flex;flex-direction:column;gap:2px}.nav,.nav a{position:relative}.nav a{z-index:1;padding:9px 14px 9px 20px;border-radius:12px;font-size:15px;font-weight:500;color:var(--ink-2);transition:color .25s}.nav a.on,.nav a:hover{color:var(--ink)}.nav-pill{position:absolute;left:0;top:0;border-radius:12px;background:var(--surface);box-shadow:var(--shadow-1);transition:transform .5s var(--ease-spring),width .4s var(--ease-out),height .4s var(--ease-out),opacity .3s}.nav-pill:before{content:"";position:absolute;left:8px;top:50%;width:3px;height:14px;margin-top:-7px;border-radius:3px;background:var(--accent)}.side-foot{margin-top:auto;padding-top:16px}.who{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:12px;transition:background .2s}.who:hover{background:var(--surface)}.who-name{font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.avatar{display:inline-grid;place-items:center;border-radius:50%;object-fit:cover;background:var(--accent);color:#fff;font-weight:600;flex:none}.kicker{font-family:var(--mono);font-size:12px;letter-spacing:.08em;color:var(--accent);text-transform:uppercase}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:42px;padding:0 20px;border-radius:999px;border:1px solid var(--line);background:var(--surface);font-size:14px;font-weight:500;transition:background .2s,border-color .2s,color .2s,transform .25s var(--ease-spring),box-shadow .25s}.btn:hover:not(:disabled){border-color:var(--line-strong)}.btn:active:not(:disabled){transform:scale(.96)}.btn.solid{background:var(--ink);border-color:var(--ink);color:var(--on-ink)}.btn.solid:hover:not(:disabled){background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 10px 30px -10px var(--accent)}.btn.ghost{background:transparent;border-color:transparent}.btn.ghost:hover{border-color:var(--line)}.btn.sm{height:32px;padding:0 14px;font-size:13px}.btn.wide{width:100%}.btn svg{width:16px;height:16px;transition:transform .3s var(--ease-spring)}.btn:hover svg:last-child:not(:first-child){transform:translateX(3px)}.text-btn{font-size:13px;color:var(--accent);font-weight:500}.text-btn:hover{text-decoration:underline;text-underline-offset:3px}.icon-btn{position:relative;width:38px;height:38px;border-radius:50%;display:inline-grid;place-items:center;color:var(--ink-2);transition:color .2s,background .2s,transform .25s var(--ease-spring)}.icon-btn:hover{color:var(--ink);background:var(--surface-2)}.icon-btn:active{transform:scale(.9)}.icon-btn.on{color:var(--accent)}.icon-btn svg{width:20px;height:20px;transition:transform .25s var(--ease-spring)}.icon-btn.sm{width:30px;height:30px}.nudge-left:active svg{transform:translateX(-3px)}.nudge-right:active svg{transform:translateX(3px)}.badge{position:absolute;top:2px;right:0;min-width:16px;height:16px;padding:0 4px;background:var(--accent);color:#fff;font-size:10px;line-height:16px;text-align:center}.badge,.cover{border-radius:8px}.cover{position:relative;aspect-ratio:1;background:var(--surface-2);overflow:hidden}.cover img{width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .5s var(--ease-soft)}.cover.ready img{opacity:1}.cover.missing:after{content:"";position:absolute;inset:22%;border-radius:50%;background:repeating-radial-gradient(circle,var(--line) 0 1px,transparent 1px 4px)}.cover.round,.vinyl{border-radius:50%}.vinyl{position:relative;aspect-ratio:1}.vinyl-disc{inset:0;background:radial-gradient(circle,transparent 0 31%,rgba(255,255,255,.06) 31.4%,transparent 32.4%),radial-gradient(circle,transparent 0 94%,rgba(255,255,255,.07) 95%,transparent 97%),repeating-radial-gradient(circle,#151517 0 1px,#0a0a0b 1.4px 2.6px);box-shadow:0 0 0 1px rgba(0,0,0,.6);will-change:transform}.vinyl-disc,.vinyl-label{position:absolute;border-radius:50%}.vinyl-label{inset:31%;overflow:hidden;background:var(--accent)}.vinyl-label img{width:100%;height:100%;object-fit:cover}.vinyl-sheen{inset:0;pointer-events:none;background:conic-gradient(from 20deg,transparent 0deg,rgba(255,255,255,.16) 28deg,transparent 60deg,transparent 180deg,rgba(255,255,255,.1) 212deg,transparent 244deg);-webkit-mask:radial-gradient(circle,transparent 0 32%,#000 33%);mask:radial-gradient(circle,transparent 0 32%,#000 33%)}.vinyl-hole,.vinyl-sheen{position:absolute;border-radius:50%}.vinyl-hole{inset:48.6%;background:var(--bg);box-shadow:inset 0 1px 1px rgba(0,0,0,.5)}.card{display:block;min-width:0}.sleeve-wrap{position:relative;aspect-ratio:1.12}.sleeve-wrap .sleeve{position:absolute;left:0;top:0;width:88%;box-shadow:var(--shadow-1);transition:transform .55s var(--ease-spring),box-shadow .4s var(--ease-out);z-index:1}.card-vinyl{position:absolute;left:3%;top:3%;width:82%;transform:translateX(6%) rotate(0deg);transition:transform .7s var(--ease-spring)}.card:hover .sleeve-wrap .sleeve{transform:translateY(-4px);box-shadow:var(--shadow-2)}.card:hover .card-vinyl{transform:translateX(17%) rotate(70deg)}.card-round .sleeve-wrap{aspect-ratio:1}.card-round .sleeve-wrap .sleeve{width:100%}.card-round:hover .sleeve-wrap .sleeve{transform:scale(1.035)}.card-text{padding-right:12%}.card-round .card-text{padding-right:0;text-align:center}.card-meta{margin-top:14px;color:var(--ink-3)}.card-title{margin-top:4px;font-size:16px;font-weight:600;line-height:1.35;letter-spacing:-.01em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .2s}.card:hover .card-title{color:var(--accent)}.card-desc{margin-top:4px;font-size:13px;color:var(--ink-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.grid-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(178px,1fr));gap:40px 28px}.shelf{display:grid;grid-auto-flow:column;grid-auto-columns:196px;gap:28px;overflow-x:auto;padding:6px 2px 16px;scroll-snap-type:x mandatory;scrollbar-width:none}.shelf>*{scroll-snap-align:start}.section{margin-top:72px}.section-head{display:flex;align-items:baseline;gap:14px;margin-bottom:26px}.section-no{font-family:var(--mono);font-size:13px;color:var(--accent)}.section-head h2{font-size:28px;font-weight:700;letter-spacing:-.025em;line-height:1.2}.page-head{margin-bottom:36px}.page-title{font-size:clamp(40px,6vw,76px);font-weight:700;letter-spacing:-.045em;line-height:1;margin-top:10px}.account-line{display:flex;align-items:center;gap:10px;margin-top:16px}.state{padding:80px 0;text-align:center;color:var(--ink-2)}.state h3{font-size:22px;font-weight:700;color:var(--ink);margin:18px 0 6px}.state-disc{width:72px;height:72px;margin:0 auto;border-radius:50%;background:radial-gradient(circle,var(--accent) 0 26%,transparent 27%),repeating-radial-gradient(circle,var(--ink-3) 0 1px,transparent 1px 4px);opacity:.55}.empty-note{padding:40px 22px;color:var(--ink-2);font-size:14px}.loading{padding-top:12px}.skeleton{border-radius:8px;background:linear-gradient(90deg,var(--surface-2) 0,var(--surface) 40%,var(--surface-2) 80%);background-size:300% 100%;animation:shimmer 1.6s var(--ease-soft) infinite}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-50% 0}}.masthead{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding-bottom:20px;border-bottom:1px solid var(--line)}.issue-no{font-family:var(--display);font-size:clamp(64px,10vw,136px);font-weight:600;line-height:.82;letter-spacing:-.06em;font-feature-settings:"tnum"}.issue-no .mono{font-size:14px;letter-spacing:0;vertical-align:top;margin-right:6px;color:var(--accent)}.masthead-meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px;text-align:right}.masthead-ask{margin-top:10px;display:inline-flex;align-items:center;gap:6px;font-weight:500}.masthead-ask svg{width:16px;height:16px;transition:transform .3s var(--ease-spring)}.masthead-ask:hover{color:var(--accent)}.masthead-ask:hover svg{transform:translateX(4px)}.feature{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center;padding:56px 0 8px;transition:--tint-h 1s var(--ease-soft),--tint-s 1s var(--ease-soft)}.feature:before{content:"";position:absolute;left:-10%;top:0;width:70%;height:100%;background:radial-gradient(closest-side,var(--tint),transparent);filter:blur(20px);z-index:-1}.feature-art{position:relative;aspect-ratio:1.22;display:block}.feature-art .sleeve{position:absolute;left:0;top:0;width:82%;border-radius:10px;box-shadow:var(--shadow-2);z-index:1;transition:transform .6s var(--ease-spring)}.feature-art:hover .sleeve{transform:rotate(-1.5deg) translateY(-4px)}.feature-vinyl{position:absolute;left:2%;top:2%;width:78%}.feature-title{font-size:clamp(40px,5.2vw,72px);font-weight:700;line-height:1.04;letter-spacing:-.045em;margin:14px 0 16px}.feature-sub{font-size:17px;color:var(--ink-2);max-width:44ch;margin-bottom:28px}.actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.banner-strip{display:grid;grid-auto-flow:column;grid-auto-columns:min(440px,80%);gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:8px}.banner{position:relative;aspect-ratio:16/9;border-radius:18px;overflow:hidden;scroll-snap-align:start;box-shadow:var(--shadow-1)}.banner .cover{position:absolute;inset:0;aspect-ratio:auto;border-radius:0}.banner .cover img{transition:opacity .5s,transform 1.2s var(--ease-out)}.banner:hover .cover img{transform:scale(1.05)}.banner.inert{cursor:default}.banner-cap{position:absolute;inset:auto 0 0 0;padding:40px 18px 16px;display:flex;flex-direction:column;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.65))}.banner-cap b{font-size:20px;font-weight:700;letter-spacing:-.02em}.banner-cap .mono{opacity:.8}.chart-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px}.chart-list a{display:grid;grid-template-columns:54px 56px minmax(0,1fr) 20px;gap:16px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.chart-no{font-family:var(--display);font-size:36px;font-weight:500;letter-spacing:-.04em;color:var(--ink-3);transition:color .25s}.chart-list a:hover .chart-no{color:var(--accent)}.chart-text{display:flex;flex-direction:column;min-width:0}.chart-text b{font-weight:600}.chart-text span{font-size:13px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.chart-list svg{width:18px;height:18px;color:var(--ink-3);transition:transform .3s var(--ease-spring),color .2s}.chart-list a:hover svg{transform:translateX(4px);color:var(--accent)}.colophon{margin-top:96px;padding-top:16px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:12px;color:var(--ink-3)}.toplists{grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.toplist,.toplists{display:grid;gap:18px}.toplist{grid-template-columns:112px minmax(0,1fr);padding:14px;border-radius:20px;background:var(--surface);border:1px solid var(--line);transition:transform .4s var(--ease-spring),box-shadow .3s}.toplist:hover{transform:translateY(-3px);box-shadow:var(--shadow-2)}.toplist-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:8px}.toplist-head b{font-size:18px;letter-spacing:-.02em}.toplist-desc{font-size:13px;color:var(--ink-2);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.toplist li{display:grid;grid-template-columns:16px minmax(0,1fr);gap:8px;font-size:13px;padding:3px 0}.toplist li .mono{color:var(--accent)}.detail-head{position:relative;display:grid;grid-template-columns:320px minmax(0,1fr);gap:56px;align-items:end;padding:8px 0 40px;margin-bottom:8px;transition:--tint-h 1s var(--ease-soft),--tint-s 1s var(--ease-soft)}.detail-band{position:absolute;inset:-80px calc(var(--gutter) * -1) 0;background:radial-gradient(70% 90% at 18% 10%,var(--tint),transparent 72%);z-index:-1;pointer-events:none}.detail-art{position:relative;width:100%;aspect-ratio:1.2}.detail-art.round{aspect-ratio:1;width:260px}.detail-art .sleeve{position:absolute;left:0;top:0;width:84%;border-radius:10px;box-shadow:var(--shadow-2);z-index:1}.detail-art.round .sleeve{width:100%;border-radius:50%}.detail-vinyl{position:absolute;left:2%;top:2%;width:80%}.detail-title{font-size:clamp(36px,5vw,68px);font-weight:700;line-height:1.04;letter-spacing:-.045em;margin:12px 0 10px}.byline{font-size:17px;font-weight:500;color:var(--ink-2)}.byline a:hover{color:var(--accent)}.desc{margin-top:14px;font-size:14px;color:var(--ink-2);max-width:62ch;white-space:pre-line}.desc.clamped{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.meta-row{margin:18px 0 22px;color:var(--ink-3);display:flex;gap:18px;flex-wrap:wrap}.track,.tracks-head{display:grid;grid-template-columns:44px minmax(0,2.2fr) minmax(0,1.2fr) minmax(0,1.2fr) 40px 64px;gap:14px;align-items:center}.tracks.no-album .track,.tracks.no-album .tracks-head{grid-template-columns:44px minmax(0,2.4fr) minmax(0,1.4fr) 40px 64px}.tracks-head{padding:10px 14px;color:var(--ink-3);border-bottom:1px solid var(--line);margin-bottom:6px}.side-divider{padding:24px 14px 8px;font-weight:700;font-size:14px;display:flex;align-items:center;gap:12px}.side-divider:after{content:"";flex:1;height:1px;background:var(--line)}.track{padding:8px 14px;border-radius:12px;cursor:pointer;transition:background .2s}.track:hover{background:var(--surface)}.track.current{background:var(--accent-soft)}.track .no{font-family:var(--mono);font-size:12px;color:var(--ink-3);display:flex;align-items:center;height:24px}.track .no .play-hint{display:none;color:var(--ink)}.track:hover .no .label{display:none}.track:hover .no .play-hint{display:inline-grid}.track .no svg{width:16px;height:16px}.track .name{min-width:0}.track .name .t{display:block;font-size:15px;font-weight:500;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition:color .2s}.track.current .name .t{color:var(--accent)}.track .cell{font-size:13px;color:var(--ink-2);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.track .cell a:hover{color:var(--accent)}.track .dur{font-family:var(--mono);font-size:12px;color:var(--ink-3);text-align:right}.track .row-actions{display:flex;justify-content:center}.track .add{display:none;margin-left:auto}.track:hover .add{display:inline-grid}.track:hover .hide-on-hover{display:none}.track .icon-btn{width:30px;height:30px}.track .icon-btn svg{width:17px;height:17px}.search-form{position:relative;z-index:5}.search-box{position:relative;display:flex;align-items:center;gap:14px;padding-bottom:8px}.search-box:after,.search-box:before{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--line)}.search-box:after{background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .6s var(--ease-out)}.search-box.focus:after{transform:scaleX(1)}.search-box>svg{width:28px;height:28px;color:var(--ink-3);flex:none}.search-box input{flex:1;min-width:0;border:0;background:transparent;font-family:var(--display);font-size:clamp(26px,3.6vw,44px);font-weight:600;letter-spacing:-.03em;color:var(--ink);padding:6px 0}.search-box input:focus{outline:none}.search-box input::placeholder{color:var(--ink-3)}.suggest{position:absolute;left:0;right:0;top:calc(100% + 8px);max-width:560px;padding:6px;border-radius:18px;background:var(--surface);box-shadow:var(--shadow-2);border:1px solid var(--line);transform-origin:top left}.suggest button{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:10px 12px;border-radius:12px;font-size:15px}.suggest button svg{color:var(--ink-3)}.suggest button.on,.suggest button:hover{background:var(--surface-2)}.tabs{position:relative;display:flex;gap:28px;margin:30px 0 18px;border-bottom:1px solid var(--line)}.tabs button{font-size:16px;font-weight:600;color:var(--ink-3);padding:8px 0 12px;transition:color .2s}.tabs button.on,.tabs button:hover{color:var(--ink)}.tab-line{position:absolute;left:0;bottom:-1px;height:2px;background:var(--accent);border-radius:2px;transition:transform .45s var(--ease-spring),width .35s var(--ease-out)}.tabs-count{margin-left:auto;align-self:center}.hot{display:flex;flex-wrap:wrap;gap:10px}.hot-chip{display:inline-flex;align-items:center;gap:10px;height:44px;padding:0 18px 0 14px;border-radius:999px;background:var(--surface);border:1px solid var(--line);font-size:15px;font-weight:500;transition:transform .35s var(--ease-spring),border-color .2s,color .2s}.hot-chip .mono{color:var(--accent)}.hot-chip:hover{transform:translateY(-2px);border-color:var(--line-strong)}.pager{display:flex;justify-content:center;gap:14px;margin-top:36px}.pager,.player{align-items:center}.player{position:fixed;left:calc(var(--sidebar) + var(--deck-gap));right:var(--deck-gap);bottom:var(--deck-gap);height:var(--deck-h);z-index:40;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.45fr) minmax(0,1fr);gap:18px;padding:0 14px 0 12px;border-radius:24px;background:var(--glass);-webkit-backdrop-filter:blur(28px) saturate(1.6);backdrop-filter:blur(28px) saturate(1.6);border:1px solid var(--line);box-shadow:var(--shadow-2)}.np,.np-swap{min-width:0}.np-swap{display:flex;align-items:center;gap:12px}.mini-vinyl{width:54px;flex:none;box-shadow:0 6px 16px -6px rgba(0,0,0,.5)}.np-text{min-width:0;cursor:pointer}.np-title{font-size:15px;font-weight:600;letter-spacing:-.01em}.np-artist,.np-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.np-artist{font-size:13px;color:var(--ink-2)}.transport{flex-direction:column;gap:2px}.transport,.transport-btns{display:flex;align-items:center}.transport-btns{gap:10px}.play-btn{position:relative;width:44px;height:44px;border-radius:50%;background:var(--ink);color:var(--on-ink);display:grid;place-items:center;transition:background .3s,color .3s,transform .3s var(--ease-spring),box-shadow .3s}.play-btn:hover{background:var(--accent);color:#fff;transform:scale(1.06);box-shadow:0 8px 24px -8px var(--accent)}.play-btn:active{transform:scale(.92)}.play-btn .pp{position:absolute;inset:0;display:grid;place-items:center;transition:transform .4s var(--ease-spring),opacity .25s}.play-btn svg{width:18px;height:18px}.play-btn .pp-play{transform:translateX(1px)}.play-btn .pp-pause{opacity:0;transform:scale(.4) rotate(-90deg)}.play-btn.is-playing .pp-play{opacity:0;transform:scale(.4) rotate(90deg)}.play-btn.is-playing .pp-pause{opacity:1;transform:none}.play-btn .spinner{position:absolute;inset:-4px;border-radius:50%;border:2px solid transparent;border-top:2px solid var(--accent);opacity:0;transition:opacity .3s}.play-btn.is-loading .spinner{opacity:1;animation:spin .9s linear infinite}.progress-row{display:flex;align-items:center;gap:10px;width:100%;max-width:560px}.progress-row .mono{color:var(--ink-3);font-size:11px;width:38px}.progress-row .mono:first-child{text-align:right}.bar{flex:1;height:18px;display:flex;align-items:center;cursor:pointer;touch-action:none}.bar,.bar-track{position:relative}.bar-track{height:4px;width:100%;border-radius:4px;background:var(--line);overflow:hidden;transition:height .25s var(--ease-out)}.bar.dragging .bar-track,.bar:hover .bar-track{height:6px}.bar-fill{position:absolute;inset:0;background:var(--ink);transform-origin:left;transform:scaleX(0);border-radius:4px}.bar.dragging .bar-fill,.bar:hover .bar-fill{background:var(--accent)}.bar-thumb{position:absolute;top:50%;width:14px;height:14px;border-radius:50%;background:var(--surface);border:3px solid var(--accent);box-shadow:var(--shadow-1);transform:translate(-50%,-50%) scale(0);transition:transform .3s var(--ease-spring)}.bar.dragging .bar-thumb,.bar:focus-visible .bar-thumb,.bar:hover .bar-thumb{transform:translate(-50%,-50%) scale(1)}.bar-tip{position:absolute;bottom:22px;transform:translateX(-50%);padding:3px 8px;border-radius:8px;background:var(--ink);color:var(--on-ink);pointer-events:none}.tools{display:flex;justify-content:flex-end;align-items:center;gap:2px}.tools .volume{flex:none;width:92px}.mini-progress{display:none}.nowplaying{position:fixed;inset:0;z-index:30;background:var(--bg);display:flex;flex-direction:column;overflow:hidden;transform:translateY(100%);visibility:hidden;transition:transform .6s var(--ease-out),visibility 0s linear .6s,--tint-h 1.2s var(--ease-soft),--tint-s 1.2s var(--ease-soft)}.nowplaying.open{transform:none;visibility:visible;transition:transform .6s var(--ease-out),--tint-h 1.2s var(--ease-soft),--tint-s 1.2s var(--ease-soft)}.np-glow{position:absolute;inset:0;pointer-events:none;z-index:0}.np-glow i{position:absolute;width:62vmax;height:62vmax;border-radius:50%;background:radial-gradient(closest-side,var(--tint),transparent);will-change:transform}.np-glow i:first-child{left:-16vmax;top:-20vmax;animation:drift-a 22s ease-in-out infinite alternate}.np-glow i:last-child{right:-22vmax;bottom:-28vmax;opacity:.7;animation:drift-b 28s ease-in-out infinite alternate}.np-head{display:flex;align-items:center;justify-content:space-between;padding:18px var(--gutter) 0;color:var(--ink-2)}.np-body,.np-head{position:relative;z-index:1}.np-body{flex:1;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:64px;width:100%;max-width:1320px;margin:0 auto;padding:8px var(--gutter) calc(var(--deck-h) + var(--deck-gap) * 2 + 12px)}.np-body,.np-deck-col{min-height:0;display:grid}.np-deck-col{place-items:center}.np-info-col{display:flex;flex-direction:column;min-height:0;padding-top:6vh}.np-name{font-size:clamp(30px,3.6vw,52px);font-weight:700;letter-spacing:-.04em;line-height:1.05}.np-by{margin-top:10px;font-size:16px;font-weight:500;color:var(--ink-2)}.np-by a:hover{color:var(--accent)}.lyrics{flex:1;min-height:0;margin-top:20px;overflow-y:auto;padding:18vh 0 30vh;-webkit-mask:linear-gradient(transparent,#000 14%,#000 70%,transparent);mask:linear-gradient(transparent,#000 14%,#000 70%,transparent);scrollbar-width:none}.lyrics::-webkit-scrollbar{display:none}.lyric-line{display:block;width:100%;text-align:left;padding:9px 0;font-size:clamp(20px,2vw,28px);font-weight:650;letter-spacing:-.02em;line-height:1.32;color:var(--ink);opacity:calc(1 - var(--d, 3) * .16);filter:blur(calc(var(--d, 3) * .45px));transform-origin:left center;transform:scale(.94);transition:opacity .6s var(--ease-out),filter .6s var(--ease-out),transform .7s var(--ease-spring)}.lyric-line small{display:block;margin-top:4px;font-size:.62em;font-weight:500;color:var(--ink-2)}.lyric-line.active{opacity:1;filter:none;transform:none}.lyric-line.active span{color:var(--accent)}.lyric-line:hover{opacity:.9;filter:none}.lyrics.unsynced .lyric-line{opacity:.85;filter:none;transform:none;cursor:default;font-size:20px}.lyrics-empty{margin-top:18vh;font-size:22px;font-weight:600;color:var(--ink-3)}.deck{position:relative;width:min(100%,62vh,620px);aspect-ratio:1;border-radius:34px;background:linear-gradient(145deg,var(--surface),var(--surface-2));box-shadow:var(--shadow-2),inset 0 1px 0 rgba(255,255,255,.25);border:1px solid var(--line)}.deck-platter{position:absolute;left:6%;top:12%;width:76%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#2b2b2e,#18181a 70%,#0d0d0e);box-shadow:0 18px 40px -16px rgba(0,0,0,.7),inset 0 0 0 2px rgba(255,255,255,.04)}.deck-vinyl{position:absolute;inset:2%}.deck-led{position:absolute;left:7%;bottom:5.5%;width:8px;height:8px;border-radius:50%;background:var(--ink-3);transition:background .4s,box-shadow .4s}.deck.is-playing .deck-led{background:var(--accent);box-shadow:0 0 12px var(--accent)}.deck-rpm{position:absolute;left:calc(7% + 16px);bottom:4.6%;color:var(--ink-3)}.tonearm{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;filter:drop-shadow(0 6px 6px rgba(0,0,0,.28));transition:filter .5s var(--ease-out)}.deck:not(.is-playing) .tonearm{filter:drop-shadow(0 12px 10px rgba(0,0,0,.22))}.arm-base{fill:var(--surface);stroke:var(--line);stroke-width:.5}.arm-cap{fill:var(--ink-3)}.arm-weight{fill:var(--ink-2)}.arm-tube{stroke:var(--ink-2);stroke-width:1.5;stroke-linecap:round}.arm-head rect{fill:var(--ink)}.arm-head{pointer-events:all;cursor:grab}.deck.is-cueing .arm-head{cursor:grabbing}.arm-grab{fill:transparent}.deck-cue{position:absolute;right:6%;bottom:5%;padding:4px 10px;border-radius:999px;background:var(--ink);color:var(--on-ink)}.scrim{position:fixed;inset:0;background:var(--scrim);z-index:44}.drawer{position:fixed;top:var(--deck-gap);right:var(--deck-gap);bottom:calc(var(--deck-h) + var(--deck-gap) * 2);width:min(400px,calc(100% - var(--deck-gap) * 2));z-index:45;display:flex;flex-direction:column;border-radius:24px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-2);overflow:hidden}.drawer-head{display:flex;align-items:center;gap:10px;padding:20px 14px 12px 22px}.drawer-head h2{font-size:22px;font-weight:700;letter-spacing:-.03em}.drawer-head .btn{margin-left:auto}.drawer-list{overflow-y:auto;flex:1;padding:4px 8px 12px}.q-item{display:grid;grid-template-columns:40px minmax(0,1fr) auto 30px;gap:12px;align-items:center;padding:7px 8px 7px 10px;border-radius:14px;cursor:pointer;transition:background .2s}.q-item:hover{background:var(--surface-2)}.q-item.current{background:var(--accent-soft)}.q-item.current .t{color:var(--accent)}.q-cover{width:40px;border-radius:6px}.q-item .t{font-weight:500}.q-item .a,.q-item .t{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.q-item .a{font-size:12px;color:var(--ink-2)}.dialog{position:fixed;z-index:60;top:50%;left:50%;width:min(400px,calc(100% - 32px));translate:-50% -50%;border-radius:28px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-2);padding:28px 28px 26px}.dialog h2{font-size:28px;font-weight:700;letter-spacing:-.035em;margin:20px 0 6px}.dialog .close{position:absolute;top:12px;right:12px}.login-form{display:flex;flex-direction:column;gap:12px;margin-top:22px}.login-form .btn{margin-top:8px;height:48px}.float{position:relative;display:block}.float input{width:100%;height:56px;padding:22px 16px 6px;border-radius:14px;border:1px solid var(--line);background:var(--bg);color:var(--ink);font:inherit;transition:border-color .2s,box-shadow .2s}.float input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.float input[aria-invalid=true]{border-color:#d64545}.float span{position:absolute;left:17px;top:17px;font-size:15px;color:var(--ink-3);pointer-events:none;transform-origin:left top;transition:transform .3s var(--ease-out),color .2s}.float input:focus+span,.float input:not(:placeholder-shown)+span{transform:translateY(-10px) scale(.76);color:var(--ink-2)}.field-error{font-size:13px;color:#d64545;margin-top:-4px}.toast{position:fixed;left:50%;bottom:calc(var(--deck-h) + var(--deck-gap) * 2 + 4px);translate:-50% 0;z-index:70;max-width:calc(100% - 32px);padding:11px 20px;border-radius:999px;background:var(--ink);color:var(--on-ink);font-size:14px;font-weight:500;box-shadow:var(--shadow-2)}.form{max-width:720px}.field{display:grid;grid-template-columns:120px minmax(0,1fr);gap:24px;padding:24px 0;border-bottom:1px solid var(--line);align-items:start}.field>.label{font-weight:600;padding-top:8px}.field-inline{display:flex;align-items:center;gap:12px;flex-wrap:wrap;min-height:40px}.help{font-size:13px;color:var(--ink-2);margin-top:10px}.seg{display:inline-flex;flex-wrap:wrap;gap:2px;padding:4px;background:var(--surface-2)}.seg,.seg button{border-radius:999px}.seg button{height:34px;padding:0 16px;font-size:14px;font-weight:500;color:var(--ink-2);transition:background .3s var(--ease-out),color .2s,box-shadow .3s}.seg button .mono{margin-left:4px;color:var(--ink-3)}.seg button.on{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-1)}.seg .seg-action{color:var(--accent);display:inline-flex;align-items:center;gap:6px}.seg-sm button{height:30px;padding:0 14px;font-size:13px}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--ink-3)}.status-dot.ok{background:#2fa36b;box-shadow:0 0 0 4px rgba(47,163,107,.15)}.status-dot.bad{background:#d64545}.keys{display:grid;grid-template-columns:max-content 1fr;gap:10px 24px;font-size:14px}.keys dt{font-family:var(--mono);font-size:12px;padding:3px 8px;border-radius:6px;background:var(--surface);border:1px solid var(--line);justify-self:start}.keys dd{color:var(--ink-2);padding-top:2px}@media (max-width:1080px){.track,.tracks-head{grid-template-columns:40px minmax(0,2fr) minmax(0,1.2fr) 40px 60px}.tracks .col-album{display:none}.chart-list{grid-template-columns:minmax(0,1fr)}}@media (max-width:860px){.app{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}.side{flex-direction:row;align-items:center;gap:10px;padding:12px var(--gutter) 10px}.brand-name{font-size:18px}.brand-sub,.who-name{display:none}.nav{flex-direction:row;margin-left:auto;overflow-x:auto;scrollbar-width:none}.nav a{padding:6px 10px;font-size:14px;white-space:nowrap}.nav a:nth-child(n+6),.nav-pill:before{display:none}.side-foot{margin:0;padding:0}.side-foot .btn{display:none}.page{padding-top:18px}.masthead{align-items:flex-start;flex-direction:column}.masthead-meta{align-items:flex-start;text-align:left}.detail-head,.feature{grid-template-columns:minmax(0,1fr);gap:26px;padding-top:28px}.detail-art{width:230px}.detail-art.round{width:180px}.grid-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px}.section{margin-top:52px}.tracks-head{display:none}.track,.tracks.no-album .track{grid-template-columns:30px minmax(0,1fr) 34px 44px;gap:8px;padding:8px 6px}.track .add,.track .col-artist{display:none!important}.track:hover .hide-on-hover{display:inline}.field{gap:8px}.field,.toplists{grid-template-columns:minmax(0,1fr)}.player{left:var(--deck-gap);grid-template-columns:minmax(0,1fr) auto;gap:6px;padding:0 8px;border-radius:20px}.mini-vinyl{width:46px}.hide-sm,.progress-row,.tools{display:none!important}.transport{flex-direction:row}.mini-progress{display:block;position:absolute;left:20px;right:20px;bottom:0;height:2px;border-radius:2px;overflow:hidden;background:var(--line)}.mini-progress-fill{height:100%;background:var(--accent);transform-origin:left;transform:scaleX(0)}.np-body{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);gap:18px}.deck{width:min(78vw,42vh);border-radius:26px}.np-info-col{padding-top:0}.np-name{font-size:26px}.lyrics{padding:8vh 0 18vh;margin-top:8px}.lyric-line{font-size:18px}}.main{view-transition-name:page}.side{view-transition-name:side}.player{view-transition-name:deck}.nowplaying{view-transition-name:np-panel}.hero-active{view-transition-name:hero}::view-transition-new(root),::view-transition-old(root){animation:none}html[data-vt=page]::view-transition-old(page){animation:vt-page-out .22s var(--ease-soft) both}html[data-vt=page]::view-transition-new(page){animation:vt-page-in .5s var(--ease-out) .06s both}::view-transition-group(hero){animation-duration:.62s;animation-timing-function:cubic-bezier(.3,.9,.25,1);z-index:10}::view-transition-new(hero),::view-transition-old(hero){animation-duration:.62s;height:100%;object-fit:cover}html[data-vt=np-open]::view-transition-old(np-panel){animation:none;opacity:0}html[data-vt=np-open]::view-transition-new(np-panel){animation:vt-rise .62s var(--ease-out) both}html[data-vt=np-close]::view-transition-old(np-panel){animation:vt-sink .48s var(--ease-soft) both}html[data-vt=np-close]::view-transition-new(np-panel){animation:none;opacity:0}::view-transition-group(np-disc){animation-duration:.7s;animation-timing-function:cubic-bezier(.3,1.05,.3,1);z-index:40}::view-transition-group(deck),::view-transition-group(side){z-index:30}html[data-vt] .nowplaying{transition:none!important}html[data-vt] .player{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--glass-solid)}@keyframes vt-page-out{to{opacity:0;transform:translateY(-10px) scale(.99)}}@keyframes vt-page-in{0%{opacity:0;transform:translateY(22px)}}@keyframes vt-rise{0%{transform:translateY(100%)}}@keyframes vt-sink{to{transform:translateY(100%)}}.reveal{animation:reveal .7s var(--ease-out) both;animation-delay:calc(min(var(--i, 0), 14) * 42ms)}@keyframes reveal{0%{opacity:0;transform:translateY(16px)}}.detail-vinyl,.feature-vinyl{animation:slide-out 1.1s var(--ease-spring) .25s both}.detail-head.pending .detail-vinyl{animation-play-state:paused}@keyframes slide-out{0%{transform:translateX(0) rotate(-40deg)}to{transform:translateX(26%) rotate(0deg)}}.feature-vinyl{animation-name:slide-out-wide}@keyframes slide-out-wide{0%{transform:translateX(0) rotate(-60deg)}to{transform:translateX(30%) rotate(0deg)}}.detail-band{animation:fade-in 1.2s var(--ease-soft) both}.detail-text>*{animation:reveal .7s var(--ease-out) both}.detail-text>:nth-child(2){animation-delay:60ms}.detail-text>:nth-child(3){animation-delay:.12s}.detail-text>:nth-child(4){animation-delay:.18s}.detail-head.pending .detail-text>*{animation:none}@keyframes fade-in{0%{opacity:0}}.np-name{animation:reveal .6s var(--ease-out) both}.np-glow i{transition:opacity 1s}@keyframes drift-a{to{transform:translate(14vmax,10vmax) scale(1.15)}}@keyframes drift-b{to{transform:translate(-12vmax,-8vmax) scale(.9)}}.np-swap{animation:np-swap .55s var(--ease-out) both}@keyframes np-swap{0%{opacity:0;transform:translateY(14px)}}.player{animation:deck-in .8s var(--ease-spring) .15s both}@keyframes deck-in{0%{opacity:0;transform:translateY(30px) scale(.98)}}.swap-icon{display:inline-grid;animation:swap-icon .4s var(--ease-spring) both}@keyframes swap-icon{0%{opacity:0;transform:rotate(-90deg) scale(.6)}}@keyframes spin{to{transform:rotate(1turn)}}.heart-icon{position:relative;display:inline-grid}.heart-icon[data-pop]{animation:heart-pop .5s var(--ease-spring)}.heart-icon[data-pop]:after{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid var(--accent);animation:heart-ring .55s var(--ease-out) forwards}@keyframes heart-pop{0%{transform:scale(.6)}50%{transform:scale(1.3)}to{transform:scale(1)}}@keyframes heart-ring{0%{opacity:.9;transform:scale(.3)}to{opacity:0;transform:scale(1.5)}}.eq{display:inline-flex;gap:2px;align-items:flex-end}.eq,.eq i{height:14px}.eq i{width:3px;border-radius:2px;background:var(--accent);transform-origin:bottom;animation:eq .9s ease-in-out infinite alternate}.eq i:nth-child(2){animation-duration:.7s;animation-delay:-.2s}.eq i:nth-child(3){animation-duration:1.1s;animation-delay:-.5s}.eq i:nth-child(4){animation-duration:.8s;animation-delay:-.35s}.eq.paused i{animation:none;transform:scaleY(.22);transition:transform .5s var(--ease-out)}@keyframes eq{0%{transform:scaleY(.2)}to{transform:scaleY(1)}}.scrim{animation:fade-in .3s var(--ease-soft) both}.scrim[data-state=closing]{animation:fade-out .3s var(--ease-soft) both}.drawer{animation:drawer-in .5s var(--ease-spring) both}.drawer[data-state=closing]{animation:drawer-out .32s var(--ease-soft) both}.dialog{animation:dialog-in .45s var(--ease-spring) both}.dialog[data-state=closing]{animation:dialog-out .22s var(--ease-soft) both}.toast{animation:toast-in .45s var(--ease-spring) both}.toast[data-state=closing]{animation:toast-out .24s var(--ease-soft) both}.suggest{animation:pop-in .3s var(--ease-out) both}.suggest li{animation:reveal .35s var(--ease-out) both}.suggest li:nth-child(2){animation-delay:25ms}.suggest li:nth-child(3){animation-delay:50ms}.suggest li:nth-child(n+4){animation-delay:75ms}@keyframes fade-out{to{opacity:0}}@keyframes drawer-in{0%{opacity:0;transform:translateX(40px) scale(.98)}}@keyframes drawer-out{to{opacity:0;transform:translateX(40px) scale(.98)}}@keyframes dialog-in{0%{opacity:0;transform:scale(.94) translateY(10px)}}@keyframes dialog-out{to{opacity:0;transform:scale(.96)}}@keyframes toast-in{0%{opacity:0;transform:translateY(16px) scale(.96)}}@keyframes toast-out{to{opacity:0;transform:translateY(8px)}}@keyframes pop-in{0%{opacity:0;transform:translateY(-6px) scale(.98)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important;transition-duration:.01ms!important}.np-glow i{animation:none!important}}html[data-motion=reduced] *,html[data-motion=reduced] :after,html[data-motion=reduced] :before{animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important;transition-duration:.01ms!important}