.studio-stage{border-radius:var(--radius-xl);border:1px solid var(--surface-border);background:radial-gradient(80% 50% at 50% -10%,#4c288a38 0%,#0000 60%),radial-gradient(60% 40% at 80% 100%,#2e1f471f 0%,#0000 50%),#131217;position:relative;overflow:hidden}.studio-stage:before{content:"";opacity:.035;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:128px 128px;position:absolute;inset:0}.studio-stage-spotlight{pointer-events:none;background:radial-gradient(#9770db1f 0%,#0000 70%);width:70%;height:55%;position:absolute;top:-20%;left:50%;transform:translate(-50%)}.studio-stage-vinyl{opacity:.35;pointer-events:none;background:repeating-radial-gradient(circle,#1e1c21 0,#232127 2px,#1b1a1e 4px);border:2px solid #45404f80;border-radius:50%;width:220px;height:220px;position:absolute;bottom:-80px;right:-80px}.studio-stage-vinyl:after{content:"";background:var(--accent-muted);border:1px solid #804bdd40;border-radius:50%;width:48px;height:48px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.studio-stage-content{z-index:1;position:relative}
.turn-indicator{gap:var(--space-4);flex-direction:column;display:flex}.turn-indicator-heading{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em}.turn-indicator-now{align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--accent-muted);border-radius:var(--radius-md);color:var(--accent-light);border:1px solid #804bdd4d;display:flex}.turn-indicator-now-text{flex-direction:column;gap:2px;min-width:0;display:flex}.turn-indicator-now-label{font-size:.625rem;font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--accent-light)}.turn-indicator-now-name{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-primary)}.turn-indicator-queue-label{font-size:var(--text-xs);color:var(--text-tertiary)}.turn-indicator-list{gap:var(--space-2);margin-top:var(--space-2);flex-direction:column;display:flex}.turn-indicator-item{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary);display:flex}.turn-indicator-position{width:16px;font-size:var(--text-xs);color:var(--text-tertiary);text-align:center}.turn-indicator-name{font-weight:var(--weight-medium);color:var(--text-primary)}
.vu-meter{gap:var(--space-2);flex-direction:column;display:flex}.vu-meter-label{font-size:.625rem;font-weight:var(--weight-semibold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em}.vu-meter-bars{align-items:flex-end;gap:3px;height:32px;display:flex}.vu-meter-bar{background:linear-gradient(to top, var(--status-online) 0%, #e7d623 55%, var(--status-live) 100%);transform-origin:bottom;opacity:.85;border-radius:2px;flex:1;max-width:6px;height:100%;animation:.9s ease-in-out infinite vuMeter}.vu-meter-bar:nth-child(n+9){opacity:1}.vu-meter-bar:nth-child(n+11){filter:brightness(1.15)}@keyframes vuMeter{0%,to{transform:scaleY(.25)}35%{transform:scaleY(.85)}55%{transform:scaleY(.55)}75%{transform:scaleY(.95)}}@media (prefers-reduced-motion:reduce){.vu-meter-bar{animation:none;transform:scaleY(.6)}}
.session-room{gap:var(--space-6);flex-direction:column;max-width:1200px;display:flex}.session-room-header{align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.session-room-back{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary);transition:color var(--transition-fast);display:inline-flex}.session-room-back:hover{color:var(--text-primary)}.session-room-title-block{flex:1;min-width:0}.session-room-title{font-family:var(--font-display), "Syne", sans-serif;font-size:var(--text-xl);font-weight:var(--weight-bold);line-height:var(--leading-tight)}.session-room-host{font-size:var(--text-sm);color:var(--text-tertiary)}.session-room-live{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--status-live);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;background:#e03e3e1f;border:1px solid #e03e3e47;display:inline-flex}.session-room-live-dot{background:var(--status-live);border-radius:50%;width:6px;height:6px;animation:1.5s ease-in-out infinite pulseGlow}.session-room-status{font-size:var(--text-xs);font-weight:var(--weight-semibold);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em}.session-room-status-scheduled{color:var(--status-scheduled);background:#c79a4d24}.session-room-status-ended{color:var(--status-ended);background:#4a455433}.session-room-banner{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);border-radius:var(--radius-md);border:1px solid var(--surface-border)}.session-room-banner-scheduled{color:var(--status-scheduled);background:#c79a4d1a}.session-room-banner-ended{color:var(--text-secondary);background:#4a455426}.session-room-layout{gap:var(--space-5);grid-template-columns:1fr 280px;align-items:start;display:grid}.session-room-stage{padding:var(--space-5);gap:var(--space-5);flex-direction:column;display:flex}.session-room-video-grid{gap:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}.session-room-tile{justify-content:center;align-items:center;gap:var(--space-2);min-height:160px;padding:var(--space-5) var(--space-4);border:1px solid var(--surface-border);border-radius:var(--radius-lg);transition:border-color var(--transition-base), box-shadow var(--transition-base);background:#18161da6;flex-direction:column;display:flex;position:relative}.session-room-tile-active{border-color:#804bdd80;box-shadow:0 0 30px #804bdd26}.session-room-tile-spotlight{border-radius:inherit;pointer-events:none;background:radial-gradient(at 50% 30%,#7a47d12e 0%,#0000 65%);position:absolute;inset:0}.session-room-tile-name{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-secondary);z-index:1}.session-room-tile-mic{align-items:center;gap:var(--space-1);font-size:.625rem;font-weight:var(--weight-semibold);color:var(--accent-light);text-transform:uppercase;letter-spacing:.05em;z-index:1;display:inline-flex}.session-room-tile-vu{z-index:1;width:100%;max-width:140px}.session-room-controls{justify-content:center;align-items:center;gap:var(--space-3);padding-top:var(--space-2);border-top:1px solid var(--surface-border);flex-wrap:wrap;display:flex}.session-room-control{border-radius:var(--radius-full);border:1px solid var(--surface-border);width:44px;height:44px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base);background:#221f29cc;justify-content:center;align-items:center;display:flex}.session-room-control:hover{border-color:var(--surface-border-hover);color:var(--text-primary)}.session-room-control-active{color:var(--accent-light);background:var(--accent-muted);border-color:#804bdd66}.session-room-sidebar{gap:var(--space-5);flex-direction:column;display:flex}.session-room-beat-panel{gap:var(--space-3);padding:var(--space-5);background:var(--surface-glass);border:1px solid var(--surface-border);border-radius:var(--radius-lg);flex-direction:column;display:flex}.session-room-beat-header{align-items:center;gap:var(--space-2);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em;display:flex}.session-room-beat-name{font-size:var(--text-md);font-weight:var(--weight-semibold)}.session-room-beat-meta{font-size:var(--text-xs);color:var(--text-tertiary)}.session-room-beat-meters{align-items:center;gap:var(--space-5);padding-top:var(--space-2);display:flex}.session-room-vu-stack{gap:var(--space-3);flex-direction:column;flex:1;display:flex}.session-room-roster{padding:var(--space-4);background:var(--surface-glass);border:1px solid var(--surface-border);border-radius:var(--radius-lg)}.session-room-roster-label{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em}.session-room-roster-list{gap:var(--space-2);margin-top:var(--space-3);flex-direction:column;display:flex}.session-room-roster-item{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary);display:flex}.session-room-roster-mic{color:var(--accent-light);margin-left:auto}@media (max-width:960px){.session-room-layout{grid-template-columns:1fr}.session-room-sidebar{order:-1}.session-room-beat-meters{flex-wrap:wrap}}@media (max-width:540px){.session-room-video-grid{grid-template-columns:1fr}}