:root{--font:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI Variable Text", "Segoe UI", system-ui, sans-serif;--font-display:-apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI Variable Display", "Segoe UI", system-ui, sans-serif;--bg:#fbfbfd;--sidebar:#f2f2f7d9;--surface:#fff;--hover:#00000009;--press:#0001;--glass:#fbfbfdb3;--glass-edge:#ffffffb3;--player-bg:#fff;--player-shadow:#0000000f;--hairline:#00000014;--text:#1d1d1f;--text-2:#6e6e73;--text-3:#a1a1a6;--accent:#7c5cf6;--accent-2:#e9489a;--accent-soft:#7c5cf61a;--danger:#d93f45;--scrim:#00000047;--shadow-art:0 1px 2px #00000014, 0 2px 8px #0000000f;--shadow-float:0 8px 32px #0000001a, 0 1px 2px #0000000f;--radius-xs:4px;--radius-sm:8px;--radius:12px;--sidebar-width:220px;--player-height:80px;--gutter:44px;--ease-out:cubic-bezier(.22, 1, .36, 1);--fast:.12s;--base:.22s;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font:400 .9375rem/1.45 var(--font);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0e0e10;--sidebar:#18181bd9;--surface:#1c1c1f;--hover:#ffffff0d;--press:#ffffff17;--glass:#161619ad;--glass-edge:#ffffff12;--player-bg:#161619;--player-shadow:#00000073;--hairline:#ffffff14;--text:#f5f5f7;--text-2:#a1a1a6;--text-3:#6e6e73;--accent:#9b82ff;--accent-soft:#9b82ff29;--danger:#ff6b70;--shadow-art:0 1px 2px #0006, 0 2px 10px #0000004d;--shadow-float:0 10px 40px #0000008c}*{box-sizing:border-box}[hidden]{display:none!important}html,body,#root{height:100%;margin:0}body{transition:background-color var(--base) ease, color var(--base) ease}button{font:inherit;color:inherit;-webkit-tap-highlight-color:transparent}a{color:inherit;text-underline-offset:2px;text-decoration:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-xs)}@media (hover:hover){a:hover{text-decoration:underline}}.shell{grid-template-columns:var(--sidebar-width) 1fr;grid-template-rows:minmax(0,1fr);height:100%;display:grid;overflow:hidden}.sidebar{min-height:0;padding:26px 12px calc(var(--player-height) + 16px);border-right:1px solid var(--hairline);background:var(--sidebar);flex-direction:column;gap:2px;display:flex;overflow-y:auto}.brand{font:600 1.0625rem/1 var(--font-display);letter-spacing:-.01em;align-items:center;gap:10px;padding:0 10px 24px;display:flex}.brand-mark{border-radius:22.3%;flex:none;display:block}.nav-item{border-radius:var(--radius-sm);text-align:left;cursor:pointer;width:100%;transition:background-color var(--fast) ease;background:0 0;border:0;align-items:center;gap:10px;padding:7px 10px;font-size:.875rem;font-weight:500;display:flex}.nav-item:active{background:var(--press)}.nav-item[aria-current=page]{background:var(--accent-soft);color:var(--accent)}@media (hover:hover){.nav-item:not([aria-current=page]):hover{background:var(--hover)}}.sidebar-footer{margin-top:auto;padding:0 10px}.link-button{color:var(--text-3);letter-spacing:.01em;cursor:pointer;transition:color var(--fast) ease;background:0 0;border:0;align-items:center;gap:6px;padding:4px 0;font-size:.75rem;display:inline-flex}@media (hover:hover){.link-button:hover{color:var(--text-2)}}.main{overscroll-behavior:contain;min-height:0;padding:0 var(--gutter) calc(var(--player-height) + 40px);scroll-padding-top:140px;position:relative;overflow-y:auto}.page-header{z-index:2;margin:0 calc(var(--gutter) * -1);padding:40px var(--gutter) 18px;background:color-mix(in srgb, var(--bg) 38%, transparent);-webkit-backdrop-filter:saturate(180%)blur(18px);position:sticky;top:0;-webkit-mask-image:linear-gradient(#000 calc(100% - 14px),#0000);mask-image:linear-gradient(#000 calc(100% - 14px),#0000)}.page-title{font:700 2rem/1.1 var(--font-display);letter-spacing:-.022em;margin:0 0 18px}.search-field{background:var(--press);max-width:520px;height:38px;color:var(--text-3);transition:background-color var(--fast) ease, box-shadow var(--fast) ease;border-radius:10px;align-items:center;gap:8px;padding:0 12px;display:flex}.search-field:focus-within{background:var(--surface);box-shadow:0 0 0 1px var(--hairline), 0 0 0 4px var(--accent-soft);color:var(--text-2)}.search-field input{min-width:0;height:100%;color:var(--text);font:inherit;background:0 0;border:0;outline:none;flex:1;font-size:.9375rem}.search-field input::placeholder{color:var(--text-3)}.search-field input::-webkit-search-cancel-button{appearance:none}.hint{color:var(--text-3);letter-spacing:.005em;margin:28px 0 0;font-size:.875rem}.track-list{animation:fade-up var(--base) var(--ease-out);margin:6px -10px 0;padding:0;list-style:none}.track-list li+li .track-row:before{content:"";background:var(--hairline);height:1px;transition:opacity var(--fast) ease;position:absolute;top:0;left:96px;right:10px}.track-row{border-radius:var(--radius-sm);text-align:left;cursor:pointer;width:100%;transition:background-color var(--fast) ease, transform var(--fast) var(--ease-out);background:0 0;border:0;grid-template-columns:70px minmax(0,1.3fr) minmax(0,1fr) 52px;align-items:center;gap:16px;padding:8px 10px;display:grid;position:relative}.track-row:active{background:var(--press);transform:scale(.992)}@media (hover:hover){.track-row:hover{background:var(--hover)}.track-row:hover:before,.track-list li:hover+li .track-row:before{opacity:0}}.artwork-wrap{width:44px;height:44px;position:relative}.artwork{z-index:1;border-radius:var(--radius-xs);background:var(--press);object-fit:cover;width:100%;height:100%;box-shadow:var(--shadow-art);display:block;position:relative}.artwork-overlay{z-index:2;border-radius:var(--radius-xs);color:#fff;opacity:0;transition:opacity var(--fast) ease;background:#0006;place-items:center;display:grid;position:absolute;inset:0}.track-row.is-current .artwork-overlay{opacity:1}@media (hover:hover){.track-row:hover .artwork-overlay{opacity:1}}.track-text{min-width:0}.track-title,.track-sub,.track-album{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.track-title{letter-spacing:-.005em;transition:color var(--fast) ease;font-size:.9375rem;font-weight:500}.track-row.is-current .track-title{color:var(--accent)}.track-sub,.track-album,.track-time{color:var(--text-2);letter-spacing:.005em;font-size:.8125rem}.track-time{font-variant-numeric:tabular-nums;text-align:right}.explicit{background:var(--text-3);width:14px;height:14px;color:var(--bg);vertical-align:1px;border-radius:3px;place-items:center;margin-right:6px;font-size:.5625rem;font-weight:700;display:inline-grid}.vinyl{background: conic-gradient(from 20deg, transparent 0 6%, #ffffff29 11%, transparent 17% 50%, #ffffff1a 61%, transparent 67%),  repeating-radial-gradient(circle, #121214 0 1px, #232327 1px 2px);width:40px;height:40px;transition:transform .34s var(--ease-out);border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #00000059,inset 0 0 0 1px #ffffff0a}:root[data-theme=dark] .vinyl{box-shadow:0 1px 3px #00000080,inset 0 0 0 1px #ffffff1a}.vinyl-label{background:#3a3a40 50%/cover;border-radius:50%;position:absolute;inset:30%;box-shadow:0 0 0 1px #00000080}.vinyl-label:after{content:"";background:#121214;border-radius:50%;position:absolute;inset:40%}@media (hover:hover){.track-row:hover .vinyl{transform:translate(24px)rotate(40deg)}}.track-row.is-current .vinyl{transform:translate(24px)}.track-row.is-playing .vinyl-label{animation:1.8s linear infinite spin}.eq{align-items:flex-end;gap:2px;height:12px;display:flex}.eq i{transform-origin:bottom;background:currentColor;border-radius:1px;width:3px;height:100%;animation:.9s ease-in-out infinite alternate eq}.eq i:nth-child(2){animation-duration:.7s;animation-delay:-.3s}.eq i:nth-child(3){animation-duration:1.05s;animation-delay:-.5s}.eq.is-paused i{animation-play-state:paused}@keyframes eq{0%{transform:scaleY(.25)}to{transform:scaleY(1)}}.skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg, var(--hover) 25%, var(--press) 50%, var(--hover) 75%);background-size:200% 100%;height:60px;margin-top:4px;animation:1.4s linear infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}@keyframes fade-up{0%{opacity:0;transform:translateY(4px)}}.player-bar{z-index:5;height:var(--player-height);border-top:1px solid var(--hairline);background:var(--player-bg);box-shadow:0 -10px 30px var(--player-shadow), inset 0 1px 0 var(--glass-edge);grid-template-columns:minmax(0,1fr) minmax(300px,1.3fr) minmax(0,1fr);align-items:center;gap:24px;padding:0 22px;display:grid;position:fixed;bottom:0;left:0;right:0}.np-track{align-items:center;gap:12px;min-width:0;display:flex}.np-track .artwork{flex:none;width:48px;height:48px}.artwork-fade{animation:art-in var(--base) var(--ease-out)}@keyframes art-in{0%{opacity:0;transform:scale(.96)}}.np-track .track-title{font-size:.875rem}.np-empty{color:var(--text-3);font-size:.8125rem}.np-center{flex-direction:column;align-items:center;gap:4px;display:flex}.controls{align-items:center;gap:14px;display:flex}.icon-button{width:32px;height:32px;color:var(--text);cursor:pointer;transition:transform var(--fast) var(--ease-out), background-color var(--fast) ease, opacity var(--fast) ease;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.icon-button:active:not(:disabled){background:var(--press);transform:scale(.88)}.icon-button:disabled{opacity:.3;cursor:default}@media (hover:hover){.icon-button:hover:not(:disabled){background:var(--hover)}}.icon-button.primary{background:var(--text);width:38px;height:38px;color:var(--bg)}.icon-button.primary:active:not(:disabled){background:var(--text);transform:scale(.9)}@media (hover:hover){.icon-button.primary:hover:not(:disabled){background:var(--text);transform:scale(1.06)}}.icon-button.subtle{color:var(--text-2)}.progress{width:100%;color:var(--text-3);font-variant-numeric:tabular-nums;letter-spacing:.02em;grid-template-columns:40px 1fr 40px;align-items:center;gap:10px;font-size:.6875rem;display:grid}.progress span:last-child{text-align:right}.slider{--pct:0%;--track:3px;appearance:none;cursor:pointer;background:0 0;width:100%;height:16px;margin:0}.slider::-webkit-slider-runnable-track{height:var(--track);background:linear-gradient(to right, var(--text-2) var(--pct), var(--press) var(--pct));transition:height var(--fast) var(--ease-out);border-radius:99px}.slider::-moz-range-track{height:var(--track);background:linear-gradient(to right, var(--text-2) var(--pct), var(--press) var(--pct));border-radius:99px}.slider::-webkit-slider-thumb{width:12px;height:12px;margin-top:calc((var(--track) - 12px) / 2);background:var(--text);box-shadow:var(--shadow-art);opacity:0;appearance:none;transition:opacity var(--fast) ease, transform var(--fast) var(--ease-out);border-radius:50%;transform:scale(.6)}.slider::-moz-range-thumb{background:var(--text);opacity:0;border:0;border-radius:50%;width:12px;height:12px}.slider:disabled{cursor:default}.slider:not(:disabled):active,.slider:focus-visible{--track:5px}@media (hover:hover){.slider:not(:disabled):hover{--track:5px}.slider:not(:disabled):hover::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--text) var(--pct), var(--press) var(--pct))}.slider:not(:disabled):hover::-webkit-slider-thumb{opacity:1;transform:scale(1)}.slider:not(:disabled):hover::-moz-range-thumb{opacity:1}}.slider:not(:disabled):active::-webkit-slider-thumb{opacity:1;transform:scale(1)}.slider:focus-visible::-webkit-slider-thumb{opacity:1;transform:scale(1)}.np-right{color:var(--text-2);justify-content:flex-end;align-items:center;gap:6px;display:flex}.np-right .slider{max-width:96px}.via-spotify{color:var(--text-3);letter-spacing:.02em;margin-right:10px;font-size:.6875rem}.ambient{z-index:0;pointer-events:none;height:460px;position:absolute;top:0;left:0;right:0;overflow:hidden;-webkit-mask-image:linear-gradient(#000 0%,#0000 100%);mask-image:linear-gradient(#000 0%,#0000 100%)}.ambient img{object-fit:cover;opacity:.32;filter:blur(80px)saturate(1.6);width:100%;height:100%;animation:.9s both ambient-in;transform:scale(1.4)}:root[data-theme=dark] .ambient img{opacity:.42}@keyframes ambient-in{0%{opacity:0}}.main>:not(.ambient){z-index:1;position:relative}.home{padding-top:40px}.home-header{margin-bottom:8px}.eyebrow{color:var(--text-2);letter-spacing:.04em;text-transform:uppercase;margin:0 0 4px;font-size:.8125rem;font-weight:600}.shelf{margin-top:34px}.shelf-head{align-items:baseline;gap:12px;margin-bottom:14px;display:flex}.shelf-head h2{font:700 1.3125rem/1.2 var(--font-display);letter-spacing:-.015em;margin:0}.shelf-head p{color:var(--text-3);margin:0;font-size:.8125rem}.shelf-error{color:var(--text-3);font-size:.875rem}.attribution{color:var(--text-3);margin:48px 0 0;font-size:.75rem}.tile-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px;display:grid}.tile{border-radius:var(--radius-sm);background:color-mix(in srgb, var(--surface) 70%, transparent);width:100%;height:60px;box-shadow:var(--shadow-art), inset 0 0 0 1px var(--hairline);-webkit-backdrop-filter:blur(12px);text-align:left;cursor:pointer;transition:transform var(--fast) var(--ease-out), background-color var(--fast) ease, box-shadow var(--base) var(--ease-out);border:0;align-items:center;gap:12px;padding:0 12px 0 0;display:flex;position:relative;overflow:hidden}.tile:active{transform:scale(.985)}@media (hover:hover){.tile:hover{background:var(--surface);box-shadow:var(--shadow-float), inset 0 0 0 1px var(--hairline);transform:translateY(-1px)}}.tile-art{object-fit:cover;background:var(--press);flex:none;width:60px;height:60px}.tile-text{flex-direction:column;min-width:0;padding-right:40px;display:flex}.tile-title{white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:600;overflow:hidden}.tile-sub{color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.tile.is-current .tile-title,.card.is-current .card-title{color:var(--accent)}.tile .play-badge{margin-top:-16px;position:absolute;top:50%;right:12px}.card-row{margin:0 calc(var(--gutter) * -1);padding:4px var(--gutter) 14px;overscroll-behavior-x:contain;scroll-padding:0 var(--gutter);scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-mask-image:linear-gradient(to right, transparent 0, #000 var(--gutter), #000 calc(100% - var(--gutter)), transparent 100%);-webkit-mask-image:linear-gradient(to right, transparent 0, #000 var(--gutter), #000 calc(100% - var(--gutter)), transparent 100%);mask-image:linear-gradient(to right, transparent 0, #000 var(--gutter), #000 calc(100% - var(--gutter)), transparent 100%);grid-auto-columns:168px;grid-auto-flow:column;gap:20px;display:grid;overflow-x:auto}.card-row::-webkit-scrollbar{display:none}.card{text-align:left;cursor:pointer;scroll-snap-align:start;background:0 0;border:0;flex-direction:column;gap:2px;min-width:0;padding:0;display:flex}.card-art-wrap{margin-bottom:8px;display:block;position:relative}.card-art{aspect-ratio:1;border-radius:var(--radius-sm);background:var(--press);object-fit:cover;width:100%;box-shadow:var(--shadow-art);transition:transform var(--base) var(--ease-out), box-shadow var(--base) var(--ease-out);place-items:center;display:grid}.card-art-empty{color:var(--text-3);font:600 2.5rem/1 var(--font-display)}.card.is-round .card-art,.card-art.is-round{border-radius:50%}.card.is-round{text-align:center}.card:active .card-art{transform:scale(.97)}@media (hover:hover){.card:hover .card-art-wrap{transform:translateY(-3px)}.card:hover .card-art{box-shadow:var(--shadow-float)}}.card-title{white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:600;overflow:hidden}.card-sub{color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;overflow:hidden}.play-badge{background:var(--accent);width:32px;height:32px;box-shadow:0 4px 14px color-mix(in srgb, var(--accent) 50%, transparent);color:#fff;opacity:0;transition:opacity var(--fast) ease, transform var(--base) var(--ease-out);border-radius:50%;place-items:center;display:grid;transform:translateY(6px)scale(.9)}.card .play-badge{width:40px;height:40px;position:absolute;bottom:10px;right:10px}.card.is-round .play-badge{bottom:6px;right:6px}.card:focus-visible .play-badge,.tile:focus-visible .play-badge{opacity:1;transform:none}@media (hover:hover){.card:hover .play-badge,.tile:hover .play-badge{opacity:1;transform:none}}.skeleton-block{border-radius:var(--radius-sm);background:linear-gradient(90deg, var(--hover) 25%, var(--press) 50%, var(--hover) 75%);box-shadow:none;background-size:200% 100%;animation:1.4s linear infinite shimmer;display:block}.tile.skeleton-block{height:60px}.skeleton-line{background:var(--press);border-radius:99px;width:80%;height:10px;margin-top:6px;display:block}.skeleton-line.short{width:50%}.artist{animation:fade-up var(--base) var(--ease-out);padding-top:28px}.back-button{color:var(--text-2);cursor:pointer;transition:background-color var(--fast) ease, color var(--fast) ease;background:0 0;border:0;border-radius:99px;align-items:center;gap:2px;margin-left:-6px;padding:6px 10px 6px 4px;font-size:.8125rem;font-weight:500;display:inline-flex}.back-button:active{background:var(--press)}@media (hover:hover){.back-button:hover{background:var(--hover);color:var(--text)}}.artist-hero{align-items:flex-end;gap:32px;margin:18px 0 8px;display:flex}.artist-photo{background:var(--press);object-fit:cover;width:190px;height:190px;animation:art-in .5s var(--ease-out) both;border-radius:50%;flex:none;place-items:center;display:grid;box-shadow:0 18px 50px #00000038,0 2px 6px #0000001f}.artist-photo-empty{color:var(--text-3);font:700 4rem/1 var(--font-display)}.artist-hero-text{min-width:0;padding-bottom:6px}.artist-name{font:800 clamp(2.5rem, 5vw, 4rem) / 1 var(--font-display);letter-spacing:-.035em;text-overflow:ellipsis;white-space:nowrap;margin:0 0 20px;overflow:hidden}.pill-button.accent{background:var(--accent);box-shadow:0 8px 24px color-mix(in srgb, var(--accent) 40%, transparent);color:#fff;align-items:center;gap:8px;display:inline-flex}.track-list.is-numbered li+li .track-row:before{left:134px}.track-rank{color:var(--text-3);font-variant-numeric:tabular-nums;text-align:right;transition:color var(--fast) ease;font-size:.9375rem;font-weight:600}.track-row.is-current .track-rank{color:var(--accent)}@media (hover:hover){.track-row:hover .track-rank{color:var(--text)}}@media (width<=760px){.artist-hero{flex-direction:column;align-items:flex-start;gap:18px}.artist-photo{width:140px;height:140px}.track-list.is-numbered .track-row{grid-template-columns:22px 70px minmax(0,1fr) 44px}}.card.is-current .play-badge,.tile.is-current .play-badge{opacity:1;transform:none}.play-badge.is-playing{animation:2.4s ease-in-out infinite badge-glow}@keyframes badge-glow{50%{box-shadow:0 4px 22px color-mix(in srgb, var(--accent) 75%, transparent)}}.artwork-overlay .overlay-action{opacity:0;transition:opacity var(--fast) ease;place-items:center;display:grid;position:absolute;inset:0}@media (hover:hover){.track-row.is-current:hover .overlay-action{opacity:1}.track-row.is-current:hover .eq{opacity:0}}.eq{transition:opacity var(--fast) ease}.pill-icon{animation:icon-pop .26s var(--ease-out);place-items:center;display:grid}@keyframes icon-pop{0%{opacity:0;transform:scale(.5)rotate(-12deg)}}.pill-button.accent.is-playing{background:color-mix(in srgb, var(--accent) 88%, var(--text))}.segmented{--index:0;background:var(--press);border-radius:9px;grid-template-columns:repeat(2,1fr);width:100%;max-width:176px;margin-bottom:12px;padding:2px;display:grid;position:relative}.segmented-thumb{background:var(--surface);width:calc(50% - 2px);box-shadow:0 1px 3px #0000001f, 0 0 0 .5px var(--hairline);transform:translateX(calc(var(--index) * 100%));transition:transform .3s var(--ease-out);border-radius:7px;position:absolute;top:2px;bottom:2px;left:2px}.segmented-option{height:26px;color:var(--text-3);cursor:pointer;transition:color var(--fast) ease;background:0 0;border:0;border-radius:7px;justify-content:center;align-items:center;gap:5px;padding:0;font-size:.75rem;font-weight:500;display:flex;position:relative}.segmented-option[aria-checked=true]{color:var(--text)}.segmented-option:active{transform:scale(.92)}@media (hover:hover){.segmented-option:not([aria-checked=true]):hover{color:var(--text-2)}}.theme-reveal::view-transition-old(root){mix-blend-mode:normal;animation:none}.theme-reveal::view-transition-new(root){mix-blend-mode:normal;animation:none}.theme-reveal *,.theme-reveal :before,.theme-reveal :after{transition:none!important}::view-transition-old(root){animation-duration:.28s}::view-transition-new(root){animation-duration:.28s}.album-page{animation:fade-up var(--base) var(--ease-out);padding-top:28px}.album-hero{align-items:flex-end;gap:36px;margin:18px 0 12px;display:flex}.album-art{--cover:232px;width:calc(var(--cover) + var(--cover) * .56);height:var(--cover);flex:none;position:relative}.album-cover{z-index:1;width:var(--cover);height:var(--cover);background:var(--press);object-fit:cover;animation:art-in .5s var(--ease-out) both;border-radius:10px;place-items:center;display:grid;position:relative;box-shadow:0 22px 60px #00000047,0 2px 8px #0000001f}.album-cover-empty{color:var(--text-3);font:700 4rem/1 var(--font-display)}.album-vinyl{width:calc(var(--cover) - 12px);height:calc(var(--cover) - 12px);background:conic-gradient(from 20deg, transparent 0 6%, #ffffff24 11%, transparent 17% 50%, #ffffff17 61%, transparent 67%), repeating-radial-gradient(circle, #111113 0 1.5px, #212125 1.5px 3px);animation:record-out .9s var(--ease-out) .25s both;border-radius:50%;position:absolute;top:6px;left:6px;transform:translate(56%);box-shadow:0 14px 40px #00000059,inset 0 0 0 1px #ffffff0f}@keyframes record-out{0%{transform:translate(0)rotate(-40deg)}}.album-vinyl-label{background:#3a3a40 50%/cover;border-radius:50%;position:absolute;inset:33%;box-shadow:0 0 0 2px #00000080}.album-vinyl-label:after{content:"";background:#111113;border-radius:50%;position:absolute;inset:44%}.album-art.is-spinning .album-vinyl-label{animation:1.8s linear infinite spin}.album-hero-text{min-width:0;padding-bottom:6px}.album-title{font:800 clamp(2rem, 4vw, 3.25rem) / 1.05 var(--font-display);letter-spacing:-.03em;overflow-wrap:anywhere;margin:0 0 10px}.album-meta{color:var(--text-2);margin:0 0 22px;font-size:.9375rem}.album-meta .dot{color:var(--text-3);margin:0 7px}.inline-link{color:var(--text);font:inherit;cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:0;font-weight:600}@media (hover:hover){.inline-link:hover{text-decoration:underline}}.albums-page{padding-top:40px}.album-grid{grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:26px 20px;display:grid}@media (width<=760px){.album-hero{flex-direction:column;align-items:flex-start;gap:20px}.album-art{--cover:180px}.album-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}.card-vinyl,.tile-vinyl{background:conic-gradient(from 20deg, transparent 0 6%, #ffffff26 11%, transparent 17% 50%, #ffffff17 61%, transparent 67%), repeating-radial-gradient(circle, #111113 0 1px, #222226 1px 2px);transition:transform .48s var(--ease-out);border-radius:50%;position:absolute;box-shadow:0 6px 18px #0000004d,inset 0 0 0 1px #ffffff0f}.card-vinyl-label,.tile-vinyl-label{background:#3a3a40 50%/cover;border-radius:50%;position:absolute;inset:32%;box-shadow:0 0 0 1px #00000080}.card-vinyl-label:after,.tile-vinyl-label:after{content:"";background:#111113;border-radius:50%;position:absolute;inset:42%}.card-vinyl{width:90%;height:90%;top:5%;left:5%}.card .card-art{z-index:1;position:relative}.card .play-badge{z-index:2}.card-art-wrap{transition:transform var(--base) var(--ease-out)}@media (hover:hover){.card:hover{z-index:3;position:relative}.card:hover .card-vinyl{transform:translate(40%)rotate(35deg)}}.card.is-current{z-index:2;position:relative}.card.is-current .card-vinyl{transform:translate(40%)}.card.is-playing .card-vinyl-label{animation:1.8s linear infinite spin}.tile-art-wrap{flex:none;width:60px;height:60px;position:relative}.tile-art{z-index:1;position:relative}.tile-vinyl{width:52px;height:52px;top:4px;left:4px}.tile-text{transition:transform .48s var(--ease-out)}@media (hover:hover){.tile:hover .tile-vinyl{transform:translate(26px)rotate(35deg)}.tile:hover .tile-text{transform:translate(26px)}}.tile.is-current .tile-vinyl,.tile.is-current .tile-text{transform:translate(26px)}.tile.is-playing .tile-vinyl-label{animation:1.8s linear infinite spin}@media (prefers-reduced-motion:reduce){.card:hover .card-vinyl,.tile:hover .tile-vinyl,.tile:hover .tile-text{transform:none}.card.is-current .card-vinyl{transform:translate(40%)}.tile.is-current .tile-vinyl,.tile.is-current .tile-text{transform:translate(26px)}}.show-more{background:var(--press);color:var(--text);cursor:pointer;transition:background-color var(--fast) ease, transform var(--fast) var(--ease-out);border:0;border-radius:99px;align-items:center;gap:6px;margin:14px auto 0;padding:8px 18px;font-size:.8125rem;font-weight:600;display:flex}.show-more:active{transform:scale(.96)}@media (hover:hover){.show-more:hover{background:color-mix(in srgb, var(--press) 60%, var(--text) 8%)}}.meta-strong{color:var(--text);font-weight:600}.album-description{max-width:560px;color:var(--text-3);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:6px;font-size:.8125rem;display:-webkit-box;overflow:hidden}.notice-card{border-radius:var(--radius);background:var(--hover);max-width:620px;color:var(--text-2);align-items:flex-start;gap:10px;padding:14px 16px;font-size:.875rem;line-height:1.5;display:flex}.notice-card p{margin:0}.notice-tip{color:var(--text-3);font-size:.8125rem;margin-top:8px!important}.notice-card svg{flex:none;margin-top:3px}.chips{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.chip{background:var(--press);height:30px;color:var(--text);cursor:pointer;transition:background-color var(--fast) ease, color var(--fast) ease, transform var(--fast) var(--ease-out);border:0;border-radius:99px;align-items:center;gap:6px;padding:0 14px;font-size:.8125rem;font-weight:500;display:inline-flex}.chip:active{transform:scale(.95)}.chip[aria-selected=true]{background:var(--text);color:var(--bg)}.chip-count{opacity:.55;font-variant-numeric:tabular-nums}@media (hover:hover){.chip:not([aria-selected=true]):hover{background:color-mix(in srgb, var(--press) 60%, var(--text) 8%)}}.track-hit{z-index:0;border-radius:inherit;cursor:pointer;background:0 0;border:0;padding:0;position:absolute;inset:0}.track-hit:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.track-row>:not(.track-hit){pointer-events:none}.track-row .inline-link{z-index:1;pointer-events:auto;position:relative}.track-row{cursor:pointer}.inline-link.subtle{color:inherit;font-weight:inherit}@media (hover:hover){.inline-link.subtle:hover{color:var(--text);text-decoration:underline}}.np-track .inline-link{text-align:left;text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}a.via-spotify:hover{color:var(--text-2)}.np-track{border-radius:var(--radius);transition:background-color var(--fast) ease;margin:0 -8px;padding:6px 8px}.np-track.is-clickable{cursor:pointer}.np-track.is-open{background:var(--accent-soft)}@media (hover:hover){.np-track.is-clickable:hover{background:var(--hover)}.np-track.is-open:hover{background:var(--accent-soft)}}.np-art-button{border-radius:var(--radius-xs);cursor:pointer;background:0 0;border:0;flex:none;padding:0;position:relative}.np-art-button:after{content:"";border-radius:inherit;opacity:0;transition:opacity var(--fast) ease;background:#00000059 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m18 15-6-6-6 6'/%3E%3C/svg%3E") 50% no-repeat;position:absolute;inset:0}@media (hover:hover){.np-track.is-clickable:hover .np-art-button:after{opacity:1}}.np-track .track-title,.np-track .track-sub{position:relative}.icon-button.toggle{color:var(--text-2);position:relative}.icon-button.toggle.is-on{color:var(--accent)}.icon-button.toggle.is-on:after{content:"";background:currentColor;border-radius:50%;width:4px;height:4px;margin-left:-2px;position:absolute;bottom:1px;left:50%}.np-devices{position:relative}.player-bar.is-remote{padding-bottom:14px}.remote-strip{background:var(--accent);color:#fff;letter-spacing:.01em;justify-content:flex-end;align-items:center;gap:6px;height:18px;padding:0 22px;font-size:.6875rem;font-weight:600;display:flex;position:absolute;bottom:0;left:0;right:0}.shell.has-queue{grid-template-columns:var(--sidebar-width) 1fr 340px}.queue-panel{height:calc(100% - var(--player-height));border-left:1px solid var(--hairline);background:var(--sidebar);animation:panel-in var(--base) var(--ease-out);padding:26px 16px 24px;overflow-y:auto}@keyframes panel-in{0%{opacity:0;transform:translate(16px)}}.queue-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.queue-head h2{font:700 1.25rem/1.2 var(--font-display);letter-spacing:-.015em;margin:0}.queue-label{color:var(--text-2);margin:18px 0 6px;font-size:.8125rem;font-weight:600}.queue-panel .track-list{margin:0 -10px}.queue-panel .track-list li+li .track-row:before{left:96px}.device-popover{z-index:20;border-radius:var(--radius);background:var(--surface);width:290px;box-shadow:var(--shadow-float), 0 0 0 1px var(--hairline);animation:pop-in .18s var(--ease-out);transform-origin:calc(100% - 50px) 100%;padding:14px 8px 8px;position:absolute;bottom:calc(100% + 14px);right:-40px}@keyframes pop-in{0%{opacity:0;transform:scale(.94)translateY(6px)}}.device-popover h3{margin:0 10px 8px;font-size:.9375rem}.device-popover ul{margin:0;padding:0;list-style:none}.device-item{border-radius:var(--radius-sm);width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;padding:9px 10px;display:flex}.device-item:disabled{opacity:.45;cursor:default}.device-item.is-active{color:var(--accent)}@media (hover:hover){.device-item:not(:disabled):hover{background:var(--hover)}}.device-text{flex-direction:column;min-width:0;display:flex}.device-name{white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:500;overflow:hidden}.device-sub{color:var(--text-3);font-size:.75rem}.device-skeleton{height:44px;margin:0 6px}.menu{z-index:50;border-radius:var(--radius-sm);background:var(--surface);min-width:200px;box-shadow:var(--shadow-float), 0 0 0 1px var(--hairline);animation:pop-in .14s var(--ease-out);padding:6px;position:fixed}.menu-item{width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:10px;padding:8px 10px;font-size:.8125rem;display:flex}.menu-item:focus-visible{background:var(--hover);outline:none}@media (hover:hover){.menu-item:hover{background:var(--hover)}}.menu-sep{background:var(--hairline);height:1px;margin:5px 4px}.menu-sep:first-child{display:none}.track-time{justify-content:flex-end;align-items:center;gap:4px;display:flex}.row-more{width:24px;height:24px;color:var(--text-2);opacity:0;transition:opacity var(--fast) ease;border-radius:50%;place-items:center;display:grid}.track-row:focus-within .row-more{opacity:1}@media (hover:hover){.track-row:hover .row-more{opacity:1}.row-more:hover{background:var(--press)}}@media (width<=1100px){.shell.has-queue{grid-template-columns:var(--sidebar-width) 1fr 300px}}.like-button{width:26px;height:26px;color:var(--text-3);transition:color var(--fast) ease, opacity var(--fast) ease;border-radius:50%;place-items:center;display:grid}.like-button.is-liked{color:var(--accent-2)}.like-button.is-liked svg{animation:heart-pop .32s var(--ease-out)}@keyframes heart-pop{40%{transform:scale(1.3)}}@media (hover:hover){.like-button:hover{color:var(--text)}.like-button.is-liked:hover{color:var(--accent-2)}}.track-row .like-button:not(.is-liked){opacity:0}.track-row:focus-within .like-button,.track-row.is-current .like-button{opacity:1}@media (hover:hover){.track-row:hover .like-button{opacity:1}}.track-row{grid-template-columns:70px minmax(0,1.3fr) minmax(0,1fr) 104px}.track-list.no-album .track-row{grid-template-columns:70px minmax(0,1fr) 104px}.track-list.is-numbered .track-row{grid-template-columns:22px 70px minmax(0,1.3fr) minmax(0,1fr) 104px}.track-list.is-numbered.no-album .track-row{grid-template-columns:22px 70px minmax(0,1fr) 104px}.queue-panel .track-row{grid-template-columns:70px minmax(0,1fr) 96px}.np-like{flex:none;position:relative}.album-hero-text .pill-button+.pill-button,.artist-hero-text .pill-button+.pill-button{margin-left:10px}.pill-button.outline{border:1px solid color-mix(in srgb, var(--text) 30%, transparent);color:var(--text);box-shadow:none;background:0 0}.pill-button.outline.is-on{border-color:var(--accent);color:var(--accent)}.liked-cover{background:linear-gradient(140deg, #5b3fd6, var(--accent) 45%, var(--accent-2));color:#fff}.liked-cover svg{filter:drop-shadow(0 6px 18px #00000040)}.library-page{padding-top:40px}.liked-tile{border-radius:var(--radius);background:linear-gradient(120deg, color-mix(in srgb, var(--accent) 22%, var(--surface)), var(--surface));width:100%;max-width:460px;box-shadow:var(--shadow-art), inset 0 0 0 1px var(--hairline);color:var(--text);text-align:left;cursor:pointer;transition:transform var(--fast) var(--ease-out), box-shadow var(--base) var(--ease-out);border:0;align-items:center;gap:18px;margin-bottom:24px;padding:14px;display:flex}.liked-tile:active{transform:scale(.985)}@media (hover:hover){.liked-tile:hover{box-shadow:var(--shadow-float), inset 0 0 0 1px var(--hairline);transform:translateY(-1px)}}.liked-tile-art{background:linear-gradient(140deg, #5b3fd6, var(--accent) 45%, var(--accent-2));color:#fff;width:72px;height:72px;box-shadow:var(--shadow-art);border-radius:10px;flex:none;place-items:center;display:grid}.liked-tile-title{font:700 1.25rem/1.2 var(--font-display);letter-spacing:-.015em;display:block}.liked-tile-sub{color:var(--text-2);margin-top:2px;font-size:.8125rem;display:block}.library-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;display:flex}.nav-item.new-playlist{color:var(--text-2);margin-top:14px}.track-row[draggable=true]{cursor:grab}.track-row[data-drop=before]{box-shadow:inset 0 2px 0 var(--accent)}.track-row[data-drop=after]{box-shadow:inset 0 -2px 0 var(--accent)}.menu-back{font-weight:600}.menu-chevron{color:var(--text-3);margin-left:auto}.menu-scroll{max-height:260px;overflow-y:auto}.menu-label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.menu-loading{color:var(--text-3);padding:8px 10px;font-size:.8125rem}.scrim{z-index:60;background:var(--scrim);animation:fade-in var(--base) ease;place-items:center;padding:24px;display:grid;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}}.dialog{border-radius:var(--radius);background:var(--surface);width:min(440px,100%);box-shadow:var(--shadow-float);animation:pop-in .2s var(--ease-out);padding:22px}.dialog h2{font:700 1.25rem/1.2 var(--font-display);margin:0 0 16px}.field{color:var(--text-2);gap:6px;margin-bottom:14px;font-size:.8125rem;font-weight:500;display:grid}.field input,.field textarea{border:1px solid var(--hairline);border-radius:var(--radius-sm);background:var(--bg);width:100%;color:var(--text);font:inherit;resize:vertical;padding:10px 12px;font-size:.9375rem}.field input:focus,.field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.dialog-actions{justify-content:flex-end;gap:10px;margin-top:6px;display:flex}.pill-button.outline svg{vertical-align:-2px;margin-right:4px}.search-chips{margin:14px 0 0}.search-results{animation:fade-in var(--base) ease}.search-top{grid-template-columns:minmax(260px,2fr) 3fr;gap:24px;margin-top:22px;display:grid}@media (width<=860px){.search-top{grid-template-columns:1fr}}.search-heading{font:700 1.25rem/1.2 var(--font-display);letter-spacing:-.01em;margin:0 0 12px}.search-songs .track-list{margin:0}.top-result{border-radius:var(--radius);background:var(--surface);width:100%;min-height:228px;box-shadow:var(--shadow-art);color:var(--text);text-align:left;cursor:pointer;transition:transform var(--base) var(--ease-out), box-shadow var(--base) var(--ease-out), background-color var(--fast) ease;border:0;flex-direction:column;align-items:flex-start;gap:10px;padding:20px;display:flex;position:relative}.top-result:active{transform:scale(.985)}.top-result-art{border-radius:var(--radius-sm);object-fit:cover;width:96px;height:96px;box-shadow:var(--shadow-art)}.top-result-art.is-round{border-radius:50%}.top-result-name{font:700 1.875rem/1.1 var(--font-display);letter-spacing:-.02em;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:6px;display:-webkit-box;overflow:hidden}.top-result-meta{color:var(--text-2);align-items:center;gap:8px;font-size:.875rem;display:flex}.kind-pill{background:var(--press);color:var(--text);border-radius:99px;padding:3px 10px;font-size:.75rem;font-weight:600}.top-result .play-badge{width:44px;height:44px;position:absolute;bottom:20px;right:20px}@media (hover:hover){.top-result:hover{box-shadow:var(--shadow-float);transform:translateY(-2px)}.top-result:hover .play-badge{opacity:1;transform:translateY(0)}}.recent-searches{margin-top:26px}.shelf-head.with-action{justify-content:space-between;align-items:baseline;display:flex}.recent-list{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.recent-chip{background:var(--press);transition:background-color var(--fast) ease;border-radius:99px;align-items:center;display:inline-flex}.recent-query,.recent-remove{height:34px;color:var(--text);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;font-size:.875rem;display:inline-flex}.recent-query{padding:0 4px 0 14px}.recent-remove{color:var(--text-3);padding:0 12px 0 6px}@media (hover:hover){.recent-chip:hover{background:color-mix(in srgb, var(--press) 60%, var(--text) 8%)}.recent-remove:hover{color:var(--text)}}.episode-list{margin:0;padding:0;list-style:none}.episode+.episode{border-top:1px solid var(--hairline)}.episode-hit{border-radius:var(--radius-sm);width:100%;color:var(--text);text-align:left;cursor:pointer;transition:background-color var(--fast) ease;background:0 0;border:0;grid-template-columns:88px 1fr;gap:16px;padding:14px 10px;display:grid;position:relative}.episode-art{border-radius:var(--radius-sm);object-fit:cover;width:88px;height:88px;color:var(--text-3)}.episode-body{gap:4px;min-width:0;padding-right:52px;display:grid}.episode-name{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.episode.is-current .episode-name{color:var(--accent)}.episode-show{color:var(--text-2);font-size:.8125rem}.episode-desc{color:var(--text-3);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.8125rem;display:-webkit-box;overflow:hidden}.episode-meta{color:var(--text-2);font-variant-numeric:tabular-nums;align-items:center;gap:10px;font-size:.75rem;display:flex}.episode-progress{background:var(--press);border-radius:2px;width:64px;height:3px;overflow:hidden}.episode-progress>span{background:var(--accent);height:100%;display:block}.episode-hit .play-badge{width:40px;height:40px;margin-top:-20px;position:absolute;top:50%;bottom:auto;right:14px}.episode.is-current .play-badge{opacity:1;transform:none}@media (hover:hover){.episode-hit:hover{background:var(--press)}.episode-hit:hover .play-badge{opacity:1;transform:none}}.transport{flex-direction:column;align-items:center;gap:4px;width:100%;display:flex}.fs{--text:#fff;--text-2:#ffffffb8;--text-3:#ffffff80;--press:#ffffff1f;--hairline:#ffffff24;z-index:50;color:var(--text);animation:fs-in .36s var(--ease-out);background:#111114;flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}@keyframes fs-in{0%{opacity:0;transform:translateY(4%)}}.fs-bg{filter:blur(70px)saturate(160%)brightness(.55);background:#222 50%/cover no-repeat;transition:background-image .6s;position:absolute;inset:-15%;transform:scale(1.1)}.fs-bg:after{content:"";background:radial-gradient(at 30% 40%,#0000,#00000073);position:absolute;inset:0}.fs-top,.fs-body{position:relative}.fs-top{justify-content:space-between;align-items:center;padding:18px 24px 0;display:flex}.fs-label{color:var(--text-2);letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;font-weight:600}.fs .icon-button{color:var(--text-2)}.fs .icon-button:hover:not(:disabled){color:var(--text)}.fs .icon-button.is-on{color:var(--accent)}.fs-body{flex:1;grid-template-columns:1fr;place-items:center;gap:48px;min-height:0;padding:12px clamp(20px,5vw,72px) 36px;display:grid}.fs.has-lyrics .fs-body{grid-template-columns:minmax(300px,1fr) minmax(300px,1.1fr)}.fs-main{flex-direction:column;align-items:center;gap:26px;width:min(440px,100%);display:flex}.fs-disc{aspect-ratio:1;width:min(380px,58vh,100%);position:relative}.fs-art{object-fit:cover;width:100%;height:100%;transition:transform .6s var(--ease-out);border-radius:14px;display:block;position:relative;box-shadow:0 30px 80px #00000080}.fs-vinyl{transition:transform .7s var(--ease-out);background:radial-gradient(circle,#0000 0 31%,#ffffff0d 31.5% 32%,#0000 32.5%),repeating-radial-gradient(circle,#111 0 2px,#1b1b1b 2px 3px);border-radius:50%;position:absolute;inset:3%;box-shadow:0 20px 50px #00000080}.fs-vinyl-label{background:#333 50%/cover;border-radius:50%;position:absolute;inset:34%}.fs-vinyl-label:after{content:"";background:#0d0d0d;border-radius:50%;position:absolute;inset:44%}.fs-disc.is-playing .fs-art{transform:translate(-12%)}.fs-disc.is-playing .fs-vinyl{transform:translate(22%)}.fs-disc.is-playing .fs-vinyl-label{animation:3.6s linear infinite spin}.fs-disc.is-playing .fs-vinyl{background:radial-gradient(circle,#0000 0 31%,#ffffff0d 31.5% 32%,#0000 32.5%),conic-gradient(#ffffff0f,#0000 15%,#ffffff0f 50%,#0000 65%),repeating-radial-gradient(circle,#111 0 2px,#1b1b1b 2px 3px)}.fs-meta{align-items:center;gap:14px;width:100%;display:flex}.fs-text{flex:1;min-width:0}.fs-title{font:700 1.625rem/1.15 var(--font-display);letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.fs-artists{color:var(--text-2);margin:4px 0 0;font-size:1.0625rem}.transport.is-large{gap:10px}.transport.is-large .controls{order:2;gap:26px}.transport.is-large .icon-button{width:44px;height:44px}.transport.is-large .icon-button.primary{color:#111;background:#fff;width:64px;height:64px}.fs-lyrics{scrollbar-width:none;align-self:stretch;width:100%;max-width:560px;padding:30vh 8px;overflow-y:auto;-webkit-mask-image:linear-gradient(#0000,#000 18% 82%,#0000);mask-image:linear-gradient(#0000,#000 18% 82%,#0000)}.fs-lyrics::-webkit-scrollbar{display:none}.lyrics-lines{margin:0;padding:0;list-style:none}.lyrics-lines button{width:100%;color:var(--text-3);font:700 clamp(1.25rem, 2.3vw, 1.875rem) / 1.25 var(--font-display);letter-spacing:-.015em;text-align:left;cursor:pointer;transform-origin:0;transition:color .3s ease, opacity .3s ease, transform .4s var(--ease-out);background:0 0;border:0;padding:8px 0;display:block}.lyrics-lines .is-past button{opacity:.6}.lyrics-lines .is-active button{color:#fff;transform:scale(1.03)}@media (hover:hover){.lyrics-lines button:hover{color:var(--text-2)}}.lyrics-plain{white-space:pre-line;color:var(--text);font:600 1.25rem/1.6 var(--font-display);margin:0}.lyrics-note{color:var(--text-2);font-size:1.0625rem}.lyrics-credit{color:var(--text-3);margin-top:32px;font-size:.75rem}.lyrics-credit a{color:inherit}@media (width<=860px){.fs.has-lyrics .fs-body{grid-template-columns:1fr}.fs.has-lyrics .fs-disc{display:none}}@media (prefers-reduced-motion:reduce){.fs{animation:.2s fade-in}.fs-disc.is-playing .fs-vinyl-label{animation:none}.lyrics-lines button{transition:color .2s}.lyrics-lines .is-active button{transform:none}}.show-about{max-width:720px;margin:8px 0 22px}.show-about h2{font:700 1.25rem/1.2 var(--font-display);margin:0 0 8px}.show-about p{color:var(--text-2);white-space:pre-line;margin:0 0 6px;line-height:1.55}.show-about p.is-clamped{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.more-button{margin:18px auto 0;display:block}.mix-cover{background-color:hsl(var(--hue) 55% 42%);background-position:50%;background-size:cover;position:relative;overflow:hidden}.mix-cover:before{content:"";background:linear-gradient(160deg, hsl(var(--hue) 80% 60% / .55), hsl(calc(var(--hue) + 40) 70% 30% / .85));mix-blend-mode:multiply;position:absolute;inset:0}.mix-label{color:#fff;font:800 1.125rem/1.1 var(--font-display);letter-spacing:-.01em;text-shadow:0 1px 8px #00000059;text-align:left;position:absolute;bottom:10px;left:10px;right:10px}.mix-card .play-badge{width:40px;height:40px;position:absolute;top:10px;bottom:auto;right:10px}.pill-button.outline svg{vertical-align:-2px}.icon-button.primary.is-buffering{position:relative}.icon-button.primary.is-buffering:after{content:"";border:2px solid #0000;border-top-color:var(--accent);border-radius:50%;animation:.9s linear infinite spin;position:absolute;inset:-4px}@media (prefers-reduced-motion:reduce){.icon-button.primary.is-buffering:after{animation-duration:2.4s}}.card-row-wrap{position:relative}.row-arrow{z-index:3;background:var(--surface);width:36px;height:36px;box-shadow:var(--shadow-float);color:var(--text);cursor:pointer;opacity:.85;transition:opacity var(--fast) ease, transform var(--fast) var(--ease-out);border:0;border-radius:50%;place-items:center;margin-top:-18px;display:grid;position:absolute;top:88px}.row-arrow[hidden]{display:none}.row-arrow.is-prev{left:calc(var(--gutter) * -.5 - 4px)}.row-arrow.is-next{right:calc(var(--gutter) * -.5 - 4px)}.row-arrow:active{transform:scale(.92)}@media (hover:hover){.row-arrow:hover{opacity:1;transform:scale(1.06)}}.center-screen{text-align:center;place-items:center;height:100%;padding:24px;display:grid}.center-card{max-width:380px;animation:fade-up .4s var(--ease-out)}.center-card .brand-mark{box-shadow:var(--shadow-float);margin:0 auto 24px}.center-card h1{font:700 2.5rem/1.05 var(--font-display);letter-spacing:-.03em;margin:0 0 10px}.center-card p{color:var(--text-2);margin:0 0 30px;font-size:1rem;line-height:1.55}.center-card code{border-radius:var(--radius-xs);background:var(--press);padding:1px 6px;font-size:.8125rem}.pill-button{background:var(--text);height:44px;color:var(--bg);cursor:pointer;transition:transform var(--fast) var(--ease-out), opacity var(--fast) ease;border:0;border-radius:99px;padding:0 28px;font-size:.9375rem;font-weight:600}.pill-button:active{transform:scale(.96)}@media (hover:hover){.pill-button:hover{opacity:.88}}.banner{border-radius:var(--radius-sm);background:var(--accent-soft);max-width:520px;margin:16px 0 0;padding:10px 14px;font-size:.875rem}.banner.error{background:color-mix(in srgb, var(--danger) 10%, transparent);color:var(--danger)}.center-card .banner{margin:20px auto 0}.toast{bottom:calc(var(--player-height) + 16px);z-index:70;background:var(--glass);box-shadow:var(--shadow-float), inset 0 0 0 1px var(--hairline);letter-spacing:.005em;-webkit-backdrop-filter:saturate(180%)blur(24px);animation:toast-in var(--base) var(--ease-out);border-radius:99px;padding:9px 16px;font-size:.8125rem;position:fixed;left:50%;transform:translate(-50%)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,6px)scale(.98)}}.splash{z-index:100;background:var(--bg);cursor:default;flex-direction:column;justify-content:center;align-items:center;gap:28px;display:flex;position:fixed;inset:0;overflow:hidden}.splash.is-exiting{pointer-events:none;animation:.45s cubic-bezier(.4,0,1,1) forwards splash-out}@keyframes splash-out{to{opacity:0;filter:blur(12px);transform:scale(1.06)}}.splash-aurora{background:radial-gradient(38% 30% at 35% 45%, color-mix(in srgb, var(--accent) 38%, transparent), transparent 70%), radial-gradient(34% 28% at 65% 55%, color-mix(in srgb, var(--accent-2) 30%, transparent), transparent 70%), radial-gradient(30% 22% at 52% 36%, #38bdf838, transparent 70%);filter:blur(48px);animation:aurora-rise 1.9s var(--ease-out) both;position:absolute;inset:-20%}@keyframes aurora-rise{0%{opacity:0;transform:translateY(8%)scale(.92)rotate(-4deg)}to{opacity:1;transform:translateY(0)scale(1)rotate(0)}}.splash-emblem{place-items:center;width:220px;height:220px;display:grid;position:relative}.splash-emblem>*{grid-area:1/1}.splash-glow{background:radial-gradient(closest-side, color-mix(in srgb, var(--accent) 42%, transparent), transparent);width:220px;height:220px;animation:glow 1.5s var(--ease-out) both;border-radius:50%}@keyframes glow{0%{opacity:0;transform:scale(.6)}55%{opacity:1;transform:scale(1.05)}to{opacity:.75;transform:scale(1)}}.splash-ring{border:1.5px solid color-mix(in srgb, var(--accent) 55%, transparent);opacity:0;width:104px;height:104px;animation:ripple 1.5s var(--ease-out) .25s infinite;border-radius:50%}.splash-ring+.splash-ring{animation-delay:.75s}@keyframes ripple{0%{opacity:.9;transform:scale(.9)}to{opacity:0;transform:scale(2.05)}}.splash-halo{background:conic-gradient(from 0deg, transparent 0deg 170deg, color-mix(in srgb, var(--accent) 50%, transparent) 260deg, var(--accent-2) 340deg, #fff 356deg, transparent 360deg), color-mix(in srgb, var(--accent) 16%, transparent);width:136px;height:136px;filter:drop-shadow(0 0 6px var(--accent-2)) drop-shadow(0 0 14px var(--accent));animation:halo-in .5s var(--ease-out) .15s both, spin 1.1s linear infinite;border-radius:50%;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 3px),#000 calc(100% - 2.5px));mask:radial-gradient(farthest-side,#0000 calc(100% - 3px),#000 calc(100% - 2.5px))}@keyframes halo-in{0%{opacity:0;scale:.85}}@keyframes spin{to{rotate:360deg}}:root[data-theme=dark] .splash-aurora{background:radial-gradient(40% 32% at 35% 45%, color-mix(in srgb, var(--accent) 55%, transparent), transparent 70%), radial-gradient(36% 30% at 66% 56%, color-mix(in srgb, var(--accent-2) 42%, transparent), transparent 70%), radial-gradient(32% 24% at 52% 34%, #2dd4bf4d, transparent 70%)}:root[data-theme=dark] .splash-glow{background:radial-gradient(closest-side, color-mix(in srgb, var(--accent) 60%, transparent), transparent)}.splash-mark{box-shadow:0 10px 40px color-mix(in srgb, var(--accent) 45%, transparent), var(--shadow-float);animation:mark-in .7s var(--ease-out) both}@keyframes mark-in{0%{opacity:0;filter:blur(6px);transform:scale(.7)}}.splash-word{font:600 1.625rem/1 var(--font-display);letter-spacing:-.02em;animation:word-in .8s var(--ease-out) .3s both;position:relative}@keyframes word-in{0%{opacity:0;letter-spacing:.35em;filter:blur(6px);transform:translateY(6px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}.track-row:active,.icon-button:active:not(:disabled),.pill-button:active{transform:none}.vinyl{transition:none}.track-row:hover .vinyl{transform:none}.track-row.is-current .vinyl{transform:translate(24px)}.album-vinyl{animation:none}.splash-ring,.splash-halo,.splash-aurora{display:none}.splash.is-exiting{animation:.3s forwards fade-out!important}}@keyframes fade-out{to{opacity:0}}@media (prefers-reduced-transparency:reduce){.page-header,.toast,.sidebar{background:var(--surface);-webkit-backdrop-filter:none}}@media (prefers-contrast:more){:root{--hairline:#7f7f7f80;--text-2:var(--text);--text-3:var(--text-2)}}@media (width<=760px){:root{--gutter:16px}.shell{grid-template-columns:1fr}.sidebar{display:none}.page-header{padding-top:24px}.track-row{grid-template-columns:70px minmax(0,1fr) 44px}.track-album{display:none}.card-row{grid-auto-columns:140px}.player-bar{grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:0 12px}.np-center .progress,.np-right{display:none}}