.listen.svelte-1nfirs1{margin-top:1.5rem}.listen-pill.svelte-1nfirs1{border:1px solid var(--rule);color:var(--color-bone-300);transition:color .3s var(--ease-expo), border-color .3s var(--ease-expo), background-color .3s var(--ease-expo);background:#faf8f508;border-radius:9999px;align-items:center;gap:.6rem;padding:.5rem 1.1rem;font-size:.8125rem;display:inline-flex}.listen-pill.svelte-1nfirs1:hover{color:var(--color-bone-50);border-color:var(--rule-strong);background:#faf8f50f}.listen-pill.svelte-1nfirs1 svg:where(.svelte-1nfirs1){width:.9rem;height:.9rem;color:var(--color-copper-400)}.listen-pill-solid.svelte-1nfirs1{background:var(--color-bone-50);color:var(--color-ink-950);border-color:#0000;font-weight:500}.listen-pill-solid.svelte-1nfirs1:hover{color:var(--color-ink-950);background:#fff}.listen-panel.svelte-1nfirs1{border:1px solid var(--rule);background:var(--color-ink-925);border-radius:1rem;max-width:34rem;padding:1rem 1.25rem}.listen-panel-row.svelte-1nfirs1{align-items:center;gap:1rem;display:flex}.listen-note.svelte-1nfirs1{color:var(--color-bone-400);flex:1;font-size:.8125rem;line-height:1.6}.listen-em.svelte-1nfirs1,.listen-sub.svelte-1nfirs1{color:var(--color-bone-600);margin-left:.6rem;font-size:.6875rem}.listen-actions.svelte-1nfirs1{align-items:center;gap:.9rem;margin-top:.85rem;display:flex}.listen-quiet.svelte-1nfirs1{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--color-bone-500);transition:color .3s var(--ease-expo);font-size:.6875rem}.listen-quiet.svelte-1nfirs1:hover{color:var(--color-bone-50)}.listen-track.svelte-1nfirs1{background:#faf8f512;border-radius:9999px;height:2px;margin-top:.85rem;overflow:hidden}.listen-bar.svelte-1nfirs1{background:linear-gradient(90deg, var(--color-copper-500), var(--color-copper-300));height:100%;transition:width .3s var(--ease-expo);border-radius:9999px}.listen-round.svelte-1nfirs1{border:1px solid var(--rule-strong);width:2.5rem;height:2.5rem;color:var(--color-bone-100);transition:color .3s var(--ease-expo), border-color .3s var(--ease-expo);border-radius:9999px;flex-shrink:0;place-items:center;display:grid}.listen-round.svelte-1nfirs1:hover:not(:disabled){color:var(--color-copper-300);border-color:#d2946b66}.listen-round.svelte-1nfirs1:disabled{opacity:.45}.listen-round.svelte-1nfirs1 svg:where(.svelte-1nfirs1){width:1rem;height:1rem}