.sound-lede{max-width:46ch;color:var(--color-muted);margin:-18px 0 40px;font-size:1.0625rem;line-height:1.7}@media (max-width:639px){.sound-lede{margin:-26px 0 32px;font-size:1rem}}.np{isolation:isolate;position:relative}.np-ambient{z-index:-1;pointer-events:none;filter:blur(60px)saturate(1.6);opacity:.42;position:absolute;inset:-40px -10% -30px -40px}.np-ambient img{object-fit:cover;border-radius:50%;width:100%;height:100%}.np-card{-webkit-backdrop-filter:blur(30px)saturate(1.4);backdrop-filter:blur(30px)saturate(1.4);background:#ffffff0b;border:1px solid #ffffff14;border-radius:28px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:24px;max-width:40rem;padding:18px;display:grid;box-shadow:inset 0 1px #ffffff12,0 30px 60px -30px #000000b3}.np-art{aspect-ratio:1;width:132px;transition:transform var(--spring-snappy-d) var(--spring-snappy);border-radius:16px;display:block;overflow:hidden;box-shadow:0 18px 40px -12px #000000b3}.np[data-state=playing] .np-art{transform:scale(1)}.np[data-state=paused] .np-art,.np[data-state=last] .np-art{transform:scale(.94)}.np-art:active{transform:scale(.9)!important}.np-art img{object-fit:cover;width:100%;height:100%}.np-art-empty{background:var(--color-raised);width:100%;height:100%;display:block}.np-copy{min-width:0}.np-state{color:oklch(var(--hue-l) var(--hue-c) var(--hue));align-items:center;gap:8px;font-size:12px;font-weight:600;display:flex}.np-title{text-overflow:ellipsis;white-space:nowrap;color:var(--color-ink);letter-spacing:-.02em;margin-top:6px;font-size:1.25rem;font-weight:600;transition:color .15s;display:block;overflow:hidden}.np-title:hover{color:oklch(var(--hue-l) var(--hue-c) var(--hue))}.np-artist{text-overflow:ellipsis;white-space:nowrap;color:var(--color-muted);overflow:hidden}.np-progress{margin-top:16px}.np-track{background:#ffffff1f;border-radius:3px;height:5px;overflow:hidden}.np-fill{background:var(--color-ink);border-radius:3px;height:100%;transition:width .25s linear}.np-times{color:var(--color-faint);font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:6px;font-size:11px;display:flex}.np-bars{align-items:flex-end;gap:2px;height:12px;display:inline-flex}.np-bars span{transform-origin:bottom;background:currentColor;border-radius:1px;width:2.5px;height:100%}@media (prefers-reduced-motion:no-preference){.np-bars span{animation:.7s ease-in-out infinite alternate np-eq}.np-bars span:nth-child(2){animation-duration:.56s;animation-delay:-200ms}.np-bars span:nth-child(3){animation-duration:.82s;animation-delay:-420ms}.np-bars span:nth-child(4){animation-duration:.64s;animation-delay:-90ms}}@keyframes np-eq{0%{transform:scaleY(.25)}to{transform:scaleY(1)}}@media (max-width:639px){.np-card{grid-template-columns:1fr;gap:18px;padding:16px}.np-art{justify-self:center;width:100%;max-width:260px}}.tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.tile{background:#ffffff09;border:1px solid #ffffff0f;border-radius:22px;padding:18px 18px 16px;box-shadow:inset 0 1px #ffffff0a}.tile-n{letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:2.25rem;font-weight:600;line-height:1}.tile-unit{color:var(--color-faint);margin-left:6px;font-size:13px}.tile-cap{color:var(--color-muted);margin-top:10px;font-size:13px;line-height:1.45;display:block}@media (max-width:719px){.tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tile{padding:16px 14px 14px}.tile-n{font-size:1.9rem}}.faces{scrollbar-width:none;scroll-snap-type:x proximity;grid-auto-columns:96px;grid-auto-flow:column;gap:16px;padding:4px 2px 10px;display:grid;overflow-x:auto}.faces::-webkit-scrollbar{display:none}.faces li{scroll-snap-align:start}.face{justify-items:center;gap:8px;display:grid}.face img{object-fit:cover;width:88px;height:88px;transition:transform var(--spring-bouncy-d) var(--spring-bouncy), box-shadow .2s ease;border-radius:50%;box-shadow:0 0 0 2px #ffffff0f,0 10px 24px -8px #000000b3}.face:hover img{box-shadow:0 0 0 2px oklch(var(--hue-l) var(--hue-c) var(--hue) / .7), 0 14px 30px -8px #000000b3;transform:scale(1.07)}.face span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;color:var(--color-muted);font-size:12px;overflow:hidden}.slope text{font-family:var(--font-inter), -apple-system, system-ui, sans-serif}.slope-row{transition:opacity .2s}.slope:has(.slope-row:hover) .slope-row:not(:hover){opacity:.18}.slope-row:hover polyline{opacity:1}.dial{max-width:360px;margin:0 auto}.dial svg{width:100%;height:auto;overflow:visible}.dial-wedge{transform-box:view-box;transform-origin:0 0}.dial-label{fill:var(--color-faint);font-size:11px;font-family:var(--font-inter), system-ui, sans-serif}.dial-big{fill:var(--color-ink);letter-spacing:-.03em;font-size:26px;font-weight:600;font-family:var(--font-inter), system-ui, sans-serif}.dial-small{fill:var(--color-faint);font-size:10.5px;font-family:var(--font-inter), system-ui, sans-serif}.dial-peak{filter:drop-shadow(0 0 6px oklch(var(--hue-l) var(--hue-c) var(--hue) / .7))}.grow-bar{transform-origin:bottom}.sound-pair{gap:0 48px;display:grid}@media (min-width:900px){.sound-pair{grid-template-columns:1fr 1.3fr;align-items:start}}.records{gap:6px;display:grid}.records li{border-radius:16px;grid-template-columns:3rem minmax(0,1fr) auto;align-items:center;gap:14px;padding:10px 12px;transition:background-color .15s;display:grid}.records li:hover{background:#ffffff0a}.records-track{background:#ffffff12;border-radius:2px;height:4px;margin-top:8px;overflow:hidden}.records-fill{background:oklch(var(--hue-l) var(--hue-c) var(--hue));transform-origin:0;border-radius:2px;height:100%}.songs{display:grid}.songs li{border-radius:14px;align-items:center;gap:14px;padding:9px 10px;transition:background-color .15s;display:flex}.songs li:hover{background:#ffffff0a}.reveal{--stagger:28ms}.reveal .slope-line{stroke-dasharray:1;stroke-dashoffset:0;transition:stroke-dashoffset 1.1s cubic-bezier(.3,.7,.2,1);transition-delay:calc(var(--i,0) * 70ms)}.reveal .slope-dot,.reveal .slope text{transition:opacity .5s .6s}.reveal[data-reveal=armed] .slope-line{stroke-dashoffset:1px}.reveal[data-reveal=armed] .slope-dot,.reveal[data-reveal=armed] .slope text{opacity:0}.reveal .dial-wedge{transition:transform var(--spring-bouncy-d) var(--spring-bouncy), opacity .3s ease;transition-delay:calc(var(--i,0) * 22ms)}.reveal[data-reveal=armed] .dial-wedge{opacity:0;transform:scale(.55)}.reveal .grow-bar{transition:transform var(--spring-snappy-d) var(--spring-snappy);transition-delay:calc(min(var(--i,0), 60) * 9ms)}.reveal[data-reveal=armed] .grow-bar{transform:scaleY(0)}.reveal .records-fill{transition:transform .9s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--i,0) * 60ms)}.reveal[data-reveal=armed] .records-fill{transform:scaleX(0)}.reveal .faces li{transition:transform var(--spring-bouncy-d) var(--spring-bouncy), opacity .3s ease;transition-delay:calc(var(--i,0) * 40ms)}.reveal[data-reveal=armed] .faces li{opacity:0;transform:translateY(16px)scale(.9)}