:root{--bg-color: #EEEEEE;--surface-color: rgba(246, 251, 251, .91);--border-color: rgba(99, 123, 124, .2);--primary-color: #9BB2B3;--primary-hover: #749c9c;--text-main: #363e4a;--text-muted: #565E6A;--font-family: "Trebuchet MS", sans-serif}html,body{margin:0;padding:0;background-color:var(--bg-color);color:var(--text-main);font-family:var(--font-family);overflow:hidden;width:100%;height:100%;position:fixed;overscroll-behavior:none;-webkit-overflow-scrolling:touch;touch-action:manipulation;-webkit-font-smoothing:antialiased}#root{width:100%;height:100%;overflow:hidden}.glass-card{background:var(--surface-color);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 4px 30px #0000004d;padding:40px;width:100%;max-width:400px;text-align:center;transition:transform .2s ease}.modern-input{width:100%;padding:14px;margin:8px 0;background:#e5e3e333;border:1px solid var(--border-color);border-radius:8px;color:#fff;font-size:15px;outline:none;transition:border-color .2s;box-sizing:border-box;max-height:34px}.modern-input:focus{border-color:var(--primary-color);background:#0006}.modern-button{width:100%;padding:14px;border:none;border-radius:8px;background:var(--primary-color);color:var(--text-main);font-weight:600;font-size:16px;cursor:pointer;transition:all .2s;max-height:34px;display:flex;align-items:center;justify-content:center}.modern-button:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #00acb518}.modern-button:disabled{opacity:.6;cursor:not-allowed}.modern-button.secondary{background:#ffffff0d;color:var(--text-main);border:1px solid var(--border-color)}.modern-button.secondary:hover:not(:disabled){background:#ffffff1a;box-shadow:0 4px 12px #ffffff1a}.text-title{font-size:2rem;font-weight:700;margin-bottom:8px;letter-spacing:-.5px}.text-subtitle{color:var(--text-muted);margin-bottom:32px;font-size:.95rem}.text-link{background:none;border:none;color:var(--text-muted);margin-top:24px;cursor:pointer;font-size:14px;text-decoration:underline;text-underline-offset:4px}.text-link:hover{color:var(--primary-color)}.center-screen{height:100vh;width:100vw;display:flex;justify-content:center;align-items:center;background:radial-gradient(circle at 50% 50%,#fff,#eee)}.loading-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;justify-content:center;align-items:center;z-index:9999}.loading-content{display:flex;flex-direction:column;align-items:center;gap:24px;animation:fadeIn .4s ease-in}.loading-logo{color:var(--primary-color);animation:float 3s ease-in-out infinite}.loading-spinner{position:relative;width:60px;height:60px}.spinner{position:absolute;width:100%;height:100%;border:4px solid rgba(155,178,179,.2);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.loading-text{font-size:32px;font-weight:700;color:var(--text-main);letter-spacing:-.5px;margin-top:8px}.loading-subtext{font-size:14px;color:var(--text-muted);opacity:.8;animation:pulse 2s ease-in-out infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.bottom-toolbar{position:fixed;bottom:20px;left:50%;transform:translate(-50%);width:95%;max-width:1400px;z-index:1000!important;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:12px}.toolbar-video-section{width:200px;height:auto;min-height:150px;max-height:420px;background:#f6fbfbf2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(99,123,124,.2);padding:0;overflow-y:auto;overflow-x:hidden;box-shadow:0 4px 12px #0000001a;pointer-events:auto;display:flex;flex-direction:column;border-radius:8px;position:relative;z-index:100;margin-left:auto}.toolbar-container{width:100%;height:45px;background:var(--surface-color);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:24px;box-shadow:0 4px 30px #0000004d;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 16px;overflow:hidden;pointer-events:auto}.video-grid-compact{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.video-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border:2px dashed var(--border-color);border-radius:12px;background:#9bb2b30d}.video-placeholder-text{color:var(--text-muted);font-size:14px;font-weight:500}.no-meeting-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;padding:20px}.no-meeting-icon{color:var(--text-muted);opacity:.5}.no-meeting-text{margin:0;color:var(--text-main);font-size:16px;font-weight:600}.no-meeting-subtext{margin:0;color:var(--text-muted);font-size:13px;max-width:280px}.toolbar-divider{display:none}.toolbar-left{display:flex;align-items:center;gap:8px}.toolbar-center{display:flex;align-items:center;gap:8px;flex:1;justify-content:center}.waiting-status{display:flex;align-items:center;gap:8px;color:var(--text-muted);font-size:13px;font-weight:500;padding:0 16px}.waiting-text{opacity:.7}.toolbar-right{display:flex;align-items:center;gap:8px}.controls-header,.controls-title,.participant-badge,.connection-status{display:none}.controls-grid{display:flex;align-items:center;gap:12px}.control-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:#9bb2b31a;border:1px solid var(--border-color);border-radius:50%;color:var(--text-main);cursor:pointer;transition:all .2s ease;font-family:var(--font-family);flex-shrink:0}.control-button:hover:not(:disabled){background:var(--primary-color);border-color:var(--primary-color);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #9bb2b34d}.control-button:active:not(:disabled){transform:translateY(0)}.control-button:disabled{opacity:.4;cursor:not-allowed}.control-button.muted{background:#ef44441a;border-color:#ef44444d;color:#ef4444}.control-button.muted:hover:not(:disabled){background:#ef444433;border-color:#ef444466}.control-button.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.control-button.active:hover:not(:disabled){background:#8aa5a6;border-color:#8aa5a6}.control-button svg{flex-shrink:0}.control-button-secondary{background:#00000005}.control-button-danger{background:#ef44441a;border-color:#ef44444d;color:#ef4444}.control-button-danger:hover:not(:disabled){background:#ef4444;border-color:#ef4444;color:#fff}.control-label{display:none}.connection-status{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#00000005;border-radius:8px}.status-indicator{width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-connected{background:#10b981;box-shadow:0 0 8px #10b98166}.status-disconnected{background:#6b7280}.status-text{font-size:12px;color:var(--text-muted);font-weight:500}.control-button[data-active=true]{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.control-button[data-muted=true]{background:#ef4444;border-color:#ef4444;color:#fff}.control-button[data-muted=true]:hover:not(:disabled){background:#dc2626;border-color:#dc2626}@media(max-width:700px){.toolbar-container{padding:0 12px;gap:12px}.toolbar-left,.toolbar-center,.toolbar-right{gap:6px}.control-button{width:32px;height:32px}.control-button svg{width:16px;height:16px}}@media(max-width:500px){.bottom-toolbar{width:98%;bottom:10px}.toolbar-container{border-radius:20px;padding:0 10px;gap:8px}.toolbar-left,.toolbar-center,.toolbar-right{gap:4px}.control-button{width:30px;height:30px}.control-button svg{width:14px;height:14px}}.epr_-8ygbw8{padding:4px!important}.epr_-a4fw28{padding:0 25px}.epr_-z2fuzw{height:34px!important}.epr-emoji-category-label{font-weight:600!important;font-size:13px!important;color:var(--lk-fg)!important;background:var(--surface-color)!important}.epr_3z09g4{height:25px!important}