body{background-color:#000;margin:0;padding:0}.mobile-app{color:#fff;background:#000;grid-template-rows:52px 1fr;grid-template-areas:"header""content";width:100vw;height:100dvh;margin:0;padding-bottom:68px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Roboto,sans-serif;display:grid;position:relative;overflow:hidden}.mobile-app *{box-sizing:border-box}.mobile-header{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);z-index:100;background:#000000f2;border-bottom:1px solid #ffffff1a;grid-area:header;justify-content:space-between;align-items:center;height:52px;padding:8px 16px;transition:transform .3s ease-out;display:flex;position:relative}.mobile-header.hidden{position:absolute;top:0;left:0;right:0;transform:translateY(-100%)}.mobile-header.visible{transform:translateY(0)}.mobile-header .header-btn{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;color:#fff;background:0 0;border:none;border-radius:6px;outline:none;justify-content:center;align-items:center;min-width:36px;height:36px;margin:0;padding:0;transition:all .2s;display:flex}.mobile-header .header-btn--leave{color:#fff;background:#ff3742;border-radius:6px;min-width:auto;height:32px;padding:6px 12px;font-size:14px;font-weight:600}.mobile-header .header-btn--leave:active{background:#ff0412;transform:scale(.95)}.mobile-header .header-btn--audio,.mobile-header .header-btn--back{opacity:.8}.mobile-header .header-btn--audio:active,.mobile-header .header-btn--back:active{opacity:1;background:#ffffff1a;transform:scale(.95)}.mobile-header .header-btn--audio svg,.mobile-header .header-btn--back svg{width:20px;height:20px}.mobile-header .header-btn--speaker-off{color:#ff3742;background:#ff374233}.mobile-header .header-btn--speaker-off:active{background:#ff37424d}.mobile-header .header-center{flex:1;justify-content:center;align-items:center;display:flex}.mobile-header .header-center .meeting-logo{color:#fff;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:4px 8px;font-size:15px;font-weight:600;transition:all .2s;display:flex}.mobile-header .header-center .meeting-logo:active{background:#ffffff14}.mobile-header .header-center .meeting-logo .shield{font-size:14px}.mobile-header .header-center .meeting-logo svg{opacity:.7;width:14px;height:14px}.mobile-app__content{background:#000;flex-direction:column;grid-area:content;display:flex;position:relative;overflow:hidden}.mobile-app__content .meeting-info{flex-shrink:0;margin-bottom:20px}.mobile-app__content .meeting-info .screen-share-indicator{color:#fff;background:#ffffff1f;border-radius:20px;justify-content:center;align-items:center;gap:8px;width:fit-content;padding:8px 16px;font-size:14px;font-weight:500;display:flex}.mobile-app__content .meeting-info .screen-share-indicator svg{width:16px;height:16px}.mobile-app__content .video-grid{flex-direction:column;flex:1;gap:12px;margin-bottom:20px;display:flex}.mobile-app__content .video-grid .video-tile{background:#2d2d30;border-radius:12px;min-height:120px;position:relative;overflow:hidden}.mobile-app__content .video-grid .video-tile--active{border:2px solid #00d924;border-radius:16px;flex:1;min-height:200px}.mobile-app__content .video-grid .video-tile--active .video-content{font-size:64px}.mobile-app__content .video-grid .video-tile--active .video-label{background:#000c;border-radius:8px;padding:6px 12px;font-size:14px;font-weight:500;bottom:12px;left:12px}.mobile-app__content .video-grid .video-tile .video-content{filter:brightness(.9);justify-content:center;align-items:center;width:100%;height:100%;font-size:48px;display:flex}.mobile-app__content .video-grid .video-tile .video-label{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000bf;border-radius:6px;justify-content:center;align-items:center;gap:4px;padding:4px 8px;font-size:12px;font-weight:500;display:flex;position:absolute;bottom:8px;left:8px}.mobile-app__content .video-grid .video-tile .video-label svg{width:12px;height:12px}.mobile-app__content .video-grid .video-tile:not(.video-tile--active){border-radius:12px;height:100px}.mobile-app__content .video-grid .video-tile:not(.video-tile--active) .video-content{font-size:32px}.mobile-app__content .participant-info{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#000c;border:1px solid #ffffff1a;border-radius:24px;justify-content:center;align-items:center;gap:8px;padding:8px 12px;display:flex;position:absolute;bottom:20px;right:20px}.mobile-app__content .participant-info .participant-avatar{color:#ffffffb3;background:#3a3a3f;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;display:flex}.mobile-app__content .participant-info .mute-indicator{color:#ff3742;width:14px;height:14px}.content-views{flex:1;position:relative;overflow:hidden}@media (orientation:landscape){.content-views{width:100%;height:100%}}.swipeable-content-container{will-change:transform;touch-action:pan-x;height:100%}.view-container{flex-shrink:0;width:100vw;height:100%;overflow:hidden}.drive-mode{background:#000;justify-content:center;align-items:center;display:flex}.drive-mode .drive-mode-content{flex-direction:column;justify-content:center;align-items:center;gap:40px;display:flex}.drive-mode .drive-mode-content .drive-mode-mic{flex-direction:column;justify-content:center;align-items:center;gap:24px;display:flex}.drive-mode .drive-mode-content .drive-mode-mic .drive-mic-button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:50%;outline:none;justify-content:center;align-items:center;width:160px;height:160px;margin:0;padding:0;transition:all .3s;display:flex;position:relative}.drive-mode .drive-mode-content .drive-mode-mic .drive-mic-button.muted{background:#ff374233;border:3px solid #ff3742}.drive-mode .drive-mode-content .drive-mode-mic .drive-mic-button.muted svg{color:#ff3742}.drive-mode .drive-mode-content .drive-mode-mic .drive-mic-button.muted:active{background:#ff37424d;transform:scale(.95)}.drive-mode .drive-mode-content .drive-mode-mic .drive-mic-button.unmuted{background:#00d92433;border:3px solid #00d924}.drive-mode .drive-mode-content .drive-mode-mic .drive-mic-button.unmuted svg{color:#00d924}.drive-mode .drive-mode-content .drive-mode-mic .drive-mic-button.unmuted:active{background:#00d9244d;transform:scale(.95)}.drive-mode .drive-mode-content .drive-mode-mic .drive-mic-button svg{stroke-width:1.5px;width:80px;height:80px}.drive-mode .drive-mode-content .drive-mode-mic .drive-mode-status{color:#ffffffb3;justify-content:center;align-items:center;gap:12px;font-size:18px;font-weight:500;display:flex}.drive-mode .drive-mode-content .drive-mode-mic .drive-mode-status svg{width:24px;height:24px}.gallery-view{height:100%;position:relative;overflow:hidden}.gallery-view .gallery-header{color:#fff;justify-content:center;align-items:center;gap:12px;margin-bottom:24px;font-size:18px;font-weight:600;display:flex}.gallery-view .gallery-header svg{width:20px;height:20px}.gallery-view .gallery-grid .gallery-tile{background:#2d2d30;border-radius:12px;min-height:0;position:relative;overflow:hidden}.gallery-view .gallery-grid .gallery-tile .gallery-video-content{color:#fff;justify-content:center;align-items:center;width:100%;height:100%;font-size:36px;font-weight:600;display:flex}.gallery-view .gallery-grid .gallery-tile .gallery-video-label{position:absolute;bottom:0;left:0;right:0}.gallery-view .gallery-grid .gallery-tile .gallery-video-label span{color:#fff;text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:11px;font-weight:500;display:block;overflow:hidden}.gallery-view .gallery-grid .gallery-tile .gallery-controls{z-index:2;justify-content:center;align-items:center;gap:2px;display:flex;position:absolute;bottom:6px;left:6px}.gallery-view .gallery-grid .gallery-tile .gallery-controls svg{color:#fff;background:#ff3742e6;border-radius:50%;width:16px;height:16px;padding:2px}.share-view{justify-content:center;align-items:center;display:flex}.share-view .share-content{justify-content:center;align-items:center;width:100%;height:100%;padding:40px 16px;display:flex}.share-view .share-content .shared-screen{aspect-ratio:16/9;background:#2d2d30;border:2px solid #ff9500;border-radius:16px;width:100%;max-width:400px;position:relative;overflow:hidden}.share-view .share-content .shared-screen .shared-content{color:#ffffffb3;background:linear-gradient(135deg,#2d2d30 0%,#3a3a3f 100%);justify-content:center;align-items:center;width:100%;height:100%;font-size:24px;display:flex}.mobile-app__bottom-nav-container{z-index:300;grid-area:footer;width:100vw;transition:transform .3s ease-out;position:fixed;bottom:0;left:0;right:0;overflow:visible}.mobile-app__bottom-nav-container.hidden{transform:translateY(100%)}.mobile-app__bottom-nav-container .scroll-arrow{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;z-index:301;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;border:1px solid #fff3;outline:none;justify-content:center;align-items:center;width:32px;height:48px;margin:0;padding:0;transition:all .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.mobile-app__bottom-nav-container .scroll-arrow:active{background:#000000e6;transform:translateY(-50%)scale(.95)}.mobile-app__bottom-nav-container .scroll-arrow.left{border-radius:0 12px 12px 0;left:0}.mobile-app__bottom-nav-container .scroll-arrow.right{border-radius:12px 0 0 12px;right:0}.mobile-app__bottom-nav{padding:8px 40px 8px 16px;padding-bottom:calc(8px + env(safe-area-inset-bottom,12px));-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);white-space:nowrap;touch-action:pan-x;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;background:#000000fa;border-top:1px solid #ffffff1a;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:12px;width:100%;height:auto;min-height:52px;display:flex;position:relative;overflow:scroll hidden}.mobile-app__bottom-nav:after{content:"";flex-shrink:0;width:1px;height:1px;display:block}.mobile-app__bottom-nav.hidden{position:absolute;bottom:0;left:0;right:0;transform:translateY(100%)}.mobile-app__bottom-nav.visible{transform:translateY(0)}.mobile-app__bottom-nav::-webkit-scrollbar{display:none}.mobile-app__bottom-nav .nav-btn{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;color:#fff;background:0 0;border:none;border-radius:6px;outline:none;flex-direction:column;flex-grow:0;flex-shrink:0;justify-content:center;align-items:center;gap:2px;width:90px;min-width:90px;height:36px;margin:0;padding:0;font-size:9px;transition:all .2s;display:flex;position:relative}.mobile-app__bottom-nav .nav-btn svg{stroke-width:1.5px;width:24px;height:24px;transition:all .2s}.mobile-app__bottom-nav .nav-btn--muted svg{color:#ff3742}.mobile-app__bottom-nav .nav-btn--muted span{color:#ff3742;font-weight:500}.mobile-app__bottom-nav .nav-btn--video-off svg{color:#ff3742}.mobile-app__bottom-nav .nav-btn--video-off span{color:#ff3742;font-weight:500}.mobile-app__bottom-nav .nav-btn--participants{position:relative}.mobile-app__bottom-nav .nav-btn--participants .participant-count{color:#fff;z-index:1;background:#ff3742;border:2px solid #000000fa;border-radius:50%;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0;font-size:10px;font-weight:600;display:flex;position:absolute;top:-2px;right:-2px;box-shadow:0 1px 4px #0000004d}.mobile-app__bottom-nav .nav-btn span{text-align:center;color:#ffffffb3;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:400;line-height:1.1;overflow:hidden}.mobile-app__bottom-nav .nav-btn:active{background:#ffffff14;transform:scale(.95)}.popup-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.popup{background:#1f1f23;border-radius:12px 12px 0 0;width:100%;max-width:430px;max-height:80vh;overflow:hidden}.popup--bottom{position:absolute;bottom:0;left:0;right:0}.popup--center{border-radius:12px;margin:0 16px;position:relative}.button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;color:#fff;background:0 0;border:none;outline:none;justify-content:center;align-items:center;gap:8px;width:100%;margin:0;padding:0;font-size:16px;display:flex}.button .button-icon{justify-content:center;align-items:center;display:flex}.action-sheet{padding:16px}.action-sheet__with-cancel-btn{padding-bottom:0}.action-sheet__title{text-align:center;color:#fff;padding:24px 32px;font-size:17px;font-weight:600;position:relative}.action-sheet__title:after{content:"";background-color:#ffffff1a;width:100%;height:1px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.action-sheet__subtitle{color:#ffffffb3;margin-top:4px;font-size:14px;font-weight:400}.action-sheet__actions{background:#2d2d30;border-radius:12px}.action-sheet__actions-button{color:#fff;cursor:pointer;background-color:#0000;border:none;border-radius:12px;justify-content:center;align-items:center;width:100%;height:56px;padding:0 16px;font-size:16px;display:flex}.action-sheet__actions-button--with-extra{justify-content:space-between}.action-sheet__actions-button:not(:last-of-type){position:relative}.action-sheet__actions-button:not(:last-of-type):after{content:"";background-color:#ffffff1a;width:calc(100% - 32px);height:1px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.action-sheet__actions-button:hover{background:#ffffff1a}.action-sheet__actions-button.settings-option{justify-content:flex-start;gap:12px}.action-sheet__actions-button.participant-option{justify-content:center}.action-sheet__actions-button.reaction-option{justify-content:center;font-size:24px}.action-sheet__cancel-btn{color:#fff;background-color:#0000;border:none;border-radius:0;width:100%;height:64px;padding:0;font-size:16px}.action-sheet__cancel-btn:hover{background-color:#0000;border:none}.action-sheet--menu{border-radius:16px;max-width:300px;margin:0 auto;padding:8px}.action-sheet--menu .action-sheet__title{color:#ffffffb3;padding:12px 16px;font-size:14px;font-weight:500}.action-sheet--menu .action-sheet__actions-button{justify-content:flex-start;gap:16px;font-size:15px}.action-sheet--menu .action-sheet__cancel-btn{color:#0e72ed;height:56px;font-weight:700}.dialog.popup--center{background:0 0;border-radius:0;justify-content:center;align-items:center;width:auto;max-width:none;height:auto;max-height:none;margin:0;display:flex}.dialog__container{background:#2d2d30;border-radius:16px;min-width:320px;max-width:400px;max-height:80vh;margin:0 16px;overflow:hidden;box-shadow:0 8px 32px #0006}.dialog__header{text-align:center;border-bottom:1px solid #ffffff1a;flex-direction:column;align-items:center;padding:20px 24px 16px;display:flex;position:relative}.dialog__title{color:#fff;margin:0;font-size:18px;font-weight:600;line-height:1.4}.dialog__subtitle{color:#ffffffb3;margin:4px 0 0;font-size:14px;font-weight:400;line-height:1.4}.dialog__close-btn{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;color:#ffffffb3;background:0 0;border:none;border-radius:50%;outline:none;justify-content:center;align-items:center;width:32px;height:32px;margin:0;padding:0;transition:all .2s;display:flex;position:absolute;top:16px;right:16px}.dialog__close-btn:hover{color:#fff;background:#ffffff1a}.dialog__content{max-height:60vh;padding:8px;overflow-y:auto}.dialog__actions{flex-direction:column;gap:2px;display:flex}.dialog__actions-button{color:#fff;cursor:pointer;background-color:#0000;border:none;border-radius:12px;justify-content:center;align-items:center;width:100%;height:48px;padding:0 16px;font-size:15px;transition:background-color .2s;display:flex}.dialog__actions-button--with-extra{justify-content:space-between}.dialog__actions-button:hover{background:#ffffff1a}.dialog__actions-button.settings-option{justify-content:flex-start;gap:12px}.dialog__actions-button.participant-option{justify-content:center}.dialog__actions-button.reaction-option{justify-content:center;font-size:20px}.dialog__actions-button .button-icon{justify-content:center;align-items:center;display:flex}.dialog__footer{border-top:1px solid #ffffff1a;justify-content:center;padding:16px 24px 20px;display:flex}.dialog__cancel-btn{color:#0e72ed;cursor:pointer;background-color:#0000;border:1px solid #0e72ed;border-radius:12px;padding:12px 24px;font-size:15px;font-weight:500;transition:all .2s}.dialog__cancel-btn:hover{background-color:#0e72ed1a}.dialog__with-cancel-btn .dialog__content{padding-bottom:0}.participants-modal{background:#1f1f23;border-radius:0;height:100dvh;max-height:none}.participants-modal .participants-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:16px;display:flex}.participants-modal .participants-header .close-btn{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;color:#fff;background:0 0;border:none;outline:none;justify-content:center;align-items:center;width:44px;height:44px;margin:0;padding:0;display:flex}.participants-modal .participants-header h2{margin:0;font-size:18px;font-weight:600}.participants-modal .participants-header .add-participant-btn{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;color:#fff;background:0 0;border:none;outline:none;justify-content:center;align-items:center;width:44px;height:44px;margin:0;padding:0;display:flex}.participants-modal .participants-content{height:calc(100dvh - 80px);padding:16px;overflow-y:auto}.participants-modal .participants-content .participant-section{margin-bottom:24px}.participants-modal .participants-content .participant-section h3{color:#ffffffb3;margin:0 0 12px;font-size:14px;font-weight:500}.participants-modal .participants-content .participant-section .participant-item{align-items:center;gap:12px;padding:12px 0;display:flex}.participants-modal .participants-content .participant-section .participant-item .participant-avatar{color:#fff;background:#00d924;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:18px;font-weight:600;display:flex}.participants-modal .participants-content .participant-section .participant-item .participant-name{flex:1;font-size:16px}.participants-modal .participants-content .participant-section .participant-item .participant-controls{justify-content:center;align-items:center;gap:8px;display:flex}.participants-modal .participants-content .participant-section .participant-item .participant-controls svg{color:#ff3742}.reactions-modal{background:#1f1f23;border-radius:0;height:100dvh;max-height:none}.reactions-modal .reactions-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:16px;display:flex}.reactions-modal .reactions-header .close-btn{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;color:#fff;background:0 0;border:none;outline:none;justify-content:center;align-items:center;width:44px;height:44px;margin:0;padding:0;display:flex}.reactions-modal .reactions-header h2{margin:0;font-size:18px;font-weight:600}.reactions-modal .reactions-content{height:calc(100dvh - 80px);padding:16px;overflow-y:auto}.reactions-modal .reactions-content .raise-hand-section{text-align:center;border-bottom:1px solid #ffffff1a;margin-bottom:24px;padding:32px 0}.reactions-modal .reactions-content .raise-hand-section .raise-hand-text{color:#ff9500;font-size:24px}.reactions-modal .reactions-content .quick-reactions{justify-content:space-around;margin-bottom:32px;padding:16px 0;display:flex}.reactions-modal .reactions-content .quick-reactions .reaction-btn--quick{cursor:pointer;background:#3a3a3f;border:none;border-radius:50%;width:60px;height:60px;font-size:24px}.reactions-modal .reactions-content .quick-reactions .reaction-btn--quick:hover{background:#fff3}.reactions-modal .reactions-content .reactions-grid h3{color:#ffffffb3;letter-spacing:.5px;margin:0 0 16px;font-size:12px;font-weight:600}.reactions-modal .reactions-content .reactions-grid .reactions-row{justify-content:space-between;margin-bottom:24px;display:flex}.reactions-modal .reactions-content .reactions-grid .reactions-row .reaction-btn{cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:24px;display:flex}.reactions-modal .reactions-content .reactions-grid .reactions-row .reaction-btn:hover{background:#ffffff1a}.reactions-modal .reactions-content .camera-notice{text-align:center;color:#ffffffb3;margin-top:24px;padding:16px;font-size:14px}@media (max-width:375px){.mobile-app__bottom-nav .nav-btn{min-width:50px}.mobile-app__bottom-nav .nav-btn span{font-size:9px}.video-grid{height:160px}}.header-center .meeting-logo{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;cursor:pointer;background:0 0;border:none;outline:none;margin:0;padding:0}.fade-in{animation:.3s ease-out fadeIn}.slide-up{animation:.3s ease-out slideUp}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.mini-mode-bar{z-index:1001;-webkit-backdrop-filter:blur(25px)saturate(1.2);backdrop-filter:blur(25px)saturate(1.2);background:linear-gradient(135deg,#0f0f19fa 0%,#191928f2 50%,#232337eb 100%);border:1px solid #fff3;border-radius:24px;align-items:center;gap:12px;min-width:240px;height:80px;padding:12px;transition:all .3s cubic-bezier(.4,0,.2,1);animation:.4s cubic-bezier(.34,1.56,.64,1) miniBarSlideIn;display:flex;position:fixed;top:100px;left:20px;box-shadow:0 12px 40px #0009,0 4px 16px #0000004d,0 1px 4px #0003,inset 0 1px #ffffff26,inset 0 -1px #0003}.mini-mode-bar:hover{transform:translateY(-2px);box-shadow:0 16px 50px #000000b3,0 6px 20px #0006,0 2px 8px #0000004d,inset 0 1px #fff3}.mini-mode-bar:before{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff26 0%,#ffffff0d 30%,#0000 70%);border-radius:24px;position:absolute;inset:0}.mini-mode-bar:after{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff14 0%,#0000 50%);border-radius:23px;position:absolute;inset:1px}.mini-mode-bar .mini-drag-handle{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;color:#fffc;cursor:grab;background:linear-gradient(135deg,#ffffff1f 0%,#ffffff0f 50%,#ffffff08 100%);border:1px solid #ffffff26;border-radius:20px;outline:none;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;margin:0;padding:0;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.mini-mode-bar .mini-drag-handle:before{content:"";opacity:0;background:linear-gradient(135deg,#fff3 0%,#0000 50%);border-radius:20px;transition:opacity .3s;position:absolute;inset:0}.mini-mode-bar .mini-drag-handle:active{cursor:grabbing;background:linear-gradient(135deg,#ffffff40 0%,#ffffff26 100%);transform:scale(.92);box-shadow:inset 0 2px 8px #0000004d,0 4px 16px #0006}.mini-mode-bar .mini-drag-handle:hover{color:#fff;background:linear-gradient(135deg,#ffffff2e 0%,#ffffff14 100%);border-color:#ffffff40;transform:translateY(-2px)scale(1.05);box-shadow:0 8px 24px #0000004d,0 2px 8px #0003}.mini-mode-bar .mini-drag-handle:hover:before{opacity:1}.mini-mode-bar .mini-drag-handle svg{filter:drop-shadow(0 2px 4px #0006);width:20px;height:20px;transition:all .3s}.mini-mode-bar .mini-drag-handle:hover svg{filter:drop-shadow(0 3px 6px #00000080);transform:rotate(5deg)scale(1.1)}.mini-mode-bar .mini-right-section{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.mini-mode-bar .mini-right-section .mini-speaker-info{background:linear-gradient(135deg,#ffffff14 0%,#ffffff08 100%);border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:10px;padding:1px 4px;display:flex;position:relative;overflow:hidden}.mini-mode-bar .mini-right-section .mini-speaker-info:before{content:"";background:linear-gradient(90deg,#0000 0%,#00ff881a 50%,#0000 100%);animation:2s ease-in-out infinite speakingShimmer;position:absolute;inset:0}.mini-mode-bar .mini-right-section .mini-speaker-info .speaker-name{color:#ffffffb3;text-transform:uppercase;letter-spacing:1px;text-shadow:0 1px 2px #00000080;flex-shrink:0;font-size:11px;font-weight:600}.mini-mode-bar .mini-right-section .mini-speaker-info .speaking-indicator{color:#0f8;letter-spacing:.5px;text-shadow:0 0 12px #0f8c,0 2px 4px #00000080;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:14px;font-weight:700;animation:1.5s ease-in-out infinite speakingPulse;position:relative;overflow:hidden}.mini-mode-bar .mini-right-section .mini-speaker-info .speaking-indicator:before{content:"●";vertical-align:middle;margin-right:6px;font-size:8px;animation:1s ease-in-out infinite speakingDot}.mini-mode-bar .mini-right-section .mini-controls{gap:14px;display:flex}.mini-mode-bar .mini-right-section .mini-controls .mini-btn{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff2e 0%,#ffffff14 50%,#ffffff0a 100%);border:1px solid #ffffff26;border-radius:12px;outline:none;justify-content:center;align-items:center;width:40px;height:40px;margin:0;padding:0;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.mini-mode-bar .mini-right-section .mini-controls .mini-btn:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.mini-mode-bar .mini-right-section .mini-controls .mini-btn:after{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff1a 0%,#0000 50%);border-radius:12px;position:absolute;inset:1px}.mini-mode-bar .mini-right-section .mini-controls .mini-btn:active{transform:scale(.88);box-shadow:inset 0 3px 8px #0006,0 2px 8px #0000004d}.mini-mode-bar .mini-right-section .mini-controls .mini-btn:hover{border-color:#ffffff40;transform:translateY(-2px)scale(1.05);box-shadow:0 8px 24px #0006,0 3px 12px #0000004d}.mini-mode-bar .mini-right-section .mini-controls .mini-btn:hover:before{left:100%}.mini-mode-bar .mini-right-section .mini-controls .mini-btn.mini-btn--muted{background:linear-gradient(135deg,#ff3b30f2 0%,#ff2d20d9 50%,#dc261bbf 100%);animation:2s ease-in-out infinite mutedPulse;box-shadow:0 4px 16px #ff3b3066,0 2px 8px #ff3b3033,inset 0 1px #fff3}.mini-mode-bar .mini-right-section .mini-controls .mini-btn.mini-btn--muted:active{background:linear-gradient(135deg,#ff3b30 0%,#ff2d20e6 100%);animation:none}.mini-mode-bar .mini-right-section .mini-controls .mini-btn.mini-btn--muted:hover{animation:none;box-shadow:0 8px 28px #ff3b3080,0 4px 16px #ff3b304d}.mini-mode-bar .mini-right-section .mini-controls .mini-btn.mini-btn--video-off{background:linear-gradient(135deg,#ff9500f2 0%,#ff8c00d9 50%,#e67e00bf 100%);box-shadow:0 4px 16px #ff950066,0 2px 8px #ff950033,inset 0 1px #fff3}.mini-mode-bar .mini-right-section .mini-controls .mini-btn.mini-btn--video-off:active{background:linear-gradient(135deg,#ff9500 0%,#ff8c00e6 100%)}.mini-mode-bar .mini-right-section .mini-controls .mini-btn.mini-btn--video-off:hover{box-shadow:0 8px 28px #ff950080,0 4px 16px #ff95004d}.mini-mode-bar .mini-right-section .mini-controls .mini-btn.mini-btn--maximize{background:linear-gradient(135deg,#0e72edf2 0%,#0a64dcd9 50%,#0855c8bf 100%);box-shadow:0 4px 16px #0e72ed66,0 2px 8px #0e72ed33,inset 0 1px #fff3}.mini-mode-bar .mini-right-section .mini-controls .mini-btn.mini-btn--maximize:active{background:linear-gradient(135deg,#0e72ed 0%,#0a64dce6 100%)}.mini-mode-bar .mini-right-section .mini-controls .mini-btn.mini-btn--maximize:hover{box-shadow:0 8px 28px #0e72ed80,0 4px 16px #0e72ed4d}.mini-mode-bar .mini-right-section .mini-controls .mini-btn svg{filter:drop-shadow(0 2px 4px #00000080);width:18px;height:18px;transition:all .3s cubic-bezier(.4,0,.2,1)}.mini-mode-bar .mini-right-section .mini-controls .mini-btn:hover svg{filter:drop-shadow(0 3px 6px #0009);transform:scale(1.15)rotate(2deg)}.mini-mode-bar .mini-right-section .mini-controls .mini-btn:active svg{transform:scale(.9)}@keyframes miniBarSlideIn{0%{opacity:0;filter:blur(10px);transform:scale(.7)translateY(-30px)rotate(-5deg)}50%{opacity:.8;filter:blur(2px);transform:scale(1.05)translateY(-5px)rotate(1deg)}to{opacity:1;filter:blur();transform:scale(1)translateY(0)rotate(0)}}@keyframes speakingPulse{0%,to{opacity:1;text-shadow:0 0 12px #0f8c,0 2px 4px #00000080;transform:scale(1)}50%{opacity:.8;text-shadow:0 0 20px #0f8,0 0 30px #0f89,0 2px 4px #00000080;transform:scale(1.08)}}@keyframes speakingDot{0%,to{color:#0f8;text-shadow:0 0 8px #0f8c,0 0 16px #0f86;transform:scale(1)}50%{color:#0fa;text-shadow:0 0 16px #0f8,0 0 24px #0f89;transform:scale(1.2)}}@keyframes speakingShimmer{0%{opacity:0;transform:translate(-100%)}50%{opacity:1}to{opacity:0;transform:translate(100%)}}@keyframes mutedPulse{0%,to{box-shadow:0 4px 16px #ff3b3066,0 2px 8px #ff3b3033,inset 0 1px #fff3}50%{box-shadow:0 6px 24px #ff3b3099,0 3px 12px #ff3b3066,inset 0 1px #ffffff4d}}.draggable-self-video{z-index:50;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;border:2px solid #fff3;border-radius:12px;width:100px;height:140px;transition:all .2s;position:absolute;top:0;left:0;overflow:hidden;box-shadow:0 4px 12px #0000004d}.draggable-self-video.dragging{cursor:grabbing;z-index:100;border-color:#fff6;box-shadow:0 8px 24px #0006}.draggable-self-video:active:not(.dragging){transform:scale(.95)}.draggable-self-video .self-video-content{background:#2d2d30;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.draggable-self-video .self-video-content .self-avatar{color:#fff;background:#00d924;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;font-weight:600;display:flex}.draggable-self-video .self-video-content .video-off-overlay{background:#000000b3;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.draggable-self-video .self-video-content .video-off-overlay svg{color:#ffffffb3;width:20px;height:20px}.draggable-self-video .self-video-content .self-mute-indicator{color:#fff;background:#ff3742;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;padding:4px;display:flex;position:absolute;bottom:8px;left:8px}.draggable-self-video .self-video-content .self-mute-indicator svg{width:12px;height:12px}.draggable-self-video .self-video-controls{opacity:0;transition:opacity .2s;position:absolute;top:8px;right:8px}.draggable-self-video .self-video-controls .flip-camera-btn{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;color:#fff;background:#000000b3;border:none;border-radius:50%;outline:none;justify-content:center;align-items:center;width:28px;height:28px;margin:0;padding:0;font-size:14px;font-weight:700;display:flex}.draggable-self-video .self-video-controls .flip-camera-btn:active{background:#000000e6;transform:scale(.9)}.draggable-self-video:hover .self-video-controls{opacity:1}.draggable-participant-panel{z-index:1000;pointer-events:none;position:fixed;inset:0}.draggable-participant-panel--half,.draggable-participant-panel--full{pointer-events:all}.draggable-participant-panel .participant-panel{background:#1f1f23;border-radius:12px 12px 0 0;width:100vw;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #0000004d}.draggable-participant-panel .participant-panel-header{cursor:grab;touch-action:none;border-bottom:1px solid #ffffff1a;flex-direction:column;justify-content:center;align-items:center;padding:8px 16px 12px;display:flex}.draggable-participant-panel .participant-panel-header:active{cursor:grabbing}.draggable-participant-panel .participant-panel-header .drag-indicator{background:#ffffff4d;border-radius:2px;width:40px;height:4px;margin-bottom:8px}.draggable-participant-panel .participant-panel-header .header-row{justify-content:space-between;align-items:center;width:100%;display:flex}.draggable-participant-panel .participant-panel-header .close-btn,.draggable-participant-panel .participant-panel-header .add-participant-btn{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;color:#fff;opacity:.8;background:0 0;border:none;outline:none;justify-content:center;align-items:center;width:36px;height:36px;margin:0;padding:0;display:flex}.draggable-participant-panel .participant-panel-header .close-btn:active,.draggable-participant-panel .participant-panel-header .add-participant-btn:active{opacity:1}.draggable-participant-panel .participant-panel-header h2{text-align:center;color:#fff;flex:1;margin:0;font-size:16px;font-weight:600}.draggable-participant-panel .participant-panel-content{height:calc(100% - 120px);padding:16px;overflow-y:auto}.draggable-participant-panel .participant-panel-content .participant-section{margin-bottom:24px}.draggable-participant-panel .participant-panel-content .participant-section h3{color:#ffffffb3;margin:0 0 12px;font-size:14px;font-weight:500}.draggable-participant-panel .participant-panel-content .participant-section .participant-item{align-items:center;gap:12px;padding:12px 0;display:flex}.draggable-participant-panel .participant-panel-content .participant-section .participant-item .participant-avatar{color:#fff;background:#00d924;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:18px;font-weight:600;display:flex}.draggable-participant-panel .participant-panel-content .participant-section .participant-item .participant-name{flex:1;font-size:16px}.draggable-participant-panel .participant-panel-content .participant-section .participant-item .participant-controls{justify-content:center;align-items:center;gap:8px;display:flex}.draggable-participant-panel .participant-panel-content .participant-section .participant-item .participant-controls svg{color:#ff3742}.draggable-participant-panel .participant-panel-content .participant-panel-header{padding-top:env(safe-area-inset-top,8px)}.draggable-participant-panel .participant-panel-content .participant-panel-header h2{text-align:center}.draggable-participant-panel--full .participant-panel{border-radius:0;height:100dvh!important}.draggable-participant-panel--full .participant-panel-header h2{text-align:left}.draggable-participant-panel--full .participant-panel-content{height:calc(100dvh - 120px)}.draggable-participant-panel--half .participant-panel{height:60dvh}.draggable-reactions-panel{z-index:1000;pointer-events:none;position:fixed;inset:0}.draggable-reactions-panel--half,.draggable-reactions-panel--full{pointer-events:all}.draggable-reactions-panel .reactions-panel{background:#1f1f23;border-radius:12px 12px 0 0;width:100vw;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #0000004d}.draggable-reactions-panel .reactions-panel-header{cursor:grab;touch-action:none;border-bottom:1px solid #ffffff1a;flex-direction:column;justify-content:center;align-items:center;padding:8px 16px 12px;display:flex}.draggable-reactions-panel .reactions-panel-header:active{cursor:grabbing}.draggable-reactions-panel .reactions-panel-header .drag-indicator{background:#ffffff4d;border-radius:2px;width:40px;height:4px;margin-bottom:8px}.draggable-reactions-panel .reactions-panel-header .header-row{justify-content:space-between;align-items:center;width:100%;display:flex}.draggable-reactions-panel .reactions-panel-header .close-btn{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;color:#fff;opacity:.8;background:0 0;border:none;outline:none;justify-content:center;align-items:center;width:36px;height:36px;margin:0;padding:0;display:flex}.draggable-reactions-panel .reactions-panel-header .close-btn:active{opacity:1}.draggable-reactions-panel .reactions-panel-header h2{text-align:center;color:#fff;flex:1;margin:0;font-size:16px;font-weight:600}.draggable-reactions-panel .reactions-panel-content{height:calc(100% - 120px);padding:16px;overflow-y:auto}.draggable-reactions-panel .reactions-panel-content .reactions-section{margin-bottom:24px}.draggable-reactions-panel .reactions-panel-content .reactions-section h3{color:#ffffffb3;text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px;font-size:14px;font-weight:500}.draggable-reactions-panel .reactions-panel-content .reactions-section .raise-hand-container{text-align:center;padding:16px 0}.draggable-reactions-panel .reactions-panel-content .reactions-section .raise-hand-container .raise-hand-btn{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;color:#fff;background:#3a3a3f;border:none;border-radius:12px;outline:none;justify-content:center;align-items:center;gap:12px;width:100%;margin:0;padding:16px 24px;transition:all .2s;display:flex}.draggable-reactions-panel .reactions-panel-content .reactions-section .raise-hand-container .raise-hand-btn:active{background:#ffffff1a;transform:scale(.98)}.draggable-reactions-panel .reactions-panel-content .reactions-section .raise-hand-container .raise-hand-btn.raised{background:#ff9500}.draggable-reactions-panel .reactions-panel-content .reactions-section .raise-hand-container .raise-hand-btn.raised:active{background:#c70}.draggable-reactions-panel .reactions-panel-content .reactions-section .raise-hand-container .raise-hand-btn .raise-hand-icon{font-size:24px}.draggable-reactions-panel .reactions-panel-content .reactions-section .raise-hand-container .raise-hand-btn .raise-hand-text{font-size:16px;font-weight:500}.draggable-reactions-panel .reactions-panel-content .reactions-section .quick-reactions-grid{grid-template-columns:repeat(5,1fr);gap:12px;margin:16px 0;display:grid}.draggable-reactions-panel .reactions-panel-content .reactions-section .quick-reactions-grid .quick-reaction-btn{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;aspect-ratio:1;background:#3a3a3f;border:none;border-radius:12px;outline:none;justify-content:center;align-items:center;width:100%;margin:0;padding:0;font-size:24px;transition:all .2s;display:flex}.draggable-reactions-panel .reactions-panel-content .reactions-section .quick-reactions-grid .quick-reaction-btn:active{background:#ffffff1a;transform:scale(.95)}.draggable-reactions-panel .reactions-panel-content .reactions-section .reactions-grid{grid-template-columns:repeat(6,1fr);gap:12px;margin:16px 0;display:grid}.draggable-reactions-panel .reactions-panel-content .reactions-section .reactions-grid .reaction-btn{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;aspect-ratio:1;background:0 0;border:1px solid #ffffff1a;border-radius:12px;outline:none;justify-content:center;align-items:center;width:100%;margin:0;padding:0;font-size:24px;transition:all .2s;display:flex}.draggable-reactions-panel .reactions-panel-content .reactions-section .reactions-grid .reaction-btn:active{background:#ffffff1a;transform:scale(.95)}.draggable-reactions-panel .reactions-panel-content .reactions-section .reactions-grid .reaction-btn.effect-btn{background:#0e72ed1a;border-color:#0e72ed}.draggable-reactions-panel .reactions-panel-content .reactions-section .reactions-grid .reaction-btn.effect-btn:active{background:#0e72ed33}.draggable-reactions-panel .reactions-panel-content .camera-notice{text-align:center;margin-top:24px}.draggable-reactions-panel .reactions-panel-content .camera-notice .notice-text{color:#ffffffb3;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:16px;font-size:14px}.draggable-reactions-panel--full .reactions-panel{border-radius:0;height:100dvh!important}.draggable-reactions-panel--full .reactions-panel-header h2{text-align:left}.draggable-reactions-panel--full .reactions-panel-content{height:calc(100dvh - 120px)}.draggable-reactions-panel--half .reactions-panel{height:60dvh}.draggable-chat-panel{z-index:1000;pointer-events:none;position:fixed;inset:0}.draggable-chat-panel--half,.draggable-chat-panel--full{pointer-events:all}.draggable-chat-panel .chat-panel{background:#1f1f23;border-radius:12px 12px 0 0;flex-direction:column;width:100vw;display:flex;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #0000004d}.draggable-chat-panel .chat-panel-header{cursor:grab;touch-action:none;border-bottom:1px solid #ffffff1a;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;padding:8px 16px 12px;display:flex}.draggable-chat-panel .chat-panel-header:active{cursor:grabbing}.draggable-chat-panel .chat-panel-header .drag-indicator{background:#ffffff4d;border-radius:2px;width:40px;height:4px;margin-bottom:8px}.draggable-chat-panel .chat-panel-header .header-row{justify-content:space-between;align-items:center;width:100%;display:flex}.draggable-chat-panel .chat-panel-header .close-btn,.draggable-chat-panel .chat-panel-header .chat-more-btn{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;color:#fff;opacity:.8;background:0 0;border:none;outline:none;justify-content:center;align-items:center;width:36px;height:36px;margin:0;padding:0;display:flex}.draggable-chat-panel .chat-panel-header .close-btn:active,.draggable-chat-panel .chat-panel-header .chat-more-btn:active{opacity:1}.draggable-chat-panel .chat-panel-header h2{text-align:center;color:#fff;flex:1;margin:0;font-size:16px;font-weight:600}.draggable-chat-panel .chat-panel-content{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.draggable-chat-panel .chat-panel-content .messages-container{scroll-behavior:smooth;flex-direction:column;flex:1;gap:16px;padding:16px;display:flex;overflow-y:auto}.draggable-chat-panel .chat-panel-content .messages-container .message{flex-direction:column;max-width:85%;display:flex}.draggable-chat-panel .chat-panel-content .messages-container .message--me{align-self:flex-end}.draggable-chat-panel .chat-panel-content .messages-container .message--me .message-header .message-sender{color:#0e72ed}.draggable-chat-panel .chat-panel-content .messages-container .message--me .message-content{color:#fff;background:#0e72ed;border-radius:12px 12px 6px}.draggable-chat-panel .chat-panel-content .messages-container .message--other{align-self:flex-start}.draggable-chat-panel .chat-panel-content .messages-container .message--other .message-content{color:#fff;background:#3a3a3f;border-radius:12px 12px 12px 6px}.draggable-chat-panel .chat-panel-content .messages-container .message .message-header{align-items:center;gap:8px;margin-bottom:4px;display:flex}.draggable-chat-panel .chat-panel-content .messages-container .message .message-header .message-sender{color:#ffffffb3;font-size:12px;font-weight:600}.draggable-chat-panel .chat-panel-content .messages-container .message .message-header .message-time{color:#ffffff80;font-size:10px}.draggable-chat-panel .chat-panel-content .messages-container .message .message-content{word-wrap:break-word;padding:12px 16px;font-size:14px;line-height:1.4}.draggable-chat-panel .chat-panel-content .message-input-container{border-top:1px solid #ffffff1a;flex-shrink:0;padding:16px}.draggable-chat-panel .chat-panel-content .message-input-container .message-input-wrapper{background:#3a3a3f;border-radius:16px;align-items:center;gap:8px;padding:4px;transition:all .2s;display:flex}.draggable-chat-panel .chat-panel-content .message-input-container .message-input-wrapper:focus-within{background:#ffffff1a}.draggable-chat-panel .chat-panel-content .message-input-container .message-input-wrapper .message-input{color:#fff;background:0 0;border:none;outline:none;flex:1;padding:12px 16px;font-size:14px}.draggable-chat-panel .chat-panel-content .message-input-container .message-input-wrapper .message-input::placeholder{color:#ffffff80}.draggable-chat-panel .chat-panel-content .message-input-container .message-input-wrapper .send-btn{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;opacity:.5;background:0 0;border:none;border-radius:50%;outline:none;justify-content:center;align-items:center;width:40px;height:40px;margin:0;padding:0;transition:all .2s;display:flex}.draggable-chat-panel .chat-panel-content .message-input-container .message-input-wrapper .send-btn--active{opacity:1;color:#fff;background:#0e72ed}.draggable-chat-panel .chat-panel-content .message-input-container .message-input-wrapper .send-btn--active:active{background:#0b5bbd;transform:scale(.95)}.draggable-chat-panel .chat-panel-content .message-input-container .message-input-wrapper .send-btn:disabled{opacity:.3;cursor:not-allowed}.draggable-chat-panel--full .chat-panel{border-radius:0;height:100dvh!important}.draggable-chat-panel--full .chat-panel-header h2{text-align:left}.draggable-chat-panel--half .chat-panel{height:60dvh}.draggable-top-panel{z-index:999;pointer-events:none;position:fixed;inset:0}.draggable-top-panel--half{pointer-events:all}.draggable-top-panel .top-panel{background:#1f1f23;border-radius:0 0 12px 12px;flex-direction:column;width:100vw;display:flex;position:absolute;top:0;left:0;right:0;box-shadow:0 4px 20px #0000004d}.draggable-top-panel .top-panel-close-btn{top:calc(env(safe-area-inset-top,0px) + 16px);z-index:10;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:#0009;border:none;border-radius:50%;outline:none;justify-content:center;align-items:center;width:40px;height:40px;margin:0;padding:0;transition:all .2s;display:flex;position:absolute;right:16px}.draggable-top-panel .top-panel-close-btn:hover{background:#000c}.draggable-top-panel .top-panel-close-btn:active{background:#000000e6;transform:scale(.95)}.draggable-top-panel .top-panel-close-btn svg{width:20px;height:20px}.draggable-top-panel .top-panel-content{padding:calc(env(safe-area-inset-top,0px) + 20px)20px 20px;flex-direction:column;flex:1;gap:24px;display:flex;overflow-y:auto}.draggable-top-panel .top-panel-content .meeting-info-section .meeting-header{margin-bottom:24px}.draggable-top-panel .top-panel-content .meeting-info-section .meeting-header .meeting-status{align-items:center;gap:8px;margin-bottom:12px;display:flex}.draggable-top-panel .top-panel-content .meeting-info-section .meeting-header .meeting-status .status-indicator{background:#0f0;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse;box-shadow:0 0 8px #00ff0080}.draggable-top-panel .top-panel-content .meeting-info-section .meeting-header .meeting-status .status-text{color:#0f0;text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:500}.draggable-top-panel .top-panel-content .meeting-info-section .meeting-header .meeting-title h2{color:#fff;margin:0 0 8px;font-size:24px;font-weight:700;line-height:1.2}.draggable-top-panel .top-panel-content .meeting-info-section .meeting-header .meeting-title .meeting-id-container{background:#ffffff14;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;display:flex}.draggable-top-panel .top-panel-content .meeting-info-section .meeting-header .meeting-title .meeting-id-container .meeting-id{color:#fff;letter-spacing:1px;font-family:Monaco,Menlo,monospace;font-size:16px;font-weight:600}.draggable-top-panel .top-panel-content .meeting-info-section .meeting-header .meeting-title .meeting-id-container .copy-id-btn{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#ffffff1a;border:none;border-radius:4px;outline:none;margin:0;padding:4px;transition:all .2s}.draggable-top-panel .top-panel-content .meeting-info-section .meeting-header .meeting-title .meeting-id-container .copy-id-btn:active{background:#fff3;transform:scale(.95)}.draggable-top-panel .top-panel-content .meeting-info-section .meeting-header .meeting-title .meeting-id-container .copy-id-btn span{font-size:14px}.draggable-top-panel .top-panel-content .meeting-info-section .meeting-stats{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.draggable-top-panel .top-panel-content .meeting-info-section .meeting-stats .stat-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:12px;padding:16px;transition:all .2s;display:flex}.draggable-top-panel .top-panel-content .meeting-info-section .meeting-stats .stat-card:hover{background:#ffffff14;border-color:#fff3}.draggable-top-panel .top-panel-content .meeting-info-section .meeting-stats .stat-card .stat-icon{background:#ffffff1a;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:20px;display:flex}.draggable-top-panel .top-panel-content .meeting-info-section .meeting-stats .stat-card .stat-content{flex-direction:column;flex:1;gap:2px;display:flex}.draggable-top-panel .top-panel-content .meeting-info-section .meeting-stats .stat-card .stat-content .stat-label{color:#ffffffb3;text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:500}.draggable-top-panel .top-panel-content .meeting-info-section .meeting-stats .stat-card .stat-content .stat-value{color:#fff;font-size:14px;font-weight:600}.draggable-top-panel .top-panel-content .quick-actions-section h3{color:#fff;margin:0 0 16px;font-size:16px;font-weight:600}.draggable-top-panel .top-panel-content .quick-actions-section .action-buttons{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.draggable-top-panel .top-panel-content .quick-actions-section .action-buttons .action-btn{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;color:#fff;background:#3a3a3f;border:none;border-radius:12px;outline:none;flex-direction:column;align-items:center;gap:8px;margin:0;padding:16px;transition:all .2s;display:flex}.draggable-top-panel .top-panel-content .quick-actions-section .action-buttons .action-btn:active{background:#ffffff1a;transform:scale(.98)}.draggable-top-panel .top-panel-content .quick-actions-section .action-buttons .action-btn svg{opacity:.8;width:24px;height:24px}.draggable-top-panel .top-panel-content .quick-actions-section .action-buttons .action-btn span{font-size:14px;font-weight:500}.draggable-top-panel .top-panel-handle{cursor:grab;touch-action:none;background:#1f1f23;border-radius:0 0 12px 12px;justify-content:center;align-items:center;height:44px;display:flex;position:absolute;bottom:0;left:0;right:0}.draggable-top-panel .top-panel-handle:active{cursor:grabbing}.draggable-top-panel .top-panel-handle .drag-indicator{background:#ffffff4d;border-radius:2px;width:40px;height:4px}.draggable-top-panel--full{pointer-events:all}.draggable-top-panel--full .top-panel{border-radius:0;height:100dvh!important}.draggable-top-panel--full .top-panel-content{height:calc(100dvh - 44px)}.draggable-top-panel--half .top-panel{height:50vh;animation:.3s ease-out slideDownFromTop}@keyframes slideDownFromTop{0%{transform:translateY(-100%)}to{transform:translateY(0)}}