:root{--meeting-raw-gray-950: #131314;--meeting-raw-gray-900: #1a1a1a;--meeting-raw-gray-850: #1e1f20;--meeting-raw-gray-800: #282a2c;--meeting-raw-gray-750: #353739;--meeting-raw-gray-700: #3a3a3a;--meeting-raw-gray-600: #4a4a4a;--meeting-raw-gray-500: #666666;--meeting-raw-gray-400: #999999;--meeting-raw-gray-200: #e0e0e0;--meeting-raw-white: #ffffff;--meeting-raw-black: #000000;--meeting-raw-white-a6: #ffffff0f;--meeting-raw-white-a8: #ffffff14;--meeting-raw-white-a10: #ffffff1a;--meeting-raw-white-a12: #ffffff1f;--meeting-raw-white-a18: #ffffff2e;--meeting-raw-white-a20: #ffffff33;--meeting-raw-white-a35: #ffffff59;--meeting-raw-black-a60: #00000099;--meeting-raw-black-a80: #000000cc;--meeting-raw-red-500: #e53935;--meeting-raw-red-600: #c62828;--meeting-raw-red-400: #ef5350;--meeting-raw-red-soft-bg: rgba(229, 57, 53, .2);--meeting-raw-red-soft-hover: rgba(229, 57, 53, .3);--meeting-raw-red-soft-border: rgba(229, 57, 53, .3);--meeting-raw-orange-500: #ff5100;--meeting-raw-orange-soft-bg: rgba(255, 81, 0, .15);--meeting-raw-orange-soft-border: rgba(255, 81, 0, .3);--meeting-raw-radius-sm: 8px;--meeting-raw-radius-md: 12px;--meeting-raw-radius-lg: 16px;--meeting-raw-radius-xl: 24px;--meeting-raw-shadow-sm: 0 2px 8px #0000004d;--meeting-raw-shadow-md: 0 4px 20px #00000066;--meeting-raw-shadow-lg: 0 20px 60px -10px #000000cc, 0 10px 20px -10px #00000099;--meeting-surface-canvas: var(--meeting-raw-gray-950);--meeting-surface-base: var(--meeting-raw-gray-850);--meeting-surface-subtle: var(--meeting-raw-gray-800);--meeting-surface-inset: var(--meeting-raw-gray-750);--meeting-surface-floating: #28282899;--meeting-surface-hover: #2d2d2de6;--meeting-surface-overlay: var(--meeting-raw-black-a60);--meeting-surface-danger: var(--meeting-raw-orange-soft-bg);--meeting-border-hairline: var(--meeting-raw-white-a6);--meeting-border-subtle: var(--meeting-raw-white-a8);--meeting-border-default: #2a2a2a;--meeting-border-strong: var(--meeting-raw-gray-700);--meeting-border-danger: var(--meeting-raw-orange-soft-border);--meeting-text-primary: var(--meeting-raw-white);--meeting-text-body: var(--meeting-raw-gray-200);--meeting-text-secondary: var(--meeting-raw-gray-400);--meeting-text-tertiary: var(--meeting-raw-gray-500);--meeting-text-muted: var(--meeting-raw-white-a35);--meeting-text-danger: var(--meeting-raw-orange-500);--meeting-state-hover: var(--meeting-raw-white-a8);--meeting-state-active: var(--meeting-raw-white-a12);--meeting-state-focus: var(--color-primary-500);--meeting-radius-sm: var(--meeting-raw-radius-sm);--meeting-radius-md: var(--meeting-raw-radius-md);--meeting-radius-lg: var(--meeting-raw-radius-lg);--meeting-radius-xl: var(--meeting-raw-radius-xl);--meeting-shadow-sm: var(--meeting-raw-shadow-sm);--meeting-shadow-md: var(--meeting-raw-shadow-md);--meeting-shadow-modal: var(--meeting-raw-shadow-lg);--meeting-tile-bg: var(--meeting-raw-gray-900);--meeting-tile-radius: var(--meeting-radius-lg);--meeting-tile-speaker-ring-size: 3px;--meeting-tile-speaker-ring-color: var(--color-primary-500);--meeting-tile-spotlight-ring-size: 3px;--meeting-tile-spotlight-ring-color: var(--meeting-raw-white-a20);--meeting-tile-badge-bg: var(--meeting-raw-black-a60);--meeting-tile-badge-border: var(--meeting-raw-white-a10);--meeting-btn-action-bg: var(--meeting-raw-white-a12);--meeting-btn-action-bg-hover: var(--meeting-raw-white-a18);--meeting-btn-action-text: var(--meeting-text-primary);--meeting-btn-action-border: var(--meeting-raw-white-a10);--meeting-btn-action-active-bg: var(--color-primary-600);--meeting-btn-action-active-bg-hover: var(--color-primary-700);--meeting-btn-action-active-text: var(--meeting-text-primary);--meeting-btn-action-active-border: var(--color-primary-600);--meeting-btn-action-destructive-bg: var(--meeting-raw-red-500);--meeting-btn-action-destructive-bg-hover: var(--meeting-raw-red-600);--meeting-btn-action-destructive-text: var(--meeting-text-primary);--meeting-btn-action-destructive-border: var(--meeting-raw-red-500);--meeting-btn-action-destructive-soft-bg: var(--meeting-raw-red-soft-bg);--meeting-btn-action-destructive-soft-bg-hover: var(--meeting-raw-red-soft-hover);--meeting-btn-action-destructive-soft-text: var(--meeting-raw-red-400);--meeting-btn-action-destructive-soft-border: var(--meeting-raw-red-soft-border);--meeting-scrollbar-track: transparent;--meeting-scrollbar-thumb: var(--meeting-raw-gray-700);--meeting-scrollbar-thumb-hover: var(--meeting-raw-gray-600)}.meeting-bg,.meeting-room-footer-bg,.meeting-appbar-bg{background-color:var(--meeting-surface-canvas)}.meeting-text-default{color:var(--meeting-text-body)}.meeting-text-secondary{color:var(--meeting-text-secondary)}.meeting-surface{background-color:var(--meeting-surface-base);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.meeting-room-tile{background-color:var(--meeting-tile-bg);border-radius:var(--meeting-radius-lg)}.meeting-room-footer{background:var(--meeting-surface-canvas);border-top:1px solid var(--meeting-border-hairline);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-tile-speaker-ring-size));border-radius:inherit;padding:var(--meeting-tile-speaker-ring-size);background:var(--meeting-tile-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-tile-spotlight-ring-size));border-radius:inherit;padding:var(--meeting-tile-spotlight-ring-size);background:var(--meeting-tile-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)}}.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}}.meeting-page{touch-action:pan-x pan-y}