.tpf__tabs{display:flex;justify-content:center;gap:var(--space-2);margin-block-start:var(--space-4)}.tpf__tab{min-block-size:2.75rem;padding:var(--space-2) var(--space-4);border:var(--border-hair) solid var(--border-subtle);border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);font-family:var(--font-mono);font-weight:500;text-transform:uppercase;line-height:var(--leading-ui);font-size:var(--type-ui);cursor:pointer;transition:transform .16s ease-out,color .16s ease-out,border-color .16s ease-out}.tpf__tab:active{transform:scale(.97)}.tpf__tab[aria-pressed=true]{color:var(--text);border-color:var(--color-accent)}.tpf__stage{--tpf-rx:0deg;--tpf-ry:0deg;position:relative;perspective:900px;cursor:pointer}.tpf__swap{animation:tpf-enter .2s cubic-bezier(.23,1,.32,1)}@keyframes tpf-enter{0%{opacity:0;transform:scale(.97)}}.tpf__play{position:absolute;inset-inline-start:50%;inset-block-end:var(--space-4);display:inline-flex;align-items:center;gap:var(--space-2);min-block-size:2.75rem;padding:var(--space-2) var(--space-4);border:var(--border-hair) solid var(--border-subtle);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--color-obsidian,#000) 70%,transparent);color:var(--text);font-family:var(--font-mono);font-weight:500;text-transform:uppercase;line-height:var(--leading-ui);font-size:var(--type-ui);cursor:pointer;translate:-50% 0;transition:opacity .16s ease-out,transform .16s ease-out,border-color .16s ease-out}@media (hover:hover) and (pointer:fine){.tpf__play:hover{border-color:var(--color-accent)}}.tpf__play:active{transform:scale(.97)}.tpf__play[data-playing=true]{opacity:0;pointer-events:none}.tpf__playIcon{inline-size:0;block-size:0;border-block:.35rem solid transparent;border-inline-start:.6rem solid var(--color-accent)}.tpf__stage .tpa{transform:rotateX(var(--tpf-rx)) rotateY(var(--tpf-ry));transition:transform .32s cubic-bezier(.23,1,.32,1)}@media (prefers-reduced-motion:reduce){.tpf__stage .tpa,.tpf__swap{transform:none;animation:none}.tpf__play{display:none}}