.player-shell.svelte-uinhf0{border-radius:var(--radius-xl);background:linear-gradient(180deg, var(--surface-1), transparent), linear-gradient(135deg, color-mix(in srgb, var(--player-accent) 14%, transparent), var(--bg-card));border:1px solid color-mix(in srgb, var(--player-accent) 22%, var(--outline-2));box-shadow:var(--shadow-inset-hi);align-items:center;gap:1rem;padding:1rem 1.1rem;display:flex}.player-shell.embedded.svelte-uinhf0{box-shadow:none;background:0 0;border:none;border-radius:0;padding:0}.player-shell.compact.svelte-uinhf0{box-shadow:none;background:0 0;border:none;border-radius:0;gap:0;padding:0}audio.svelte-uinhf0{display:none}.transport.svelte-uinhf0{flex-shrink:0}.transport-btn.svelte-uinhf0,.compact-btn.svelte-uinhf0,.mute-btn.svelte-uinhf0{color:var(--text-secondary);cursor:pointer;background:#ffffff0a;border:1px solid #0000;justify-content:center;align-items:center;transition:transform .15s,border-color .15s,background .15s,color .15s,opacity .15s;display:inline-flex}.transport-btn.svelte-uinhf0{background:color-mix(in srgb, var(--player-accent) 16%, #ffffff0a);border-color:color-mix(in srgb, var(--player-accent) 24%, transparent);width:54px;height:54px;color:color-mix(in srgb, var(--player-accent) 78%, white);border-radius:50%}.compact-btn.svelte-uinhf0{width:22px;height:22px;color:color-mix(in srgb, var(--player-accent) 82%, white);background:0 0;border:none;padding:0}.transport-btn.svelte-uinhf0:hover,.compact-btn.svelte-uinhf0:hover,.mute-btn.svelte-uinhf0:hover{border-color:color-mix(in srgb, var(--player-accent) 45%, transparent);color:var(--text-primary);background:#ffffff14;transform:translateY(-1px)}.compact-btn.svelte-uinhf0:hover{background:0 0}.player-main.svelte-uinhf0{flex:1;align-items:center;min-width:0;display:flex}.timeline-row.svelte-uinhf0{align-items:center;gap:.8rem;width:100%;display:flex}.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;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);cursor:pointer;border-radius:999px;outline:none;width:100%;height:6px}.timeline.svelte-uinhf0{flex:auto;min-width:0}.timeline.svelte-uinhf0::-webkit-slider-thumb{appearance:none;background:color-mix(in srgb, var(--player-accent) 75%, white);border:2px solid #08090ed9;border-radius:50%;width:14px;height:14px;box-shadow:0 0 0 3px #ffffff0d}.volume.svelte-uinhf0::-webkit-slider-thumb{appearance:none;background:color-mix(in srgb, var(--player-accent) 75%, white);border:2px solid #08090ed9;border-radius:50%;width:14px;height:14px;box-shadow:0 0 0 3px #ffffff0d}.timeline.svelte-uinhf0::-moz-range-thumb{background:color-mix(in srgb, var(--player-accent) 75%, white);border:2px solid #08090ed9;border-radius:50%;width:14px;height:14px;box-shadow:0 0 0 3px #ffffff0d}.volume.svelte-uinhf0::-moz-range-thumb{background:color-mix(in srgb, var(--player-accent) 75%, white);border:2px solid #08090ed9;border-radius:50%;width:14px;height:14px;box-shadow:0 0 0 3px #ffffff0d}.timeline.svelte-uinhf0::-moz-range-track{background:var(--bg-inset);border-radius:999px;height:6px}.volume.svelte-uinhf0::-moz-range-track{background:var(--bg-inset);border-radius:999px;height:6px}.mute-btn.svelte-uinhf0{border-radius:10px;flex-shrink:0;width:34px;height:34px}.volume-wrap.svelte-uinhf0{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative}.volume-wrap.svelte-uinhf0:before{content:"";width:34px;height:12px;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.volume-popover.svelte-uinhf0{border-radius:var(--radius-xl);background:linear-gradient(180deg, var(--surface-1), transparent), var(--bg-card);border:1px solid color-mix(in srgb, var(--player-accent) 18%, var(--outline-2));width:34px;height:118px;box-shadow:var(--shadow-md);opacity:0;transform-origin:bottom;pointer-events:none;z-index:5;justify-content:center;align-items:center;padding:10px 0;transition:opacity .16s,transform .16s;display:flex;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%,6px)scale(.96)}.volume-wrap.open.svelte-uinhf0 .volume-popover:where(.svelte-uinhf0){opacity:1;pointer-events:auto;transform:translate(-50%)scale(1)}.volume-vertical.svelte-uinhf0{transform-origin:50%;width:84px;transform:rotate(-90deg)}@media (width<=640px){.player-shell.svelte-uinhf0{flex-direction:column;align-items:stretch;gap:.85rem}.transport.svelte-uinhf0{align-self:flex-start}}