.player-shell.svelte-14cvs9f{position:fixed;left:.5rem;right:.5rem;bottom:calc(var(--bottom-nav-height, 0px) + .5rem);z-index:50;display:flex;flex-direction:column;align-items:center;outline:none;opacity:0;transform:translateY(5rem);pointer-events:none;transition:opacity .4s,transform .4s}.player-shell.is-open.svelte-14cvs9f{opacity:1;transform:none;pointer-events:auto}@media(min-width:768px){.player-shell.svelte-14cvs9f{left:50%;right:auto;bottom:1.5rem;width:min(65rem,calc(100% - 2rem));transform:translate(-50%,5rem)}.player-shell.is-open.svelte-14cvs9f{transform:translate(-50%)}}.player-bar.svelte-14cvs9f{position:relative;display:grid;width:100%;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.75rem;overflow:hidden;padding:.5rem .5rem .5rem .625rem;border:1px solid oklch(from var(--color-ink) l c h / .12);border-radius:var(--radius-panel);background:var(--color-foreground-solid);box-shadow:var(--shadow-float);color:var(--color-ink)}@media(min-width:768px){.player-bar.svelte-14cvs9f{grid-template-columns:minmax(0,21rem) minmax(0,1fr) auto;gap:1.5rem;height:5.25rem;padding:0 1.25rem 0 .75rem;border-radius:var(--radius-panel)}.player-bar.has-extra.svelte-14cvs9f{grid-template-columns:minmax(0,16rem) minmax(0,1fr) auto auto;gap:1.25rem}}.player-slot.svelte-14cvs9f{display:flex;align-items:center;justify-content:center}@media(max-width:767px){.player-slot.svelte-14cvs9f{grid-column:1 / -1;order:4;padding:.125rem 0 .375rem}.player-slot.svelte-14cvs9f .reaction-bar__emojis{width:100%;justify-content:space-between}.player-slot.svelte-14cvs9f .reaction-bar__emoji{width:3.5rem;height:2.5rem}}.player-now.svelte-14cvs9f{display:flex;min-width:0;align-items:center;gap:.75rem}.vinyl.svelte-14cvs9f{display:flex;width:2.75rem;height:2.75rem;flex-shrink:0;align-items:center;justify-content:center;overflow:hidden;border-radius:999px;background-color:#0b0d14;background-image:url(./vinyltext.Cw6WoA7G.jpg);background-blend-mode:luminosity;background-size:115%;background-position:center;box-shadow:0 0 0 1px oklch(from var(--color-ink) l c h / .12);touch-action:none}@media(min-width:768px){.vinyl.svelte-14cvs9f{width:3.75rem;height:3.75rem}}.vinyl.svelte-14cvs9f .vinyl-label{width:45%;height:45%;border-radius:999px;object-fit:cover;pointer-events:none}.player-text.svelte-14cvs9f{display:flex;min-width:0;flex-direction:column;gap:.0625rem}.player-title.svelte-14cvs9f,.player-artist.svelte-14cvs9f{margin:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-title.svelte-14cvs9f{font-size:.875rem;line-height:1.125rem;font-weight:700;color:var(--color-ink)}.player-artist.svelte-14cvs9f{font-size:.75rem;line-height:1rem;color:var(--color-ink-alt)}.player-note.svelte-14cvs9f{display:flex;align-items:center;gap:.375rem;overflow:hidden;font-size:.75rem;line-height:1rem;white-space:nowrap;color:var(--color-ink-alt)}.player-note.svelte-14cvs9f a:where(.svelte-14cvs9f){position:relative;font-weight:700;color:var(--color-secondary);text-decoration:none}.player-note.svelte-14cvs9f a:where(.svelte-14cvs9f):hover{text-decoration:underline}.player-note--counts.svelte-14cvs9f{color:var(--color-secondary)}@media(max-width:767px){.player-artist.svelte-14cvs9f{display:none}.player-note.svelte-14cvs9f:empty{display:none}}.player-controls.svelte-14cvs9f{display:flex;align-items:center}@media(min-width:768px){.player-controls.svelte-14cvs9f{flex-direction:column;gap:.375rem}}.player-buttons.svelte-14cvs9f{display:flex;align-items:center;justify-content:center;gap:.875rem}.player-toggle.svelte-14cvs9f{display:flex;width:2.5rem;height:2.5rem;align-items:center;justify-content:center;border-radius:999px;background:var(--color-ink);color:var(--color-background);transition:background-color .15s}.player-toggle.svelte-14cvs9f:hover{background:var(--color-ink-active)}.player-icon.svelte-14cvs9f{display:flex;width:2.75rem;height:2.75rem;align-items:center;justify-content:center;border-radius:var(--radius-control);color:var(--color-ink-alt);transition:color .15s,background-color .15s}@media(min-width:768px){.player-icon.svelte-14cvs9f{width:2.25rem;height:2.25rem}}.player-icon.svelte-14cvs9f:hover{color:var(--color-ink);background:var(--color-foreground)}.player-icon.is-active.svelte-14cvs9f{color:var(--color-secondary)}.player-bar.svelte-14cvs9f button:where(.svelte-14cvs9f):focus-visible,.vinyl.svelte-14cvs9f:focus-visible,.player-note.svelte-14cvs9f a:where(.svelte-14cvs9f):focus-visible{outline:2px solid var(--color-secondary);outline-offset:2px}.player-seek.svelte-14cvs9f{display:none;width:100%;align-items:center;gap:.625rem}.player-extra.svelte-14cvs9f{display:none}@media(min-width:768px){.player-seek.svelte-14cvs9f{display:flex}.player-extra.svelte-14cvs9f{display:flex;align-items:center;justify-content:flex-end;gap:.25rem}}@media(max-width:767px){.player-icon--desktop.svelte-14cvs9f{display:none}.player-controls.svelte-14cvs9f{order:3}.player-bar.svelte-14cvs9f{grid-template-columns:minmax(0,1fr) auto auto;gap:.25rem}.player-extra.svelte-14cvs9f{display:flex;order:2}.player-extra.svelte-14cvs9f .player-range--volume:where(.svelte-14cvs9f){display:none}}.player-time.svelte-14cvs9f{min-width:2.25rem;font-size:.6875rem;font-variant-numeric:tabular-nums;color:var(--color-ink-disabled)}.player-seek.svelte-14cvs9f .player-time:where(.svelte-14cvs9f):first-child,.player-seek-float.svelte-14cvs9f .player-time:where(.svelte-14cvs9f):first-child{text-align:right}.player-range.svelte-14cvs9f{position:relative;display:flex;height:1rem;flex:1;align-items:center}.player-range--volume.svelte-14cvs9f{width:4rem;flex:none;margin-left:.375rem}.player-range.svelte-14cvs9f input:where(.svelte-14cvs9f){width:100%;height:.25rem;appearance:none;border-radius:999px;background:linear-gradient(var(--color-secondary),var(--color-secondary)) 0 0 / var(--progress) 100% no-repeat,oklch(from var(--color-ink) l c h / .16);outline:none;cursor:pointer}.player-range.svelte-14cvs9f input:where(.svelte-14cvs9f)::-webkit-slider-thumb{width:.75rem;height:.75rem;appearance:none;border-radius:999px;background:var(--color-ink);box-shadow:0 2px 6px #00000080}.player-range.svelte-14cvs9f input:where(.svelte-14cvs9f)::-moz-range-thumb{width:.75rem;height:.75rem;border:0;border-radius:999px;background:var(--color-ink)}.player-range.svelte-14cvs9f input:where(.svelte-14cvs9f):focus-visible{outline:2px solid var(--color-secondary);outline-offset:4px}.player-mini-progress.svelte-14cvs9f{position:absolute;left:.625rem;right:.625rem;bottom:0;height:2px;background:oklch(from var(--color-ink) l c h / .12)}.player-mini-progress.svelte-14cvs9f span:where(.svelte-14cvs9f){display:block;height:100%;background:var(--color-secondary)}@media(min-width:768px){.player-mini-progress.svelte-14cvs9f{display:none}}.player-seek-float.svelte-14cvs9f{position:absolute;bottom:calc(100% + .5rem);display:flex;width:100%;align-items:center;gap:.75rem;padding:.5rem 1rem;border:1px solid oklch(from var(--color-ink) l c h / .12);border-radius:var(--radius-panel);background:var(--color-foreground-solid);box-shadow:var(--shadow-float);opacity:0;transform:translateY(.75rem);pointer-events:none;transition:opacity .25s,transform .25s}.player-seek-float.svelte-14cvs9f .player-range:where(.svelte-14cvs9f) input:where(.svelte-14cvs9f)::-webkit-slider-thumb{width:.75rem;height:1.75rem}.group.svelte-14cvs9f:focus-within .player-seek-float:where(.svelte-14cvs9f),.group.svelte-14cvs9f:hover .player-seek-float:where(.svelte-14cvs9f){opacity:1;transform:none;pointer-events:auto}@media(min-width:768px){.player-seek-float.svelte-14cvs9f{display:none}}.player-empty.svelte-14cvs9f{grid-column:1 / -1;margin:0;padding:1rem;text-align:center;color:var(--color-ink-alt)}.spinning.svelte-14cvs9f{animation:svelte-14cvs9f-spin 4s linear infinite}@keyframes svelte-14cvs9f-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.paused.svelte-14cvs9f{animation-play-state:paused!important}@media(prefers-reduced-motion:reduce){.spinning.svelte-14cvs9f{animation:none}.player-shell.svelte-14cvs9f,.player-seek-float.svelte-14cvs9f{transition:none}}