:root{--canvas:#eaf0f4;--surface:#fff;--ink:#143249;--blue:#235ce8;--muted:#526a7b;--coral:#c94040;--stage:#1e3d51;--font:"Avenir Next","Trebuchet MS",Arial,sans-serif}*{box-sizing:border-box}body{background:var(--canvas);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;font-size:15px}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #82a7ff}[hidden]{display:none!important}.skip-link{z-index:10;background:#fff;padding:12px;position:fixed;top:-100px;left:16px}.skip-link:focus{top:12px}.app-shell{max-width:1600px;margin:auto;padding:0 46px}.app-header{justify-content:space-between;align-items:center;height:112px;display:flex}.brand{color:var(--ink);letter-spacing:-1.2px;align-items:center;gap:10px;font-size:26px;font-weight:750;text-decoration:none;display:inline-flex}.brand svg{width:34px;height:34px;color:var(--blue)}.brand-light{font-weight:450}.connection-pill{color:#536b7c;background:#f7fafcb3;border:1px solid #d4dfe6;border-radius:24px;align-items:center;gap:9px;padding:9px 14px;font-size:13px;font-weight:650;display:flex}.status-dot{background:#8799a6;border-radius:50%;width:7px;height:7px}.connection-pill[data-state=connected] .status-dot{background:#1d956e}.connection-pill[data-state=reconnecting] .status-dot,.connection-pill[data-state=connecting] .status-dot{background:#c08522}.connection-pill[data-state=failed] .status-dot{background:var(--coral)}.call-layout{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:34px;display:grid}.stage-heading{justify-content:space-between;align-items:center;gap:20px;min-height:97px;padding-bottom:22px;display:flex}h1{letter-spacing:-1px;margin:0 0 9px;font-size:clamp(22px,2.2vw,33px);font-weight:650;line-height:1.2}p{line-height:1.5}.stage-heading p{color:var(--muted);margin:0;font-size:14px}.room-mode{white-space:nowrap;color:#456274;background:#dfe8ee;border-radius:6px;padding:7px 10px;font-size:12px}.video-stage{background:var(--stage);isolation:isolate;border-radius:22px;height:min(62vh,665px);min-height:420px;position:relative;overflow:hidden}.stage-empty{color:#e2edf5;text-align:center;background:radial-gradient(ellipse at 20% 15%,#35596e 0,transparent 52%),radial-gradient(ellipse at 100% 100%,#385c6b 0,transparent 56%),var(--stage);flex-direction:column;justify-content:center;align-items:center;padding:34px;display:flex;position:absolute;inset:0}.camera-mark{color:#c4dbe8;border:1px solid #6f8a9b60;border-radius:50%;place-items:center;width:94px;height:94px;margin-bottom:23px;display:grid}.camera-mark svg{width:45px}.stage-empty h2{letter-spacing:-.8px;margin:0 0 12px;font-size:32px;font-weight:550}.stage-empty p{color:#bfd0db;max-width:300px;margin:0 0 24px;font-size:14px}.button{border:0;border-radius:10px;justify-content:center;align-items:center;gap:16px;min-height:46px;padding:13px 20px;font-weight:650;display:inline-flex}.button-light{color:var(--ink);background:#edf5fa}.button-light:hover{background:#fff}.button-primary{background:var(--blue);color:#fff;justify-content:space-between;width:100%;box-shadow:0 5px 14px #235ce825}.button-primary:hover{background:#174ccf}.button-primary span{font-size:23px;line-height:1}.video-grid{pointer-events:none;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));grid-auto-rows:minmax(0,1fr);gap:12px;display:grid;position:absolute;inset:14px 14px 52px}.video-tile{pointer-events:auto;background:#284a5e;border-radius:13px;min-width:0;min-height:0;position:relative;overflow:hidden}.video-tile video{object-fit:cover;width:100%;height:100%;display:block}.video-tile[data-source=screen_share] video{object-fit:contain}.video-tile.local-camera video{transform:scaleX(-1)}.video-label{color:#fff;text-overflow:ellipsis;white-space:nowrap;background:#0c233bc4;border-radius:6px;max-width:90%;padding:5px 9px;font-size:12px;position:absolute;bottom:10px;left:10px;overflow:hidden}.video-tile[data-muted=true] video{visibility:hidden}.video-tile[data-muted=true]:before{content:"Camera is off";color:#c1d1dc;place-items:center;font-size:17px;display:grid;position:absolute;inset:0}.stage-caption{color:#c6d7e2;pointer-events:none;justify-content:space-between;align-items:center;font-size:12px;display:flex;position:absolute;bottom:18px;left:22px;right:22px}.stage-privacy{align-items:center;gap:5px;display:flex}.stage-privacy svg{width:13px;height:13px}.call-toolbar{flex-wrap:wrap;justify-content:center;align-items:center;gap:9px;margin-top:20px;display:flex}.control{color:var(--ink);background:#fff;border:1px solid #cddbe5;border-radius:11px;min-height:44px;padding:11px 15px;font-size:13px;font-weight:650}.control:hover{background:#f6faff}.control[aria-pressed=true]{background:#e0e8ed;border-color:#c1cfd9}.control-leave{background:var(--coral);color:#fff;border-color:var(--coral);margin-left:8px}.control-leave:hover{background:#be3334}.media-status{color:var(--muted);text-align:center;min-height:19px;margin:15px 0 0;font-size:12px}.playback-notice{text-align:center;color:#775719;font-size:13px}.session-panel{background:#fff;border-radius:18px;margin-top:0;padding:28px 25px;box-shadow:0 7px 35px #14324906}.panel-intro{margin-bottom:25px}.panel-intro h2{letter-spacing:-.55px;margin:0 0 8px;font-size:22px;font-weight:650}.panel-intro p{color:var(--muted);margin:0;font-size:13px}.field{margin-bottom:15px}.field label{color:#486174;margin-bottom:8px;font-size:12px;font-weight:650;display:block}input[type=password],select{width:100%;min-height:42px;color:var(--ink);background:#fff;border:1px solid #d0dce4;border-radius:8px;padding:11px 12px;font-size:13px}input::placeholder{color:#90a0ab}.field-help{color:var(--muted);margin:8px 0 0;font-size:11px;line-height:1.55}.check-row{color:#516a7c;align-items:flex-start;gap:9px;margin:11px 0;font-size:12px;line-height:1.5;display:flex}.check-row input{accent-color:var(--blue);flex-shrink:0;width:15px;height:15px;margin:1px 0 0}.join-preferences{margin:18px 0}.diagnostic-option{border-top:1px solid #e9eff3;margin-bottom:20px;padding-top:17px}.error-message{color:#a03533;background:#fff1ef;border:1px solid #f2c9c2;border-radius:9px;padding:12px;font-size:13px;line-height:1.55}.devices-section{border-top:1px solid #e8eef2;margin-top:27px;padding-top:22px}.section-heading{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.section-heading h3{margin:0;font-size:13px;font-weight:650}.text-button{color:var(--blue);text-underline-offset:3px;background:0 0;border:0;padding:0;font-size:11px;text-decoration:underline}.devices-section .field{margin-bottom:12px}.devices-section .field:last-child{margin-bottom:0}.devices-section select{background:#f9fbfc;min-height:38px;padding:9px 11px;font-size:12px}.participants-section{border-top:1px solid #e8eef2;margin-top:24px;padding-top:22px}.participant-count{background:#edf3f7;border-radius:6px;place-items:center;min-width:21px;height:21px;font-size:11px;display:grid}.participant-list{margin:0;padding:0;list-style:none}.participant-list li{color:#496277;align-items:center;gap:9px;margin-bottom:12px;font-size:12px;display:flex}.participant-list .participant-empty{color:var(--muted);font-size:11px;line-height:1.5}.avatar{color:#315881;background:#e3edf8;border-radius:50%;flex-shrink:0;place-items:center;width:29px;height:29px;font-size:11px;font-weight:700;display:grid}.participant-name{white-space:nowrap;text-overflow:ellipsis;max-width:170px;overflow:hidden}.privacy-note{color:#596f80;margin:22px 0 0;font-size:11px;line-height:1.7}.session-summary{align-items:center;gap:10px;margin:22px 0;display:flex}.session-summary strong{font-size:13px}.session-summary p{color:var(--muted);margin:3px 0 0;font-size:11px}.session-summary .text-button{text-align:right;max-width:65px;margin-left:auto;line-height:1.5}.app-footer{color:#526a7b;justify-content:space-between;gap:16px;padding:32px 0 27px;font-size:11px;display:flex}.footer-separator{color:#526a7b;padding:0 8px}audio.remote-audio{display:none}@media (width>=1600px){.call-layout{grid-template-columns:minmax(0,1fr) 340px;gap:42px}.session-panel{padding:30px}}@media (width<=1080px){.app-shell{padding:0 25px}.call-layout{grid-template-columns:minmax(0,1fr) 285px;gap:22px}.session-panel{padding:24px 20px}.room-mode{display:none}.stage-heading{min-height:90px}.video-stage{min-height:430px}.control{padding:10px;font-size:12px}.control-leave{margin-left:0}}@media (width<=760px){.app-shell{padding:0 17px}.app-header{height:82px}.brand{font-size:23px}.brand svg{width:28px}.connection-pill{padding:8px 11px;font-size:11px}.call-layout{grid-template-columns:1fr;gap:25px}.stage-heading{min-height:74px;padding-bottom:17px}h1{font-size:25px}.video-stage{border-radius:17px;height:54vh;min-height:320px}.stage-empty h2{font-size:28px}.stage-empty p{font-size:13px}.camera-mark{width:72px;height:72px;margin-bottom:18px}.session-panel{border-radius:16px;padding:25px}.video-grid{grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr));gap:8px;inset:9px 9px 46px}.call-toolbar{gap:7px}.control{flex:auto;min-height:43px;padding:11px 8px;font-size:11px}.app-footer{padding-top:25px;font-size:10px}.stage-caption{font-size:10px;left:16px;right:16px}.app-footer span:last-child{text-align:right}.stage-heading p{font-size:12px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.header-status{justify-content:flex-end;align-items:center;gap:12px;display:flex}.deployment-badge{color:#6e5012;white-space:nowrap;background:#fff6df;border:1px solid #d7c79a;border-radius:7px;padding:7px 10px;font-size:11px;font-weight:700;display:inline-block}.capture-notice{color:#6e5012;background:#fff6df;border:1px solid #d7c79a;border-radius:9px;margin:14px 0 0;padding:12px 14px;font-size:13px;line-height:1.55}.preview-actions{text-align:center;margin:10px 0 0}.video-tile[data-capture-state=interrupted] video,.video-tile[data-capture-state=ended] video{visibility:hidden}.video-tile[data-capture-state=interrupted]:before,.video-tile[data-capture-state=ended]:before{color:#e2edf5;text-align:center;place-items:center;padding:20px;font-size:16px;display:grid;position:absolute;inset:0}.video-tile[data-capture-state=interrupted]:before{content:"Capture paused by your browser"}.video-tile[data-capture-state=ended]:before{content:"Capture stopped"}@media (width<=760px){.header-status{flex-direction:column;align-items:flex-end;gap:5px}.deployment-badge{padding:4px 7px;font-size:10px}}