:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#12213a;--ink:#12213a;--muted:#63718a;--line:#d8e5f5;--panel:#ffffffe0;--panel-strong:#fff;--blue-950:#0b1f4d;--blue-800:#174ea6;--blue-650:#2368d8;--blue-500:#2f80ed;--blue-100:#dcebff;--sky-80:#edf7ff;--green:#16a36a;--amber:#b7791f;--red:#d94343;--shadow:0 20px 50px #174ea61f;--soft-shadow:0 10px 30px #0f2b5c14;background:#eef6ff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(#f7fbff 0%,#eef6ff 44%,#eaf3ff 100%);min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer;border:0;transition:transform .14s,border-color .14s,background .14s,box-shadow .14s,opacity .14s}button:hover:not(:disabled){transform:translateY(-1px)}button:disabled{cursor:not-allowed;opacity:.48}.shell{background:linear-gradient(90deg,#174ea60e 1px,#0000 1px) 0 0/34px 34px,linear-gradient(#174ea60a 1px,#0000 1px) 0 0/34px 34px,radial-gradient(1200px 520px at 70% -10%,#2f80ed29,#0000 58%),#eef6ff;grid-template-columns:minmax(340px,392px) minmax(0,1fr);min-height:100vh;display:grid}.shell.noConversation{grid-template-columns:minmax(340px,520px);justify-content:center}.sidebar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f6faffd1;border-right:1px solid #174ea624;flex-direction:column;gap:14px;max-height:100vh;padding:18px;display:flex;overflow:auto}.brand{align-items:center;gap:12px;min-height:58px;padding:2px 2px 10px;display:flex}.brand svg{color:var(--blue-650);filter:drop-shadow(0 8px 18px #2f80ed38)}.brand>div{flex:1;min-width:0}.brand h1{letter-spacing:0;color:var(--blue-950);margin:0;font-size:25px;line-height:1}.brand span,label,small{color:var(--muted)}.brand span{overflow-wrap:anywhere;margin-top:4px;display:block}.installButton,.iconGhost{border-radius:12px;place-items:center;min-width:38px;min-height:38px;display:inline-grid}.installButton{color:#fff;background:var(--blue-650);flex:none;width:38px;height:38px;box-shadow:0 12px 24px #2f80ed38}.installButton svg{color:currentColor;filter:none}.iconGhost{color:var(--blue-800);background:#eef6ff;border:1px solid #174ea61c}.copyToast{color:#fff;background:var(--blue-650);box-shadow:var(--soft-shadow);border-radius:12px;margin-top:-8px;padding:9px 11px;font-size:13px;font-weight:750}.mobileTabs{display:none}label{gap:7px;font-size:13px;font-weight:650;display:grid}input{width:100%;min-height:44px;color:var(--ink);background:#f8fbff;border:1px solid #cfdef2;border-radius:12px;outline:none;padding:0 13px}input::placeholder{color:#8b98ad}input:focus{border-color:var(--blue-500);background:#fff;box-shadow:0 0 0 4px #2f80ed29}.primary,.secondary{border-radius:12px;min-height:42px;font-weight:800}.primary{background:var(--blue-650);color:#fff;box-shadow:0 14px 30px #2f80ed38}.secondary{color:var(--blue-800);background:#fff;border:1px solid #d7e5f7;padding:0 12px;box-shadow:0 8px 22px #0f2b5c0b}.setupBox{background:var(--panel);box-shadow:var(--soft-shadow);border:1px solid #174ea61f;border-radius:16px;gap:12px;padding:14px;display:grid}.quickRoomPanel{gap:11px;display:grid}.advancedPanel{display:none!important}.diagnosticButton{display:none}.setupTitle{color:var(--blue-950);align-items:center;gap:8px;display:flex}.setupTitle strong{flex:1}.setupTitle svg{color:var(--blue-650)}.dangerIcon{color:var(--red);background:#fff1f1;border-color:#d943432e}.copyRow{grid-template-columns:minmax(0,1fr) 38px;align-items:center;gap:8px;display:grid}.copyRow .iconGhost{min-width:38px;min-height:38px}.modeSwitch,.mobileTabs{background:#e8f2ff;border:1px solid #174ea617;border-radius:14px;grid-template-columns:1fr 1fr;gap:5px;padding:4px;display:grid}.modeSwitch button,.mobileTabs button{color:#667794;background:0 0;border-radius:11px;min-height:36px;font-weight:800}.modeSwitch button.active,.mobileTabs button.active{color:#fff;background:var(--blue-650);box-shadow:0 10px 22px #2f80ed38}.tabBadge{min-width:20px;height:20px;color:var(--blue-800);background:#fff;border-radius:999px;place-items:center;margin-left:7px;font-size:12px;font-weight:900;display:inline-grid}.securityPrimer{background:linear-gradient(#f7fbff,#eef6ff);border:1px solid #2f80ed2e;border-radius:14px;gap:4px;padding:12px;display:grid}.securityPrimer strong{color:var(--blue-950);font-size:13px}.errorText{color:var(--red);overflow-wrap:anywhere;margin:0;font-size:13px}.contactStack,.deviceStack,.eventStack,.peerList{gap:9px;display:grid;overflow:auto}.contactGroup{gap:9px;display:grid}.groupLabel{color:var(--blue-800);text-transform:uppercase;font-size:12px;font-weight:900;display:block}.deviceStack{max-height:186px}.eventStack{max-height:200px}.eventItem,.deviceItem,.contactItem,.peer{background:#fff;border:1px solid #dfeaf8;border-radius:14px;box-shadow:0 8px 18px #0f2b5c0a}.eventItem{gap:3px;padding:10px 11px;display:grid}.deviceItem{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:11px;display:grid}.deviceItem div{gap:3px;min-width:0;display:grid}.eventItem strong,.eventItem small,.deviceItem strong,.deviceItem small,.contactItem strong,.contactItem small{overflow-wrap:anywhere}.deviceItem.revoked{opacity:.58}.contactItem{gap:8px;padding:11px;display:grid}.contactItem.inviteIncoming{background:linear-gradient(#fff,#f2f8ff);border-color:#2f80ed6b}.contactItem.security-ok{border-color:#16a36a61}.contactItem.security-warn{border-color:#b7791f6b}.contactItem.security-danger,.contactItem.security-blocked{border-color:#d9434361}.contactHeader{justify-content:space-between;align-items:center;gap:8px;display:flex}.securityNotice{background:#f6f9fd;border-radius:12px;gap:3px;padding:9px;display:grid}.securityDetails{gap:8px;display:grid}.securityDetails summary{cursor:pointer;color:var(--blue-800);font-size:13px;font-weight:800}.securityDetails[open]{padding-top:4px}.securityNotice strong{color:var(--amber);font-size:13px}.security-ok .securityNotice strong{color:var(--green)}.security-danger .securityNotice strong,.security-blocked .securityNotice strong{color:var(--red)}.verificationConfirm{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.verificationConfirm input{min-width:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace}.contactItem code{color:var(--blue-950);white-space:normal;overflow-wrap:anywhere;background:#eef5ff;border-radius:10px;padding:8px;font-size:11px;line-height:1.5;display:block}.qrBox{background:#fff;border:1px solid #dfeaf8;border-radius:14px;place-items:center;padding:10px;display:grid}.qrBox img{width:180px;height:180px;display:block}.peer{min-height:48px;color:var(--ink);justify-content:space-between;align-items:center;padding:0 12px;display:flex}.peer.active{background:var(--blue-100);border-color:#2f80ed8c}.conversation{grid-template-rows:auto auto minmax(260px,1fr) auto;gap:12px;min-width:0;padding:18px;display:grid}.conversation.withCallStage{grid-template-rows:auto minmax(300px,43vh) auto minmax(180px,1fr) auto}.conversationHeader{justify-content:space-between;align-items:center;gap:14px;min-height:62px;padding:0 4px 4px;display:flex}.conversationHeader div{gap:4px;min-width:0;display:grid}.conversationHeader strong{color:var(--blue-950);overflow-wrap:anywhere;font-size:22px}.headerActions{flex:none;align-items:center;gap:8px;display:flex}.backToContacts{display:none}.topCallButton{min-height:38px;color:var(--blue-800);background:#fff;border:1px solid #d7e5f7;border-radius:13px;align-items:center;gap:7px;padding:0 12px;font-size:13px;font-weight:850;display:inline-flex;box-shadow:0 8px 18px #0f2b5c0b}.topCallButton.primaryCall{color:#fff;background:var(--blue-650);border-color:#0000}.presencePill{min-height:32px;color:var(--blue-800);background:#fff;border:1px solid #d7e5f7;border-radius:999px;flex:none;place-items:center;padding:0 13px;font-size:12px;font-weight:850;display:inline-grid;box-shadow:0 8px 18px #0f2b5c0b}.presencePill.live{color:#fff;background:var(--green);border-color:#0000}.callStage{min-height:300px;box-shadow:var(--shadow);background:linear-gradient(135deg,#0b1f4deb,#174ea6db),#0b1f4d;border:1px solid #174ea62e;border-radius:24px;position:relative;overflow:hidden}video{object-fit:cover;background:#0b1f4d;width:100%;height:100%}.remoteVideo{position:absolute;inset:0}.localVideo{aspect-ratio:16/10;border:2px solid #ffffffc7;border-radius:18px;width:min(220px,32vw);height:auto;position:absolute;bottom:16px;right:16px;box-shadow:0 18px 50px #0b1f4d4d}.localVideo.videoMuted{opacity:.18;filter:grayscale()brightness(.35)}.emptyCall{color:#ffffffc2;place-items:center;font-weight:850;display:grid;position:absolute;inset:0}.callStatus,.callDiagnostic,.mediaStatus{color:var(--blue-950);background:#ffffffe6;border-radius:12px;padding:8px 10px;font-size:13px;font-weight:800;position:absolute;left:16px;box-shadow:0 10px 28px #0b1f4d29}.callStatus{top:16px}.callDiagnostic{max-width:min(520px,100% - 32px);color:var(--blue-800);overflow-wrap:anywhere;font-weight:700;top:56px}.mediaStatus{top:96px}.toolbar,.composer{align-items:center;gap:10px;display:flex}.toolbar{box-shadow:var(--soft-shadow);background:#ffffffdb;border:1px solid #dce8f8;border-radius:18px;padding:9px}.toolbar button,.composer button{width:46px;height:46px;color:var(--blue-800);background:#eef6ff;border:1px solid #174ea61a;border-radius:15px;flex:0 0 46px;place-items:center;display:grid}.toolbar .danger{color:var(--red);background:#fff0f0;border-color:#d9434324}.composer{box-shadow:var(--soft-shadow);background:#ffffffe6;border:1px solid #dce8f8;border-radius:18px;padding:9px}.composerError{margin-top:-4px}.composer .icon{color:#fff;background:var(--blue-650);border-color:#0000}.composer input{background:#f7fbff;flex:1}.recording{outline:2px solid var(--red)}.messages{flex-direction:column;gap:10px;min-height:260px;padding:2px 4px 2px 0;display:flex;overflow:auto}.emptyChat{text-align:center;width:min(420px,100%);color:var(--muted);background:#ffffffb8;border:1px dashed #c8daf1;border-radius:22px;place-items:center;gap:8px;margin:auto;padding:28px 20px;display:grid}.emptyChat strong{color:var(--blue-950);font-size:18px}.message{background:#fff;border:1px solid #dfeaf8;border-radius:18px;align-self:flex-start;max-width:min(640px,86%);padding:11px 13px;box-shadow:0 8px 18px #0f2b5c0b}.message.mine{color:#fff;background:var(--blue-650);border-color:#0000;align-self:flex-end}.message.system{color:var(--muted);box-shadow:none;background:0 0;border-color:#0000;align-self:center}.message strong{color:#587194;margin-bottom:4px;font-size:12px;display:block}.message.mine strong{color:#ffffffc7}.message p{overflow-wrap:anywhere;margin:0}audio{width:min(360px,70vw)}.videoPlayPrompt{z-index:4;color:var(--blue-950);box-shadow:var(--shadow);background:#fffffff5;border-radius:14px;padding:12px 16px;font-weight:850;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (width<=940px){.shell{grid-template-columns:1fr}.sidebar{border-bottom:1px solid #174ea61f;border-right:0;max-height:none}.conversation{grid-template-rows:auto auto minmax(220px,1fr) auto;padding:14px}.conversation.withCallStage{grid-template-rows:auto minmax(240px,36vh) auto minmax(180px,1fr) auto}.localVideo{width:min(180px,42vw)}}@media (width<=720px){body{min-height:100dvh;overflow-x:hidden}.shell{background:linear-gradient(#fff 0%,#eef6ff 100%);flex-direction:column;min-height:100dvh;display:flex}.sidebar{background:#f6fafff0;border-bottom:0;min-height:auto;max-height:none;padding:12px 12px 0;overflow:visible}.brand{min-height:48px;padding-bottom:6px}.brand h1{font-size:22px}.mobileTabs{z-index:12;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--soft-shadow);background:#ffffffe6;border:1px solid #174ea61a;border-radius:18px;grid-template-columns:repeat(2,1fr);gap:5px;padding:5px;display:grid;position:sticky;top:0}.mobileTabs button{color:#62728d;background:0 0;border-radius:13px;min-height:40px;font-size:13px;font-weight:850}.mobileTabs button.active{color:#fff;background:var(--blue-650)}.accountPanel,.contactsPanel,.quickRoomPanel,.conversation{display:none}.mobile-account .accountPanel,.mobile-contacts .contactsPanel{display:grid}.mobile-chat .sidebar{padding-bottom:0}.mobile-chat .conversation{display:grid}.mobile-chat .sidebar{display:block}.mobile-chat .brand,.mobile-chat .copyToast,.mobile-chat .mobileTabs{display:none}.mobile-chat .mobileTabs{margin-bottom:8px}.deviceStack,.eventStack,.contactStack{max-height:none}.setupBox{padding:13px}.quickRoomPanel{padding-bottom:14px}.verificationConfirm,.deviceItem{grid-template-columns:1fr}.toolbar{scrollbar-width:none;padding-bottom:10px;overflow-x:auto}.conversationHeader{flex-direction:column;align-items:flex-start}.backToContacts{min-height:36px;color:var(--blue-800);background:#fff;border:1px solid #d7e5f7;border-radius:12px;align-items:center;gap:7px;padding:0 10px;font-size:13px;font-weight:850;display:inline-flex}.headerActions{justify-content:space-between;width:100%}.composer{grid-template-columns:46px minmax(0,1fr) 46px;display:grid}.conversation{flex:1;grid-template-rows:auto auto minmax(180px,1fr) auto;gap:8px;min-height:calc(100dvh - 72px);padding:8px 12px 12px}.conversation.withCallStage{grid-template-rows:auto minmax(210px,34dvh) auto minmax(84px,1fr) auto}.callStage{border-radius:20px;min-height:210px}.localVideo{border-radius:14px;width:min(150px,44vw);bottom:10px;right:10px}.callStatus,.callDiagnostic,.mediaStatus{max-width:calc(100% - 20px);font-size:12px;left:10px}.callStatus{top:10px}.callDiagnostic{top:48px}.mediaStatus{top:86px}.messages{min-height:84px}}