*{margin:0;padding:0;box-sizing:border-box}:root{--gutter: clamp(14px, 3.5vw, 26px);--content-max: 1400px;--panel-pad: clamp(18px, 4vw, 30px);--panel-gap: clamp(14px, 2.4vw, 20px);--panel-radius: 20px;--rail: 860px;--stack-gap: clamp(10px, 2vw, 14px);--c-white: #fff;--c-accent: #b14cff;--c-accent-dark: #8f2fdb;--c-accent-light: #cf8dff;--c-cyan: #00ccff;--surface-0: #161616;--surface-1: #191919;--surface-2: #1f1f1f;--surface-3: #222;--surface-4: #262626;--surface-5: #2a2a2a;--surface-6: #2e2e2e;--surface-7: #333;--surface-8: #3a3a3a;--text-dark: #444;--text-faint: #666;--text-dim: #888;--text-muted: #ccc;--text-soft: #ddd;--text-bright: #eee;--c-star: #f5c518;--c-error: #d98a8a;--fs-xs: .74em;--fs-sm: .84em;--fs-md: .95em;--fs-lg: 1.1em;--fs-xl: clamp(1.4em, 4vw, 2em);--fs-hero: clamp(1.7em, 6vw, 2.9em);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-pill: 999px;--space-1: 6px;--space-2: 10px;--space-3: 16px;--space-4: 24px}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;overflow-x:hidden;overscroll-behavior-x:none;scrollbar-width:none}html::-webkit-scrollbar{width:0;height:0}body{font-family:Segoe UI,Arial,sans-serif;background:#0a0a0a;color:var(--text-bright);line-height:1.6;overflow-x:hidden;overscroll-behavior-x:none;touch-action:manipulation;-webkit-font-smoothing:antialiased;padding-bottom:calc(104px + env(safe-area-inset-bottom,0px))}:focus-visible{outline:2px solid var(--c-cyan);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.session-gone{position:fixed;inset:0 0 auto;z-index:900;padding:var(--space-3) var(--gutter);background:var(--c-star, #e0a030);color:#1a1200;text-align:center;box-shadow:0 6px 24px #00000073}.session-gone strong{display:block;font-size:var(--fs-md)}.session-gone p{margin:4px 0 0;font-size:var(--fs-sm);line-height:1.5;max-width:62ch;margin-inline:auto}.header{position:sticky;top:0;z-index:300;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--gutter);background:#111111eb;border-bottom:1px solid var(--surface-3)}.brand{grid-column:2;display:flex;align-items:center;justify-content:center;gap:var(--space-2);text-decoration:none;color:var(--text-bright);min-width:0}.brand:before,.brand:after{content:"";flex:0 0 auto;width:clamp(18px,7vw,90px);height:1px;background:linear-gradient(to right,transparent,var(--surface-8) 40%,var(--surface-8) 60%,transparent)}.brand svg{width:26px;height:26px;flex-shrink:0;color:var(--c-accent)}.brand h1{font-size:var(--fs-lg);font-weight:600;letter-spacing:.4px;white-space:nowrap}.brand-text{display:flex;flex-direction:column;align-items:center;line-height:1.15;min-width:0}.brand-accent{color:var(--c-accent)}.brand .caption{font-size:var(--fs-xs);color:var(--text-faint);white-space:nowrap}.header-actions{grid-column:3;justify-self:end;display:flex;align-items:center;gap:var(--space-2)}.header-gear{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;border:1px solid var(--surface-7);background:var(--surface-2);color:var(--text-dim)}.header-gear svg{width:18px;height:18px}@media (hover: hover){.header-gear:hover{color:var(--c-accent-light);border-color:var(--c-accent)}}.header-gear:focus-visible{outline:2px solid var(--c-accent);outline-offset:2px}@media (max-width: 420px){.brand:before,.brand:after{display:none}}.back-btn{display:inline-flex;align-items:center;gap:var(--space-1);padding:8px 16px;border-radius:var(--radius-pill);border:1px solid var(--surface-7);background:var(--surface-2);color:var(--text-soft);font-size:var(--fs-sm);cursor:pointer;text-decoration:none}@media (hover: hover){.back-btn:hover{background:var(--surface-4);color:var(--text-bright)}}#view-artist{position:relative}.float-back{position:absolute;top:14px;left:var(--gutter);z-index:5;background:#161616b8}.tabbar{position:fixed;left:50%;transform:translate(-50%);bottom:calc(14px + env(safe-area-inset-bottom,0px));z-index:320;display:flex;align-items:center;gap:var(--space-2);max-width:calc(100vw - 2 * var(--gutter))}.tabbar-pill{display:flex;align-items:center;gap:4px;padding:6px;border-radius:var(--radius-pill);background:#161616eb;border:1px solid var(--surface-7);box-shadow:0 10px 34px #0000008c;min-width:0;overflow-x:auto;scrollbar-width:none}.tabbar-pill::-webkit-scrollbar{display:none}.tabbtn{display:flex;align-items:center;gap:7px;flex:0 0 auto;padding:9px 16px;border:none;border-radius:var(--radius-pill);background:transparent;color:var(--text-dim);font-size:var(--fs-sm);font-weight:600;font-family:inherit;cursor:pointer;white-space:nowrap;transition:background .16s ease,color .16s ease}.tabbtn svg{width:18px;height:18px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.tabbtn.active{background:var(--c-accent);color:var(--c-white)}@media (hover: hover){.tabbtn:not(.active):hover{background:var(--surface-4);color:var(--text-bright)}}.tabbtn:focus-visible,.tabbar-search:focus-visible{outline:2px solid var(--c-accent-light);outline-offset:2px}.tabbar-search{display:grid;place-items:center;flex:0 0 auto;width:46px;height:46px;border-radius:50%;border:1px solid var(--surface-7);background:#161616eb;box-shadow:0 10px 34px #0000008c;color:var(--text-soft);cursor:pointer;transition:background .16s ease,color .16s ease}.tabbar-search svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round}.tabbar-search.active{background:var(--c-accent);border-color:var(--c-accent);color:var(--c-white)}@media (hover: hover){.tabbar-search:not(.active):hover{background:var(--surface-4);color:var(--text-bright)}}.has-tabbar main{padding-top:var(--space-4);padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))}@media (prefers-reduced-motion: reduce){.tabbtn,.tabbar-search{transition:none}}.searchsheet{position:fixed;inset:0;z-index:340;display:none;background:#080808b8;backdrop-filter:blur(6px)}.searchsheet.open{display:block}.searchsheet-panel{position:absolute;top:0;left:50%;transform:translate(-50%);width:min(680px,calc(100vw - 2 * var(--gutter)));margin-top:calc(14px + env(safe-area-inset-top,0px));background:var(--surface-0);border:1px solid var(--surface-7);border-radius:var(--radius-lg);box-shadow:0 24px 60px #000000b3;overflow:hidden}.searchsheet-bar{display:flex;align-items:center;gap:var(--space-2);padding:10px}.searchsheet-bar input{flex:1;min-width:0;padding:13px 14px;border-radius:var(--radius-md);border:1px solid var(--surface-7);background:var(--surface-2);color:var(--text-bright);font-size:16px;font-family:inherit}.searchsheet-bar input:focus{outline:none;border-color:var(--c-accent)}.searchsheet-close{flex:0 0 auto;width:42px;height:42px;border-radius:var(--radius-md);border:1px solid var(--surface-7);background:var(--surface-2);color:var(--text-soft);font-size:20px;line-height:1;cursor:pointer}@media (hover: hover){.searchsheet-close:hover{background:var(--surface-4);color:var(--text-bright)}}.searchsheet .suggestions{position:static;transform:none;width:auto;max-height:min(60vh,460px);border:none;border-top:1px solid var(--surface-3);border-radius:0;box-shadow:none;background:transparent}.searchsheet-hint{padding:14px;color:var(--text-faint);font-size:var(--fs-sm);text-align:center;border-top:1px solid var(--surface-3)}a.tabbtn{text-decoration:none}body[data-view=artist] main{padding-top:0}body.np-open main{padding-bottom:calc(196px + env(safe-area-inset-bottom,0px))}body.lyrics-open .tabbar{display:none}.suggestions{position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%);width:min(560px,calc(100% - 40px));max-height:66vh;overflow-y:auto;scrollbar-width:none;background:var(--surface-0);border:1px solid var(--surface-7);border-radius:12px;box-shadow:0 16px 48px #000000a6;z-index:60;-webkit-overflow-scrolling:touch}.suggestions::-webkit-scrollbar{width:0;height:0}.suggestion{display:flex;align-items:center;gap:12px;padding:9px 12px;cursor:pointer;border-bottom:1px solid #202020}.suggestion:last-child{border-bottom:none}.suggestion:hover,.suggestion[aria-selected=true]{background:var(--surface-2)}.suggestion .s-info{display:flex;flex-direction:column;gap:2px;min-width:0}.suggestion .s-title{color:var(--text-bright);font-size:.95em;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.suggestion .s-sub{color:#8a8a8a;font-size:.78em}.suggestion .s-tag{margin-left:7px;padding:1px 6px;border-radius:var(--radius-pill);background:var(--surface-4);border:1px solid var(--surface-7);color:var(--text-dim);font-size:.72em;font-weight:500;white-space:nowrap;vertical-align:middle}input#query.searching{animation:searching 1s ease-in-out infinite}@keyframes searching{0%,to{border-color:var(--surface-7)}50%{border-color:var(--c-accent)}}@media (prefers-reduced-motion: reduce){input#query.searching{animation:none;border-color:var(--c-accent)}}.suggestion.no-match{color:var(--text-faint);font-size:var(--fs-sm);cursor:default;justify-content:center}.suggestions .sgroup{padding:10px 12px 4px;color:var(--text-faint);font-size:.7em;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.suggestions .sgroup+.sgroup{padding-top:0}.suggestions .suggest-songs{list-style:none;margin:0;padding:0}.suggestions .suggest-songs .song-row{padding-left:12px;padding-right:12px;border-bottom:1px solid #202020}.suggestions .suggest-songs li:last-child .song-row{border-bottom:none}.suggestions .suggest-songs .song-row[aria-selected=true]{background:var(--surface-2)}.suggestions .suggest-songs .song-rank{color:var(--text-faint)}.suggestions .suggestion .s-art{width:40px;min-width:40px;height:40px;object-fit:cover;border-radius:4px;background:var(--surface-4)}.suggestions .s-kind{margin-left:7px;padding:1px 6px;border-radius:var(--radius-pill);background:var(--surface-4);border:1px solid var(--surface-7);color:var(--text-dim);font-size:.72em;font-weight:500;white-space:nowrap;vertical-align:middle}.section-heading{display:flex;align-items:center;gap:16px;font-size:1.35em;font-weight:600;color:var(--c-white);letter-spacing:.2px;text-align:center;max-width:var(--content-max);margin:26px auto 16px;padding:0 var(--gutter)}.section-heading:before,.section-heading:after{content:"";flex:1;height:1px;background:linear-gradient(to right,transparent,var(--surface-7) 35%,var(--surface-7) 65%,transparent)}.section-heading>span{flex:0 0 auto;white-space:nowrap}@media (max-width: 640px){.section-heading{font-size:1.05em;gap:12px;margin:18px auto 12px}}.results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:18px;padding:0 var(--gutter);max-width:var(--content-max);margin:0 auto}.result-card{background:var(--surface-0);border-radius:16px;overflow:hidden;cursor:pointer;position:relative;transition:transform .3s,box-shadow .3s;content-visibility:auto;contain-intrinsic-size:auto var(--card-h, 240px)}@media (hover: hover){.result-card:hover{transform:scale(1.05);box-shadow:0 14px 34px #0009;z-index:1}}.result-card img{width:100%;aspect-ratio:1 / 1;height:auto;object-fit:cover;display:block}.result-card .info{padding:14px}.result-card:focus-visible{outline:2px solid var(--c-cyan);outline-offset:2px}.grid-panel{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:48px 24px;text-align:center;color:var(--text-dim)}.grid-panel.dashed{border:2px dashed var(--surface-7);border-radius:16px;margin:8px 0}.grid-panel p{margin:0;font-size:1.02em;line-height:1.5;max-width:42ch}.grid-panel strong{color:var(--c-white)}.skeleton-card{background:var(--surface-0);border-radius:16px;overflow:hidden}.skeleton-card .sk-img{width:100%;aspect-ratio:1 / 1}.skeleton-card .sk-body{padding:14px}.skeleton-card .sk-line{height:12px;border-radius:6px;margin-bottom:8px}.skeleton-card .sk-line.short{width:55%;margin-bottom:0}.skeleton-card .sk-img,.skeleton-card .sk-line{background:linear-gradient(90deg,var(--surface-1) 25%,#242424 37%,var(--surface-1) 63%);background-size:200% 100%;animation:shimmer 1.4s ease-in-out infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion: reduce){.skeleton-card .sk-img,.skeleton-card .sk-line{animation:none}}.result-card h3{margin:0 0 8px;font-size:1.1em;line-height:1.3;height:2.6em;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.load-more-container{display:flex;justify-content:center;padding:22px var(--gutter) 30px}.load-more-btn{padding:14px 44px;background:var(--surface-2);color:var(--text-muted);border:1px solid var(--surface-7);border-radius:50px;font-size:16px;cursor:pointer;transition:background .2s,color .2s}.load-more-btn:hover{background:var(--c-accent);color:#fff;border-color:var(--c-accent)}.load-more-sentinel{display:flex;align-items:center;justify-content:center;min-height:50px}.load-more-spinner{width:26px;height:26px;border:2px solid var(--surface-7);border-top-color:var(--c-accent);border-radius:50%;animation:spin .7s linear infinite}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (prefers-reduced-motion: reduce){.load-more-spinner{animation:none;border-top-color:var(--text-faint)}}.type-badge{display:inline-block;font-size:var(--fs-xs);background:#b14cff2e;color:var(--c-accent-light);padding:2px 10px;border-radius:var(--radius-pill);margin-top:4px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.panel-btn{padding:10px 24px;border-radius:var(--radius-pill);border:1px solid var(--surface-7);background:var(--surface-3);color:var(--text-soft);font-size:var(--fs-sm);cursor:pointer}@media (hover: hover){.panel-btn:hover{background:var(--surface-5);color:var(--text-bright)}}.hidden{display:none!important}@media (max-width: 640px){.result-card h3{height:auto;-webkit-line-clamp:1}.result-card .info{padding:10px 12px 12px}}.grid-sentinel{height:56px;margin:var(--space-3) auto 0;display:flex;align-items:center;justify-content:center}.grid-sentinel.is-loading:after{content:"";width:22px;height:22px;border-radius:50%;border:2px solid var(--surface-7);border-top-color:var(--c-accent);animation:grid-spin .7s linear infinite}@keyframes grid-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.grid-sentinel.is-loading:after{animation:none;border-top-color:var(--surface-8)}}.artist-hero{position:relative;height:clamp(220px,38vh,380px);overflow:hidden}.artist-hero img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(1.05)}.hero-gradient{position:absolute;inset:0;background:linear-gradient(to bottom,#0a0a0a40,#0a0a0a8c 55%,#0a0a0a)}.artist-card{max-width:var(--rail);margin:-70px auto 0;padding:0 var(--gutter) 90px;position:relative;z-index:2;display:flex;flex-direction:column;gap:var(--panel-gap)}.panel{background:#131313;border:1px solid rgb(255 255 255 / 6%);border-radius:var(--panel-radius);padding:var(--panel-pad);box-shadow:0 1px 2px #0006,0 8px 28px #00000047}.panel:empty,.panel.hidden{display:none}.panel-head{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-4);align-items:start}.artist-thumb{width:150px;aspect-ratio:1 / 1;border-radius:var(--radius-lg);object-fit:cover;background:var(--surface-2);margin-top:-56px;border:3px solid #131313}.artist-meta h2{font-size:var(--fs-hero);line-height:1.1;margin-bottom:var(--space-1)}.artist-disambig{color:var(--text-dim);font-size:var(--fs-md);font-style:italic}.chips{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-top:var(--space-2)}.chip{padding:4px 11px;border-radius:var(--radius-pill);background:var(--surface-3);color:var(--text-muted);font-size:var(--fs-xs);white-space:nowrap}.panel-heading{display:flex;align-items:center;gap:var(--space-3);font-size:var(--fs-md);font-weight:600;letter-spacing:1.4px;text-transform:uppercase;color:var(--text-dim);margin-bottom:var(--space-3)}.panel-heading:before,.panel-heading:after,.lp-title:before,.lp-title:after{content:"";flex:1;height:1px;background:#4d4d4d}.bio{color:var(--text-muted);font-size:var(--fs-md);line-height:1.65;white-space:pre-wrap}.bio.clamped{display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}.bio-toggle{margin-top:var(--space-2);background:none;border:none;color:var(--c-accent-light);font-size:var(--fs-sm);cursor:pointer;padding:0}@media (max-width: 560px){.panel-head{grid-template-columns:1fr}.artist-thumb{width:112px;margin-top:-46px}}.panel.panel-empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);text-align:center}.panel.panel-empty .more-btn{width:auto}.album-block{border:1px solid var(--surface-3);border-radius:var(--radius-md);overflow:hidden;margin-bottom:var(--space-2);background:var(--surface-1)}.album-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);cursor:pointer;background:#1a1a1a;border:none;width:100%;text-align:left;color:inherit;font:inherit}@media (hover: hover){.album-header:hover{background:var(--surface-4)}}.album-header:focus-visible{outline:2px solid var(--c-accent);outline-offset:-2px}.album-cover{width:56px;height:56px;flex-shrink:0;border-radius:var(--radius-sm);object-fit:cover;background:var(--surface-3)}.album-title{min-width:0}.album-title strong{display:block;font-size:var(--fs-md);color:var(--text-bright);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.album-year{font-size:var(--fs-xs);color:var(--text-dim)}.track-count{margin-left:auto;font-size:var(--fs-xs);color:var(--text-faint);white-space:nowrap}.chevron{flex-shrink:0;color:var(--text-faint);font-size:var(--fs-xs);width:1em;text-align:center}.track-list{border-top:1px solid var(--surface-3)}.track-list.hidden{display:none}.track-item{border-bottom:1px solid #1e1e1e}.track-item:last-child{border-bottom:none}.track-row{display:flex;align-items:center;gap:var(--space-3);padding:11px var(--space-3);cursor:pointer;background:none;border:none;width:100%;text-align:left;color:inherit;font:inherit}@media (hover: hover){.track-row:hover{background:var(--surface-2)}}.track-row:focus-visible{outline:2px solid var(--c-accent);outline-offset:-2px}.track-num{width:2.2em;flex-shrink:0;text-align:right;font-variant-numeric:tabular-nums;color:var(--text-faint);font-size:var(--fs-sm)}.track-name{flex:1;min-width:0;color:var(--text-soft);font-size:var(--fs-md);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-dur{width:3.4em;flex-shrink:0;text-align:right;font-variant-numeric:tabular-nums;color:var(--text-faint);font-size:var(--fs-sm)}@media (max-width: 560px){.album-cover{width:44px;height:44px}}.list-note{padding:11px var(--space-3);color:var(--text-faint);font-size:var(--fs-sm);margin:0}.top-songs{list-style:none;counter-reset:song}.song-row{display:flex;align-items:center;gap:var(--space-3);padding:9px 0;border-bottom:1px solid #1e1e1e;width:100%;background:none;border-left:none;border-right:none;border-top:none;text-align:left;color:inherit;font:inherit;cursor:pointer}.song-row:focus-visible{outline:2px solid var(--c-accent-light);outline-offset:-2px;border-radius:var(--radius-sm)}@media (hover: hover){.song-row:hover{background:var(--surface-2)}}@media (max-width: 560px){.song-row{padding:11px 0}}.top-songs li:last-child .song-row{border-bottom:none}.song-rank{width:2.2em;flex-shrink:0;text-align:right;font-variant-numeric:tabular-nums;color:var(--text-faint);font-size:var(--fs-sm)}.song-art{width:40px;height:40px;flex-shrink:0;border-radius:var(--radius-sm);object-fit:cover;background:var(--surface-3)}.song-main{flex:1;min-width:0}.song-title{display:block;color:var(--text-soft);font-size:var(--fs-md);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.song-album{display:block;color:var(--text-faint);font-size:var(--fs-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.song-dur{width:3.4em;flex-shrink:0;text-align:right;font-variant-numeric:tabular-nums;color:var(--text-faint);font-size:var(--fs-sm)}.more-btn{margin-top:var(--space-3);width:100%;padding:10px;border-radius:var(--radius-md);border:1px dashed var(--surface-7);background:none;color:var(--text-dim);font-size:var(--fs-sm);cursor:pointer}@media (hover: hover){.more-btn:hover{border-color:var(--c-accent);color:var(--c-accent-light)}}.album-block.unofficial .album-year:after{content:" \b7  unofficial";color:var(--text-dark)}@media (max-width: 560px){.song-art{width:34px;height:34px}}.picker{position:relative;display:flex;gap:2px;padding:3px;margin-bottom:var(--space-3);background:var(--surface-2);border-radius:var(--radius-pill)}.picker-btn{position:relative;z-index:1;flex:1;padding:9px 14px;border:none;background:none;border-radius:var(--radius-pill);color:var(--text-dim);font:inherit;font-size:var(--fs-sm);font-weight:600;letter-spacing:.3px;cursor:pointer;transition:color .18s}.picker-btn.is-on{color:var(--c-white)}@media (hover: hover){.picker-btn:not(.is-on):hover{color:var(--text-soft)}}.picker-btn:focus-visible{outline:2px solid var(--c-accent-light);outline-offset:-2px}.picker-slide{position:absolute;top:3px;bottom:3px;left:3px;width:calc(50% - 3px);border-radius:var(--radius-pill);background:var(--c-accent);transition:transform .22s cubic-bezier(.4,0,.2,1)}.picker[data-view=albums] .picker-slide{transform:translate(100%)}@media (prefers-reduced-motion: reduce){.picker-slide{transition:none}}.song-art-btn{position:relative;flex-shrink:0;width:40px;height:40px;border-radius:var(--radius-sm);overflow:hidden;display:block}.song-art-btn .song-art{display:block;width:100%;height:100%;transition:filter .18s}.song-art-glyph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;background:#00000085;transition:opacity .18s}.song-art-glyph:before{content:"";width:0;height:0;margin-left:2px;border-left:11px solid var(--c-white);border-top:7px solid transparent;border-bottom:7px solid transparent}@media (hover: hover){.song-row:hover .song-art-glyph{opacity:1}.song-row:hover .song-art{filter:brightness(.75)}}.song-row:focus-visible .song-art-glyph{opacity:1}.song-row.is-playing .song-art-glyph{opacity:1}.song-row.is-playing .song-art-glyph:before{width:4px;height:13px;margin-left:0;border:none;background:var(--c-white);box-shadow:7px 0 0 var(--c-white);transform:translate(-3px)}.song-row.song-art-error .song-art,.track-row.song-art-error .song-art{filter:grayscale(1) brightness(.5)}.track-row.song-art-error,.song-row.song-art-error{opacity:.55}.song-ring{position:absolute;inset:-2px;width:calc(100% + 4px);height:calc(100% + 4px);transform:rotate(-90deg);pointer-events:none;opacity:0;transition:opacity .2s}.song-row.is-playing .song-ring{opacity:1}.song-ring circle{fill:none;stroke-width:2.5}.song-ring-track{stroke:#ffffff29}.song-ring-fill{stroke:var(--c-accent);stroke-linecap:round;transition:stroke-dashoffset .25s linear}.song-row.is-playing .song-title{color:var(--c-accent-light);font-weight:600}@media (prefers-reduced-motion: reduce){.song-art-glyph,.song-ring,.song-ring-fill{transition:none}}@media (max-width: 560px){.song-art-btn{width:34px;height:34px}.song-art-glyph{opacity:1;background:#00000061}.song-art-glyph:before{border-left-width:9px;border-top-width:6px;border-bottom-width:6px}}.nowplaying{position:fixed;left:50%;bottom:calc(76px + env(safe-area-inset-bottom,0px));transform:translate(-50%);z-index:400;display:flex;align-items:center;gap:14px;width:min(820px,calc(100vw - 2 * var(--gutter)));padding:10px 14px;border-radius:var(--radius-lg);background:#181818f5;border:1px solid var(--surface-7);box-shadow:0 12px 38px #00000094;transition:left .34s cubic-bezier(.32,.72,0,1),transform .34s cubic-bezier(.32,.72,0,1),width .34s cubic-bezier(.32,.72,0,1),bottom .34s cubic-bezier(.32,.72,0,1)}@media (prefers-reduced-motion: reduce){.nowplaying{transition:none}}.nowplaying.hidden{display:none}.np-btn{flex-shrink:0;width:30px;height:30px;display:grid;place-items:center;padding:0;border:none;border-radius:50%;background:none;color:var(--text-dim);cursor:pointer;font-size:.95em;line-height:1}.np-btn svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}@media (hover: hover){.np-btn:hover{color:var(--c-white);background:var(--surface-4)}}.np-btn:focus-visible{outline:2px solid var(--c-accent-light);outline-offset:2px}.np-transport{display:flex;align-items:center;gap:2px;flex-shrink:0}.np-play{width:34px;height:34px;background:var(--c-accent);color:var(--c-white)}@media (hover: hover){.np-play:hover{background:var(--c-accent-dark);color:var(--c-white)}}.np-play-glyph{width:0;height:0;margin-left:2px;border-left:10px solid currentColor;border-top:6px solid transparent;border-bottom:6px solid transparent}.np-play.is-playing .np-play-glyph{width:3.5px;height:12px;margin-left:0;border:none;background:currentColor;box-shadow:6px 0 0 currentColor;transform:translate(-3px)}.np-title{flex:1 1 0;min-width:120px;display:block;font-size:var(--fs-sm);color:var(--text-soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nowplaying.is-pending .np-title,.nowplaying.is-stalled .np-title{color:var(--text-dim);animation:np-breathe 1.4s ease-in-out infinite}.nowplaying.is-stalled .np-title:after{content:" \2014  reconnecting";color:var(--c-accent-light)}@keyframes np-breathe{0%,to{opacity:.55}50%{opacity:1}}@media (prefers-reduced-motion: reduce){.nowplaying.is-pending .np-title,.nowplaying.is-stalled .np-title{animation:none;opacity:.7}}.nowplaying.is-pending .np-play{opacity:.45;cursor:progress}.np-scrub{display:flex;align-items:center;gap:var(--space-2);flex:1 1 0;min-width:120px}.np-time{font-size:var(--fs-xs);font-variant-numeric:tabular-nums;color:var(--text-dark);flex-shrink:0}.np-seekbar{appearance:none;height:4px;border-radius:var(--radius-pill);background:var(--surface-7);cursor:pointer;flex:1;min-width:0}.np-seekbar::-webkit-slider-thumb{appearance:none;width:12px;height:12px;border:none;border-radius:50%;background:var(--c-accent);cursor:pointer}.np-seekbar::-moz-range-thumb{width:12px;height:12px;border:none;border-radius:50%;background:var(--c-accent);cursor:pointer}.np-lyrics{width:auto;gap:var(--space-1);padding:0 12px;border-radius:var(--radius-pill);background:var(--surface-4);color:var(--text-muted);font-size:var(--fs-xs);font-weight:600;display:flex}.np-lyrics[aria-expanded=true]{background:var(--c-accent);color:var(--c-white)}:root{--lyric-rail: min(420px, 38vw)}.lyricspane{position:fixed;z-index:420;display:flex;flex-direction:column;background:#141414f7;border:1px solid var(--surface-7);box-shadow:0 10px 44px #0009;visibility:hidden;transition:transform .34s cubic-bezier(.32,.72,0,1),visibility 0s linear .34s}.lyricspane.is-open{visibility:visible;transition:transform .34s cubic-bezier(.32,.72,0,1),visibility 0s}@media (min-width: 861px){.lyricspane{top:0;right:0;bottom:0;width:var(--lyric-rail, min(420px, 38vw));border-width:0 0 0 1px;transform:translate(100%)}.lyricspane.is-open{transform:translate(0)}body.lyrics-open .nowplaying{left:calc((100vw - var(--lyric-rail, min(420px, 38vw))) / 2);width:min(680px,calc(100vw - var(--lyric-rail, min(420px, 38vw)) - 2 * var(--gutter)))}}@media (max-width: 860px){.lyricspane{left:0;right:0;bottom:0;max-height:min(58vh,520px);max-height:min(58dvh,520px);border-width:1px 0 0;border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding-bottom:env(safe-area-inset-bottom,0px);transform:translateY(100%)}.lyricspane.is-open{transform:translateY(0)}body.lyrics-open .nowplaying{bottom:var(--lp-h, min(58dvh, 520px));left:0;width:100%;transform:translate(0);border-radius:var(--radius-lg) var(--radius-lg) 0 0;border-bottom-width:0}body.lyrics-open .lyricspane{border-radius:0}}@media (prefers-reduced-motion: reduce){.lyricspane{transition:visibility 0s}}.lp-head{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);border-bottom:1px solid var(--surface-3);flex-shrink:0}.lp-title{display:flex;align-items:center;gap:var(--space-3);flex:1;min-width:0;font-size:var(--fs-md);font-weight:600;color:var(--text-bright);margin:0}.lp-title>span{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lp-close{flex-shrink:0;width:36px;height:36px}.lp-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:var(--space-3);scroll-behavior:smooth;scrollbar-width:none}.lp-body::-webkit-scrollbar{width:0;height:0}.lp-body.has-lines:after{content:"";display:block;height:4rem}.lp-line{padding:7px 0;color:var(--text-dark);font-size:var(--fs-md);line-height:1.5;transition:color .25s,transform .25s;transform-origin:left center}.lp-line.is-past{color:var(--text-faint)}.lp-line.is-now{color:var(--c-white);font-weight:600;transform:scale(1.04)}.lp-note{color:var(--text-faint);font-style:italic;font-size:var(--fs-sm)}.lp-plain{white-space:pre-wrap;color:var(--text-muted);font-size:var(--fs-sm);line-height:1.75}@media (prefers-reduced-motion: reduce){.lp-line{transition:none}.lp-body{scroll-behavior:auto}}@media (max-width: 640px){.nowplaying{display:grid;grid-template-columns:auto auto 1fr auto;grid-template-areas:"close transport title lyrics" "scrub scrub scrub scrub";gap:6px var(--space-2);padding:9px 12px;width:calc(100vw - 2 * var(--gutter))}.np-close{grid-area:close}.np-transport{grid-area:transport}.np-lyrics{grid-area:lyrics}.np-title{grid-area:title;min-width:0}.np-scrub{grid-area:scrub;flex:1}.np-lyrics{padding:0;width:30px;border-radius:50%}.np-lyrics-text{display:none}.nowplaying .np-btn{width:28px;height:28px}.np-play{width:32px;height:32px}}.track-row[disabled]{cursor:default;opacity:.55}.track-num{position:relative}.track-play{position:absolute;inset:0;display:none;align-items:center;justify-content:flex-end}.track-play:before{content:"";width:0;height:0;border-left:9px solid var(--c-accent);border-top:6px solid transparent;border-bottom:6px solid transparent}@media (hover: hover){.track-row.is-playable:hover .track-num-text{visibility:hidden}.track-row.is-playable:hover .track-play{display:flex}}.track-row.is-playing .track-num-text{visibility:hidden}.track-row.is-playing .track-play{display:flex}.track-row.is-playing .track-play:before{width:3.5px;height:11px;border:none;background:var(--c-accent);box-shadow:5px 0 0 var(--c-accent);margin-right:4px}.track-row.is-playing .track-name{color:var(--c-accent-light);font-weight:600}@media (hover: none){.track-row.is-playable .track-num-text{visibility:hidden}.track-row.is-playable .track-play{display:flex}}.lp-line{display:block;width:100%;text-align:left;border:none;background:none;font:inherit;cursor:pointer}.lp-line:focus-visible{outline:2px solid var(--c-accent-light);outline-offset:-2px;border-radius:var(--radius-sm)}@media (hover: hover){.lp-line:not(.lp-gap):hover{color:var(--c-accent-light)}}.lp-gap{cursor:default}.lp-hint{display:none;margin:0;padding:var(--space-2) var(--space-3);background:#b14cff1a;border-bottom:1px solid var(--surface-3);color:var(--text-dim);font-size:var(--fs-xs);line-height:1.5}.lyricspane.needs-sync .lp-hint{display:block}.nowplaying.is-degraded .np-title{color:var(--c-star)}.npsheet{position:fixed;inset:0;z-index:440;overflow:hidden;padding:calc(20px + env(safe-area-inset-top,0px)) var(--gutter) calc(28px + env(safe-area-inset-bottom,0px));background:linear-gradient(180deg,#181322,#0a0a0a 62%);transform:translateY(100%);visibility:hidden;transition:transform .32s ease,visibility 0s linear .32s}.npsheet-wash{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.25);filter:blur(68px) saturate(1.6);opacity:.42;pointer-events:none;transition:opacity .4s ease}.npsheet-wash:not([src]){opacity:0}.npsheet-viz{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:.95;z-index:1;transform:translateZ(0)}@media (prefers-reduced-motion: reduce){.npsheet-viz{display:none}}.npsheet:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(120% 90% at 50% 18%,#0a0a0a2e,#0a0a0ab8 58%,#0a0a0af0)}.npsheet-body{position:relative;z-index:3;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);overflow-y:auto;scrollbar-width:none}.npsheet-body::-webkit-scrollbar{display:none}.npsheet-stage{position:relative;flex-shrink:0;width:min(70vw,340px);aspect-ratio:1}.npsheet-side{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);width:100%;min-width:0}.npsheet.open{transform:translateY(0);visibility:visible;transition:transform .32s ease}.npsheet-close{position:absolute;z-index:5;top:calc(14px + env(safe-area-inset-top,0px));left:14px;width:44px;height:44px;color:var(--text);background:#00000061;border:1px solid rgb(255 255 255 / 14%);transition:background .14s ease,transform .14s ease}.npsheet-close svg{width:24px;height:24px;stroke-width:2.4}@media (max-width: 560px){.npsheet-close{width:44px;height:44px;top:calc(10px + env(safe-area-inset-top,0px));left:10px}}@media (hover: hover) and (pointer: fine){.npsheet-close:hover{background:#00000094;transform:scale(1.06)}}.npsheet-close:focus-visible{outline:2px solid var(--c-accent);outline-offset:2px}.npsheet-art,.npsheet-video{width:100%;height:100%;border-radius:var(--radius-lg);object-fit:cover;background:var(--surface-3);box-shadow:0 24px 60px #0000008c}.npsheet-video{object-fit:contain;background:#000}.npsheet-meta{text-align:center;max-width:min(85vw,420px);min-width:0}.npsheet-meta h2{font-size:var(--fs-lg);color:var(--text-bright);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.npsheet-meta p{color:var(--text-dim);font-size:var(--fs-sm);margin-top:2px}.npsheet-scrub{width:min(85vw,420px)}.npsheet-scrub .np-seekbar{width:100%}.npsheet-times{display:flex;justify-content:space-between;margin-top:6px;color:var(--text-dark);font-size:var(--fs-xs);font-variant-numeric:tabular-nums}.npsheet-controls{display:flex;align-items:center;gap:var(--space-4)}.npsheet-skip{width:52px;height:52px;font-size:1.2em}.npsheet-play.np-play{width:64px;height:64px}.npsheet-extras{display:flex;gap:var(--space-3)}.npsheet-extras .np-btn{width:44px;height:44px;border:1px solid var(--surface-7)}.npsheet-extras .np-btn.is-on{color:var(--c-accent-light);border-color:var(--c-accent)}.npsheet-extras .np-btn{position:relative}.npsheet-badge{position:absolute;right:1px;bottom:1px;min-width:14px;padding:0 3px;border-radius:7px;background:var(--c-accent);color:#fff;font-size:9px;line-height:14px;font-weight:700;text-align:center;visibility:hidden}.npsheet-repeat[data-mode=one] .npsheet-badge{visibility:visible}.npsheet-sleep[data-mins]:not([data-mins=""]) .npsheet-badge{visibility:visible;font-size:8px}.npsheet-sleep .npsheet-badge{min-width:15px}.np-tip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(4px);padding:5px 9px;border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--surface-7);color:var(--text-bright);font-size:11px;line-height:1.3;white-space:nowrap;opacity:0;pointer-events:none;z-index:5;transition:opacity .14s ease,transform .14s ease}.np-tip:after{content:"";position:absolute;top:100%;left:50%;margin-left:-4px;border:4px solid transparent;border-top-color:var(--surface-7)}@media (hover: hover) and (pointer: fine){.npsheet-extras .np-btn:hover .np-tip{opacity:1;transform:translate(-50%) translateY(0)}}.npsheet-extras .np-btn:focus-visible .np-tip{opacity:1;transform:translate(-50%) translateY(0)}.npsheet-extras .np-btn.show-tip .np-tip{opacity:1;transform:translate(-50%) translateY(0)}@media (prefers-reduced-motion: reduce){.np-tip{transition:opacity .14s ease;transform:translate(-50%)}.npsheet-extras .np-btn:hover .np-tip,.npsheet-extras .np-btn:focus-visible .np-tip,.npsheet-extras .np-btn.show-tip .np-tip{transform:translate(-50%)}}.npsheet-mode{margin-bottom:0;width:auto;align-self:center}.npsheet-mode .picker-btn{padding:7px 22px;font-size:var(--fs-sm)}.npsheet-note{margin:0;color:var(--c-star);font-size:var(--fs-sm);text-align:center;max-width:38ch}.npsheet-lyric{width:100%;max-width:38ch;min-height:4.6em;display:flex;flex-direction:column;justify-content:center;gap:2px;text-align:center}.npl-now,.npl-next{margin:0;line-height:1.35;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;transition:opacity .15s ease,transform .15s ease}.npl-now{color:var(--text-bright);font-size:var(--fs-md);font-weight:600}.npl-next{color:var(--text-faint);font-size:var(--fs-sm)}@media (prefers-reduced-motion: reduce){.npl-now,.npl-next{transition:none}}.npsheet-next{width:100%;max-width:420px;min-height:0}.npsheet-next h3{display:flex;align-items:center;gap:var(--space-2);font-size:var(--fs-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint);margin-bottom:var(--space-2);white-space:nowrap}.npsheet-next h3:before,.npsheet-next h3:after{content:"";flex:1;height:1px;background:var(--surface-7)}.npsheet-next h3 span{flex:0 0 auto}.npsheet-next ol{list-style:none;max-height:18dvh;overflow-y:auto;scrollbar-width:none}@media (min-width: 861px) and (min-height: 560px){.npsheet-next ol{max-height:26vh}}.npsheet-next ol::-webkit-scrollbar{display:none}.npsheet-next li{display:flex;min-width:0}.npnext-row{display:flex;flex:1;gap:var(--space-2);align-items:baseline;padding:6px var(--space-2);margin:0 calc(var(--space-2) * -1);border:none;border-radius:var(--radius-sm);background:none;font:inherit;color:var(--text-dim);font-size:var(--fs-sm);text-align:left;min-width:0;cursor:pointer;transition:background .15s,color .15s}.npnext-row:hover{background:var(--surface-3);color:var(--text-soft)}.npnext-row:focus-visible{outline:2px solid var(--c-accent);outline-offset:-2px}.npnext-n{width:1.6em;flex-shrink:0;text-align:right;color:var(--text-dark);font-variant-numeric:tabular-nums}.npnext-what{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (prefers-reduced-motion: reduce){.npnext-row{transition:none}}@media (min-width: 861px) and (min-height: 560px){.npsheet-body{flex-direction:row;align-items:center;justify-content:center;gap:clamp(var(--space-4),5vw,72px);max-width:1180px;margin:0 auto}.npsheet-stage{width:min(42vw,50vh,460px)}.npsheet-side{align-items:flex-start;text-align:left;max-width:480px}.npsheet-viz{z-index:4;-webkit-mask-image:linear-gradient(to right,#000 0%,#000 30%,transparent 49%);mask-image:linear-gradient(to right,#000 0%,#000 30%,transparent 49%)}.npsheet-meta{text-align:left}.npsheet-mode{align-self:flex-start}.npsheet-note{text-align:left}.npsheet-controls,.npsheet-extras{align-self:flex-start}}@media (max-height: 620px) and (max-width: 860px){.npsheet-next{display:none}}@media (max-height: 620px){.npsheet-stage{width:min(42vh,240px)}}@media (prefers-reduced-motion: reduce){.npsheet,.npsheet-wash{transition:none}}body.np-tucked .nowplaying{transform:translate(-50%,calc(100% + 110px + env(safe-area-inset-bottom,0px)))}body.np-mini .nowplaying{transform:translate(-50%,calc(100% + 110px + env(safe-area-inset-bottom,0px)));pointer-events:none}body.np-mini main{padding-bottom:calc(104px + env(safe-area-inset-bottom,0px))}.tabbar-np{width:44px;height:44px;flex-shrink:0;display:grid;place-items:center;padding:0;border-radius:50%;border:1px solid var(--c-accent);background:#161616eb;color:var(--c-accent-light);cursor:pointer;box-shadow:0 10px 34px #0000008c}.tabbar-np svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.tabbar-np.hidden{display:none}@media (hover: hover){.tabbar-np:hover{background:var(--surface-4)}}.album-kind{margin-left:var(--space-2);padding:1px 6px;border-radius:var(--radius-pill);background:var(--surface-4);border:1px solid var(--surface-7);color:var(--text-dim);font-size:.7em;font-weight:500;white-space:nowrap;vertical-align:middle}.chart-page{max-width:var(--rail);margin:0 auto;padding:0 var(--gutter);display:flex;flex-direction:column;gap:var(--panel-gap)}.chart-head{display:flex;align-items:center;gap:var(--space-3)}.chart-badge{width:64px;height:64px;flex-shrink:0;border-radius:var(--radius-lg);display:grid;place-items:center;align-content:center;gap:2px;background:linear-gradient(135deg,var(--c-accent),var(--c-accent-dark));color:var(--c-white)}.chart-badge-top{font-size:var(--fs-xs);letter-spacing:.22em;opacity:.85;line-height:1}.chart-badge-num{font-size:1.6em;font-weight:800;line-height:1}.chart-meta{min-width:0}.chart-meta h2{font-size:var(--fs-xl)}.chart-sub{color:var(--text-dim);font-size:var(--fs-sm);margin-top:2px}.chart-page .top-songs li:nth-child(-n+3) .song-rank{color:var(--c-accent-light);font-weight:700}.chart-page .song-art-btn{width:44px;height:44px}.chart-page .song-rank{min-width:2.2em}@media (max-width: 560px){.chart-badge{width:52px;height:52px;border-radius:var(--radius-md)}.chart-badge-num{font-size:1.3em}.chart-page .chart-list{padding-left:0;padding-right:0}.chart-page .chart-list .song-row{padding-left:var(--space-2);padding-right:var(--space-2)}.chart-page .song-row{gap:var(--space-2)}}.settings-page{max-width:var(--rail);margin:0 auto;padding:0 var(--gutter);display:flex;flex-direction:column;gap:var(--panel-gap)}.settings-heading{font-size:var(--fs-xl);font-weight:700}.settings-sub{margin-top:var(--space-1);font-size:var(--fs-sm);color:var(--text-dim)}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) 0;border-bottom:1px solid var(--surface-3);cursor:pointer}.setting-row.is-last{border-bottom:none;padding-bottom:0}.setting-row--child{position:relative;padding-left:var(--space-4)}.setting-row--d2{padding-left:calc(var(--space-4) * 2)}.setting-row--child:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;border-radius:1px;background:var(--surface-4)}.setting-row--d2:before{left:var(--space-4)}.setting-row--child.is-last:before{bottom:var(--space-3)}.setting-meta{min-width:0}.setting-name{font-size:var(--fs-md);font-weight:600;color:var(--text-bright)}.setting-desc{margin-top:2px;font-size:var(--fs-sm);color:var(--text-dim)}.setting-server{margin-top:2px;font-size:var(--fs-xs);color:var(--text-faint)}.setting-toggle{flex:0 0 auto;width:46px;height:26px;border-radius:var(--radius-pill);border:1px solid var(--surface-7);background:var(--surface-3);position:relative;cursor:pointer;transition:background .15s ease,border-color .15s ease}.setting-toggle:before{content:"";position:absolute;inset:-14px -16px}.setting-toggle:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:var(--text-dim);transition:transform .15s ease,background .15s ease}.setting-toggle.is-on{background:var(--c-accent);border-color:var(--c-accent)}.setting-toggle.is-on:after{transform:translate(20px);background:var(--c-white)}.setting-toggle:disabled{opacity:.4;cursor:default}.setting-toggle:focus-visible{outline:2px solid var(--c-accent);outline-offset:2px}@media (prefers-reduced-motion: reduce){.setting-toggle,.setting-toggle:after{transition:none}}.vinyl-page{max-width:var(--content-max);margin:0 auto;padding:0 var(--gutter);display:flex;flex-direction:column;gap:var(--panel-gap)}.vinyl-heading{font-size:var(--fs-xl);font-weight:700}.vinyl-sub{margin-top:var(--space-1);font-size:var(--fs-sm);color:var(--text-dim)}.vinyl-crate{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:18px}.vinyl-slot{min-width:0}.vinyl-sleeve{position:relative;display:block;width:100%;padding:12% 0 0;border:none;background:none;cursor:pointer;text-align:left}.vinyl-disc{position:absolute;top:0;left:6%;width:88%;aspect-ratio:1;border-radius:50%;border:1px solid rgb(255 255 255 / 7%);background:radial-gradient(circle at 35% 30%,rgb(255 255 255 / 9%),transparent 45%),repeating-radial-gradient(circle at 50% 50%,#0b0b0b 0 1.5px,#1a1a1a 1.5px 3px);box-shadow:0 2px 10px #0009;display:flex;align-items:center;justify-content:center;transition:transform .25s cubic-bezier(.2,.7,.2,1)}.vinyl-label{width:38%;height:38%;border-radius:50%;clip-path:circle(50%);object-fit:cover;position:relative}.vinyl-disc:after{content:"";position:absolute;inset:0;margin:auto;width:4%;height:4%;border-radius:50%;background:#0a0a0a;box-shadow:0 0 0 1px #ffffff1f}.vinyl-cover{position:relative;display:block;aspect-ratio:1;border-radius:var(--radius-sm);overflow:hidden;background:var(--surface-2);border:1px solid var(--surface-4);box-shadow:0 4px 14px #00000073}.vinyl-cover img{width:100%;height:100%;object-fit:cover;display:block}.vinyl-spine{position:absolute;left:0;right:0;bottom:0;padding:var(--space-3) var(--space-2) var(--space-2);background:linear-gradient(to top,rgb(8 8 8 / 88%),transparent);display:flex;flex-direction:column;gap:1px}.vinyl-name{font-size:var(--fs-sm);font-weight:600;color:var(--text-bright);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vinyl-genre{font-size:var(--fs-xs);color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (hover: hover) and (pointer: fine){.vinyl-sleeve:hover .vinyl-disc{transform:translateY(-9%)}}.vinyl-sleeve:focus-visible{outline:2px solid var(--c-accent);outline-offset:3px;border-radius:var(--radius-sm)}.vinyl-sleeve.is-pulling .vinyl-disc{transform:translateY(-46%)}.vinylsheet{position:fixed;inset:0;z-index:430;overflow:hidden;padding:calc(20px + env(safe-area-inset-top,0px)) var(--gutter) calc(28px + env(safe-area-inset-bottom,0px));background:linear-gradient(180deg,#181322,#0a0a0a 62%);transform:translateY(100%);visibility:hidden;transition:transform .3s linear,visibility 0s linear .3s}.vinylsheet.is-open{transform:none;visibility:visible;transition:transform .3s linear}.vinylsheet-wash{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.25);filter:blur(68px) saturate(1.6);opacity:.42;pointer-events:none}.vinylsheet-wash:not([src]){opacity:0}.vinylsheet:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(120% 90% at 50% 18%,#0a0a0a2e,#0a0a0ab8 58%,#0a0a0af0)}.vinylsheet-close{position:absolute;top:calc(14px + env(safe-area-inset-top,0px));right:var(--gutter);width:44px;height:44px;border-radius:50%;border:none;background:#0a0a0a73;color:var(--text-bright);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;z-index:5}.vinylsheet-close svg{width:18px;height:18px}.vinylsheet-close:focus-visible{outline:2px solid var(--c-accent);outline-offset:2px}.vinylsheet-body{position:relative;z-index:3;height:100%;overflow-y:auto;scrollbar-width:none;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:var(--space-4);padding-top:calc(56px + env(safe-area-inset-top,0px))}.vinylsheet-body>:first-child{margin-top:auto}.vinylsheet-body>:last-child{margin-bottom:auto}.vinylsheet-body::-webkit-scrollbar{display:none}.vinylsheet-stage{flex:0 0 auto;width:min(62vw,340px)}.vinyl-deck{position:relative;display:block;width:100%;padding:2% 10% 2% 0;transition:transform .2s ease-out}.vinyl-grooves{position:absolute;inset:0;border-radius:50%}.vinyl-deck .vinyl-disc-big{position:relative;width:100%;left:auto;top:auto;box-shadow:0 10px 34px #0000008c;transition:box-shadow .2s ease}.vinyl-arm{position:absolute;top:0;right:0;width:13%;height:76%;z-index:2;transform-origin:50% 11%;transform:rotate(-4deg);transition:transform .6s linear;touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab}.vinyl-deck.is-dragging .vinyl-arm{transition:none;cursor:grabbing}.vinyl-arm,.vinyl-sleeve,.vinylsheet-close,.vinylsheet-back{-webkit-tap-highlight-color:transparent}.vinyl-arm:focus-visible{outline:none}.vinyl-arm:focus-visible:before{box-shadow:0 2px 6px #0009,0 0 0 2px var(--c-accent)}.vinyl-arm:after{content:"";position:absolute;top:-6%;left:50%;transform:translate(-50%);width:74%;height:11%;border-radius:999px;background:linear-gradient(to bottom,#555,#2a2a2a 70%);box-shadow:0 2px 5px #0009}.vinyl-arm:before{content:"";position:absolute;top:2%;left:50%;width:86%;aspect-ratio:1;transform:translate(-50%);border-radius:50%;background:radial-gradient(circle at 50% 50%,#1c1c1c 0 28%,transparent 30%),radial-gradient(circle at 34% 30%,#a9a9a9,#4a4a4a 62%,#2c2c2c);box-shadow:0 3px 8px #000000a6;z-index:1}.vinyl-arm-rod{position:absolute;top:10%;bottom:11%;left:50%;width:11%;transform:translate(-50%);border-radius:999px;background:linear-gradient(to right,#4e4e4e,#c4c4c4 38%,#8f8f8f 55%,#3a3a3a);box-shadow:1px 2px 5px #0000008c}.vinyl-arm-head{position:absolute;bottom:0;left:50%;width:30%;height:12.5%;transform:translate(-50%) rotate(14deg);transform-origin:50% 100%;border-radius:3px 3px 4px 4px;background:linear-gradient(to bottom,#9a9a9a,#565656 42%,#1f1f1f);box-shadow:0 3px 6px #000000a6}.vinyl-arm-head:after{content:"";position:absolute;bottom:-14%;left:41%;width:18%;height:22%;background:#d6d6d6;border-radius:1px}.vinyl-deck--drive .vinyl-arm-led{position:absolute;top:22%;left:50%;width:22%;aspect-ratio:1;transform:translate(-50%);border-radius:50%;background:#3a2a18;box-shadow:inset 0 1px 1px #0009;transition:background .18s ease,box-shadow .18s ease}.vinyl-deck--drive.is-cued .vinyl-arm-led{background:#ff9b2d;box-shadow:0 0 5px 1px #ff9b2dd9,inset 0 0 2px #ffe2b4e5}@media (prefers-reduced-motion: reduce){.vinyl-deck--drive .vinyl-arm-led{transition:none}}.vinyl-deck.is-playing .vinyl-disc-big{animation:vinyl-spin 3.6s linear infinite}@keyframes vinyl-spin{to{transform:rotate(360deg)}}.vinylsheet-side{min-width:0;width:min(100%,480px);display:flex;flex-direction:column;gap:var(--space-4);align-items:center;text-align:center}.vinylsheet-meta{display:flex;flex-direction:column;gap:var(--space-2);align-items:center;align-self:stretch;text-align:center}.vinylsheet-name{display:flex;align-items:center;gap:var(--space-2);min-width:0;max-width:100%;font-size:var(--fs-xl);font-weight:700}.vinylsheet-name>span{min-width:0;overflow-wrap:anywhere}.vinylsheet-name:before,.vinylsheet-name:after{content:"";flex:1 1 0;min-width:0;max-width:clamp(18px,6vw,70px);height:1px;background:linear-gradient(to right,transparent,var(--surface-8) 40%,var(--surface-8) 60%,transparent)}.vinylsheet-now{font-size:var(--fs-sm);color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.vinylsheet-songs{width:100%}.vinylsheet-back{position:absolute;top:calc(14px + env(safe-area-inset-top,0px));left:var(--gutter);z-index:5}@media (min-width: 861px) and (min-height: 560px){.vinylsheet-body{flex-direction:row;align-items:center;justify-content:center;gap:clamp(var(--space-4),5vw,72px);max-width:1180px;margin:0 auto;padding-top:0}.vinylsheet-body>:first-child{margin-top:0}.vinylsheet-body>:last-child{margin-bottom:0}.vinylsheet-stage{width:min(38vw,46vh,420px)}.vinylsheet-side{align-items:flex-start;text-align:left}}@media (max-height: 620px){.vinylsheet-stage{width:min(42vh,240px)}}@media (max-width: 480px){.vinyl-crate{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:var(--space-3)}.vinylsheet-stage{width:min(68vw,280px)}}@media (prefers-reduced-motion: reduce){.vinylsheet,.vinyl-disc{transition:none}.vinyl-sleeve.is-pulling .vinyl-disc{transform:none}.vinyl-arm{transition:none}.vinyl-deck.is-playing .vinyl-disc-big{animation:none}}.vinylsheet-songs .song-row.is-under-needle .song-title{color:var(--c-accent-light)}#npsheet.is-vinyl .npsheet-meta,#npsheet.is-vinyl .npsheet-scrub,#npsheet.is-vinyl .npsheet-controls,#npsheet.is-vinyl .npsheet-extras,#npsheet.is-vinyl .npsheet-mode,#npsheet.is-vinyl .npsheet-lyric,#npsheet.is-vinyl .npsheet-next,#npsheet.is-vinyl .npsheet-note{display:none}.vinylsheet-songs .song-row{padding:9px var(--space-2);border-radius:var(--radius-sm);overflow:hidden}@media (max-width: 560px){.vinylsheet-songs .song-row{padding:11px var(--space-2)}}.vinylsheet-songs .song-album:empty:after{content:"\200b"}.top-songs.vinylsheet-songs li:last-child .song-row{border-bottom:1px solid transparent}.vinylsheet-songs{margin-inline:calc(-1 * var(--space-2));width:calc(100% + 2 * var(--space-2))}.vinylsheet-name{align-self:stretch;justify-content:center}#npsheet.is-vinyl .npsheet-body{justify-content:flex-start}#npsheet.is-vinyl .npsheet-body>:first-child{margin-top:auto}#npsheet.is-vinyl .npsheet-body>:last-child{margin-bottom:auto}#npsheet.is-vinyl .npsheet-stage{display:flex;align-items:center}#npsheet.is-vinyl .npsheet-stage>.npsheet-deck{width:100%}.npsheet-record-head{display:flex;flex-direction:column;gap:var(--space-1);align-self:stretch;align-items:center;min-width:0}.vinylsheet-by{align-self:stretch;font-size:var(--fs-sm);color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}.npsheet-record{display:flex;flex-direction:column;gap:var(--space-4);align-items:center;align-self:stretch;min-width:0;text-align:center}@media (min-width: 861px) and (min-height: 560px){#npsheet.is-vinyl .npsheet-body{justify-content:center}#npsheet.is-vinyl .npsheet-body>:first-child{margin-top:0}#npsheet.is-vinyl .npsheet-body>:last-child{margin-bottom:0}.npsheet-record{align-items:flex-start;text-align:left}}.vinylsheet-tag{font-size:var(--fs-sm);font-weight:500;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:6}.vinylsheet-songs .song-row{position:relative}.vinyl-row-progress{position:absolute;left:0;right:0;bottom:0;height:2px;border-radius:1px;background:var(--c-accent);transform:scaleX(0);transform-origin:0 50%;pointer-events:none}#nps-deck,.vinylsheet-stage{overflow:clip;border-radius:var(--radius-lg);display:flex;align-items:center;gap:12px}.vinyl-deck{flex:1 1 auto;min-width:0}.vinyl-deck{--vinyl-zoom: 2.2}.vinyl-deck.is-zoomed{transform:translate(var(--zx, 0px),var(--zy, 0px)) scale(var(--z, 1))}.vinyl-deck.is-zoomed .vinyl-disc-big{box-shadow:none}#nps-deck:has(.vinyl-deck.is-zoomed),.vinylsheet-stage:has(.vinyl-deck.is-zoomed){mask-image:radial-gradient(circle closest-side at 50% 50%,#000 58%,transparent 99%);-webkit-mask-image:radial-gradient(circle closest-side at 50% 50%,#000 58%,transparent 99%)}.vinyl-deck--drive .vinyl-disc-big{border-color:#f0d48a59}.vinyl-deck--drive .vinyl-grooves:after{content:"";position:absolute;inset:0;border-radius:50%;pointer-events:none;background:repeating-conic-gradient(rgb(240 212 138 / 85%) 0 .5deg,transparent .5deg 4.1deg);mask-image:radial-gradient(circle closest-side,transparent 0 95.6%,#000 96.1% 97.3%,transparent 97.8% 98.4%,#000 98.8% 99.6%,transparent 100%);-webkit-mask-image:radial-gradient(circle closest-side,transparent 0 95.6%,#000 96.1% 97.3%,transparent 97.8% 98.4%,#000 98.8% 99.6%,transparent 100%)}.vinyl-deck--drive .vinyl-label{box-shadow:inset 0 0 0 2px #3c14004d,0 0 0 3px #f0d48a73,0 0 0 7px #0a0a0a}.vinyl-deck--drive .vinyl-arm-rod{background:linear-gradient(to right,#5e4617,#e9ca82 38%,#a9823c 55%,#3f2f10);box-shadow:1px 2px 6px #000000a6}.vinyl-deck--drive .vinyl-arm:before{background:radial-gradient(circle at 50% 50%,#0e0e0e 0 24%,transparent 27%),radial-gradient(circle at 34% 30%,#f0d48a,#8a6a2f 62%,#3f2f10)}.vinyl-deck--drive .vinyl-arm:after{background:linear-gradient(to bottom,#383838,#0b0b0b 72%)}.vinyl-deck--drive .vinyl-arm-head{background:linear-gradient(to bottom,#e9ca82,#8a6a2f 45%,#1c1208);box-shadow:0 3px 6px #000000b3}.vinyl-volume{flex:0 0 34px;align-self:stretch;display:flex;align-items:center;justify-content:center;padding:7% 0}.vinyl-volume-track{position:relative;width:26px;height:100%;border-radius:8px;cursor:grab;touch-action:none;background:repeating-linear-gradient(to bottom,rgb(240 212 138 / 35%) 0 1px,transparent 1px 10px) 4px 10px / 7px calc(100% - 20px) no-repeat,linear-gradient(90deg,rgb(255 255 255 / 5%),transparent 40%),linear-gradient(180deg,#17120c,#0b0906);box-shadow:inset 0 2px 6px #000000d9,inset 0 0 0 1px #d6b77040}.vinyl-volume-track:before{content:"";position:absolute;left:50%;top:8px;bottom:8px;width:4px;transform:translate(-50%);border-radius:2px;background:linear-gradient(90deg,#000,#2c2c2c 55%,#000)}.vinyl-volume-thumb{position:absolute;left:50%;top:0%;width:34px;height:16px;transform:translate(-50%,-50%);border-radius:3px;outline:none;background:repeating-linear-gradient(to bottom,transparent 0 3px,rgb(0 0 0 / 30%) 3px 4px),linear-gradient(180deg,#f2f2f2,#b5b5b5 40%,#777 55%,#cfcfcf);box-shadow:0 3px 6px #000000b3,inset 0 1px 1px #ffffffd9}.vinyl-volume-thumb:focus-visible{box-shadow:0 0 0 2px var(--c-accent),0 3px 6px #000000b3}.vinyl-volume{flex-direction:column;gap:10px}.vinyl-power{flex:0 0 auto;width:30px;height:30px;border:none;border-radius:50%;position:relative;cursor:pointer;background:repeating-conic-gradient(#2a2a2a 0 6deg,#0e0e0e 6deg 12deg);box-shadow:0 3px 7px #000000b3,inset 0 0 0 4px #090909,inset 0 0 0 5px #222;transition:transform .25s ease}.vinyl-power span{position:absolute;left:50%;top:3px;width:3px;height:8px;transform:translate(-50%);border-radius:2px;background:#b9b9b9}.vinyl-power.is-on{transform:rotate(120deg)}.vinyl-power.is-on span{background:#ffab45;box-shadow:0 0 7px #ffab45}.vinyl-power:focus-visible{outline:2px solid var(--c-accent);outline-offset:2px}.vinyl-volume .vinyl-volume-track{flex:1 1 auto;height:auto;min-height:0}.vinyl-rpm{flex:0 0 auto;width:30px;height:22px;border:1px solid rgb(214 183 112 / 40%);border-radius:6px;background:#15100b;color:#dec484bf;font:600 11px/1 Segoe UI,Arial,sans-serif;cursor:pointer}.vinyl-rpm.is-on{background:linear-gradient(180deg,#f0d48a,#c39a4e);color:#2d2008}.vinyl-rpm:focus-visible{outline:2px solid var(--c-accent);outline-offset:2px}.vinyl-deck--drive.is-45.is-playing .vinyl-disc-big{animation-duration:2.67s}#nps-deck:has(.vinyl-deck.is-zoomed):after,.vinylsheet-stage:has(.vinyl-deck.is-zoomed):after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 42%,rgb(255 244 214 / 13%),rgb(255 244 214 / 4%) 38%,transparent 62%);mix-blend-mode:screen}#nps-deck,.vinylsheet-stage{position:relative}@media (max-width: 480px){#nps-deck,.vinylsheet-stage{gap:8px}.vinyl-volume{flex-basis:28px;gap:8px;padding:5% 0}.vinyl-power{width:26px;height:26px}.vinyl-volume-track{width:22px}.vinyl-volume-thumb{width:30px;height:14px}.vinyl-rpm{width:26px;height:20px;font-size:10px}}