.cst{width:100%;max-width:470px}.cst-tabrow{border-bottom:1.5px solid var(--border);align-items:flex-end;gap:clamp(1rem,2.5vw,1.75rem);width:100%;margin-bottom:1.1rem;display:flex}.cst-tab{appearance:none;font-family:var(--font-inter);letter-spacing:-.01em;color:color-mix(in srgb, var(--foreground) 52%, transparent);cursor:pointer;background:0 0;border:none;padding:0 0 .55rem;font-size:clamp(.95rem,.85rem + .35vw,1.1rem);font-weight:500;transition:color .2s;position:relative}.cst-tab:hover{color:color-mix(in srgb, var(--foreground) 68%, transparent)}.cst-tab.is-active{color:var(--foreground)}.cst-tab.is-active:after{content:"";background:var(--brand-green);transform-origin:0;height:2.5px;animation:cst-beatfill var(--beat-ms,7s) linear forwards;border-radius:2px;position:absolute;bottom:-1.5px;left:0;right:0}@keyframes cst-beatfill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.cst-tab.is-active:after{animation:none;transform:none}}.cst-tab:focus-visible{outline:2px solid var(--brand-green);outline-offset:2px}.cst-screen{aspect-ratio:470/498;width:100%}.cst-clip{object-fit:contain;border-radius:var(--radius-card);width:100%;height:100%;display:block}.cst-live{position:relative;overflow:hidden}.cst-live-stage{transform-origin:0 0;width:470px;height:498px;position:absolute;top:0;left:0}