.np{z-index:60;border:1px solid rgb(var(--palette-border));background-color:rgb(var(--palette-fill));border-radius:1.125rem;flex-direction:column;width:min(23rem,100vw - 2rem);max-height:min(70vh,40rem);display:flex;position:fixed;bottom:1.5rem;right:1.5rem;overflow:hidden;box-shadow:0 22px 60px #00000047}.np[hidden]{display:none}@media (width<=40rem){.np{width:auto;max-height:64vh;bottom:.75rem;left:.75rem;right:.75rem}}.np-head{border-bottom:1px solid rgb(var(--palette-border));align-items:center;gap:.75rem;padding:.875rem .875rem .75rem;display:flex}.np-cover{object-fit:cover;background-color:rgb(var(--palette-muted));border-radius:.625rem;flex:none;width:3.25rem;height:3.25rem}.np-meta{flex:1;min-width:0}.np-title{text-overflow:ellipsis;white-space:nowrap;color:rgb(var(--palette-text));margin:0;font-size:.9375rem;font-weight:600;line-height:1.35;overflow:hidden}.np-artist{text-overflow:ellipsis;white-space:nowrap;color:rgb(var(--palette-muted-text));margin:0;font-size:.8125rem;line-height:1.35;overflow:hidden}.np-now{text-overflow:ellipsis;white-space:nowrap;color:rgb(var(--palette-accent));margin:.125rem 0 0;font-size:.75rem;line-height:1.35;overflow:hidden}.np-now:empty{display:none}.np-icon-btn{width:2rem;height:2rem;color:rgb(var(--palette-muted-text));cursor:pointer;background:0 0;border:none;border-radius:.5rem;flex:none;justify-content:center;align-items:center;padding:0;transition:color .15s,background-color .15s;display:flex}.np-icon-btn:hover{background-color:rgb(var(--palette-muted));color:rgb(var(--palette-text))}.np-icon-btn svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:1rem;height:1rem}.np-icon-btn svg.fill-icon{fill:currentColor;stroke:none}#np-icon-play,#np-icon-pause{fill:currentColor;stroke:none;width:1.375rem;height:1.375rem}.np-tracks{overscroll-behavior:contain;flex:1;min-height:0;margin:0;padding:.375rem;list-style:none;overflow-y:auto}.np-track{width:100%;color:rgb(var(--palette-text));text-align:left;cursor:pointer;background:0 0;border:none;border-radius:.5rem;align-items:center;gap:.625rem;padding:.5625rem .625rem;font-family:inherit;font-size:.875rem;transition:background-color .15s;display:flex;position:relative}.np-track:hover{background-color:rgb(var(--palette-muted))}.np-track.is-current{color:rgb(var(--palette-accent));font-weight:600}.np-tnum{width:1.25rem;color:rgb(var(--palette-muted-text));flex:none;justify-content:flex-end;align-items:center;font-family:IBM Plex Mono,Consolas,monospace;font-size:.75rem;display:inline-flex;position:relative}.np-track.is-current .np-tnum{color:rgb(var(--palette-accent))}.np-tracks li+li{border-top:1px solid color-mix(in srgb, rgb(var(--palette-muted-text)) 30%, transparent)}.np-track.is-current:before{content:"";background-color:rgb(var(--palette-accent));border-radius:0 2px 2px 0;width:3px;position:absolute;top:18%;bottom:18%;left:0}.np-track.is-current{background-color:color-mix(in srgb, rgb(var(--palette-accent)) 16%, transparent)}.np-track.is-current .np-tname{font-weight:600}.np-track.is-current .np-tdur,.np-track:hover .np-tnum{color:rgb(var(--palette-accent))}.np-eq{align-items:flex-end;gap:2px;height:.8125rem;display:none}.np-track.is-current .np-eq{display:inline-flex}.np-track.is-current .np-tnum-text{display:none}.np-eq i{background:currentColor;border-radius:1px;width:3px;height:35%;animation:.9s ease-in-out infinite np-eq}.np-eq i:nth-child(2){height:100%;animation-delay:.15s}.np-eq i:nth-child(3){height:62%;animation-delay:.3s}.np:not(.is-playing) .np-eq i{animation-play-state:paused}@keyframes np-eq{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1)}}.np-tname{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.np-tdur{color:rgb(var(--palette-muted-text));flex:none;font-family:IBM Plex Mono,Consolas,monospace;font-size:.75rem}.np-status{color:rgb(var(--palette-muted-text));margin:0;padding:.25rem .875rem 0;font-size:.75rem;line-height:1.4}.np-status.is-error{color:#d14343}.np-status[hidden]{display:none}.np-progress-row{align-items:center;gap:.5rem;padding:.5rem .875rem 0;display:flex}.np-time{min-width:2.25rem;color:rgb(var(--palette-muted-text));flex:none;font-family:IBM Plex Mono,Consolas,monospace;font-size:.6875rem}.np-time:last-child{text-align:right}.np-progress{cursor:pointer;touch-action:none;flex:1;height:1rem;position:relative}.np-progress:before{content:"";background-color:rgb(var(--palette-muted));border-radius:999px;height:4px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.np-fill{background-color:rgb(var(--palette-accent));pointer-events:none;border-radius:999px;width:0;height:4px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.np-ctrl{justify-content:center;align-items:center;gap:.625rem;padding:.5rem .875rem .875rem;display:flex}#np-shuffle{margin-right:auto}#np-shuffle[aria-pressed=true]{color:rgb(var(--palette-accent));background-color:color-mix(in srgb, rgb(var(--palette-accent)) 14%, transparent)}.np-vol{align-items:center;gap:.25rem;margin-left:auto;display:flex}.np-vol-slider{-webkit-appearance:none;appearance:none;background:rgb(var(--palette-muted));cursor:pointer;border-radius:999px;outline:none;width:4.25rem;height:4px}.np-vol-slider::-webkit-slider-thumb{-webkit-appearance:none;background:rgb(var(--palette-accent));cursor:pointer;border-radius:50%;width:11px;height:11px}.np-vol-slider::-moz-range-thumb{background:rgb(var(--palette-accent));cursor:pointer;border:none;border-radius:50%;width:11px;height:11px}.np-play{background-color:rgb(var(--palette-accent));width:2.75rem;height:2.75rem;color:rgb(var(--palette-fill));cursor:pointer;box-shadow:0 6px 18px color-mix(in srgb, rgb(var(--palette-accent)) 42%, transparent);border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:transform .15s,box-shadow .2s;display:flex}.np-play:hover{transform:scale(1.06)}.np-play:active{transform:scale(.97)}.album-filter:where(.astro-7tvvtef4){flex-wrap:wrap;align-items:center;gap:.5rem .875rem;margin-bottom:1.5rem;display:flex}.album-filter-title:where(.astro-7tvvtef4){letter-spacing:.08em;text-transform:uppercase;color:rgb(var(--palette-text));align-items:center;gap:.375rem;margin:0;font-size:.75rem;font-weight:600;display:inline-flex}.album-filter-icon:where(.astro-7tvvtef4){fill:none;width:.875rem;height:.875rem}.album-chips:where(.astro-7tvvtef4){flex-wrap:wrap;gap:.375rem;margin:0;padding:0;list-style:none;display:flex}.album-chips-toggle:where(.astro-7tvvtef4){border-style:dashed}.album-grid:where(.astro-7tvvtef4){grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:1rem .625rem;margin:0;padding:0;list-style:none;display:grid}@media (width>=40rem){.album-grid:where(.astro-7tvvtef4){grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:1.125rem .75rem}}.album:where(.astro-7tvvtef4)[hidden]{display:none}.album-link:where(.astro-7tvvtef4){width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:none;flex-direction:column;gap:.375rem;padding:0;font-family:inherit;text-decoration:none;display:flex}.album-link:where(.astro-7tvvtef4):disabled{cursor:default}.album-link:where(.astro-7tvvtef4):not(:disabled):focus-visible{outline:2px dashed rgb(var(--palette-accent));outline-offset:.25rem;border-radius:.75rem}.album-cover:where(.astro-7tvvtef4){aspect-ratio:1;background-color:rgb(var(--palette-muted));border-radius:.75rem;transition:transform .25s,box-shadow .25s;display:block;position:relative;overflow:hidden;box-shadow:0 2px 10px #0000001f}.album-link:where(.astro-7tvvtef4):hover .album-cover:where(.astro-7tvvtef4){transform:translateY(-2px)scale(1.012);box-shadow:0 10px 24px #00000038}.album-cover:where(.astro-7tvvtef4) img:where(.astro-7tvvtef4){object-fit:cover;width:100%;height:100%;display:block}.album-cover-fallback:where(.astro-7tvvtef4){color:#fff;background:linear-gradient(135deg, hsl(var(--album-hue,210) 48% 58%), hsl(calc(var(--album-hue,210) + 28) 48% 42%));justify-content:center;align-items:center;width:100%;height:100%;font-size:2rem;font-weight:600;display:flex}.album-star:where(.astro-7tvvtef4){color:#fff;backdrop-filter:blur(4px);background-color:#00000073;border-radius:.5rem;padding:0 .3125rem;font-size:.75rem;line-height:1.5;position:absolute;top:.375rem;right:.375rem}.album-hover:where(.astro-7tvvtef4){opacity:0;background-color:#00000057;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.album-hover:where(.astro-7tvvtef4) svg:where(.astro-7tvvtef4){fill:#fff;stroke:none;filter:drop-shadow(0 1px 4px #00000073);width:2.25rem;height:2.25rem}.album-link:where(.astro-7tvvtef4):hover .album-hover:where(.astro-7tvvtef4){opacity:1}.album-name:where(.astro-7tvvtef4){text-overflow:ellipsis;white-space:nowrap;color:rgb(var(--palette-text));font-size:.8125rem;font-weight:500;line-height:1.35;overflow:hidden}.album-artist:where(.astro-7tvvtef4){text-overflow:ellipsis;white-space:nowrap;color:rgb(var(--palette-muted-text));font-size:.75rem;line-height:1.35;overflow:hidden}.album-meta:where(.astro-7tvvtef4){color:rgb(var(--palette-muted-text));opacity:.7;font-size:.6875rem;line-height:1.3}.collection-empty:where(.astro-7tvvtef4){border:1px dashed rgb(var(--palette-border));color:rgb(var(--palette-muted-text));border-radius:1rem;padding:1.25rem 1.375rem;font-size:.9375rem}.collection-empty:where(.astro-7tvvtef4) p:where(.astro-7tvvtef4){color:rgb(var(--palette-text));margin:0 0 .75rem}.collection-empty:where(.astro-7tvvtef4) ol:where(.astro-7tvvtef4){flex-direction:column;gap:.375rem;margin:0;padding-left:1.25rem;display:flex}.collection-empty:where(.astro-7tvvtef4) code:where(.astro-7tvvtef4){background-color:rgb(var(--palette-muted));color:rgb(var(--palette-text));border-radius:.375rem;padding:.125rem .375rem;font-size:.875em}