.stg-grid{background:#000;gap:2px;width:100%;height:100%;display:grid;position:relative}.stg-grid-layout{display:block}.stg-tile-positioned{background:#0f100f;position:absolute;overflow:hidden}.stg-tile-positioned .stg-tile{position:absolute;inset:0}.stg-unmute{z-index:2;color:#fff;width:100%;height:100%;font:700 16px var(--font-body);cursor:pointer;background:#0000008c;border:none;justify-content:center;align-items:center;gap:8px;display:flex;position:absolute;inset:0}.stg-grid-1{grid-template-columns:1fr}.stg-grid-2{grid-template-columns:1fr 1fr}.stg-grid-3,.stg-grid-4{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr}.stg-tile{background:#0f100f;justify-content:center;align-items:center;min-height:0;display:flex;position:relative;overflow:hidden;container-type:size}.stg-tile-empty{background:#000}.stg-empty-note{text-align:center;color:#ffffff73;font:600 14px var(--font-body);padding:0 24px}.stg-tile-piece.is-free .stg-tile{flex:1;min-width:0;height:auto;min-height:0}.stg-tile video{object-fit:contain;width:100%;height:100%}.stg-tile-audio{flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%;height:100%;display:flex}.stg-ring{--stg-level:0;--stg-ring-color:#7ee0a8;border-radius:50%;width:65cqh;height:65cqh;position:relative}.stg-ring-waveform{width:54cqh;height:54cqh}.stg-tile-avatar{z-index:1;color:#fff;width:100%;height:100%;font:800 30cqw var(--font-heading);background:#2a2c2a;border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden;container-type:inline-size}.stg-ring-waveform .stg-tile-avatar{font-size:25cqw}.stg-tile-avatar img{object-fit:cover;width:100%;height:100%}.stg-ring-pulse.is-speaking{box-shadow:0 0 0 calc((2px + var(--stg-level) * 5px) * var(--stg-ring-scale,1)) rgba(126, 224, 168, calc(.5 + var(--stg-level) * .5)), 0 0 calc((6px + var(--stg-level) * 16px) * var(--stg-ring-scale,1)) rgba(126, 224, 168, calc(var(--stg-level) * .55))}.stg-ring-glow.is-speaking{box-shadow:0 0 0 calc(2px * var(--stg-ring-scale,1)) rgba(126, 224, 168, calc(.45 + var(--stg-level) * .5)), 0 0 calc((10px + var(--stg-level) * 30px) * var(--stg-ring-scale,1)) calc((1px + var(--stg-level) * 9px) * var(--stg-ring-scale,1)) rgba(126, 224, 168, calc(.2 + var(--stg-level) * .55))}.stg-ring-solid{transition:box-shadow .15s}.stg-ring-solid.is-speaking{box-shadow:0 0 0 calc(3px * var(--stg-ring-scale,1)) var(--stg-ring-color)}.stg-ring-ripple.is-speaking{box-shadow:0 0 0 calc((2px + var(--stg-level) * 2px) * var(--stg-ring-scale,1)) rgba(126, 224, 168, calc(.55 + var(--stg-level) * .45))}.stg-ring-ripple:before,.stg-ring-ripple:after{content:"";border:calc(2px * var(--stg-ring-scale,1)) solid var(--stg-ring-color);opacity:0;pointer-events:none;border-radius:50%;position:absolute;inset:0}.stg-ring-ripple.is-speaking:before,.stg-ring-ripple.is-speaking:after{animation:1.5s cubic-bezier(.2,.6,.35,1) infinite stg-ripple}.stg-ring-ripple.is-speaking:after{animation-delay:.75s}@keyframes stg-ripple{0%{opacity:calc(.25 + var(--stg-level) * .55);transform:scale(1)}to{opacity:0;transform:scale(1.55)}}.stg-ring-waveform.is-speaking{box-shadow:0 0 0 calc(2px * var(--stg-ring-scale,1)) rgba(126, 224, 168, calc(.4 + var(--stg-level) * .45))}.stg-bar{transform-origin:50% 0;width:5.5%;height:50%;transform:rotate(var(--a));pointer-events:none;margin-left:-2.75%;position:absolute;top:50%;left:50%}.stg-bar i{height:calc(6% + var(--stg-level) * 26% * var(--f));background:var(--stg-ring-color);transform-origin:50% 0;border-radius:999px;transition:transform .12s ease-out;position:absolute;top:106%;left:0;right:0;transform:scaleY(0)}.stg-ring-waveform.is-speaking .stg-bar i{animation:.9s ease-in-out infinite alternate stg-bar-bob;transform:scaleY(1)}@keyframes stg-bar-bob{0%{transform:scaleY(.72)}to{transform:scaleY(1.16)}}.stg-tile-name{font:600 12px var(--font-body);color:#fff;text-shadow:0 1px 3px #000c;opacity:0;pointer-events:none;transition:opacity .2s;position:absolute;bottom:8px;left:10px}.stg-tile:hover .stg-tile-name{opacity:1}.stg-tile.is-screen{background:#000}.stg-backdrop{z-index:0;pointer-events:none;background-color:#0f100f;background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.stg-backdrop:after{content:"";background:radial-gradient(118% 88% at 50% 44%,#0003 0%,#0000007a 58%,#000000b3 100%),linear-gradient(#0000002e,#0000 22%);position:absolute;inset:0}.stg-grid.has-backdrop{background:#0f100f;gap:0}.stg-grid.has-backdrop .stg-tile,.stg-grid.has-backdrop .stg-tile-empty,.stg-grid.has-backdrop .stg-tile-positioned{background:0 0}.stg-grid.has-backdrop .stg-tile{z-index:1;position:relative}.stg-grid.has-backdrop .stg-tile.has-video,.stg-grid.has-backdrop .stg-tile.is-screen{background:#0b0c0b;box-shadow:inset 0 0 0 1px #ffffff17}.stg-grid.has-backdrop .stg-ring .stg-tile-avatar{box-shadow:0 0 0 2px #ffffff29,0 14px 34px #0000008c,0 2px 8px #0006}.stg-tile-name.is-label{white-space:nowrap;text-overflow:ellipsis;opacity:1;max-width:88%;font:600 11.5px var(--font-body);-webkit-backdrop-filter:blur(8px);text-shadow:0 1px 2px #0009;background:#0c0e0c80;border-radius:999px;padding:2.5px 10px;position:static;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff1a}.stg-grid.has-backdrop .stg-tile-audio{gap:8px}.stg-tile-name.is-label.is-quiet{opacity:0}@media (prefers-reduced-motion:reduce){.stg-ring-ripple.is-speaking:before,.stg-ring-ripple.is-speaking:after,.stg-ring-waveform.is-speaking .stg-bar i{animation:none}}