:root{color:#eaf0f3;font-synthesis:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#0e171d;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a{touch-action:manipulation}button{color:#17251a;cursor:pointer;background:#c0e891;border:1px solid #0000;border-radius:12px;padding:13px 18px;font-weight:650}button:hover{filter:brightness(1.08)}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #a6d4ff}a{color:#c0e891;text-decoration:none}.brand{letter-spacing:.12em;color:#eaf0f3;white-space:nowrap;font-size:20px;font-weight:800}.brand span{letter-spacing:.24em;color:#a6b6bf;margin-top:4px;font-size:10px;display:block}.message{max-width:680px;margin:12vh auto;padding:32px}.message h1{margin-top:60px}.message p{color:#b6c5ce;line-height:1.7}.actions{flex-wrap:wrap;align-items:center;gap:20px;display:flex}header{justify-content:space-between;align-items:center;gap:24px;display:flex}.prejoin{max-width:1200px;margin:auto;padding:36px}.badge,.connection{color:#b7c8d2;background:#1a2a32;border-radius:99px;padding:10px 14px;font-size:13px}.join-grid{grid-template-columns:1.3fr 1fr;align-items:start;gap:7vw;margin-top:70px;display:grid}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:#c0e891;font-size:12px}h1{overflow-wrap:anywhere;font-size:clamp(26px,3vw,40px);font-weight:650;line-height:1.2}.join-intro p{color:#b1c2cb;line-height:1.65}.preview{aspect-ratio:16/10;background:#17252e;border:1px solid #2a3c46;border-radius:22px;justify-content:center;align-items:center;margin:28px 0 14px;display:flex;position:relative;overflow:hidden}.preview video{object-fit:cover;width:100%;height:100%;transform:scaleX(-1)}.preview span{color:#c2d0d8;background:#0e171dc9;border-radius:8px;padding:8px 12px;font-size:12px;position:absolute;bottom:14px}small{color:#92a5b1;font-size:12px;line-height:1.65}.join-form{background:#16252d;border:1px solid #2c404b;border-radius:22px;flex-direction:column;gap:18px;padding:30px;display:flex}.join-form h2{margin:0 0 8px;font-size:23px}.join-form label:not(.check){flex-direction:column;gap:10px;font-size:14px;display:flex}.join-form input:not([type=checkbox]){width:100%;color:inherit;background:#101c23;border:1px solid #4c616e;border-radius:10px;padding:13px}.check{align-items:center;gap:10px;font-size:14px;display:flex}.check input{accent-color:#c0e891;width:18px;height:18px}.secondary{color:#eaf0f3;background:0 0;border-color:#536670}.notice,.error{border-radius:12px;margin:0;padding:14px 18px;font-size:14px;line-height:1.6}.notice{color:#f1dba7;background:#493d24}.error{color:#ffd2db;background:#4c2931}.call{flex-direction:column;gap:18px;height:100dvh;padding:20px 24px;display:flex}.call header h1{margin:8px 0 0;font-size:18px}.online{color:#c0e891}.stage{flex:1;gap:16px;min-height:0;display:flex}.participants{flex:1;gap:16px;min-width:0;display:flex}.tile{background:#192a34;border:1px solid #30444f;border-radius:18px;flex:1;min-width:0;min-height:160px;position:relative;overflow:hidden}.tile-media{width:100%;height:100%;position:absolute;inset:0}.tile-media video{object-fit:contain;width:100%;height:100%}.avatar{color:#bad09f;background:#192a34;place-items:center;font-size:72px;display:grid;position:absolute;inset:0}.tile-label{text-overflow:ellipsis;white-space:nowrap;background:#101b24dd;border-radius:8px;max-width:calc(100% - 24px);padding:9px 12px;font-size:13px;position:absolute;bottom:12px;left:12px;overflow:hidden}.waiting{text-align:center;border:1px dashed #3f5563;border-radius:18px;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:20px;display:flex}.waiting span{color:#c0e891;font-size:44px}.waiting h2{font-size:20px;font-weight:500}.waiting p{color:#9eb1bd;font-size:14px}.has-screen>.screen{flex:3}.has-screen>.participants{flex-direction:column;flex:1}.controls{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.controls button{color:#edf2f5;background:#243944;font-size:13px}.controls .off{color:#ffced8;background:#4b3540}.controls .danger{color:#fff;background:#a54451}.unsupported{color:#a5b7c3;align-self:center;font-size:12px}.call-foot{text-align:center}.enable-audio{z-index:4;position:fixed;top:100px;left:50%;transform:translate(-50%);box-shadow:0 10px 40px #0008}@media (width<=760px){.prejoin{padding:22px}.prejoin header{align-items:flex-start}.badge{max-width:170px;font-size:11px}.join-grid{grid-template-columns:1fr;gap:24px;margin-top:40px}.join-form{padding:22px}.call{gap:10px;padding:12px}.connection{max-width:170px;font-size:11px}.call header h1{font-size:14px}.participants{flex-direction:column}.controls button{flex:1;min-width:140px;padding:10px;font-size:12px}.has-screen{flex-direction:column}.has-screen>.participants{flex-direction:row;flex:1}.has-screen>.screen{flex:2}.tile{min-height:100px}.tile-label{font-size:11px}.call-foot{font-size:10px}.waiting h2{font-size:16px}.waiting p{font-size:12px}.brand{font-size:16px}}