@layer sc.reset,sc.vendor,sc.tokens,sc.base;@layer sc.layout{.sc-theater{block-size:var(--sc-kb-viewport-h,100dvh);background:var(--sc-color-bg);color:var(--sc-color-text);grid-template-rows:minmax(0,1fr) auto;display:grid;overflow:hidden}.sc-theater__main{min-block-size:0;display:grid}.sc-theater__bar{justify-content:space-between;align-items:center;gap:var(--sc-space-4);padding:var(--sc-space-3) var(--sc-space-4);border-block-end:var(--sc-border-width) solid var(--sc-color-border-subtle);padding-block-start:calc(var(--sc-space-3) + var(--sc-safe-top));display:flex}.sc-theater__lead{align-items:center;gap:var(--sc-space-3);flex:auto;min-inline-size:0;display:flex}.sc-theater__title{font-size:var(--sc-text-body);line-height:var(--sc-leading-body);font-weight:var(--sc-font-weight-bold)}}@layer sc.components{.sc-roster{gap:var(--sc-space-1);align-content:start;min-block-size:0;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.sc-roster__row{align-items:center;gap:var(--sc-space-3);padding:var(--sc-space-2);border-radius:var(--sc-radius-control-sm);display:flex}.sc-roster__name{font-size:var(--sc-text-body-sm);font-weight:var(--sc-font-weight-semibold);margin-inline-end:auto}}@layer sc.patterns,sc.effects;@layer sc.pages{.sc-room{grid-template:"bar bar""stage side"minmax(0,1fr)/minmax(0,1fr) clamp(19rem,26vw,24rem);min-block-size:0;display:grid}.sc-room__bar{grid-area:bar}.sc-room__stage{grid-area:stage}.sc-room__side{grid-area:side}.sc-room__actions,.sc-room__meta{flex:none}.sc-room__poster{border-radius:var(--sc-radius-media-sm);object-fit:cover;border:var(--sc-border-width) solid var(--sc-color-border-subtle);block-size:3rem;inline-size:2rem}.sc-room__titles{gap:var(--sc-space-1);min-inline-size:0;display:grid}.sc-room__meta{align-items:center;gap:var(--sc-space-2);font-size:var(--sc-text-caption);color:var(--sc-color-text-muted);line-height:1;display:flex}.sc-room__sync{align-items:center;gap:var(--sc-space-1_5);white-space:nowrap;display:inline-flex}.sc-room__live{border-radius:var(--sc-radius-circle);background:var(--sc-color-success-solid);block-size:.375rem;inline-size:.375rem;box-shadow:0 0 .375rem var(--sc-color-success-solid);animation:sc-room-pulse 2s var(--sc-ease-standard) infinite}@keyframes sc-room-pulse{0%,to{opacity:1}50%{opacity:.35}}.sc-room__actions{align-items:center;gap:var(--sc-space-2);display:flex}.sc-room__code-item{gap:var(--sc-space-2);padding-inline:var(--sc-space-4);cursor:text;grid-auto-flow:column}.sc-room__code{font-family:var(--sc-font-mono);font-size:var(--sc-text-body-sm);font-weight:var(--sc-font-weight-bold);letter-spacing:var(--sc-tracking-wide);color:var(--sc-color-accent-text);-webkit-user-select:all;user-select:all}.sc-room__chat-toggle,.sc-room__chat-divider{display:none}.sc-room__stage{background:var(--sc-color-scrim-heavy);min-block-size:0;display:grid;position:relative;overflow:hidden}.sc-theater-stage{perspective:1200px;perspective-origin:50% 40%;padding:var(--sc-space-5) var(--sc-space-4) 8.5rem;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.sc-screen{z-index:2;aspect-ratio:16/9;transform-origin:bottom;border-radius:var(--sc-radius-control);border:.25rem solid var(--sc-color-surface-2);background:var(--sc-color-bg-deep);inline-size:min(80%,46rem);box-shadow:0 3rem 6rem -1.25rem var(--sc-color-accent-glow);animation:sc-room-flicker 4s var(--sc-ease-standard) infinite;position:relative;overflow:hidden;transform:rotateX(5deg)}.sc-screen__art{object-fit:cover;block-size:100%;inline-size:100%;position:absolute;inset:0}.sc-screen__wash{background:var(--sc-color-scrim);position:absolute;inset:0}@keyframes sc-room-flicker{0%,to{opacity:1}25%,75%{opacity:.95}50%{opacity:.85}}.sc-screen__glow{z-index:1;transform-origin:top;pointer-events:none;background:radial-gradient(ellipse at center, var(--sc-color-accent-glow) 0%, transparent 70%);filter:blur(20px);block-size:4rem;inline-size:min(90%,46rem);margin-block-start:-2rem;position:relative;transform:rotateX(80deg)}.sc-seats{padding:var(--sc-space-4) var(--sc-space-4) 0;gap:var(--sc-space-4) var(--sc-space-3);transform-origin:top;grid-template-columns:repeat(8,1fr);justify-items:center;inline-size:100%;max-inline-size:46rem;margin:0;list-style:none;display:grid;transform:rotateX(52deg)scale(.92)}.sc-seat{border-radius:var(--sc-radius-control-sm) var(--sc-radius-control-sm) var(--sc-radius-control) var(--sc-radius-control);background:var(--sc-color-surface-2);border-block-end:.3125rem solid var(--sc-color-bg-deep);block-size:2.25rem;inline-size:2.25rem;box-shadow:0 .625rem 1.25rem var(--sc-color-scrim);transition:background-color var(--sc-dur-base) var(--sc-ease-standard);position:relative}.sc-seat--taken{background:var(--sc-color-surface-3)}.sc-seat__who{animation:sc-room-arrive var(--sc-dur-slow) var(--sc-ease-spring) backwards;animation-delay:calc(var(--sc-reveal-index,0) * var(--sc-stagger-step));position:absolute;inset-block-end:40%;inset-inline-start:50%;translate:-50%}.sc-seat--mine .sc-seat__who .sc-avatar{--sc-avatar-ring:var(--sc-color-accent)}.sc-seat__who .sc-avatar{--sc-avatar-size:1.75rem}@keyframes sc-room-arrive{0%{opacity:0;translate:-50% 2.5rem}to{opacity:1;translate:-50%}}.sc-room__reactions{z-index:3;gap:var(--sc-space-2);padding:var(--sc-space-2);--sc-glass-radius:var(--sc-radius-control);--sc-glass-shadow:var(--sc-shadow-3);display:flex;position:absolute;inset-block-end:6.5rem;inset-inline-start:var(--sc-space-4)}.sc-room__react{inline-size:var(--sc-size-target-min);block-size:var(--sc-size-target-min);--sc-well-radius:var(--sc-radius-control-sm);font-size:var(--sc-text-title-sm);transition:background-color var(--sc-dur-fast) var(--sc-ease-standard), transform var(--sc-dur-fast) var(--sc-ease-spring);place-items:center;line-height:1;display:grid}@media (hover:hover) and (pointer:fine){.sc-room__react:hover{background:var(--sc-color-overlay-2);transform:scale(1.1)}}.sc-room__bubble{z-index:4;pointer-events:none;font-size:var(--sc-text-title);animation:sc-room-float 2s var(--sc-ease-out) forwards;position:absolute}@keyframes sc-room-float{0%{opacity:0;transform:translate(-50%)scale(.5)}20%{opacity:1;transform:translate(-50%,-1.25rem)scale(1.2)}to{opacity:0;transform:translate(-50%,-6.25rem)scale(1)}}.sc-room__playback{z-index:3;gap:var(--sc-space-3);padding:var(--sc-space-6) var(--sc-space-4) var(--sc-space-3);background:linear-gradient(to top, var(--sc-color-scrim-heavy) 0%, var(--sc-color-scrim) 55%, transparent 100%);padding-block-end:calc(var(--sc-space-3) + var(--sc-safe-bottom));display:grid;position:absolute;inset-block-end:0;inset-inline:0}.sc-room__transport{align-items:center;gap:var(--sc-space-2);display:flex}.sc-room__clock{font-family:var(--sc-font-mono);font-size:var(--sc-text-caption);font-variant-numeric:tabular-nums;color:var(--sc-color-text-on-media)}.sc-room__transport-end{gap:var(--sc-space-2);margin-inline-start:auto;display:flex}.sc-room__side{border:0;border-inline-start:var(--sc-border-width) solid var(--sc-color-border-subtle);block-size:100%;min-block-size:0;max-block-size:none;inline-size:100%;max-inline-size:none;color:inherit;background:0 0;margin:0;padding:0;display:grid;position:static;inset:auto;overflow:hidden}.sc-room__side:not([open]),.sc-room__side-scrim{display:none}.sc-room__side-stage,.sc-room__side-panel{min-block-size:0;display:grid}.sc-room__side-panel{gap:var(--sc-space-3);padding:var(--sc-space-3);grid-template-rows:auto minmax(0,1fr)}.sc-room__tabs{justify-self:stretch}.sc-room__panes,.sc-room__pane{min-block-size:0;display:grid}.sc-room__pane[hidden]{display:none}@media (width<=48em){.sc-room{grid-template-columns:minmax(0,1fr);grid-template-areas:"bar""stage"}.sc-room__invite-label,.sc-room__poster,.sc-room__sync{display:none}.sc-room__actions,.sc-room__id{gap:var(--sc-space-2)}.sc-room__bar{gap:var(--sc-space-2);padding-inline:var(--sc-space-3)}.sc-room__chat-toggle{display:grid}.sc-room__chat-divider{display:block}.sc-room__code-item{padding-inline:var(--sc-space-3)}.sc-seats{gap:var(--sc-space-4) var(--sc-space-3);padding:var(--sc-space-4) var(--sc-space-2);grid-template-columns:repeat(6,1fr);transform:rotateX(40deg)scale(.85)}.sc-seat{block-size:2.25rem;inline-size:2.25rem}.sc-screen{inline-size:95%}.sc-room__side{background:0 0;border:0;block-size:auto;inline-size:auto;position:fixed;inset:0;overflow:visible}.sc-room__side-scrim{--sc-frost-bg:var(--sc-color-scrim-frost);display:block}.sc-room__side-stage{pointer-events:none}.sc-room__side-panel{pointer-events:auto;block-size:82dvh;max-block-size:calc(var(--sc-kb-viewport-h,100dvh) - 4rem);border-block-start:var(--sc-border-width) solid var(--sc-color-border);box-shadow:0 -.625rem 2.5rem var(--sc-color-scrim-heavy);grid-template-rows:auto auto minmax(0,1fr);padding-block-end:calc(var(--sc-safe-bottom) + var(--sc-space-2))}:where([data-sc-root]:not([data-sc-js])) .sc-room__side{position:static}:where([data-sc-root]:not([data-sc-js])) .sc-room{grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"bar""stage""side"}:where([data-sc-root]:not([data-sc-js])) .sc-room__side-stage,:where([data-sc-root]:not([data-sc-js])) .sc-room__side-panel{block-size:auto;position:static;transform:none}}@media (prefers-reduced-motion:reduce){:where([data-sc-root]:not([data-sc-motion=full])) .sc-screen:nth-child(n){animation:none}:where([data-sc-root]:not([data-sc-motion=full])) .sc-room__bubble:nth-child(n){animation-duration:.8s}:where([data-sc-root]:not([data-sc-motion=full])) .sc-seat__who:nth-child(n){animation:none}}:where([data-sc-root][data-sc-motion=reduce]) .sc-screen:nth-child(n){animation:none}:where([data-sc-root][data-sc-motion=reduce]) .sc-room__bubble:nth-child(n){animation-duration:.8s}:where([data-sc-root][data-sc-motion=reduce]) .sc-seat__who:nth-child(n){animation:none}}@layer sc.addons,sc.utilities,sc.overrides;