.player-shell.svelte-uinhf0{display:flex;align-items:center;gap:1rem;padding:1rem 1.1rem;border-radius:12px;background:linear-gradient(180deg,rgba(255,255,255,.02),transparent),linear-gradient(135deg,color-mix(in srgb,var(--player-accent) 14%,transparent),#111116fa);border:1px solid color-mix(in srgb,var(--player-accent) 22%,rgba(255,255,255,.08));box-shadow:inset 0 1px #ffffff08}.player-shell.embedded.svelte-uinhf0{padding:0;border:none;border-radius:0;background:none;box-shadow:none}.player-shell.compact.svelte-uinhf0{padding:0;border:none;border-radius:0;background:none;box-shadow:none;gap:0}audio.svelte-uinhf0{display:none}.transport.svelte-uinhf0{flex-shrink:0}.transport-btn.svelte-uinhf0,.compact-btn.svelte-uinhf0,.mute-btn.svelte-uinhf0{border:1px solid transparent;background:#ffffff0a;color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .15s,border-color .15s,background .15s,color .15s,opacity .15s}.transport-btn.svelte-uinhf0{width:54px;height:54px;border-radius:50%;background:color-mix(in srgb,var(--player-accent) 16%,rgba(255,255,255,.04));border-color:color-mix(in srgb,var(--player-accent) 24%,transparent);color:color-mix(in srgb,var(--player-accent) 78%,white)}.compact-btn.svelte-uinhf0{width:22px;height:22px;padding:0;border:none;background:none;color:color-mix(in srgb,var(--player-accent) 82%,white)}.transport-btn.svelte-uinhf0:hover,.compact-btn.svelte-uinhf0:hover,.mute-btn.svelte-uinhf0:hover{transform:translateY(-1px);background:#ffffff14;border-color:color-mix(in srgb,var(--player-accent) 45%,transparent);color:var(--text-primary)}.compact-btn.svelte-uinhf0:hover{background:none}.player-main.svelte-uinhf0{flex:1;min-width:0;display:flex;align-items:center}.timeline-row.svelte-uinhf0{display:flex;align-items:center;gap:.8rem;width:100%}.time-label.svelte-uinhf0{min-width:38px;font-size:var(--fs-sm);color:var(--text-faint);font-variant-numeric:tabular-nums}.timeline.svelte-uinhf0,.volume.svelte-uinhf0{appearance:none;width:100%;height:6px;border-radius:999px;background:linear-gradient(90deg,color-mix(in srgb,var(--player-accent) 80%,white),var(--player-accent)) 0 / var(--fill, 0%) 100% no-repeat,var(--bg-inset);outline:none;cursor:pointer}.timeline.svelte-uinhf0{flex:1 1 auto;min-width:0}.timeline.svelte-uinhf0::-webkit-slider-thumb,.volume.svelte-uinhf0::-webkit-slider-thumb{appearance:none;width:14px;height:14px;border-radius:50%;border:2px solid rgba(8,9,14,.85);background:color-mix(in srgb,var(--player-accent) 75%,white);box-shadow:0 0 0 3px #ffffff0d}.timeline.svelte-uinhf0::-moz-range-thumb,.volume.svelte-uinhf0::-moz-range-thumb{width:14px;height:14px;border-radius:50%;border:2px solid rgba(8,9,14,.85);background:color-mix(in srgb,var(--player-accent) 75%,white);box-shadow:0 0 0 3px #ffffff0d}.timeline.svelte-uinhf0::-moz-range-track,.volume.svelte-uinhf0::-moz-range-track{height:6px;border-radius:999px;background:var(--bg-inset)}.mute-btn.svelte-uinhf0{width:34px;height:34px;border-radius:10px;flex-shrink:0}.volume-wrap.svelte-uinhf0{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.volume-wrap.svelte-uinhf0:before{content:"";position:absolute;left:50%;bottom:100%;width:34px;height:12px;transform:translate(-50%)}.volume-popover.svelte-uinhf0{position:absolute;left:50%;bottom:calc(100% + 10px);display:flex;align-items:center;justify-content:center;width:34px;height:118px;padding:10px 0;border-radius:14px;background:linear-gradient(180deg,rgba(255,255,255,.03),transparent),#111116f5;border:1px solid color-mix(in srgb,var(--player-accent) 18%,rgba(255,255,255,.08));box-shadow:0 12px 30px #00000047;opacity:0;transform:translate(-50%,6px) scale(.96);transform-origin:bottom center;pointer-events:none;transition:opacity .16s,transform .16s;z-index:5}.volume-wrap.open.svelte-uinhf0 .volume-popover:where(.svelte-uinhf0){opacity:1;transform:translate(-50%) scale(1);pointer-events:auto}.volume-vertical.svelte-uinhf0{width:84px;transform:rotate(-90deg);transform-origin:center}@media(max-width:640px){.player-shell.svelte-uinhf0{flex-direction:column;align-items:stretch;gap:.85rem}.transport.svelte-uinhf0{align-self:flex-start}}