@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#1d2840;background:#f6f8fb;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}h1,h2,h3{font-family:Manrope,sans-serif;margin:0}h1{font-size:clamp(30px,4vw,42px);letter-spacing:-.045em;line-height:1.16}h2{font-size:18px;letter-spacing:-.025em}h3{font-size:16px}p{line-height:1.55}.shell{min-height:100vh;display:flex;flex-direction:column}.topbar{height:76px;padding:0 max(24px,calc((100vw - 1180px)/2));display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #e8edf4}.brand{display:flex;align-items:center;gap:11px;color:#3657cc;font-size:25px;font-weight:800;letter-spacing:-.06em}.brand span{color:#1d2840;font-family:Manrope,sans-serif;font-size:19px;letter-spacing:-.05em}.brand b{color:#5266b5}.topbar nav{display:flex;gap:24px;align-items:center;font-size:14px;font-weight:700}main{width:min(1180px,calc(100% - 48px));margin:0 auto;flex:1}footer{padding:28px;color:#9ba5b4;text-align:center;font-size:13px}.eyebrow{font-size:11px;color:#536ed0;letter-spacing:.18em;font-weight:800;margin-bottom:16px}.muted{color:#788399}.auth-card{max-width:450px;margin:min(9vh,92px) auto 40px;background:#fff;border:1px solid #e8edf4;border-radius:22px;box-shadow:0 20px 70px #23365e0c;padding:40px}.auth-card p{margin:15px 0 26px}form{display:flex;flex-direction:column;gap:18px}label{display:flex;flex-direction:column;gap:8px;color:#344259;font-size:13px;font-weight:700}input{width:100%;min-height:48px;padding:12px 14px;border:1px solid #dce3ed;border-radius:11px;color:#1d2840;outline:none;background:#fff}input:focus{border-color:#607adb;box-shadow:0 0 0 3px #607adb19}button,.link-button{border:0;border-radius:10px;padding:12px 18px;font-weight:700;transition:filter .15s,transform .15s}button:hover,.link-button:hover{filter:brightness(.96);transform:translateY(-1px)}.primary{background:#405fce;color:#fff}.secondary{background:#edf1fc;color:#3953b8}.danger{background:#fff0f0;color:#c6474c}.text-button{background:transparent;padding:0;color:#687893}.link-button{display:inline-block;margin-top:8px}.auth-links{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:23px;font-size:13px;color:#4260c8;font-weight:700}.mail-card{text-align:center}.mail-card .eyebrow{margin-top:16px}.mail-card .link-button{display:block;margin-top:22px}.mail-icon{display:grid;place-items:center;width:62px;height:62px;margin:0 auto;border-radius:17px;background:#edf1ff;color:#405fce;font-size:31px}.mail-address{padding:13px 16px;border-radius:10px;background:#f1f4fa;font-weight:700;overflow-wrap:anywhere}.mail-back{display:inline-block;margin-top:19px;color:#4260c8;font-size:13px;font-weight:700}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:grid;place-items:center;padding:18px;background:#141e35a8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-card{position:relative;width:min(100%,460px);padding:32px;border:1px solid #e4eaf3;border-radius:20px;background:#fff;box-shadow:0 28px 80px #101b3559}.modal-card h2{padding-right:24px;font-size:24px}.modal-card p{margin:12px 0 24px;color:#748199}.modal-card .eyebrow{margin-bottom:10px}.modal-close{position:absolute;top:16px;right:16px;padding:4px 10px;background:transparent;color:#8794a9;font-size:24px;line-height:1}.modal-form{gap:0}.modal-error{min-height:21px;margin-top:6px;color:#b23942;font-size:13px}.modal-error:empty{display:none}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:14px}.modal-submit:disabled{opacity:.6;cursor:wait}.notice{min-height:0;margin-top:10px;color:#b23942;font-size:13px}.notice.success{color:#17815c}.dashboard-head,.room-head{margin:50px 0 30px;display:flex;align-items:end;justify-content:space-between;gap:24px}.dashboard-head p{margin:14px 0 0}.meeting-list{display:grid;gap:12px}.meeting-card{display:flex;align-items:center;gap:20px;padding:19px 22px;border:1px solid #e4eaf3;border-radius:14px;background:#fff;transition:box-shadow .15s,transform .15s}.meeting-card:hover{box-shadow:0 10px 30px #23365e12;transform:translateY(-2px)}.meeting-card small{color:#94a0b0}.meeting-mark{display:grid;place-items:center;width:48px;height:48px;border-radius:12px;background:#edf1ff;color:#4965ca;font-size:27px}.meeting-card .status{margin-left:auto}.arrow{color:#99a6bc;font-size:22px}.status{white-space:nowrap;padding:7px 11px;border-radius:100px;background:#f1f3f7;color:#6e798c;font-size:12px;font-weight:700}.status.active{color:#168461;background:#e4f7ee}.status.ended{color:#8c96a8}.empty{padding:70px 20px;border:1px dashed #ccd6e5;border-radius:18px;text-align:center;color:#738199}.empty-icon{font-size:44px;color:#778cda;margin-bottom:15px}.empty h2{color:#283550}.back{display:block;margin-bottom:28px;color:#6576a8;font-size:13px;font-weight:700}.room-head{align-items:center}.invite-box{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px 22px;border:1px solid #dfe8fa;border-radius:15px;background:#eef3ff}.invite-box small{color:#697fbc;font-weight:800;letter-spacing:.1em;font-size:10px}.invite-url{margin-top:7px;color:#283f8d;overflow-wrap:anywhere;font-size:14px;font-weight:700}.room-actions{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 28px}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}.panel{background:#fff;border:1px solid #e4eaf3;border-radius:15px;padding:22px;min-height:180px}.panel h2{margin-bottom:18px}.panel h2 span{font-size:13px;color:#5c70bd}.list-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;border-top:1px solid #edf1f6;font-size:14px}.list-row button{padding:7px 10px;color:#405fce;background:#eef2ff;font-size:12px;margin-left:4px}.profile-panel form{margin-top:18px}.profile-panel button{align-self:flex-start}.profile-panel select,.modal-card select{width:100%;min-height:46px;padding:9px 12px;border:1px solid #dce3ed;border-radius:11px;background:#fff;color:#1d2840}.settings-actions{display:flex;flex-wrap:wrap;gap:10px}.settings-actions button{align-self:auto}.dashboard-identity,.profile-logo-row{display:flex;align-items:center;gap:20px}.profile-image{width:62px;height:62px;flex:none;display:grid;place-items:center;overflow:hidden;border-radius:18px;background:#e7edff;color:#405fce;font-size:25px;font-weight:800}.profile-image.large{width:104px;height:104px;border-radius:26px;font-size:43px}.profile-image img{width:100%;height:100%;object-fit:contain}.profile-logo-row p{margin:0 0 14px;font-size:13px}.upload-label{display:inline-block;padding:12px 18px;border-radius:10px;cursor:pointer}.remove-avatar{display:block;margin-top:12px}.remove-avatar[hidden]{display:none}.delete-account{margin-top:24px}.waiting{text-align:center}.prejoin-card{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(250px,.8fr);gap:32px;max-width:960px;margin:55px auto;background:#fff;border:1px solid #e4eaf3;border-radius:20px;padding:35px}.prejoin-card p{margin:12px 0 20px}.preview{position:relative;display:grid;place-items:center;min-height:300px;background:#1c2639;border-radius:13px;color:#b6c2d8;overflow:hidden}.preview video{width:100%;height:100%;object-fit:cover;position:absolute}.prejoin-settings{display:flex;flex-direction:column;gap:18px;justify-content:center}.prejoin-settings select{width:100%;min-height:45px;padding:9px;border:1px solid #dce3ed;border-radius:10px;background:#fff}.check{flex-direction:row;align-items:center;font-weight:600}.check input{width:17px;min-height:17px;height:17px}.spinner{width:42px;height:42px;border:4px solid #e1e8ff;border-top-color:#405fce;border-radius:50%;margin:8px auto 25px;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.call-shell .topbar,.call-shell footer{display:none}.call-shell main{width:100%;max-width:none;margin:0}.call-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:0;width:100%;height:100vh;min-height:420px;background:#141c2c}.call-layout.panel-open{grid-template-columns:minmax(0,1fr) 340px}.video-area{display:flex;min-width:0;flex-direction:column;background:#1b2334;color:#fff;padding:22px}.call-heading{display:flex;justify-content:space-between;align-items:center}.call-heading h1{font-size:22px}.call-heading .eyebrow{margin-bottom:5px;color:#aebcfb}.connection{color:#aebcfb;font-size:12px}.tiles{min-height:0;flex:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-auto-rows:minmax(150px,1fr);gap:10px;padding:20px 0;overflow:auto}.tile{min-height:170px;position:relative;display:grid;place-items:center;overflow:hidden;background:#2d3a54;border:2px solid transparent;border-radius:13px}.tile.speaking{border-color:#79aaff}.tile video{width:100%;height:100%;object-fit:cover;position:absolute}.screen-tile{grid-column:span 2}.screen-tile video{object-fit:contain}.avatar{display:grid;place-items:center;width:65px;height:65px;border-radius:50%;background:#5369a1;font-size:30px;font-weight:800}.tile-label{position:absolute;left:9px;bottom:8px;padding:5px 8px;border-radius:6px;background:#101726c9;color:#fff;font-size:12px}.toolbar{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.toolbar button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;background:#34425e;color:#fff;font-size:13px}.toolbar button svg,.moderation-actions svg{display:block;flex:none}.toolbar button.icon-control{width:46px;padding:10px}.toolbar button:disabled{opacity:.55;cursor:wait;transform:none}.toolbar button.selected{background:#4b65ad}.toolbar button.leave{background:#ba424a}.toolbar #end-call{background:#8f2d38}.toolbar b{font-weight:700}.call-sidebar{position:relative;min-height:0;min-width:0;display:flex;flex-direction:column;background:#fff;border-left:1px solid #e4eaf3;padding:20px}.call-sidebar[hidden],#participants-panel[hidden],#chat-panel[hidden],.call-access[hidden],.moderation[hidden]{display:none!important}.side-close{position:absolute;top:12px;right:13px;padding:2px 9px;background:transparent;color:#8794a9;font-size:23px;z-index:1}#participants-panel{min-height:0;overflow:auto}.side-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e8edf4;padding-bottom:18px}.side-head a{color:#4f66bc;font-size:12px;font-weight:700}.side-head span{color:#6f84cc}.moderation{max-height:235px;overflow:auto;border-bottom:1px solid #e8edf4;padding:18px 0}.call-access{padding:16px 0;border-bottom:1px solid #e8edf4}.call-access button{font-size:12px}.moderation h2{margin:0 0 9px;font-size:14px}.moderation h2:not(:first-child){margin-top:17px}.moderation p{margin:4px 0;font-size:12px}.moderation-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:5px 0;font-size:12px}.moderation-row button{padding:5px 8px;margin-left:4px;background:#edf1fc;color:#405fce;font-size:11px}.moderation-actions{display:flex;gap:3px}.moderation-actions button{display:grid;place-items:center;width:29px;height:29px;padding:4px}.moderation-actions button:disabled{opacity:.45;cursor:default}.moderation-actions svg{width:16px;height:16px}.moderation-row small{color:#97a3b5}.guest-participants{padding-top:15px}.reconnect-panel{align-self:center;justify-self:center;text-align:center;margin:auto}.reconnect-panel p{color:#b7c4da}.chat-area{display:flex;min-height:0;flex:1;flex-direction:column;padding-top:22px}.chat-area h2{margin-bottom:12px}.messages{flex:1;overflow:auto;display:flex;flex-direction:column;gap:12px}.message{display:flex;flex-direction:column;gap:3px;font-size:13px}.message strong{color:#4b62b6}.message span{overflow-wrap:anywhere}#chat-form{display:flex;flex-direction:row;gap:7px;margin-top:16px}#chat-form input{min-width:0}#chat-form button{background:#405fce;color:#fff}@media(max-width:850px){.call-layout.panel-open{grid-template-columns:1fr}.call-sidebar{position:absolute;top:0;right:0;bottom:0;z-index:10;width:min(340px,100%);box-shadow:-12px 0 40px #0b10295c}.two-columns,.prejoin-card{grid-template-columns:1fr}}@media(max-width:550px){.topbar{padding:0 18px}main{width:calc(100% - 28px)}.auth-card{padding:25px}.dashboard-head,.room-head{align-items:flex-start;flex-direction:column}.meeting-card{gap:12px;padding:14px}.meeting-mark,.meeting-card .status{display:none}.invite-box{align-items:flex-start;flex-direction:column}.screen-tile{grid-column:span 1}}.tile.mirrored video,.preview video{transform:scaleX(-1)}.video-area,.notification-control{position:relative}.notification-badge{display:inline-grid;place-items:center;min-width:21px;height:21px;padding:0 5px;border:2px solid #34425e;border-radius:20px;background:#ef6673;color:#fff;font-size:11px;line-height:1}.notification-badge.waiting-badge{background:#ffc46b;color:#33230e}.toolbar button.has-notification{box-shadow:0 0 0 1px #ef66736b}.toolbar #participants-toggle.has-notification{box-shadow:0 0 0 1px #ffc46b9c}.notification-badge[hidden],.reactions-picker[hidden],#preview-text[hidden]{display:none}.call-alerts{position:absolute;right:24px;top:76px;z-index:5;display:flex;flex-direction:column;align-items:flex-end;gap:8px;max-width:min(360px,calc(100% - 48px))}.call-alert{padding:14px 18px;border:1px solid #6278ae;background:#2e4062;color:#fff;box-shadow:0 8px 26px #10172666;text-align:left;line-height:1.5;overflow-wrap:anywhere;font-size:13px}.reactions-control{position:relative;display:flex}.reactions-picker{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%);z-index:20;display:grid;grid-template-columns:repeat(5,44px);gap:5px;padding:10px;border:1px solid #526487;border-radius:16px;background:#23324b;box-shadow:0 12px 30px #0d142b80}.toolbar .reactions-picker button{width:44px;height:44px;padding:0;border-radius:10px;background:transparent;font-size:27px}.toolbar .reactions-picker button:hover,.toolbar .reactions-picker button:focus-visible{background:#41557b}.toolbar button:focus-visible,.call-alert:focus-visible{outline:3px solid #a9c5ff;outline-offset:3px}.reaction-feed{position:absolute;right:28px;bottom:130px;z-index:4;display:flex;flex-direction:column;align-items:flex-end;gap:8px;pointer-events:none}.reaction-bubble{display:flex;align-items:center;gap:10px;max-width:220px;padding:8px 15px;border:1px solid #7186af66;border-radius:30px;background:#263854ed;box-shadow:0 5px 20px #10172640;animation:reaction-appear .25s ease-out}.reaction-bubble span{font-size:32px}.reaction-bubble small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.device-status{min-height:15px;color:#75829b;font-size:12px;font-weight:400}.microphone-meter{display:flex;align-items:center;gap:15px;margin-top:14px;color:#75829b;font-size:12px}.microphone-meter meter{flex:1;width:100%;height:14px}.prejoin-card{align-items:start}@keyframes reaction-appear{0%{opacity:0;transform:translateY(18px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:550px){.call-alerts{top:80px}.reaction-feed{bottom:190px}.prejoin-card{padding:22px;margin:24px auto}}@media(prefers-reduced-motion:reduce){.reaction-bubble{animation:none}}