:root{background:#020b20;color:#f7f9ff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 50% -20%,rgb(20 91 255/52%),transparent 46%),radial-gradient(circle at 50% 92%,rgb(12 69 223/22%),transparent 42%),#020b20;margin:0;min-width:320px}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #7fa4ff;outline-offset:3px}h1,h2,p{margin-top:0}.call-page,.welcome-page{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:24px}.join-card,.welcome-card{background:linear-gradient(145deg,rgb(6 22 55/96%),rgb(3 14 37/94%));border:1px solid #2861d6;border-radius:20px;box-shadow:0 28px 88px rgb(0 0 0/42%);max-width:735px;padding:52px 40px 42px;text-align:center;width:100%}.welcome-card--hero{max-width:735px}.join-card,.welcome-card--notice{max-width:685px}.brand-lockup{align-items:center;color:#f8faff;display:inline-flex;font-size:1.18rem;font-weight:750;gap:10px;letter-spacing:-.035em}.brand-lockup--center{justify-content:center;margin-bottom:38px}.brand-mark{height:34px;object-fit:contain;width:46px}.eyebrow{color:#9dc0ff;font-size:.82rem;font-weight:700;letter-spacing:.2em;margin:0 0 20px;text-transform:uppercase}h1{font-size:clamp(2.2rem,5vw,3.1rem);letter-spacing:-.05em;line-height:1.1;margin-bottom:24px}.join-card>p:not(.eyebrow):not(.privacy-note):not(.verified-chip),.welcome-card>p:not(.privacy-note){color:#b9d1ff;font-size:1.15rem;line-height:1.48;margin-left:auto;margin-right:auto;max-width:620px}.primary-button{background:linear-gradient(120deg,#2957ff,#3567ff);border:1px solid rgb(132 163 255/56%);border-radius:11px;box-shadow:0 12px 28px rgb(35 86 255/34%);color:#fff;font-size:1.05rem;font-weight:750;min-height:58px;padding:13px 22px;transition:filter .15s ease,transform .15s ease}.primary-button:hover:not(:disabled){filter:brightness(1.13);transform:translateY(-1px)}.welcome-card .primary-button{margin-top:20px;width:100%}.welcome-form{display:grid;grid-gap:18px;gap:18px;margin-top:28px}.welcome-form .primary-button{margin-top:0}.privacy-note{color:#b9d1ff;font-size:.96rem;line-height:1.5;margin:25px 0 0}.privacy-note:before{color:#9bc5ff;content:"⌑";font-size:1.3rem;margin-right:10px;vertical-align:-2px}.trust-list{border-top:1px solid rgb(101 153 255/32%);color:#d3e2ff;display:grid;font-size:.96rem;grid-template-columns:repeat(2,minmax(0,1fr));list-style:none;margin:28px 0 0;padding:28px 0 0}.trust-list li{align-items:center;display:flex;gap:11px;justify-content:center;padding:0 14px}.trust-list li+li{border-left:1px solid rgb(101 153 255/32%)}.trust-list li:before{color:#b9d6ff;content:"◉";font-size:1.4rem}.notice-icon{color:#84aeff;font-size:4.1rem;justify-content:center;margin:-10px 0 28px;text-shadow:0 0 28px rgb(77 129 255/44%)}.notice-icon,.verified-chip{align-items:center;display:inline-flex}.verified-chip{background:rgb(23 67 156/34%);border:1px solid rgb(50 106 233/60%);border-radius:999px;color:#c5dcff;font-size:.86rem;font-weight:650;gap:8px;margin:0 0 30px;padding:10px 16px}.verified-chip:before{align-items:center;background:#2d68ff;border-radius:50%;color:#fff;content:"✓";display:inline-flex;font-size:.72rem;height:20px;justify-content:center;width:20px}.join-card{text-align:left}.join-card .brand-lockup,.join-card .verified-chip,.join-card h1,.join-card>p:not(.privacy-note):not(.verified-chip){display:flex;justify-content:center;text-align:center}.join-card .brand-lockup{margin-left:auto;margin-right:auto}.join-card form{display:grid;grid-gap:22px;gap:22px;margin-top:32px}label{color:#d9e5ff;display:grid;font-size:.98rem;font-weight:650;grid-gap:9px;gap:9px}input,select{background:rgb(15 43 94/74%);border:1px solid #2861c7;border-radius:9px;color:#f7f9ff;min-height:62px;padding:12px 18px}.join-card .primary-button{margin-top:4px}.join-card .privacy-note{text-align:center}.call-page{min-height:100dvh}.meeting{display:flex;flex-direction:column;gap:18px;height:calc(100dvh - 48px);max-width:none;width:100%}.meeting-content{container-type:size;display:flex;flex:1 1;flex-direction:column;gap:22px;min-height:0;padding:2px}.meeting-content>section{flex:1 1 auto;min-height:0;overflow-y:auto}.call-dock{align-self:center;background:#041639;border:1px solid #2861d6;border-radius:14px;box-shadow:0 -12px 34px rgb(0 0 0/28%);flex-shrink:0;max-width:1050px;padding-bottom:env(safe-area-inset-bottom,0);width:100%}.translation-status-bar{color:#f7f9ff;display:flex;flex-direction:column;font-size:1rem;gap:6px;justify-content:center;min-height:88px;overflow-wrap:anywhere;padding:12px 18px}.translation-status-bar.translation-status-bar--empty{min-height:0;padding:0}.translation-status-bar p{align-items:center;display:flex;gap:10px;line-height:1.4;margin:0}.translation-status-more{color:#bed6ff;font-size:.875rem}.translation-dots{display:inline-flex;flex-shrink:0;gap:4px}.translation-dots span{animation:translation-dot-pulse 1.4s ease-in-out infinite;background:currentcolor;border-radius:50%;height:6px;width:6px}.translation-dots span:nth-child(2){animation-delay:.2s}.translation-dots span:nth-child(3){animation-delay:.4s}@keyframes translation-dot-pulse{0%,80%,to{opacity:.35}40%{opacity:1}}@media (prefers-reduced-motion:reduce){.translation-dots span{animation:none}}.meeting-header{align-items:center;border-bottom:1px solid rgb(65 126 241/50%);display:flex;flex-shrink:0;margin:-24px -24px 0;min-height:84px;padding:18px 32px}.brand-lockup--header{font-size:1.9rem}.brand-lockup--header .brand-mark{height:42px;width:54px}.call-timer{background:rgb(5 21 54/86%);border:1px solid rgb(169 201 255/48%);border-radius:999px;color:#e7f0ff;font-size:.95rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;margin-left:auto;padding:8px 14px}.connection-notice[hidden]{display:none}.connection-notice{align-items:center;background:rgb(6 27 72/92%);border:1px solid #2861c7;border-radius:12px;box-shadow:0 12px 32px rgb(0 0 0/28%);color:#fff;display:flex;align-self:center;flex-shrink:0;font-size:1rem;margin:0;padding:15px 25px}.screen-share-grid{display:grid;grid-gap:min(18px,4cqh);gap:min(18px,4cqh);grid-auto-rows:minmax(90px,1fr);grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));min-height:0}.participant-grid{display:grid;grid-gap:min(22px,4cqh);gap:min(22px,4cqh);grid-auto-rows:minmax(90px,1fr);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));min-height:0}.participant-tile{align-content:center;background:radial-gradient(circle at 50% 45%,rgb(30 75 156/22%),transparent 42%),rgb(4 22 57/88%);border:1px solid #2861d6;border-radius:13px;container-type:size;display:grid;justify-items:center;min-height:0;overflow:hidden;padding:min(26px,3cqh);position:relative;transition:border-color .15s ease,box-shadow .15s ease}.participant-tile.speaking{border-color:#35e1c4;box-shadow:0 0 0 2px rgb(53 225 196/22%)}.participant-tile:not(.has-video){gap:min(18px,3cqh)}.participant-video{height:100%;inset:0;object-fit:cover;position:absolute;width:100%;z-index:0}.screen-share-tile{min-height:0;padding:16px}.screen-share-tile .participant-video{object-fit:contain}.participant-initial{align-items:center;background:radial-gradient(circle at 35% 30%,#274887,#102753);border:1px solid #5877bd;border-radius:50%;color:#fff;display:flex;font-size:2.5rem;font-weight:700;height:168px;justify-content:center;width:168px;font-size:min(2.5rem,24cqh);height:min(168px,60cqh);width:min(168px,60cqh)}.participant-status,.participant-tile strong{position:relative;z-index:1}.participant-tile strong{font-size:1.05rem}.participant-status,.participant-tile strong span{color:#a9c9ff;font-size:.9rem;font-weight:500}.participant-tile.has-video strong{background:rgb(4 17 43/78%);border-radius:8px;bottom:14px;left:14px;padding:8px 12px;position:absolute}.participant-tile.has-video .participant-status{display:none}@container (max-height: 150px){.participant-status{display:none}}.tile-stop-sharing-button{background:rgb(5 21 54/86%);border:1px solid rgb(169 201 255/48%);border-radius:9px;color:#fff;left:14px;min-height:40px;padding:8px 12px;position:absolute;top:14px;z-index:3}.tile-stop-sharing-button:hover{background:rgb(35 76 155/94%)}.tile-fullscreen-button{align-items:center;background:rgb(5 21 54/86%);border:1px solid rgb(169 201 255/48%);border-radius:9px;color:#fff;display:inline-flex;height:40px;justify-content:center;padding:8px;position:absolute;right:14px;top:14px;width:40px;z-index:3}.tile-fullscreen-button:hover{background:rgb(35 76 155/94%)}.tile-fullscreen-button svg{fill:none;height:21px;stroke:currentcolor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2;width:21px}.participant-tile:-webkit-full-screen{aspect-ratio:auto;background:#020b20;border:0;border-radius:0;height:100%;max-height:100%;min-height:0;padding:26px;width:100%}.participant-tile:fullscreen{aspect-ratio:auto;background:#020b20;border:0;border-radius:0;height:100%;max-height:100%;min-height:0;padding:26px;width:100%}.participant-tile:-webkit-full-screen .participant-video{object-fit:contain}.participant-tile:fullscreen .participant-video{object-fit:contain}.participant-volume{align-items:center;background:rgb(5 21 54/86%);border-radius:11px;bottom:14px;display:flex;gap:9px;max-width:290px;padding:9px 12px;position:absolute;right:14px;z-index:2}.participant-volume svg{fill:none;flex:0 0 auto;height:19px;stroke:#b8d4ff;stroke-linecap:round;stroke-linejoin:round;stroke-width:2;width:19px}.participant-hand{align-items:center;background:rgb(5 21 54/86%);border-radius:11px;display:flex;height:40px;justify-content:center;position:absolute;right:14px;top:14px;width:40px;z-index:4}.participant-tile.has-video .participant-hand{right:64px}.participant-hand svg{fill:none;height:23px;stroke:#ffd166;stroke-linecap:round;stroke-linejoin:round;stroke-width:2;width:23px}.participant-hand-rank{align-items:center;background:#ffd166;border-radius:999px;bottom:-7px;color:#041737;display:flex;font-size:.68rem;font-weight:700;height:18px;justify-content:center;min-width:18px;padding:0 4px;position:absolute;right:-7px}.participant-volume input,.settings-dialog input{accent-color:#3970ff;background:transparent;border:0;min-height:20px;padding:0}.participant-volume input{flex:1 1}.meeting-content.has-screenshare{flex-direction:row;gap:min(16px,2cqh)}.meeting-content.has-screenshare .screen-share-grid{flex:1 1;min-width:0}.meeting-content.has-screenshare .participant-grid{align-content:start;flex:0 0 auto;gap:min(8px,1.2cqh);grid-auto-rows:auto;grid-template-columns:1fr;width:clamp(140px,22%,250px)}.meeting-content.has-screenshare .participant-grid .participant-tile:not(:-webkit-full-screen){align-items:center;column-gap:10px;container-type:normal;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;min-height:0;padding:8px;row-gap:2px}.meeting-content.has-screenshare .participant-grid .participant-tile:not(:fullscreen){align-items:center;column-gap:10px;container-type:normal;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;min-height:0;padding:8px;row-gap:2px}.meeting-content.has-screenshare .participant-grid .participant-tile:not(:-webkit-full-screen) .participant-initial,.meeting-content.has-screenshare .participant-grid .participant-tile:not(:-webkit-full-screen) .participant-video{border-radius:8px;grid-column:1;grid-row:1/span 2;height:48px;inset:auto;position:static;width:48px}.meeting-content.has-screenshare .participant-grid .participant-tile:not(:fullscreen) .participant-initial,.meeting-content.has-screenshare .participant-grid .participant-tile:not(:fullscreen) .participant-video{border-radius:8px;grid-column:1;grid-row:1/span 2;height:48px;inset:auto;position:static;width:48px}.meeting-content.has-screenshare .participant-grid .participant-tile:not(:-webkit-full-screen) .participant-initial{font-size:1.2rem}.meeting-content.has-screenshare .participant-grid .participant-tile:not(:fullscreen) .participant-initial{font-size:1.2rem}.meeting-content.has-screenshare .participant-grid .participant-tile:not(:-webkit-full-screen) strong{font-size:.9rem;grid-column:2;grid-row:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.meeting-content.has-screenshare .participant-grid .participant-tile:not(:fullscreen) strong{font-size:.9rem;grid-column:2;grid-row:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.meeting-content.has-screenshare .participant-grid .participant-tile.has-video:not(:-webkit-full-screen) strong{background:none;border-radius:0;bottom:auto;left:auto;padding:0;position:static}.meeting-content.has-screenshare .participant-grid .participant-tile.has-video:not(:fullscreen) strong{background:none;border-radius:0;bottom:auto;left:auto;padding:0;position:static}.meeting-content.has-screenshare .participant-grid .participant-tile:not(:-webkit-full-screen) .participant-status{display:block;font-size:.78rem;grid-column:2;grid-row:2}.meeting-content.has-screenshare .participant-grid .participant-tile:not(:fullscreen) .participant-status{display:block;font-size:.78rem;grid-column:2;grid-row:2}.meeting-content.has-screenshare .participant-grid .participant-tile:not(:-webkit-full-screen) .participant-volume{background:none;bottom:auto;grid-column:2;grid-row:3;max-width:none;padding:0;position:static;right:auto}.meeting-content.has-screenshare .participant-grid .participant-tile:not(:fullscreen) .participant-volume{background:none;bottom:auto;grid-column:2;grid-row:3;max-width:none;padding:0;position:static;right:auto}.meeting-content.has-screenshare .participant-grid .participant-tile:not(:-webkit-full-screen) .tile-fullscreen-button{display:none}.meeting-content.has-screenshare .participant-grid .participant-tile:not(:fullscreen) .tile-fullscreen-button{display:none}.meeting-content.has-screenshare .participant-grid .participant-tile:not(:-webkit-full-screen) .participant-hand{height:24px;right:6px;top:6px;width:24px}.meeting-content.has-screenshare .participant-grid .participant-tile:not(:fullscreen) .participant-hand{height:24px;right:6px;top:6px;width:24px}.meeting-content.has-screenshare .participant-grid .participant-tile:not(:-webkit-full-screen) .participant-hand svg{height:14px;width:14px}.meeting-content.has-screenshare .participant-grid .participant-tile:not(:fullscreen) .participant-hand svg{height:14px;width:14px}.meeting-content.has-screenshare .participant-grid .participant-tile:not(:-webkit-full-screen) .participant-hand-rank{font-size:.6rem;height:14px;min-width:14px}.meeting-content.has-screenshare .participant-grid .participant-tile:not(:fullscreen) .participant-hand-rank{font-size:.6rem;height:14px;min-width:14px}.call-controls{align-items:stretch;border-top:1px solid #2861d6;display:flex;flex-wrap:wrap;justify-content:center;max-width:100%;padding:10px}.icon-button{align-items:center;background:transparent;border:0;border-radius:9px;color:#bed6ff;display:inline-flex;flex-direction:column;font-size:.82rem;gap:7px;justify-content:center;min-height:76px;min-width:125px;padding:9px 16px;transition:background .15s ease}.icon-button+.icon-button{border-left:1px solid rgb(72 130 232/36%)}.icon-button:hover:not(:disabled){background:rgb(47 92 183/27%)}.icon-button svg{fill:none;height:27px;stroke:currentcolor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2;width:27px}.leave-button,.leave-button:hover:not(:disabled){background:#f52b45;color:#fff}.mobile-camera-switch{display:none}.settings-backdrop{align-items:center;background:rgb(0 6 22/62%);display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:10}.settings-dialog{background:linear-gradient(145deg,#08265d,#041737);border:1px solid #286de3;border-radius:16px;box-shadow:0 30px 100px rgb(0 0 0/48%);max-height:calc(100vh - 48px);max-width:510px;overflow-y:auto;padding:28px 32px;width:100%}.settings-dialog-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:26px}.settings-dialog h2{font-size:1.65rem;margin:0}.settings-close-button{align-items:center;background:transparent;border:0;color:#9ec2ff;display:inline-flex;height:40px;justify-content:center;width:40px}.settings-close-button svg{fill:none;height:28px;stroke:currentcolor;stroke-linecap:round;stroke-width:2;width:28px}.media-device-selectors,.settings-dialog-controls{display:grid;grid-gap:18px;gap:18px}.media-device-selectors{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.settings-dialog select{max-width:100%;min-width:0;width:100%}.settings-dialog-controls>p{color:#a9c9ff;font-size:.88rem;margin:-4px 0 0}.settings-dialog .primary-button{width:100%}.chat-panel{background:linear-gradient(145deg,#08265d,#041737);border:1px solid #286de3;border-radius:16px;bottom:16px;box-shadow:0 24px 70px rgb(0 0 0/45%);display:flex;flex-direction:column;gap:14px;padding:20px;position:fixed;right:16px;top:16px;width:min(360px,calc(100vw - 32px));z-index:9}.chat-panel-header{align-items:center;display:flex;justify-content:space-between}.chat-panel h2{font-size:1.3rem;margin:0}.chat-close-button{align-items:center;background:transparent;border:0;color:#9ec2ff;display:inline-flex;height:36px;justify-content:center;width:36px}.chat-close-button svg{fill:none;height:24px;stroke:currentcolor;stroke-linecap:round;stroke-width:2;width:24px}.chat-messages{display:flex;flex:1 1;flex-direction:column;gap:10px;list-style:none;margin:0;min-height:0;overflow-y:auto;padding:0}.chat-empty{color:#a9c9ff;flex:1 1;font-size:.95rem;margin:0}.chat-message{background:rgb(47 92 183/22%);border-radius:10px;display:flex;flex-direction:column;gap:4px;max-width:88%;padding:8px 11px}.chat-message--local{align-self:flex-end;background:rgb(88 138 255/30%)}.chat-message-meta{color:#a9c9ff;display:flex;font-size:.78rem;gap:10px;justify-content:space-between}.chat-message-tags{align-items:center;display:inline-flex;gap:8px}.chat-translated{background:rgb(88 138 255/30%);border-radius:999px;color:#cfe0ff;font-size:.68rem;font-weight:600;letter-spacing:.02em;padding:1px 7px;text-transform:uppercase}.chat-message-original{color:#a9c9ff;font-size:.85rem;opacity:.85}.chat-message p{margin:0;overflow-wrap:anywhere;white-space:pre-wrap}.chat-form{align-items:flex-end;display:flex;gap:8px}.chat-form textarea{background:rgb(5 21 54/86%);border:1px solid #2a5fca;border-radius:10px;color:#f7f9ff;flex:1 1;font:inherit;max-height:120px;min-height:48px;padding:10px 12px;resize:vertical}.chat-send-button{background:linear-gradient(120deg,#2957ff,#3567ff);border:1px solid rgb(132 163 255/56%);border-radius:10px;color:#fff;font-size:.95rem;font-weight:700;min-height:48px;padding:10px 16px}.chat-send-button:disabled{opacity:.55}.chat-error{color:#ffb3bf;font-size:.85rem;margin:0}.chat-toggle{position:relative}.chat-unread-badge{align-items:center;background:#f52b45;border-radius:999px;color:#fff;display:inline-flex;font-size:.7rem;font-weight:700;height:18px;justify-content:center;min-width:18px;padding:0 5px;position:absolute;right:14px;top:6px}.call-notices{align-self:center;flex-shrink:0;color:#c5daff;font-size:.92rem;justify-self:center;max-width:600px;text-align:center}.call-notices p{margin-bottom:8px}.visually-hidden{clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}@media (max-width:700px){.call-page,.welcome-page{padding:16px}.join-card,.welcome-card{padding:36px 24px 30px}.trust-list{font-size:.85rem}.meeting{gap:12px;height:calc(100dvh - 32px)}.meeting-header{margin:-16px -16px 0;min-height:66px;padding:12px 18px}.brand-lockup--header{font-size:1.45rem}.participant-grid,.screen-share-grid{grid-template-columns:1fr}.call-controls{padding:8px}.translation-status-bar{padding:12px}.chat-panel{bottom:12px;left:12px;right:12px;top:12px;width:auto}.icon-button{flex:1 1;font-size:.72rem;gap:5px;min-height:60px;min-width:0;padding:7px 4px}.icon-button span{line-height:1.15;overflow-wrap:anywhere;text-align:center}.icon-button svg{height:22px;width:22px}.mobile-camera-switch{display:inline-flex}}@media (max-height:500px){.meeting{gap:10px}.meeting-header{min-height:54px;padding-top:8px;padding-bottom:8px}.translation-status-bar{min-height:64px;padding:8px 12px}.call-controls{padding:6px}.icon-button{flex:1 1;font-size:.72rem;gap:4px;min-height:52px;min-width:0;padding:6px 4px}.icon-button svg{height:22px;width:22px}}@media (max-width:430px){h1{font-size:2.05rem}.trust-list{grid-template-columns:1fr;gap:18px}.trust-list li+li{border-left:0}.icon-button{min-height:52px}.icon-button span{display:none}}