@import"https://fonts.googleapis.com/css2?family=Roboto:wght@100;200;300;400;500&display=swap";:root{--primary: #0772cc}html,body,#root{width:100%;min-height:100%;font-family:Roboto,sans-serif;background:#f5f5f5}body{background:radial-gradient(circle at top left,#312e81 0%,transparent 30%),radial-gradient(circle at bottom right,#0f766e 0%,transparent 30%),linear-gradient(135deg,#020617,#0f172a);color:#fff;font-family:Inter,sans-serif;overflow-x:hidden}.meeting-join-screen{min-height:100vh;background:#fff;padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;position:relative}.meeting-logo{position:absolute;top:24px;left:20px;width:150px}.meeting-join-card{width:100%;max-width:350px;margin:120px auto 0;background:transparent;border:none;box-shadow:none;padding:0}.meeting-title{font-family:Roboto,sans-serif;font-size:32px;font-weight:300;color:#000;text-align:center;margin-bottom:30px}.meeting-info-row{width:100%;height:44px;background:#fff;border:1px solid #9ca3af;border-radius:2px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.meeting-label{color:#111;font-size:15px;font-weight:400}.meeting-id{color:#0772cc;font-size:15px;font-weight:500;letter-spacing:.5px}.meeting-input{width:100%;height:44px;background:#fff;border:1px solid #9ca3af;border-radius:2px;padding:0 14px;outline:none;color:#0772cc;font-size:15px;font-family:Roboto,sans-serif;caret-color:#0772cc;margin-bottom:20px}.meeting-input[type=password]{color:#0772cc;font-size:15px}.meeting-input::placeholder{color:#9ca3af;font-weight:300}.meeting-input[type=password]::placeholder{font-size:15px;letter-spacing:normal;transform:translateY(-4px)}.meeting-input:focus{border-color:#0772cc}.meeting-input:focus::placeholder{color:transparent}.meeting-input::selection{background:#0772cc;color:#fff}.meeting-join-btn{width:100%;height:44px;border:none;border-radius:2px;background:#a1c6e7;color:#fff;font-size:16px;font-weight:400;font-family:Roboto,sans-serif;cursor:pointer;transition:.25s ease;display:flex;align-items:center;justify-content:center}.meeting-join-btn.active,.meeting-join-btn:hover{background:#0772cc}.meeting-error{color:#d93025;font-size:12px;margin-top:-12px;margin-bottom:12px;text-align:left}.meeting-layout{min-height:100dvh;display:flex;flex-direction:column}.meeting-stage{width:100%;height:calc(100vh - 90px);padding-top:14px;overflow:visible;background:#222121}.meeting-grid{width:100%;height:100vh;display:flex;align-items:center;justify-content:center}.meeting-tile{width:100%;height:100%;border-radius:0;background:#000;overflow:hidden}.meeting-tile video{width:100%;height:100%;object-fit:cover}.meeting-tile.screen video{object-fit:contain;background:#000}.meeting-tile.cam:not(.host-tile){position:fixed;inset:0;width:100vw;height:100vh;margin:0;border-radius:0;overflow:hidden;background:#000}.meeting-tile.cam:not(.host-tile) video{width:100%;height:100%;object-fit:cover;object-position:center;background:#000}.gm-card{width:100%;height:100%;background:linear-gradient(135deg,#ffffff0d,#ffffff05);display:flex;align-items:center;justify-content:center;position:relative}.gm-avatar{width:90px;height:90px;background:linear-gradient(135deg,#6366f1,#8b5cf6);display:flex;align-items:center;justify-content:center;font-size:34px;font-weight:700}.gm-status-icons{position:absolute;top:14px;right:14px;display:flex;gap:10px;font-size:16px}.gm-muted{color:var(--red)}.gm-loader{position:absolute;width:36px;height:36px;border-radius:50%;border:3px solid rgba(255,255,255,.2);border-top-color:#fff;animation:spin .9s linear infinite}.host-tile{position:fixed!important;bottom:110px;right:20px;z-index:9999}.meeting-tile.host-tile{position:fixed!important;bottom:110px!important;right:20px!important;width:110px!important;height:140px!important;min-width:110px!important;min-height:140px!important;max-width:110px!important;max-height:140px!important;background:#0f172aa6!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;border:1px solid rgba(255,255,255,.15)!important;box-shadow:0 8px 32px #0000004d!important;padding:0!important;overflow:hidden!important;z-index:9999!important;display:flex!important;align-items:center!important;justify-content:center!important;flex:unset!important;border-radius:16px!important;transition:transform .3s ease,box-shadow .3s ease!important}.meeting-tile.host-tile:hover{transform:translateY(-4px)!important;box-shadow:0 12px 40px #0006!important}.host-tile .gm-card{width:100%!important;height:100%!important;background:transparent!important;display:flex;align-items:center;justify-content:center;min-width:unset!important;min-height:unset!important;max-width:unset!important;max-height:unset!important;overflow:hidden}.host-tile .gm-avatar{width:60px!important;height:60px!important;border-radius:50%!important;font-size:22px;box-shadow:0 4px 12px #0003}.host-tile .meeting-tile-label{display:none}.host-tile .gm-status-icons{position:absolute;bottom:10px;top:auto;right:auto;font-size:14px;gap:6px;background:#0000008c;padding:5px 10px;border-radius:12px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}html,body,#root{width:100%;height:100%;overflow:hidden}.meeting-bottom-bar{height:90px;display:flex;align-items:center;justify-content:center;gap:16px;background:#222121;position:sticky;bottom:0;z-index:999}.meeting-control-btn{width:58px;height:58px;border-radius:18px;border:none;background:#ffffff14;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.25s ease}.meeting-control-btn:hover{background:#ffffff24;transform:translateY(-2px)}.meeting-control-btn svg{font-size:22px}.meeting-end-btn{background:var(--red);width:72px}.meeting-control-btn.meeting-leave-btn{background:#ea4335!important}.meeting-end-btn:hover{background:#dc2626}.received-images-panel{position:fixed;top:90px;right:18px;width:300px;max-height:72vh;overflow-y:auto;background:#0f172ae0;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;border:1px solid rgba(255,255,255,.08);padding:16px;z-index:9999}.meeting-top-icons{position:absolute;top:50px;right:18px;display:flex;align-items:center;gap:8px;z-index:30}.tile-mute-icon{width:24px;height:24px;padding:5px;border-radius:50%;background:#0000008c;color:#fff;font-size:12px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.btn-loader{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;display:inline-block;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.received-images-panel h3{font-size:15px;margin-bottom:14px}.received-images-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.received-images-grid img{width:100%;border-radius:14px;cursor:pointer;transition:.25s ease}.received-images-grid img:hover{transform:scale(1.04)}.tile-capture-flash{position:absolute;inset:0;background:#fff;opacity:.9;z-index:50;pointer-events:none;animation:tileFlash .25s ease}@keyframes tileFlash{0%{opacity:.9}to{opacity:0}}.meeting-popup-overlay{position:fixed;inset:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:99999}.meeting-popup-actions{display:flex;justify-content:flex-end;gap:10px}.popup-cancel-btn,.popup-end-btn{border:none;padding:10px 18px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer}.popup-cancel-btn{background:#3c4043;color:#fff}.popup-end-btn{background:#ea4335;color:#fff}.tile-screenshot-btn{width:34px;height:34px;border:none;border-radius:50%;background:#0000008c;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:.2s ease;margin-top:-30px}.tile-screenshot-btn:hover{background:#000000bf}.tile-screenshot-btn svg{font-size:14px}@media(max-width:900px){.meeting-grid{grid-template-columns:1fr}.meeting-tile{min-height:260px}}@media(max-width:768px){.meeting-stage{padding:10px}.meeting-grid{gap:12px}.meeting-tile{border-radius:18px}.meeting-tile video{object-fit:cover}.meeting-bottom-bar{position:fixed;bottom:0;left:0;right:0;height:90px;gap:25px;padding:0 10px}.meeting-control-btn{width:50px;height:50px;border-radius:14px}.meeting-control-btn svg{font-size:20px}.meeting-end-btn{width:62px}.meeting-layout{padding-bottom:90px}.received-images-panel{width:calc(100vw - 20px);right:10px;top:auto;bottom:95px;max-height:42vh}.meeting-join-card{padding:0;margin-top:90px}.meeting-title{font-size:32px;margin-bottom:30px}.meeting-logo{position:absolute;top:24px;left:20px;width:150px}.host-tile{bottom:95px!important;right:15px}.meeting-tile.host-tile{bottom:95px!important;right:15px!important;width:85px!important;height:110px!important;min-width:85px!important;min-height:110px!important;max-width:85px!important;max-height:110px!important;border-radius:14px!important;padding:0!important;background:#0f172aa6!important}.host-tile .gm-avatar{width:48px!important;height:48px!important;border-radius:50%!important;font-size:18px}}@media(max-width:480px){.meeting-stage{padding:8px}.meeting-grid{gap:10px}.meeting-control-btn{width:46px;height:46px}.meeting-control-btn svg{font-size:18px}.meeting-end-btn{width:56px}.gm-avatar{width:74px;height:74px;font-size:28px}}.meeting-popup-overlay{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:99999}.meeting-popup{width:90%;max-width:360px;background:#fff;border-radius:0;padding:32px 24px;box-shadow:0 4px 18px #0000002e;animation:popupShow .18s ease}.meeting-popup h3{color:#0772cc;font-size:20px;font-weight:500;text-align:center;margin-bottom:24px;font-family:Roboto,sans-serif}.meeting-popup p{color:#000;font-size:15px;text-align:center;line-height:1.5;margin-bottom:32px;font-family:Roboto,sans-serif}.meeting-popup-actions{display:flex;align-items:center;justify-content:center;gap:16px}.popup-cancel-btn,.popup-end-btn{width:110px;height:38px;border-radius:0;font-size:14px;font-weight:400;font-family:Roboto,sans-serif;cursor:pointer;transition:.2s ease;display:flex;align-items:center;justify-content:center;outline:none}.popup-cancel-btn{background:#0772cc;border:1px solid #0772cc;color:#fff}.popup-cancel-btn:hover{background:#6baae1;border-color:#6baae1}.popup-end-btn{background:#fff;border:1px solid #0772cc;color:#0772cc}.popup-end-btn:hover{background:#f5f9ff}@keyframes popupShow{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media(max-width:400px){.meeting-popup{width:98%;padding:28px 8px}.meeting-popup p{font-size:14.5px;letter-spacing:-.1px;margin-bottom:28px}.popup-cancel-btn,.popup-end-btn{width:100px}}*{margin:0;padding:0;box-sizing:border-box}:root{--bg-dark: #202124;--bg-surface: #2b2f33;--bg-tile: #3c4043;--bg-hover: #4a4e51;--primary: #8ab4f8;--primary-dark: #6b9cf6;--red: #ea4335;--text: #e8eaed;--muted: #9aa0a6;font-family:Google Sans,system-ui,Avenir,Helvetica,Arial,sans-serif}html,body{width:100%;min-height:100dvh;background:var(--bg-dark);color:var(--text);overflow-x:hidden}body{line-height:1.5;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}button{font-family:inherit}