.recording-preview:where(.astro-yifrmfld){width:100%;min-width:0}@media(min-width:64rem){.recording-preview:where(.astro-yifrmfld){max-width:600px;margin-inline-start:auto}}.instance-address:where(.astro-yifrmfld),.stream-heading:where(.astro-yifrmfld),.stream-details:where(.astro-yifrmfld),.stream-progress:where(.astro-yifrmfld),.storage-details:where(.astro-yifrmfld),.storage-path:where(.astro-yifrmfld){display:flex;align-items:center}.instance-header:where(.astro-yifrmfld){margin-bottom:12px}.instance-address:where(.astro-yifrmfld){gap:9px;font-family:var(--font-mono);font-size:11px;color:var(--color-fg-muted)}.instance-address:where(.astro-yifrmfld) svg:where(.astro-yifrmfld){color:var(--color-fg-dim)}.recording-streams:where(.astro-yifrmfld){margin:0;padding:0;list-style:none}.recording-strip:where(.astro-yifrmfld){padding-block:24px;border-bottom:1px solid var(--color-border-soft)}.stream-heading:where(.astro-yifrmfld){justify-content:space-between;gap:20px}.stream-heading:where(.astro-yifrmfld) h3:where(.astro-yifrmfld){display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 12px;font-family:var(--font-sans);font-size:16px;font-weight:500;letter-spacing:-.015em}.stream-quality:where(.astro-yifrmfld){font-family:var(--font-mono);font-size:10px;font-weight:400;letter-spacing:0;color:var(--color-fg-dim)}.capture-progress:where(.astro-yifrmfld){display:flex;align-items:center;gap:3px;flex:0 0 32%;height:26px}.capture-progress:where(.astro-yifrmfld)>span:where(.astro-yifrmfld){flex:1;min-width:1px;height:var(--level);border-radius:1px;background:var(--color-primary);opacity:.65;animation:capture-level 2.4s ease-in-out 2;animation-delay:var(--delay)}.stream-details:where(.astro-yifrmfld){justify-content:space-between;flex-wrap:wrap;gap:8px 16px;margin-top:12px;font-family:var(--font-mono);font-size:10px;font-variant-numeric:tabular-nums;color:var(--color-fg-muted)}.stream-path:where(.astro-yifrmfld){overflow-wrap:anywhere;color:var(--color-fg-dim)}.stream-progress:where(.astro-yifrmfld){gap:18px;margin-left:auto}.stream-size:where(.astro-yifrmfld){min-width:6ch;text-align:right;color:var(--color-fg-dim)}.storage-summary:where(.astro-yifrmfld){margin-top:24px}.storage-details:where(.astro-yifrmfld){justify-content:space-between;gap:12px;font-family:var(--font-mono);font-size:11px;font-variant-numeric:tabular-nums;color:var(--color-fg-muted)}.storage-path:where(.astro-yifrmfld){gap:7px}.storage-total:where(.astro-yifrmfld){color:var(--color-fg-dim)}.storage-meter:where(.astro-yifrmfld){appearance:none;display:block;width:100%;height:3px;margin-top:12px;border:0;border-radius:0;background:var(--color-surface-raised)}.storage-meter:where(.astro-yifrmfld)::-webkit-meter-bar{height:3px;border:0;border-radius:0;background:var(--color-surface-raised)}.storage-meter:where(.astro-yifrmfld)::-webkit-meter-optimum-value{background:var(--color-primary);opacity:.65}.storage-meter:where(.astro-yifrmfld)::-moz-meter-bar{background:var(--color-primary);opacity:.65}@keyframes capture-level{0%,to{transform:scaleY(1)}50%{transform:scaleY(.45)}}@media(prefers-reduced-motion:reduce){.capture-progress:where(.astro-yifrmfld)>span:where(.astro-yifrmfld){animation:none}}@media(max-width:550px){.recording-strip:where(.astro-yifrmfld){padding-block:21px}.stream-heading:where(.astro-yifrmfld){gap:12px}.stream-heading:where(.astro-yifrmfld) h3:where(.astro-yifrmfld){font-size:15px}.capture-progress:where(.astro-yifrmfld){flex-basis:30%;gap:2px;height:23px}.stream-details:where(.astro-yifrmfld){font-size:9px}.stream-progress:where(.astro-yifrmfld){gap:12px}.storage-details:where(.astro-yifrmfld){font-size:10px}}@keyframes rv-sweep{0%{transform:translate(-120%)}to{transform:translate(420%)}}:where(.astro-tkhgkx3j)[data-sweep]{animation:rv-sweep 2.6s linear infinite}live-status-panel:where(.astro-tkhgkx3j)[data-paused=true] :where(.astro-tkhgkx3j)[data-sweep]{animation-play-state:paused}@media(prefers-reduced-motion:reduce){:where(.astro-tkhgkx3j)[data-sweep]{animation:none;opacity:0}}:where(.astro-hkoc4sea)[data-pricing-connect][data-active-plan=monthly] :where(.astro-hkoc4sea)[data-plan-show=yearly],:where(.astro-hkoc4sea)[data-pricing-connect][data-active-plan=yearly] :where(.astro-hkoc4sea)[data-plan-show=monthly],:where(.astro-hkoc4sea)[data-pricing-connect]:not([data-active-plan]) :where(.astro-hkoc4sea)[data-plan-show=yearly]{display:none}