:root{color-scheme:dark;--bg:#101318;--panel:#191e26;--raised:#232a35;--ink:#f2f4f8;--muted:#b4becd;--line:#394353;--red:#ad4148;--red-dark:#873039;--focus:#91bfff;--green:#a7ebc1;--bar:100px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-size:16px;line-height:1.5}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary,video{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,video:focus-visible{outline:3px solid var(--focus)}button{cursor:pointer}button:disabled{opacity:.5;cursor:default}a{color:var(--ink)}[hidden]{display:none!important}.skip{position:fixed;top:8px;left:-1000px;background:var(--ink);color:var(--bg);padding:12px;z-index:20}.skip:focus{left:8px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.topbar{display:flex;align-items:center;gap:24px;padding:20px 28px;border-bottom:1px solid #242b35;min-height:88px}.brand{display:flex;align-items:center;gap:8px;text-decoration:none;font-weight:750;letter-spacing:-.02em;font-size:19px;white-space:nowrap}.brand-mark{display:grid;place-items:center;border:1px solid #b36b70;border-radius:10px;width:32px;height:32px;color:#ffbdc3;background:#371f27;margin-right:2px}.brand-sub{font-weight:450;color:var(--muted)}.meeting-heading{display:grid;gap:2px;min-width:0;flex:1}.meeting-heading>span:first-child{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-weight:600}.connection{font-size:12px;color:var(--muted)}.connection.connected{color:var(--green)}.header-actions{display:flex;align-items:center;gap:16px}.header-actions time{font-variant-numeric:tabular-nums;color:var(--muted)}.recording-notice{font-size:13px;color:#ffb4bc;background:#432329;padding:6px 10px;border-radius:20px}.recording-notice:before{content:"";display:inline-block;width:8px;height:8px;background:#ff8b9a;border-radius:50%;margin-right:7px}main{min-height:calc(100dvh - 88px)}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.045em;line-height:1.1;font-weight:650}h2{font-size:22px;letter-spacing:-.025em}h3{font-size:15px;margin:24px 0 12px}.eyebrow{color:#ffc1c6;font-size:12px;letter-spacing:.12em;font-weight:650;margin-bottom:20px}.intro{font-size:18px;color:var(--muted);line-height:1.65;max-width:42ch}.welcome{max-width:1260px;margin:auto;padding:clamp(35px,7vw,110px) 42px;display:grid;grid-template-columns:1.25fr 1fr;gap:80px;align-items:center}.welcome h1{font-size:clamp(40px,5vw,68px);margin-bottom:25px}.welcome-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px}.welcome-pills span{padding:7px 13px;border:1px solid var(--line);border-radius:30px;color:var(--muted);font-size:13px}.welcome-card{padding:30px;background:var(--panel);border:1px solid var(--line);border-radius:20px;box-shadow:0 18px 70px #0003}.welcome-card h2{margin-bottom:24px}label{display:block;margin:18px 0 7px;font-size:14px;font-weight:600}input:not([type=checkbox]),select,textarea{width:100%;background:#11161e;border:1px solid #596477;border-radius:9px;min-height:46px;padding:10px 12px;color:var(--ink)}input[readonly]{color:var(--muted)}textarea{resize:vertical}input[type=checkbox]{width:18px;height:18px;accent-color:var(--red)}.check{display:flex;align-items:center;gap:10px;min-height:28px;cursor:pointer;font-weight:450}.hint{color:var(--muted);font-size:13px;line-height:1.6;margin-top:9px}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:9px;padding:12px 17px;min-height:46px;border:1px solid transparent;font-weight:600}.primary{background:var(--red);color:#fff}.primary:hover{background:var(--red-dark)}.secondary{background:var(--raised);color:var(--ink);border-color:#4c5869}.secondary:hover{background:#30394a}.welcome-card>.primary{width:100%;margin-top:20px}.button-link{text-decoration:none;margin-top:16px}.welcome-card .button-link{width:100%}.lobby{max-width:1260px;margin:auto;padding:clamp(28px,7vw,90px) 36px;display:grid;grid-template-columns:1.3fr 1fr;gap:64px;align-items:center}.lobby h1{font-size:44px}.preview-shell{aspect-ratio:16/10;position:relative;background:var(--panel);border:1px solid var(--line);border-radius:20px;overflow:hidden}.preview-shell video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.preview-placeholder{position:absolute;inset:0;display:grid;align-content:center;justify-items:center;gap:20px;background:radial-gradient(ellipse at 50% 40%,#313742,#1a2029 65%)}.preview-placeholder p{color:var(--muted)}.avatar{display:grid;place-items:center;flex-shrink:0;width:42px;height:42px;border-radius:50%;background:#49333c;color:#ffdade;font-size:15px;font-weight:600}.avatar.large{width:100px;height:100px;font-size:27px;background:#4c3540}.preview-controls{position:absolute;bottom:20px;left:0;right:0;display:flex;justify-content:center;gap:10px}.control{background:var(--raised);border:1px solid #435064;color:var(--ink);border-radius:12px;min-height:48px;min-width:58px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 12px;font-size:12px;font-weight:500}.control:hover{background:#344054}.control[aria-pressed=false].media-toggle{background:#44232b;border-color:#98505d}.control[aria-pressed=true].active-toggle{background:#2c4d40;border-color:#70bc93}.preview-controls .control{background:#101318d9;min-width:48px}.lobby-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.device-details{margin-top:22px}.device-details summary{cursor:pointer;padding:10px 0;color:var(--muted);font-size:14px}.waiting-status{padding:16px;border:1px solid #61738f;border-radius:12px;background:#253045;margin-top:25px}.call{height:calc(100dvh - 88px - var(--bar));display:flex;gap:0;padding:20px;max-width:2000px;margin:auto;min-height:240px}.media-area{flex:1;min-width:0;position:relative;display:flex;flex-direction:column;gap:16px}.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:14px;flex:1;min-height:0;align-content:center;overflow:auto}.tile{position:relative;background:#222936;border:1px solid #394454;border-radius:15px;aspect-ratio:16/10;min-width:0;overflow:hidden}.tile.speaking{border:2px solid #a7eac1;box-shadow:0 0 0 2px #305c4433}.tile video{width:100%;height:100%;object-fit:cover}.tile.screen video{object-fit:contain}.tile .tile-placeholder{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(ellipse at center,#34343e,#1f2530)}.tile-name{position:absolute;z-index:2;isolation:isolate;bottom:10px;left:10px;right:10px;display:flex;align-items:center;gap:8px;font-size:13px;background:#101318;border-radius:8px;padding:7px 9px;max-width:calc(100% - 20px)}.tile-name .name{background:#101318;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.tile-name button{border:0;background:transparent;color:white;min-width:32px;min-height:28px;font-size:15px;padding:0}.tile-name .muted-icon{font-size:12px;color:#ffc0c7}.tile .role{flex:0 0 auto;font-size:11px;color:#c9d6e6;background:#101318}.stage{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;background:#0a0d12;border:1px solid #394454;border-radius:15px;overflow:hidden}.stage>.tile{height:100%;width:100%;border:0;border-radius:0;aspect-ratio:auto}.stage>.tile video{object-fit:contain}.media-area.has-stage .gallery{flex:0 0 135px;display:flex;overflow-x:auto;overflow-y:hidden;align-content:normal;padding:2px}.media-area.has-stage .gallery>.tile{flex:0 0 210px;height:125px}.empty-call{display:grid;justify-items:center;align-content:center;gap:15px;flex:1}.empty-call h1{font-size:32px;margin:0}.empty-call p{color:var(--muted);margin:0;text-align:center}.toolbar{position:fixed;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:20px;border-top:1px solid #354050;background:#14191fee;padding:16px 24px calc(16px + env(safe-area-inset-bottom));min-height:var(--bar);z-index:5}.toolbar-media,.toolbar-panels{display:flex;gap:8px}.toolbar .control{flex-direction:column;gap:4px;min-width:64px}.leave{background:#842832;border-color:#b8656d}.leave:hover{background:#a23842}.end-meeting{color:#ffccd1;border:0;background:transparent;font-size:12px;max-width:85px;min-height:48px}.sidebar{flex:0 0 330px;margin-left:20px;background:var(--panel);border:1px solid var(--line);border-radius:14px;overflow:auto;padding:18px;max-height:100%}.panel-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.panel-heading h2{font-size:19px;margin:0}.icon-button{border:0;background:var(--raised);color:var(--ink);border-radius:8px;min-width:40px;min-height:40px;font-size:25px}.people-list{list-style:none;margin:0;padding:0}.person{display:grid;grid-template-columns:36px 1fr;gap:10px;padding:13px 0;border-bottom:1px solid #354050}.person .avatar{height:36px;width:36px;font-size:12px}.person-name{font-size:14px;font-weight:600;overflow-wrap:anywhere}.person-detail{font-size:12px;color:var(--muted)}.person-actions{grid-column:2;display:flex;gap:6px;flex-wrap:wrap}.person-actions button,.person-actions select{font-size:12px;min-height:36px;width:auto;padding:6px 8px;border-radius:7px;background:var(--raised);color:var(--ink);border:1px solid #596477}.chat-log{display:flex;flex-direction:column;gap:14px;max-height:calc(100dvh - 450px);overflow:auto;min-height:150px}.message{overflow-wrap:anywhere}.message strong{font-size:13px;display:block}.message time{font-size:11px;color:var(--muted);margin-left:7px;font-weight:400}.message p{font-size:14px;margin:4px 0 0;white-space:pre-wrap}.sidebar form .primary{width:100%;margin-top:10px}.live-captions{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);width:max-content;max-width:90%;border-radius:9px;background:#080b0feb;padding:9px 16px;font-size:17px;line-height:1.5;text-align:center;box-shadow:0 4px 24px #0008;pointer-events:none}.live-captions strong{color:#ffcad0}.enable-sound{position:absolute;top:12px;left:50%;transform:translateX(-50%)}.error{position:fixed;bottom:calc(var(--bar) + 14px);left:50%;transform:translateX(-50%);max-width:min(90%,620px);width:max-content;background:#5a2630;border:1px solid #db8c9b;color:#ffe5ea;border-radius:12px;padding:14px 20px;z-index:15}.finished{max-width:850px;margin:auto;text-align:center;padding:70px 24px}.finished h1{font-size:44px}.finished .intro{margin:20px auto}.finished video{width:100%;border-radius:14px;margin-top:20px}.recording-card{display:flex;align-items:center;justify-content:space-between;gap:20px;text-align:left;padding:16px;background:var(--panel);border:1px solid var(--line);border-radius:12px;margin:12px 0}.recording-card p{margin:0}dialog{background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:16px;padding:30px;max-width:min(480px,95%)}dialog::backdrop{background:#0009}.dialog-actions{display:flex;gap:10px;justify-content:flex-end}@media(max-width:1100px){.toolbar{gap:10px;padding-inline:12px}.toolbar .control{min-width:52px;padding-inline:8px}.toolbar-media,.toolbar-panels{gap:5px}.sidebar{flex-basis:290px}.welcome{gap:40px}.lobby{gap:35px}.brand-sub{display:none}}@media(max-width:780px){:root{--bar:144px}.topbar{padding:14px 16px;gap:16px;min-height:76px}.brand{font-size:0}.brand-mark{font-size:19px}.header-actions{gap:8px}.header-actions .control span{display:none}.meeting-heading>span:first-child{font-size:14px}.welcome,.lobby{grid-template-columns:1fr;gap:28px;padding:34px 20px}.welcome h1{font-size:46px}.welcome-card{padding:24px}.welcome-copy .intro{font-size:16px}.welcome-pills{margin-top:20px}.lobby h1{font-size:33px}.preview-shell{aspect-ratio:16/9}.preview-controls{bottom:10px}.call{height:calc(100dvh - 76px - var(--bar));padding:12px}.gallery{gap:8px;grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr))}.tile{border-radius:10px}.toolbar{flex-wrap:wrap;gap:8px;padding:10px 8px calc(10px + env(safe-area-inset-bottom))}.toolbar .control{min-height:54px;min-width:52px;font-size:11px;padding:7px}.toolbar-media{justify-content:center}.toolbar-panels{justify-content:center}.leave{min-width:55px}.end-meeting{max-width:68px;font-size:11px}.sidebar{position:absolute;top:85px;bottom:calc(var(--bar) + 8px);right:12px;left:12px;z-index:4;margin:0;max-height:none;box-shadow:0 10px 50px #000a}.media-area.has-stage .gallery{flex-basis:102px}.media-area.has-stage .gallery>.tile{height:96px;flex-basis:150px}.live-captions{font-size:14px;max-width:96%;bottom:10px}.tile-name{font-size:11px;bottom:6px;left:6px;right:6px;padding:5px 6px}.tile .role{display:none}.finished{padding-top:40px}.finished h1{font-size:33px}}@media(prefers-reduced-motion:no-preference){.control,.primary,.secondary{transition:background .15s ease}.speaking{transition:border-color .15s ease}}