.ob-live:where(.astro-yxl2dqst){border-radius:var(--ob-radius);border:1px solid var(--ob-card-border);background:var(--ob-card);box-shadow:var(--ob-shadow);margin:1.5rem 0;overflow:hidden}.ob-live-head:where(.astro-yxl2dqst){font-size:var(--sl-text-sm);border-bottom:1px solid var(--ob-card-border);color:var(--sl-color-gray-2);flex-wrap:wrap;align-items:center;gap:.6rem;padding:.55rem .9rem;display:flex}.ob-live-head:where(.astro-yxl2dqst) strong:where(.astro-yxl2dqst){color:var(--sl-color-white)}.ob-live-hint:where(.astro-yxl2dqst){color:var(--sl-color-gray-3);font-size:var(--sl-text-xs);flex-basis:100%;order:3;margin-top:-.3rem;padding-left:1.15rem}.ob-live-badge:where(.astro-yxl2dqst){letter-spacing:.08em;text-transform:uppercase;color:#0b0614;background:var(--ob-amber);border-radius:999px;margin-inline-start:auto;padding:.1rem .5rem;font-size:.7rem;font-weight:700}.ob-live-dot:where(.astro-yxl2dqst){background:#3ddc84;border-radius:50%;width:.55rem;height:.55rem;box-shadow:0 0 0 3px #3ddc8433}.ob-live-stage:where(.astro-yxl2dqst){aspect-ratio:var(--ob-aspect);background:var(--ob-bg);max-height:72vh;margin-inline:auto;position:relative}.ob-live-stage:where(.astro-yxl2dqst) openbone-player:where(.astro-yxl2dqst),.ob-live-poster:where(.astro-yxl2dqst){width:100%;height:100%;display:block;position:absolute;inset:0}.ob-live-poster:where(.astro-yxl2dqst){object-fit:contain;transition:opacity .3s}.ob-live-stage:where(.astro-yxl2dqst) openbone-player:where(.astro-yxl2dqst){opacity:0}.ob-live:where(.astro-yxl2dqst)[data-ready] openbone-player:where(.astro-yxl2dqst){opacity:1}.ob-live:where(.astro-yxl2dqst)[data-ready] .ob-live-poster:where(.astro-yxl2dqst){opacity:0}.ob-live-loading:where(.astro-yxl2dqst){pointer-events:none;place-items:center;transition:opacity .4s;display:grid;position:absolute;inset:0}.ob-live-loading:where(.astro-yxl2dqst) span:where(.astro-yxl2dqst){border:3px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:2rem;height:2rem;animation:.9s linear infinite ob-spin}.ob-live-loading:where(.astro-yxl2dqst){opacity:0}.ob-live:where(.astro-yxl2dqst)[data-playing]:not([data-ready]) .ob-live-loading:where(.astro-yxl2dqst){opacity:1}@keyframes ob-spin{to{transform:rotate(360deg)}}.ob-live-play:where(.astro-yxl2dqst){color:#fff;width:100%;font:inherit;cursor:pointer;background:radial-gradient(closest-side,#0a041059,#0a041026);border:0;flex-direction:column;justify-content:center;align-items:center;gap:.7rem;padding:0;transition:opacity .25s;display:flex;position:absolute;inset:0}.ob-play-icon:where(.astro-yxl2dqst){aspect-ratio:1;color:#0b0614;background:linear-gradient(135deg,#8fd6ff,#4b8ff0);border-radius:50%;place-items:center;width:clamp(3.5rem,12%,5rem);padding-left:.2rem;transition:transform .15s;display:grid;box-shadow:0 0 0 6px #ffffff2e,0 12px 36px -8px #0009}.ob-play-label:where(.astro-yxl2dqst){font-size:var(--sl-text-sm);backdrop-filter:blur(6px);background:#140a1eb3;border-radius:999px;padding:.25rem .75rem;font-weight:700}.ob-live-play:where(.astro-yxl2dqst):hover .ob-play-icon:where(.astro-yxl2dqst),.ob-live-play:where(.astro-yxl2dqst):focus-visible .ob-play-icon:where(.astro-yxl2dqst){transform:scale(1.08)}.ob-live:where(.astro-yxl2dqst)[data-playing] .ob-live-play:where(.astro-yxl2dqst){opacity:0;pointer-events:none}.ob-live-tools:where(.astro-yxl2dqst){z-index:2;gap:.4rem;display:flex;position:absolute;top:.5rem;right:.5rem}.ob-live-tool:where(.astro-yxl2dqst){color:#fff;opacity:.85;cursor:pointer;backdrop-filter:blur(6px);background:#140a1eb3;border:1px solid #ffffff4d;border-radius:50%;place-items:center;width:2.1rem;height:2.1rem;padding:0;transition:opacity .15s,transform .15s;display:grid}.ob-live-tool:where(.astro-yxl2dqst):hover{opacity:1;transform:translateY(-1px)}.ob-live-tool:where(.astro-yxl2dqst)[hidden],.ob-live:where(.astro-yxl2dqst):not([data-playing]) .ob-live-sound:where(.astro-yxl2dqst),.ob-live-fs:where(.astro-yxl2dqst) .ob-fs-close:where(.astro-yxl2dqst),.ob-live-fs:where(.astro-yxl2dqst)[aria-pressed=true] .ob-fs-open:where(.astro-yxl2dqst){display:none}.ob-live-fs:where(.astro-yxl2dqst)[aria-pressed=true] .ob-fs-close:where(.astro-yxl2dqst){display:inline}.ob-live:where(.astro-yxl2dqst):fullscreen{background:#0b0614;border:0;border-radius:0;flex-direction:column;margin:0;display:flex}.ob-live:where(.astro-yxl2dqst):fullscreen .ob-live-stage:where(.astro-yxl2dqst){aspect-ratio:auto;flex:1;width:100%;max-height:none}.ob-live:where(.astro-yxl2dqst):fullscreen .ob-live-controls:where(.astro-yxl2dqst){border-color:#ffffff1a;justify-content:center}.ob-live:where(.astro-yxl2dqst):fullscreen .ob-live-head:where(.astro-yxl2dqst){color:#c7c0d4;border-color:#ffffff1a}.ob-live:where(.astro-yxl2dqst):fullscreen .ob-live-head:where(.astro-yxl2dqst) strong:where(.astro-yxl2dqst){color:#fff}.ob-live:where(.astro-yxl2dqst):fullscreen .ob-live-hint:where(.astro-yxl2dqst){color:#9a90ab}.ob-live-sound:where(.astro-yxl2dqst) .ob-wave:where(.astro-yxl2dqst){display:none}.ob-live-sound:where(.astro-yxl2dqst)[aria-pressed=true] .ob-wave:where(.astro-yxl2dqst){display:inline}.ob-live-sound:where(.astro-yxl2dqst)[aria-pressed=true] .ob-x:where(.astro-yxl2dqst){display:none}.ob-live-controls:where(.astro-yxl2dqst){border-top:1px solid var(--ob-card-border);flex-wrap:wrap;gap:.5rem;padding:.7rem .9rem;display:flex}.ob-ctl:where(.astro-yxl2dqst){font:inherit;font-size:var(--sl-text-sm);border:1px solid var(--sl-color-gray-5);background:var(--sl-color-gray-6);color:var(--sl-color-white);cursor:pointer;border-radius:999px;align-items:center;gap:.5rem;padding:.35rem .85rem;display:inline-flex}button:where(.astro-yxl2dqst).ob-ctl:hover{border-color:var(--sl-color-accent)}button:where(.astro-yxl2dqst).ob-ctl:active{transform:translateY(1px)}button:where(.astro-yxl2dqst)[data-fire]:before{content:"⚡";font-size:.8em}.ob-toggle:where(.astro-yxl2dqst):before{content:"";border:2px solid var(--sl-color-gray-3);border-radius:50%;width:.7rem;height:.7rem}.ob-toggle:where(.astro-yxl2dqst)[aria-pressed=true]{border-color:var(--sl-color-accent);background:var(--sl-color-accent-low)}.ob-toggle:where(.astro-yxl2dqst)[aria-pressed=true]:before{background:var(--sl-color-accent);border-color:var(--sl-color-accent)}.ob-range:where(.astro-yxl2dqst){cursor:default}.ob-range:where(.astro-yxl2dqst) input:where(.astro-yxl2dqst){width:8rem;accent-color:var(--sl-color-accent)}.ob-range:where(.astro-yxl2dqst) output:where(.astro-yxl2dqst){font-family:var(--sl-font-mono);min-width:3ch;font-size:.85em}