.gg-root{position:relative;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;height:100vh;height:100dvh;min-height:100svh;width:100%;background:#0b0b0d;z-index:0}.gg-stage{flex:1;min-height:0;display:flex}@media (max-width:520px){.gg-root{height:100vh;height:100dvh;min-height:100svh;overflow:hidden}.gg-stage{height:calc(100vh - 96px);height:calc(100dvh - 96px);min-height:calc(100svh - 96px)}}.gg-tile{position:relative;border-radius:10px;overflow:hidden;background:#111;isolation:isolate;aspect-ratio:auto!important;transition:all .3s cubic-bezier(.4,0,.2,1);transform:scale(1);opacity:1;animation:fadeInScale .3s ease-out forwards}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.gg-tile:hover{transform:scale(1.02);box-shadow:0 4px 20px #0000004d}.lk-participant-tile{width:100%;height:100%;display:block;aspect-ratio:auto!important;border-radius:inherit}.lk-participant-tile video{width:100%;height:100%;max-width:100%;max-height:100%;background:#0b0b0d;border-radius:inherit;object-fit:contain;object-position:center center;aspect-ratio:auto;transition:none}.lk-participant-tile video.video-stabilized{object-fit:cover!important;object-position:center center!important;width:var(--stable-width, 100%)!important;height:var(--stable-height, 100%)!important;transform:translateZ(0)!important;transition:none!important;animation:none!important;overflow:hidden!important;pointer-events:none!important;-webkit-user-select:none!important;user-select:none!important;image-rendering:auto!important;backface-visibility:hidden!important;will-change:auto!important}.lk-participant-tile:has(video.video-stabilized){overflow:hidden!important;contain:layout style!important}.call-panel .gg-tile,.call-panel .gg-tile *,.call-panel .gg-placeholder,.call-panel .gg-placeholder *{animation:none!important;transform:none!important;transition:none!important;will-change:auto!important;contain:layout style!important;box-sizing:border-box!important;position:relative!important}.call-panel video,.call-panel .stable-video{animation:none!important;transform:none!important;transition:none!important;will-change:auto!important;object-fit:cover!important;object-position:center!important;backface-visibility:hidden!important;-webkit-backface-visibility:hidden!important;min-width:100%!important;min-height:100%!important;max-width:100%!important;max-height:100%!important}.call-panel video,.call-panel-overlay video,video.stable-video,.gg-tile video{animation:none!important;transform:none!important;transition:none!important;will-change:auto!important;position:relative!important;object-fit:cover!important;object-position:center!important;width:100%!important;height:100%!important;min-width:100%!important;min-height:100%!important;max-width:100%!important;max-height:100%!important;backface-visibility:hidden!important;-webkit-backface-visibility:hidden!important;filter:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;contain:layout style size paint!important;margin:0!important;padding:0!important;border:none!important;outline:none!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important}.call-panel video:before,.call-panel video:after,.call-panel-overlay video:before,.call-panel-overlay video:after{content:none!important;display:none!important}.call-panel *,.call-panel-overlay *,.call-panel *:before,.call-panel *:after,.call-panel-overlay *:before,.call-panel-overlay *:after{animation-duration:0s!important;animation-delay:0s!important;transition-duration:0s!important;transition-delay:0s!important;transform:none!important;will-change:auto!important}.gg-grid .lk-participant-tile video.video-stabilized,.gg-grid .lk-participant-tile video.video-stabilized *{animation:none!important;transition:none!important;transform:translateZ(0)!important}.lk-participant-tile [class*=label],.lk-participant-name,.lk-participant-metadata,.lk-audio-signal,.lk-participant-tile [class*=icon],.lk-participant-tile [class*=camera],.lk-participant-tile [class*=controls],.lk-participant-tile [class*=menu],.lk-participant-tile [class*=actions],.lk-participant-tile [data-lk-overlay]{display:none!important}.gg-placeholder{display:grid;place-items:center;background:#0f0f10;border-radius:inherit;transition:all .3s ease}.gg-placeholder:hover{background:#1a1a1b}.gg-label{position:absolute;left:8px;bottom:8px;background:#0009;color:#fff;padding:4px 8px;border-radius:6px;font-size:12px;font-weight:500;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);max-width:70%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border:1px solid rgba(255,255,255,.1);transition:all .2s ease}.gg-tile:hover .gg-label{background:#000c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.gg-toolbar{--tool-h:56px;position:absolute;left:0;right:0;bottom:0;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:10px max(12px,env(safe-area-inset-right,12px)) calc(10px + env(safe-area-inset-bottom,0px)) max(12px,env(safe-area-inset-left,12px));background:linear-gradient(180deg,#0000000d,#00000080,#000000d9);z-index:1000;color:#fff;pointer-events:auto;border-top:1px solid rgba(255,255,255,.08);min-height:var(--tool-h);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.gg-root.hide-ui .gg-toolbar{opacity:0;pointer-events:none;transition:opacity .25s ease}.gg-toolbar{transition:opacity .2s ease}.gg-btn{background:#ffffff1f;border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:10px;padding:10px 14px;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .2s cubic-bezier(.4,0,.2,1);font-weight:500;position:relative;overflow:hidden}.gg-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s}.gg-btn:hover:before{left:100%}.gg-btn:hover{background:#ffffff2e;border-color:#ffffff4d;transform:translateY(-1px);box-shadow:0 4px 12px #0000004d}.gg-btn[aria-pressed=true]{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-color:#2563eb;box-shadow:0 2px 8px #3b82f64d}.gg-btn.danger{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#dc2626;box-shadow:0 2px 8px #ef44444d}.gg-btn.danger:hover{background:linear-gradient(135deg,#f87171,#ef4444);border-color:#ef4444}.gg-left,.gg-center,.gg-right{display:flex;gap:8px;align-items:center}.gg-center{flex:1;justify-content:center;min-width:0}.gg-center .gg-btn{min-width:40px}.gg-btn.icon{font-size:18px;line-height:1;padding:12px}.gg-badge{background:#ffffff26;border:1px solid rgba(255,255,255,.25);padding:6px 12px;border-radius:999px;font-size:12px;font-weight:600;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .2s ease}.gg-badge:hover{background:#fff3;border-color:#ffffff59}@media (max-width:520px){.gg-btn{padding:8px 10px;font-size:12px;border-radius:8px}.gg-left,.gg-center,.gg-right{gap:6px}.gg-toolbar{--tool-h:96px;display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"left right" "center center";align-items:center;gap:8px}.gg-left{grid-area:left;justify-content:flex-start}.gg-center{grid-area:center;justify-content:center}.gg-right{grid-area:right;justify-content:flex-end}.gg-grid{padding:4px!important;gap:4px!important;height:calc(100vh - 96px)!important;height:calc(100dvh - 96px)!important}.gg-tile{max-width:none!important;max-height:none!important;min-width:0!important;min-height:0!important;flex:1 1 auto!important;width:100%!important;height:100%!important}.gg-grid:has(.gg-tile:only-child) .gg-tile{width:95vw!important;height:calc(85vh - 96px)!important;height:calc(85dvh - 96px)!important;max-width:95vw!important;max-height:calc(85vh - 96px)!important}.gg-grid:has(.gg-tile:nth-child(2):last-child){flex-direction:column!important;align-items:stretch!important}.gg-grid:has(.gg-tile:nth-child(2):last-child) .gg-tile{width:95vw!important;height:calc(42vh - 48px)!important;height:calc(42dvh - 48px)!important;max-width:95vw!important;max-height:calc(42vh - 48px)!important;flex:1!important}.gg-grid:has(.gg-tile:nth-child(3)) .gg-tile,.gg-grid:has(.gg-tile:nth-child(4)) .gg-tile{width:calc(47vw - 2px)!important;height:calc(40vh - 48px)!important;height:calc(40dvh - 48px)!important;max-width:calc(47vw - 2px)!important;max-height:calc(40vh - 48px)!important}.gg-grid:has(.gg-tile:nth-child(5)) .gg-tile{width:calc(32vw - 3px)!important;height:calc(25vh - 32px)!important;height:calc(25dvh - 32px)!important;max-width:calc(32vw - 3px)!important;max-height:calc(25vh - 32px)!important}.lk-participant-tile{width:100%!important;height:100%!important}.lk-participant-tile video{width:100%;height:100%;object-fit:var(--mobile-object-fit, contain)}.lk-participant-tile video.video-stabilized{object-fit:cover!important;object-position:center center!important;width:var(--stable-width, 100%)!important;height:var(--stable-height, 100%)!important}.gg-placeholder{width:100%!important;height:100%!important}}.gg-grid{padding-bottom:calc(var(--tool-h,56px) + env(safe-area-inset-bottom,0px));transition:all .3s ease}.gg-tile.speaking{animation:none!important;transform:none!important;transition:none!important;will-change:auto!important;box-shadow:0 0 0 2px #3b82f6e6,0 0 0 4px #3b82f680,0 0 10px #3b82f64d!important;contain:layout style size paint!important}.gg-tile.speaking *{animation:none!important;transform:none!important;transition:none!important;will-change:auto!important}@keyframes speaking-pulse{0%,to{transform:none}}@media (prefers-reduced-motion: reduce){.gg-tile.speaking{animation:none!important;transform:none!important;transition:none!important;box-shadow:0 0 0 2px #3b82f6,0 0 10px #3b82f666!important}.gg-tile.speaking .gg-placeholder{animation:none!important;transform:none!important;transition:none!important}}.gg-placeholder{position:relative;contain:layout style size;transform:translateZ(0);will-change:auto;transition:none!important;animation:none!important}.gg-placeholder svg{transform:translateZ(0);transition:none!important;animation:none!important;width:var(--icon-size, 48px)!important;height:var(--icon-size, 48px)!important;flex-shrink:0}.gg-tile.speaking .gg-placeholder{animation:none!important;transform:none!important;transition:none!important;will-change:auto!important;opacity:1!important;contain:layout style size!important}@keyframes placeholder-speaking{0%,to{transform:none;opacity:1}}.gg-tile:focus,.gg-btn:focus{outline:2px solid #3b82f6;outline-offset:2px}@media (prefers-color-scheme: dark){.gg-root{background:#0a0a0b}.gg-tile{background:#1a1a1b}.gg-placeholder{background:#111213}}.stable-video{transform:translateZ(0);-webkit-transform:translateZ(0);will-change:auto!important;backface-visibility:hidden;-webkit-backface-visibility:hidden;transition:none!important;-webkit-transition:none!important;image-rendering:auto;-webkit-image-rendering:auto;object-fit:cover!important;object-position:center!important;box-sizing:border-box;transform-style:flat;-webkit-transform-style:flat;image-orientation:none;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.video-container{contain:layout style paint;overflow:hidden;box-sizing:border-box;isolation:isolate}.stable-video,.stable-video *,.video-container,.video-container *{animation:none!important;-webkit-animation:none!important}:root{--primary-50: #e8f4fd;--primary-100: #bee8fb;--primary-200: #93dbf8;--primary-300: #64cef6;--primary-400: #42c5f4;--primary-500: #1976d2;--primary-600: #1565c0;--primary-700: #0d47a1;--primary-800: #0c3d91;--primary-900: #0a2c6b;--success-50: #e8f5e8;--success-500: #2e7d32;--success-700: #1b5e20;--warning-50: #fff8e1;--warning-500: #f57c00;--warning-700: #e65100;--error-50: #ffebee;--error-500: #d32f2f;--error-700: #c62828;--gray-25: #fcfcfd;--gray-50: #f9fafb;--gray-100: #f2f4f7;--gray-200: #e4e7ec;--gray-300: #d0d5dd;--gray-400: #98a2b3;--gray-500: #667085;--gray-600: #475467;--gray-700: #344054;--gray-800: #1d2939;--gray-900: #101828;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 20px;--space-2xl: 24px;--space-3xl: 32px;--space-4xl: 40px;--space-5xl: 48px;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--radius-none: 0;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-2xl: 16px;--radius-full: 9999px;--shadow-xs: 0 1px 2px 0 rgba(16, 24, 40, .05);--shadow-sm: 0 1px 3px 0 rgba(16, 24, 40, .1), 0 1px 2px -1px rgba(16, 24, 40, .1);--shadow-md: 0 4px 8px -2px rgba(16, 24, 40, .1), 0 2px 4px -2px rgba(16, 24, 40, .06);--shadow-lg: 0 12px 16px -4px rgba(16, 24, 40, .08), 0 4px 6px -2px rgba(16, 24, 40, .03);--shadow-xl: 0 20px 24px -4px rgba(16, 24, 40, .08), 0 8px 8px -4px rgba(16, 24, 40, .03);--bg: var(--gray-50);--fg: var(--gray-900);--card: var(--gray-25);--muted: var(--gray-500);--border: var(--gray-200);--accent: var(--primary-500);--selected: rgba(25, 118, 210, .08);--bubble: var(--gray-100);--bubble-fg: var(--gray-800)}[data-theme=dark]{--bg: var(--gray-900);--fg: var(--gray-100);--card: var(--gray-800);--muted: var(--gray-400);--border: var(--gray-700);--accent: var(--primary-400);--selected: rgba(100, 181, 246, .12);--bubble: var(--gray-700);--bubble-fg: var(--gray-100)}@media (prefers-color-scheme: dark){:root:not([data-theme]){--bg: var(--gray-900);--fg: var(--gray-100);--card: var(--gray-800);--muted: var(--gray-400);--border: var(--gray-700);--accent: var(--primary-400);--selected: rgba(100, 181, 246, .12);--bubble: var(--gray-700);--bubble-fg: var(--gray-100)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:500;line-height:1.5;transition:all .2s cubic-bezier(.4,0,.2,1);cursor:pointer;border:1px solid transparent;text-decoration:none;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-primary{background:var(--accent);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){background:var(--primary-600);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary{background:var(--card);color:var(--fg);border-color:var(--border);box-shadow:var(--shadow-xs)}.btn-secondary:hover:not(:disabled){background:var(--gray-100);border-color:var(--gray-300);box-shadow:var(--shadow-sm)}.btn-ghost{background:transparent;color:var(--muted);border:none}.btn-ghost:hover:not(:disabled){background:var(--gray-100);color:var(--fg)}.btn-danger{background:var(--error-500);color:#fff;box-shadow:var(--shadow-sm)}.btn-danger:hover:not(:disabled){background:var(--error-700);box-shadow:var(--shadow-md)}.btn-sm{padding:var(--space-xs) var(--space-md);font-size:var(--text-xs);border-radius:var(--radius-md)}.btn-lg{padding:var(--space-md) var(--space-xl);font-size:var(--text-base);border-radius:var(--radius-xl)}.btn-icon{padding:var(--space-sm);aspect-ratio:1;border-radius:var(--radius-lg)}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);overflow:hidden;transition:all .2s ease}.card:hover{box-shadow:var(--shadow-md);border-color:var(--gray-300)}.card-header{padding:var(--space-lg) var(--space-xl);border-bottom:1px solid var(--border);background:var(--gray-50)}.card-body{padding:var(--space-xl)}.card-footer{padding:var(--space-lg) var(--space-xl);border-top:1px solid var(--border);background:var(--gray-50)}.input,.textarea,.select{width:100%;padding:var(--space-md) var(--space-lg);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--card);color:var(--fg);font-size:var(--text-sm);line-height:1.5;transition:all .2s ease;box-shadow:var(--shadow-xs)}.input:focus,.textarea:focus,.select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #1976d21a}.input::placeholder,.textarea::placeholder{color:var(--muted)}.form-group{display:flex;flex-direction:column;gap:var(--space-xs)}.form-label{font-size:var(--text-sm);font-weight:500;color:var(--fg)}.form-error{font-size:var(--text-xs);color:var(--error-500)}.toast{background:#fff;border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:var(--space-lg);max-width:400px;display:flex;align-items:flex-start;gap:var(--space-md);animation:slideInRight .3s ease-out}.toast-success{border-left:4px solid var(--success-500)}.toast-error{border-left:4px solid var(--error-500)}.toast-warning{border-left:4px solid var(--warning-500)}.toast-info{border-left:4px solid var(--primary-500)}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.skeleton{background:linear-gradient(90deg,var(--gray-200) 25%,var(--gray-100) 50%,var(--gray-200) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.loading-spinner{width:20px;height:20px;border:2px solid var(--gray-200);border-top:2px solid var(--accent);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.focus-ring:focus{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-contrast: high){:root{--border: #000;--muted: var(--gray-700)}[data-theme=dark]{--border: #fff;--muted: var(--gray-300)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}*{box-sizing:border-box}html,body,#root{height:100%}:root{color-scheme:light dark;--bg: #fafafa;--fg: #222;--card: #fff;--muted: #666;--border: #eee;--accent: #1976d2;--selected: rgba(25, 118, 210, .12);--bubble: #f2f2f2;--bubble-fg: #222}.msg-grid{display:grid!important;grid-auto-flow:row!important;row-gap:16px!important;align-items:start!important}.msg-grid>*{grid-column:1 / -1!important;position:relative}.msg-grid img,.msg-grid video{display:block!important}html.rtl{direction:rtl}html.rtl body,html.rtl input,html.rtl textarea,html.rtl button,html.rtl select{direction:rtl;text-align:right}.msg-audio{display:inline-flex;align-self:start;margin-top:16px!important}.msg-meta{display:flex;align-items:center;gap:8px;margin-top:8px}.msg-meta .status{font-size:10px;color:var(--muted);display:inline-flex;align-items:center;gap:4px}.msg-meta .status.failed{color:#d32f2f}[data-theme=dark]{--bg: #0f1115;--fg: #e7e7e7;--card: #161a22;--muted: #9aa4b2;--border: #222633;--accent: #64b5f6;--selected: rgba(100, 181, 246, .16);--bubble: #1f2430;--bubble-fg: #e7e7e7}@media (prefers-color-scheme: dark){:root:not([data-theme]){--bg: #0f1115;--fg: #e7e7e7;--card: #161a22;--muted: #9aa4b2;--border: #222633;--accent: #64b5f6;--selected: rgba(100, 181, 246, .16);--bubble: #1f2430;--bubble-fg: #e7e7e7}}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--fg)}.app-logo{filter:drop-shadow(0 2px 6px rgba(0,0,0,.2));border-radius:18%}.app-logo-anim{animation:logoPulse 1.8s ease-in-out infinite}@keyframes logoPulse{0%{transform:scale(1) rotate(0)}50%{transform:scale(1.03) rotate(.5deg)}to{transform:scale(1) rotate(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.app-loading{min-height:50vh;display:grid;place-items:center}.app-loading .hint{margin-top:10px;color:var(--muted);font-size:12px;text-align:center}.splash-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:var(--bg);z-index:3000;animation:splashFade .3s ease .9s forwards;pointer-events:none}.splash-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;border-radius:12px}.splash-text{color:var(--muted);font-size:12px}@keyframes splashFade{to{opacity:0;visibility:hidden}}.scroll-y{overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior:contain!important;touch-action:pan-y!important}@media (max-width: 900px){#root{height:100dvh!important}section[aria-label="Direct messages"],section[aria-label="Room messages"]{height:100%!important}section[aria-label="Direct messages"]>div[class=scroll-y],section[aria-label="Room messages"]>div[class=scroll-y]{height:100%!important;min-height:0!important;overflow-y:auto!important;position:relative!important;padding-bottom:200px!important;transform:translateZ(0);will-change:scroll-position;box-sizing:border-box!important}.sticky-footer{position:fixed!important;bottom:0!important;left:0!important;right:0!important;z-index:30!important;background:var(--card)!important;border-top:1px solid var(--border)!important;padding:12px!important;padding-bottom:calc(env(safe-area-inset-bottom) + 16px)!important;box-shadow:0 -2px 12px #0000001a!important}.sticky-footer textarea{height:50px!important;min-height:50px!important;max-height:100px!important;font-size:14px!important;line-height:1.2!important;padding:8px 10px!important;border-radius:6px!important;width:100%!important;box-sizing:border-box!important}.sticky-footer{position:fixed!important;bottom:0!important;left:0!important;right:0!important;z-index:30!important;background:var(--card)!important;border-top:1px solid var(--border)!important;padding:8px!important;padding-bottom:calc(env(safe-area-inset-bottom) + 8px)!important;box-shadow:0 -2px 12px #0000001a!important;gap:6px!important}.sticky-footer button{padding:6px 10px!important;min-width:50px!important;font-size:12px!important;border-radius:6px!important}.sticky-footer button[style*=minWidth]{flex-shrink:0!important;min-width:60px!important;font-size:13px!important}.sticky-footer>div+div{display:flex!important;flex-wrap:wrap!important;gap:6px!important;align-items:center!important;justify-content:space-between!important;width:100%!important}section[aria-label="Direct messages"]>div[class=scroll-y],section[aria-label="Room messages"]>div[class=scroll-y]{height:100%!important;min-height:0!important;overflow-y:auto!important;position:relative!important;padding-bottom:120px!important;transform:translateZ(0);will-change:scroll-position;box-sizing:border-box!important}}html,body{overscroll-behavior-y:none}body.modal-open{overflow:hidden}button{cursor:pointer;border-radius:8px;border:1px solid var(--border);background:var(--card);color:var(--fg);padding:8px 12px}button:active{transform:translateY(1px)}input,select,textarea{border:1px solid var(--border);border-radius:8px;padding:8px 10px;background:var(--card);color:var(--fg)}textarea::placeholder{color:var(--muted)}.hidden{display:none!important}.row{display:flex;gap:8px}.col{display:flex;flex-direction:column}.grow{flex:1}.card{background:var(--card);border:1px solid var(--border);border-radius:10px}.fab-menu{transition:opacity .18s ease,transform .18s ease;transform-origin:bottom right}.fab-menu.hidden{opacity:0;transform:translateY(6px) scale(.98);pointer-events:none}.sticky-top{position:sticky;top:0;z-index:10;background:var(--card)}.sticky-footer{position:sticky;bottom:0;background:var(--card);z-index:20;box-shadow:0 -2px 12px #0000000f;padding:12px;padding-bottom:calc(env(safe-area-inset-bottom) + 12px);display:flex;flex-direction:column;gap:8px;align-items:stretch;box-sizing:border-box;border-top:1px solid var(--border)}.sticky-footer>div+div{display:flex;flex-wrap:wrap;gap:8px;align-items:center;width:100%}.sticky-footer textarea{height:120px!important;min-height:120px!important;max-height:260px!important;resize:none!important;font-size:16px;line-height:1.35;padding:10px 12px;background:var(--card);color:var(--fg);border:1px solid var(--border);border-radius:8px}.sticky-footer input[type=file]{display:none!important}section[aria-label="Direct messages"] footer,section[aria-label="Room messages"] footer{display:flex!important;flex-direction:column!important;gap:8px!important}section[aria-label="Direct messages"] input[type=file],section[aria-label="Room messages"] input[type=file]{display:none!important}.drawer-overlay{background:#00000059;animation:overlayFade .18s ease}.drawer-panel{transform:translate(-12px);opacity:0;animation:drawerIn .18s ease forwards}.drawer-overlay.closing{animation:overlayFade .16s ease reverse forwards}.drawer-panel.closing{animation:drawerIn .16s ease reverse forwards}@keyframes overlayFade{0%{opacity:0}to{opacity:1}}@keyframes drawerIn{to{transform:translate(0);opacity:1}}@media (max-width: 900px){h1{font-size:20px;margin:10px 16px 0}p{margin:4px 16px 8px;font-size:13px}div[style*="padding: '8px 16px'"]{padding:4px 8px!important;gap:8px!important}div[style*="gap: 10"] svg{width:20px!important;height:20px!important}h1[style*="fontSize: 16"]{font-size:14px!important;margin:0!important}div[style*="marginLeft: 'auto'"]{gap:4px!important}div[style*="marginLeft: 'auto'"] button{padding:4px 6px!important;font-size:12px!important;min-width:unset!important}button[aria-label*=Settings]{padding:4px!important;font-size:14px!important}select[value]{padding:2px 4px!important;font-size:11px!important;min-width:60px!important}label[style*="fontSize: 8"]{font-size:7px!important;margin:0!important}div[style*="position: fixed"][style*="bottom: 16px"][style*="right: 16px"]{bottom:80px!important}button[role=tab]{padding:6px 10px!important;font-size:13px!important;border-radius:16px!important}div[role=tablist]{padding:2px!important;gap:2px!important}button[title*="Instant meeting"],button[title*=Invite]{padding:3px 5px!important;font-size:11px!important;gap:3px!important}button[title*="Instant meeting"] svg,button[title*=Invite] svg{width:14px!important;height:14px!important}}@media (max-width:520px){.gg-grid{height:calc(100dvh - 96px)!important;padding:4px!important}.gg-grid:has(.gg-tile:only-child) .gg-tile{width:95vw!important;height:calc(85vh - 96px)!important}.lk-participant-tile video{object-fit:cover!important}div[style*="padding: '8px 16px'"]{padding:2px 4px!important;gap:4px!important}h1[style*="fontSize: 16"]{display:none!important}div[style*="gap: 10"] svg{width:18px!important;height:18px!important}div[style*="marginLeft: 'auto'"] button{padding:2px 4px!important;font-size:10px!important}select[value],label[style*="fontSize: 8"],.btn-text{display:none!important}.sticky-footer{padding:4px!important;padding-bottom:calc(env(safe-area-inset-bottom) + 4px)!important}.sticky-footer textarea{height:40px!important;min-height:40px!important;font-size:13px!important;padding:6px 8px!important}.sticky-footer button{padding:4px 6px!important;font-size:11px!important}}.modal .invite-content{display:flex;gap:16px;align-items:flex-start;flex-wrap:wrap}.modal .invite-qr-section{display:flex;flex-direction:column;gap:8px;align-items:center;min-width:200px}.modal .invite-actions-section{min-width:280px;flex:1;display:flex;flex-direction:column;gap:12px}.modal .quick-actions{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}.modal .quick-actions button{flex:1;min-width:120px;padding:10px 16px;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s ease}.modal .platform-share-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:6px}.modal .platform-share-grid button{width:100%;padding:8px 6px;font-size:11px;border:none;border-radius:4px;color:#fff;cursor:pointer;transition:opacity .2s ease}.modal .platform-share-grid button:hover{opacity:.9}.modal .tips-section{margin-top:20px;padding:12px;background:var(--bg);border-radius:6px;border:1px solid var(--border);font-size:12px;color:var(--muted);line-height:1.4}@media (max-width: 600px){.modal .invite-content{flex-direction:column;gap:16px}.modal .invite-qr-section{width:100%;align-items:center}.modal .invite-qr-section canvas{width:160px!important;height:160px!important}.modal .invite-actions-section{min-width:auto;width:100%}.modal .quick-actions{flex-direction:column}.modal .quick-actions button{min-width:auto;width:100%}.modal .platform-share-grid{grid-template-columns:repeat(2,1fr);gap:8px}.modal .platform-share-grid button{padding:12px 8px;font-size:12px}}@media (max-width: 400px){.modal .invite-qr-section canvas{width:140px!important;height:140px!important}.modal .platform-share-grid{grid-template-columns:1fr}}@keyframes buttonSuccess{0%{background-color:var(--accent)}50%{background-color:#4caf50;transform:scale(1.05)}to{background-color:#4caf50}}@keyframes buttonPulse{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}