:root{font-family:Inter,Noto Sans SC,system-ui,-apple-system,sans-serif;color:#eef5ff;background:#06101d;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 15% 0,#12304a 0,transparent 32%),#06101d}button,input,select{font:inherit}button{cursor:pointer}.landing{min-height:100vh;display:grid;grid-template-columns:minmax(300px,1.05fr) minmax(420px,.95fr)}.brand-panel{padding:64px clamp(32px,7vw,120px);display:grid;grid-template-columns:48px 1fr;align-content:start;gap:12px;border-right:1px solid #ffffff14}.logo-mark,.meeting-brand>span{display:grid;place-items:center;background:#27d7a1;color:#062016;font-weight:900;border-radius:14px}.logo-mark{width:48px;height:48px;font-size:24px}.brand-panel b{font-size:22px}.brand-panel span,.brand-panel small{display:block;color:#8fa3b9;margin-top:3px}.brand-copy{grid-column:1/-1;margin-top:min(26vh,240px)}.brand-copy p{font-size:clamp(34px,4vw,64px);font-weight:760;line-height:1.1;max-width:670px;margin:0 0 28px;letter-spacing:-.04em}.brand-copy small{font-size:18px;letter-spacing:.06em}.entry-card{align-self:center;justify-self:center;width:min(480px,calc(100% - 48px));padding:46px;border:1px solid #ffffff17;border-radius:28px;background:#0c1928dd;box-shadow:0 30px 80px #0007}.eyebrow{color:#27d7a1;font-size:12px;font-weight:800;letter-spacing:.18em}.entry-card h1{font-size:34px;margin:14px 0 8px}.entry-card>p{color:#9eb0c4;margin:0 0 30px;line-height:1.6}.entry-card form{display:grid;gap:18px}.entry-card label{font-size:14px;color:#b8c7d7;display:grid;gap:8px}.entry-card input,.entry-card select{width:100%;border:1px solid #26394c;background:#07121f;color:#fff;border-radius:12px;padding:14px 15px;outline:none}.entry-card input:focus,.entry-card select:focus{border-color:#27d7a1;box-shadow:0 0 0 3px #27d7a122}.primary{border:0;border-radius:12px;background:#27d7a1;color:#062016;font-weight:800;padding:15px;margin-top:6px}.form-message{min-height:22px;color:#ff9f9f;margin-top:16px;font-size:14px}.meeting-shell{height:100vh;display:grid;grid-template-rows:72px minmax(0,1fr) 92px}.topbar{display:flex;align-items:center;padding:0 24px;border-bottom:1px solid #ffffff12;background:#081421dd;gap:24px}.meeting-brand{display:flex;align-items:center;gap:11px;min-width:190px}.meeting-brand>span{width:38px;height:38px;border-radius:11px}.meeting-brand div{display:grid}.meeting-brand small{color:#6ff0c7;margin-top:2px}.meeting-meta{text-align:center;margin:auto}.meeting-meta b{display:block}.meeting-meta span{font-size:12px;color:#8094aa;letter-spacing:.12em}.copy-button{border:1px solid #294158;background:#102236;color:#d9e9fa;border-radius:10px;padding:10px 14px}.workspace{min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 320px}.video-grid{padding:16px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(340px,100%),1fr));grid-auto-rows:minmax(220px,1fr);gap:12px;overflow:auto}.video-tile{position:relative;overflow:hidden;min-height:220px;border-radius:18px;background:linear-gradient(145deg,#172b3e,#0c1928);border:1px solid #ffffff12}.video-view,.video-view>div,.video-view video{width:100%!important;height:100%!important;object-fit:cover}.fallback-avatar{display:none;position:absolute;inset:0;place-items:center;font-size:42px;font-weight:800;color:#092219;background:#24c997}.camera-off .fallback-avatar{display:grid}.video-tile footer{position:absolute;left:10px;right:10px;bottom:10px;display:flex;justify-content:space-between;align-items:center;background:#04101bc9;border:1px solid #ffffff12;border-radius:9px;padding:8px 10px;font-size:13px}.video-tile footer em{color:#27d7a1;font-style:normal}.side-panel{min-height:0;border-left:1px solid #ffffff12;background:#091522;display:grid;grid-template-rows:auto minmax(100px,.42fr) auto minmax(130px,.58fr)}.panel-head,.caption-head{padding:18px;border-bottom:1px solid #ffffff10;display:flex;align-items:center;justify-content:space-between}.panel-head b{display:flex;align-items:center;gap:8px}.panel-head svg{width:18px;fill:#8ea3b8}.panel-head span{background:#173048;border-radius:999px;padding:3px 9px}.member-list{list-style:none;margin:0;padding:10px;overflow:auto}.member-list li{display:flex;align-items:center;gap:10px;padding:9px}.avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#193854;color:#8ee9ca;font-weight:800}.member-list div{display:grid}.member-list small,.caption-head small{color:#8195aa;margin-top:2px}.caption-list{overflow:auto;padding:12px 16px}.caption-list article{padding:10px 0;border-bottom:1px solid #ffffff0c}.caption-list header{display:flex;justify-content:space-between;font-size:12px;color:#7f94aa}.caption-list p{font-size:15px;line-height:1.5;margin:5px 0}.caption-empty{color:#72869b;line-height:1.6}.controlbar{display:flex;align-items:center;justify-content:center;gap:10px;border-top:1px solid #ffffff12;background:#081421}.controlbar button{min-width:82px;border:0;background:transparent;color:#c9d7e5;border-radius:12px;padding:10px;display:grid;justify-items:center;gap:5px;font-size:12px}.controlbar svg{width:23px;height:23px;fill:currentColor}.controlbar button:hover,.controlbar button.active{background:#172c40;color:#64e8be}.controlbar button.off{color:#ff9c9c}.controlbar .danger{background:#e04f5f;color:#fff;margin-left:16px}.caption-control strong{font-size:16px;height:23px;display:grid;place-items:center}.meeting-brand small,.controlbar span{font-size:12px}@media(max-width:860px){.landing{grid-template-columns:1fr}.brand-panel{display:none}.workspace{grid-template-columns:1fr}.side-panel{position:fixed;right:0;top:72px;bottom:92px;width:min(320px,88vw);transform:translate(100%);z-index:4}.meeting-meta{display:none}.copy-button{margin-left:auto}.controlbar{gap:2px}.controlbar button{min-width:64px}.video-grid{grid-template-columns:1fr;grid-auto-rows:minmax(240px,46vh)}}@media(max-width:520px){.entry-card{padding:30px 24px}.topbar{padding:0 14px}.meeting-brand{min-width:0}.meeting-brand div b{font-size:14px}.copy-button{font-size:12px;padding:9px}.controlbar{overflow-x:auto;justify-content:flex-start;padding:0 8px}.controlbar .danger{margin-left:2px}.video-grid{padding:8px}.meeting-shell{grid-template-rows:64px minmax(0,1fr) 80px}}.panel-button{display:none;border:1px solid #294158;background:#102236;color:#d9e9fa;border-radius:10px;padding:9px}.logo-mark,.meeting-brand>span{overflow:hidden;background:#07111f}.logo-mark img,.meeting-brand>span img{width:88%;height:88%;object-fit:contain}.panel-button svg{width:20px;height:20px;fill:currentColor}@media(max-width:860px){.panel-button{display:grid;margin-left:auto}.copy-button{margin-left:0}.side-panel{transition:transform .24s ease;box-shadow:-20px 0 50px #0008}.side-panel.open{transform:translate(0)}}.caption-list .caption-translation{color:#6ff0c7;border-left:2px solid #27d7a1;padding-left:9px;margin-top:7px;font-weight:600}.meeting-shell{grid-template-rows:72px minmax(0,1fr) minmax(230px,35vh) 92px}.side-panel{grid-template-rows:auto minmax(0,1fr)}.caption-dock{min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);border-top:1px solid #ffffff12;background:#07131f}.caption-dock .caption-head{padding:10px 24px}.caption-dock .caption-list{overflow-y:auto;overscroll-behavior:contain;padding:12px 24px 20px;scrollbar-gutter:stable;display:flex;flex-direction:column;gap:10px}.caption-dock .caption-list article{width:min(78%,980px);padding:11px 14px;border:1px solid #ffffff14;border-radius:14px;background:#102337}.caption-dock .caption-list article.own-caption{align-self:flex-end;background:#123b36;border-color:#27d7a144}.caption-dock .caption-list article.remote-caption{align-self:flex-start}.caption-dock .caption-list article header{display:flex;justify-content:space-between;gap:20px}.caption-dock .caption-source{font-size:16px}.video-grid{grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));grid-auto-rows:minmax(170px,1fr)}.video-tile{min-height:170px}.video-tile.compact{min-height:120px;max-height:160px;align-self:start}.video-tile.expanded{grid-column:1 / -1;min-height:min(46vh,520px)}.video-tile.screen-tile .video-view video{object-fit:contain!important}.tile-actions{display:flex;gap:5px}.tile-actions button{width:25px;height:23px;padding:0;border:1px solid #ffffff22;border-radius:6px;background:#10273b;color:#d9e9fa}#flip-camera strong{font-size:23px;line-height:1}@media(max-width:860px){.meeting-shell{grid-template-rows:64px minmax(0,1fr) minmax(210px,38vh) 80px}.caption-dock .caption-head,.caption-dock .caption-list{padding-left:14px;padding-right:14px}.caption-dock .caption-list article{width:92%}.video-grid{grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr));grid-auto-rows:minmax(150px,1fr)}.video-tile{min-height:150px}}#captions:disabled{opacity:1;cursor:default}.fixed-language{display:grid;gap:4px;padding:12px 14px;border:1px solid #294057;border-radius:12px;background:#071522}.fixed-language span,.fixed-language small{color:#7890a8}.fixed-language b{color:#2bd4ae}.invite-actions{display:flex;gap:8px}.secondary-copy{border-color:#2bd4ae}@media(max-width:720px){.invite-actions{position:fixed;top:68px;right:10px;z-index:12;flex-direction:column}}
