:root{--meeting-bg: #131314;--meeting-appbar-bg: #131314;--meeting-appbar-border: #ffffff1a;--meeting-text-strong: #ffffff;--meeting-text-default: #e0e0e0;--meeting-text-secondary: #999999;--meeting-text-tertiary: #666666;--meeting-text-muted: #ffffff59;--meeting-text-error: #ff5100;--meeting-scrollbar-track: transparent;--meeting-scrollbar-thumb: #3a3a3a;--meeting-scrollbar-thumb-hover: #4a4a4a;--meeting-surface: #1e1f20;--meeting-surface-secondary: #282a2c;--meeting-surface-tertiary: #353739;--meeting-surface-hover: #2d2d2de6;--meeting-surface-border: #ffffff14;--meeting-elevated: #28282899;--meeting-elevated-hover: #373737b3;--meeting-elevated-border: #ffffff14;--meeting-border-strong: #3a3a3a;--meeting-border-default: #2a2a2a;--meeting-border-secondary: #333333;--meeting-radius-sm: 8px;--meeting-radius-md: 12px;--meeting-radius-lg: 16px;--meeting-radius-xl: 24px;--meeting-shadow-sm: 0 2px 8px #0000004d;--meeting-shadow-md: 0 4px 20px #00000066;--meeting-shadow-lg: 0 8px 32px #00000080;--meeting-hover: #ffffff14;--meeting-active: #ffffff1f;--meeting-focus-ring: var(--color-primary-500);--meeting-video-tile-radius: 8px;--meeting-video-tile-radius-lg: 16px;--meeting-panel-bg: #1e1f20;--meeting-panel-surface-bg: #282a2c;--meeting-panel-text-strong: #ffffff;--meeting-panel-text-default: #e0e0e0;--meeting-panel-text-secondary: #999999;--meeting-panel-border-strong: #3a3a3a;--meeting-panel-border-default: #2a2a2a;--meeting-panel-divider-secondary: #333333;--meeting-panel-radius: 8px;--meeting-panel-hover: #ffffff14;--meeting-panel-btn-bg: transparent;--meeting-panel-btn-bg-hover: #ffffff14;--meeting-panel-btn-text: #999999;--meeting-panel-btn-text-hover: #e0e0e0;--meeting-icon-radius: 8px;--meeting-ghost-btn-bg: transparent;--meeting-ghost-btn-bg-hover: #ffffff14;--meeting-ghost-btn-text: #999999;--meeting-ghost-btn-text-hover: #e0e0e0;--meeting-popover-bg: #1e1f20;--meeting-popover-border: #3a3a3a;--meeting-popover-radius: 12px;--meeting-popover-item-hover: #ffffff14;--meeting-popover-item-radius: 8px;--meeting-action-btn-focus-ring-color: var(--color-primary-500);--meeting-action-tooltip-bg: #1e1e1ef2;--meeting-action-tooltip-text: #ffffff;--meeting-action-btn-bg: #ffffff1f;--meeting-action-btn-bg-hover: #ffffff2e;--meeting-action-btn-text: #ffffff;--meeting-action-btn-border: #ffffff1a;--meeting-action-btn-active-bg: var(--color-primary-600);--meeting-action-btn-active-bg-hover: var(--color-primary-700);--meeting-action-btn-active-text: #ffffff;--meeting-action-btn-active-border: var(--color-primary-600);--meeting-action-btn-destructive-bg: #e53935;--meeting-action-btn-destructive-bg-hover: #c62828;--meeting-action-btn-destructive-text: #ffffff;--meeting-action-btn-destructive-border: #e53935;--meeting-action-btn-destructive-soft-bg: #e5393533;--meeting-action-btn-destructive-soft-bg-hover: #e539354d;--meeting-action-btn-destructive-soft-text: #ef5350;--meeting-action-btn-destructive-soft-border: #e539354d;--meeting-modal-overlay-bg: #00000099;--meeting-modal-shadow: 0 20px 60px -10px #000000cc, 0 10px 20px -10px #00000099;--meeting-error-bg: #ff510026;--meeting-error-border: #ff51004d;--meeting-room-footer-bg: #141414d9;--meeting-room-footer-border: #ffffff0f;--meeting-room-tile-bg: #1a1a1a;--meeting-room-tile-border: #ffffff0f;--meeting-room-tile-radius: 16px;--meeting-room-tile-radius-lg: 24px;--meeting-room-active-speaker-ring-size: 3px;--meeting-room-active-speaker-ring-color: var(--color-primary-500);--meeting-room-spotlight-ring-size: 3px;--meeting-room-spotlight-ring-color: #ffffff33;--meeting-room-badge-bg: #00000099;--meeting-room-badge-border: #ffffff1a}.meeting-bg,.meeting-room-footer-bg,.meeting-appbar-bg{background-color:var(--meeting-bg)}.meeting-text-default{color:var(--meeting-text-default)}.meeting-text-secondary{color:var(--meeting-text-secondary)}.meeting-surface{background-color:var(--meeting-surface);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.meeting-room-tile{background-color:var(--meeting-room-tile-bg);border-radius:var(--meeting-radius-lg)}.meeting-room-footer{background:var(--meeting-room-footer-bg);border-top:1px solid var(--meeting-room-footer-border);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.meeting-scrollbar{scrollbar-width:thin;scrollbar-color:var(--meeting-scrollbar-thumb) var(--meeting-scrollbar-track)}.meeting-scrollbar::-webkit-scrollbar{width:6px;height:6px}.meeting-scrollbar::-webkit-scrollbar-track{background:var(--meeting-scrollbar-track)}.meeting-scrollbar::-webkit-scrollbar-thumb{background:var(--meeting-scrollbar-thumb);border-radius:3px}.meeting-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--meeting-scrollbar-thumb-hover)}.meeting-room-active-speaker-highlight{position:relative}.meeting-room-active-speaker-highlight:before{content:"";position:absolute;inset:calc(-1 * var(--meeting-room-active-speaker-ring-size));border-radius:inherit;padding:var(--meeting-room-active-speaker-ring-size);background:var(--meeting-room-active-speaker-ring-color);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:10}.meeting-room-spotlight-highlight{position:relative}.meeting-room-spotlight-highlight:before{content:"";position:absolute;inset:calc(-1 * var(--meeting-room-spotlight-ring-size));border-radius:inherit;padding:var(--meeting-room-spotlight-ring-size);background:var(--meeting-room-spotlight-ring-color);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:9}.meeting-video-player{display:block!important;width:100%!important;height:100%!important}.meeting-video-player video-player{display:block!important;width:100%!important;height:100%!important}.meeting-video-player video-player video{width:100%!important;height:100%!important;object-fit:cover!important}video-player-container.remote-screen-share-container{display:block!important;width:100%!important;height:100%!important}.remote-screen-share-container video-player{object-fit:contain;width:100%!important;height:100%!important}.remote-screen-share-container video-player video{width:100%!important;height:100%!important;object-fit:contain!important}.meeting-room-spotlight-speaker-enter{animation:spotlight-enter .25s ease-out forwards}@keyframes spotlight-enter{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes mic-pulse{0%{box-shadow:0 0 #22c55e99,0 0 8px #22c55e66}70%{box-shadow:0 0 0 16px #22c55e00,0 0 8px #22c55e66}to{box-shadow:0 0 #22c55e00,0 0 8px #22c55e66}}.mic-speaking-pulse{animation:mic-pulse 1s ease-out infinite!important}.animate-slide-in-right{animation:slide-in-right .3s cubic-bezier(.16,1,.3,1) forwards}@keyframes slide-in-right{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.animate-fade-in{animation:fade-in .3s ease-out forwards}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.\@container{container-type:inline-size}.presence-dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0}.presence-dot-live{background-color:#22c55e;animation:presence-pulse 2s ease-in-out infinite}.presence-dot-lobby{background-color:#eab308;animation:presence-pulse 2s ease-in-out infinite}.presence-dot-offline{background-color:#6b7280}@keyframes presence-pulse{0%,to{opacity:1;transform:scale(1);box-shadow:0 0 0 0 currentColor}50%{opacity:.8;transform:scale(1.3);box-shadow:0 0 8px 2px currentColor}}.animate-pulse-glow{animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 rgba(var(--color-primary-rgb),.1)}50%{box-shadow:0 0 10px 4px rgba(var(--color-primary-rgb),.2)}}.animate-slide-down{animation:slide-down .3s ease-out forwards}@keyframes slide-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.animate-overtime-glow{animation:overtime-glow 2s ease-in-out infinite}@keyframes overtime-glow{0%,to{box-shadow:0 0 #e11d4833}50%{box-shadow:0 0 12px 2px #e11d4866}}
