: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)}}