:root{color-scheme:dark;--bg: #000;--panel: #121212;--panel-2: #181818;--hover: #282828;--text: #fff;--muted: #b3b3b3;--faint: #6a6a6a;--green: #1ed760;--green-deep: #169c46;--line: rgba(255, 255, 255, .08);--shadow: 0 16px 40px rgba(0, 0, 0, .45);font-family:Figtree,Segoe UI,sans-serif;font-synthesis:none}*{box-sizing:border-box}html,body{height:100%}body{margin:0;overflow:hidden;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}app-root{display:block;height:100%}button,input{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}::selection{background:#1ed76059}:focus-visible{outline:2px solid var(--green);outline-offset:2px}*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.28) transparent}h1,h2,h3,p{margin:0}.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.page{position:relative;z-index:0;margin-top:-64px;min-height:calc(100% + 64px);padding:88px 24px 40px;background:var(--panel)}.page.home{background:radial-gradient(900px 280px at 8% -10%,rgba(30,215,96,.2),transparent 55%),linear-gradient(180deg,#1b2b23 0%,var(--panel) 320px)}.page.search{background:linear-gradient(180deg,#243044 0%,var(--panel) 280px)}.page.library{background:linear-gradient(180deg,#2a241b 0%,var(--panel) 260px)}.page.wash{background:linear-gradient(180deg,color-mix(in srgb,var(--wash, #1db954) 68%,#000) 0%,var(--panel) 360px)}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin:8px 0 16px}.section-head h2{font-size:24px;letter-spacing:-.04em}.section-head a{color:var(--muted);font-size:13px;font-weight:700}.section-head a:hover{color:#fff;text-decoration:underline}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(176px,1fr));gap:18px}.icon-btn{width:32px;height:32px;display:grid;place-items:center;border:0;border-radius:50%;background:transparent;color:var(--muted)}.icon-btn:hover{color:#fff}.icon-btn.on{color:var(--green)}.icon-btn.lg{width:42px;height:42px}.play-btn{border:0;border-radius:50%;display:grid;place-items:center;background:var(--green);color:#000;box-shadow:0 8px 18px #00000059;transition:transform .16s ease,background .16s ease}.play-btn:hover{transform:scale(1.06);background:#3be477}.play-btn.lg{width:56px;height:56px}.play-btn.md{width:42px;height:42px}.play-btn.sm{width:34px;height:34px}.range{--p: 0%;appearance:none;width:100%;height:4px;border-radius:999px;border:0;background:linear-gradient(#fff,#fff) 0/var(--p) 100% no-repeat #4d4d4d;cursor:pointer}.range.green{background:linear-gradient(var(--green),var(--green)) 0/var(--p) 100% no-repeat #4d4d4d}.range:hover{background:linear-gradient(#1ed760,#1ed760) 0/var(--p) 100% no-repeat #fff5}.range::-webkit-slider-thumb{appearance:none;width:12px;height:12px;border:0;border-radius:50%;background:#fff;box-shadow:0 1px 4px #00000073;opacity:0}.range:hover::-webkit-slider-thumb,.range:focus-visible::-webkit-slider-thumb{opacity:1}.range::-moz-range-thumb{width:12px;height:12px;border:0;border-radius:50%;background:#fff;opacity:0}.range:hover::-moz-range-thumb,.range:focus-visible::-moz-range-thumb{opacity:1}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}