:root{color:#e8eaed;background:#12141a;font-family:system-ui,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{height:100%}body{margin:0}#app{height:100%}.layout{grid-template-columns:minmax(320px,420px) 1fr;gap:0;min-height:100vh;display:grid}.panel{background:#171a22;border-right:1px solid #2a2f3a;padding:20px}h1{margin:0 0 8px;font-size:1.1rem}.hint{color:#9aa3b2;margin:0 0 16px;font-size:.85rem;line-height:1.4}label{color:#9aa3b2;margin-bottom:6px;font-size:.8rem;display:block}textarea{resize:vertical;color:#e8eaed;background:#0e1016;border:1px solid #2a2f3a;border-radius:8px;width:100%;min-height:280px;padding:12px;font-family:ui-monospace,Consolas,monospace;font-size:12px;line-height:1.4}.row{gap:8px;margin-top:12px;display:flex}button{cursor:pointer;border:0;border-radius:8px;padding:10px 14px;font-weight:600}.primary{color:#fff;background:#2d8cff}.secondary{color:#e8eaed;background:#2a2f3a}button:disabled{opacity:.5;cursor:not-allowed}#status{white-space:pre-wrap;color:#9aa3b2;margin-top:12px;font-size:.85rem}#status.error{color:#ff7b72}#status.ok{color:#3fb950}.meeting-container{background:#0b0d12;flex-direction:column;height:100vh;max-height:100vh;display:flex;position:relative;overflow:hidden}#meetingSDKElement{flex-grow:1;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}:-webkit-any(:fullscreen .meeting-container,:-webkit-full-screen .meeting-container,:fullscreen .meeting-container){width:100vw!important;max-width:100vw!important;height:100vh!important;max-height:100vh!important;overflow:hidden!important}:is(:fullscreen .meeting-container,:fullscreen .meeting-container,:-ms-fullscreen .meeting-container){width:100vw!important;max-width:100vw!important;height:100vh!important;max-height:100vh!important;overflow:hidden!important}:is(:fullscreen .meeting-container,:fullscreen .meeting-container,:fullscreen .meeting-container){width:100vw!important;max-width:100vw!important;height:100vh!important;max-height:100vh!important;overflow:hidden!important}:-webkit-any(:fullscreen .meeting-container #meetingSDKElement,:-webkit-full-screen .meeting-container #meetingSDKElement,:fullscreen .meeting-container #meetingSDKElement){width:100%!important;height:100%!important;overflow:hidden!important}:is(:fullscreen .meeting-container #meetingSDKElement,:fullscreen .meeting-container #meetingSDKElement,:-ms-fullscreen .meeting-container #meetingSDKElement){width:100%!important;height:100%!important;overflow:hidden!important}:is(:fullscreen .meeting-container #meetingSDKElement,:fullscreen .meeting-container #meetingSDKElement,:fullscreen .meeting-container #meetingSDKElement){width:100%!important;height:100%!important;overflow:hidden!important}:-webkit-any(:fullscreen .layout,:-webkit-full-screen .layout,:fullscreen .layout){grid-template-columns:1fr!important}:is(:fullscreen .layout,:fullscreen .layout,:-ms-fullscreen .layout){grid-template-columns:1fr!important}:is(:fullscreen .layout,:fullscreen .layout,:fullscreen .layout){grid-template-columns:1fr!important}:-webkit-any(:fullscreen .panel,:-webkit-full-screen .panel,:fullscreen .panel){display:none!important}:is(:fullscreen .panel,:fullscreen .panel,:-ms-fullscreen .panel){display:none!important}:is(:fullscreen .panel,:fullscreen .panel,:fullscreen .panel){display:none!important}.layout.theater-mode{grid-template-columns:1fr}.layout.theater-mode .panel{display:none}.layout.theater-mode .meeting-container{height:100vh;max-height:100vh}.zoom-custom-controls{z-index:1000;gap:8px;display:flex;position:absolute;top:16px;right:16px}.zoom-btn{-webkit-backdrop-filter:blur(12px);color:#a0aec0;cursor:pointer;background:#171a22b3;border:1px solid #ffffff1a;border-radius:8px;outline:none;justify-content:center;align-items:center;width:38px;height:38px;padding:8px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative;box-shadow:0 8px 32px #0006}.zoom-btn svg{fill:currentColor;width:20px;height:20px;transition:transform .2s}.zoom-btn:hover{color:#fff;background:#2d8cfff2;border-color:#2d8cff;transform:scale(1.05);box-shadow:0 8px 24px #2d8cff66}.zoom-btn:active{transform:scale(.95)}.zoom-btn:after{content:attr(data-tooltip);color:#e8eaed;white-space:nowrap;opacity:0;pointer-events:none;background:#171a22;border:1px solid #2a2f3a;border-radius:6px;padding:6px 10px;font-size:11px;font-weight:500;transition:opacity .2s,transform .2s;position:absolute;bottom:-36px;right:0;transform:translateY(-8px);box-shadow:0 4px 12px #0006}.zoom-btn:hover:after{opacity:1;transform:translateY(0)}.layout.iframe-mode .btn-theater{display:none}@media (width<=900px){.layout{grid-template-columns:1fr}.panel{border-bottom:1px solid #2a2f3a;border-right:0}}.layout.iframe-mode{min-height:unset;background:#0b0d12;grid-template-columns:1fr;height:100%}.layout.iframe-mode .panel{display:none}.layout.iframe-mode .meeting-container{min-height:unset;width:100%;height:100%;position:relative;overflow:hidden}body.iframe-body{overflow:hidden}.admits-container,[class*=admits-container]{z-index:2147483647!important;flex-direction:column!important;gap:10px!important;width:auto!important;max-width:90vw!important;display:flex!important;position:fixed!important;inset:24px auto auto 50%!important;transform:translate(-50%)!important}.admits-item,[class*=admits-item]{background:#171a22!important;border:1px solid #ffffff26!important;border-radius:10px!important;align-items:center!important;gap:12px!important;padding:12px 18px!important;animation:.3s cubic-bezier(.16,1,.3,1) slideDownToast!important;display:flex!important;box-shadow:0 12px 40px #0009!important}@keyframes slideDownToast{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.secure-fallback-container{color:#e8eaed;background:#0f1115;justify-content:center;align-items:center;height:100vh;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex}.secure-fallback-card{text-align:center;background:#171a22;border:1px solid #2a313e;border-radius:12px;max-width:480px;padding:40px;animation:.5s cubic-bezier(.16,1,.3,1) fadeInSecureCard;box-shadow:0 12px 40px #00000080}.secure-fallback-card h2{color:#ff7b72;margin-bottom:12px;font-size:1.5rem;font-weight:700}.secure-fallback-card p{color:#9aa3b2;font-size:.95rem;line-height:1.6}@keyframes fadeInSecureCard{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}
