:root{color:#253e34;font-synthesis:none;background:#f6f5f0;font-family:Inter,PingFang SC,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer;color:#294738;background:#fff;border:1px solid #d6dfd7;border-radius:9px;min-height:40px;padding:9px 13px}button:hover{background:#e9f1e8}button:disabled{opacity:.5;cursor:wait}input,textarea,select{color:#243c31;background:#fff;border:1px solid #d6dfd7;border-radius:8px;width:100%;min-width:0;padding:11px}input[type=checkbox]{width:auto;margin-right:10px}button.primary,.primary{color:#fff;background:#315b46;border-color:#315b46}.fine,small{color:#6e7b71;font-size:12px;line-height:1.7}h1,h2,h3,p{margin-top:0}h1{font-size:22px}h2{font-size:19px}h3{font-size:16px}p{line-height:1.8}code{overflow-wrap:anywhere;background:#eef2eb;margin:12px 0;padding:14px;font-size:12px;line-height:1.7;display:block}label{margin:12px 0;font-size:13px;display:block}label input,label select{margin-top:6px}fieldset{border:1px solid #e0e6de;border-radius:10px;padding:12px}.status:not(:empty){z-index:10000;background:#fff4df;border:1px solid #d7c59c;border-radius:12px;align-items:center;gap:20px;max-width:90vw;padding:10px 14px;display:flex;position:fixed;top:14px;left:50%;transform:translate(-50%);box-shadow:0 6px 30px #0002}.welcome{background:radial-gradient(at 25% 70%,#dbe8d8,#0000 60%),#f8f7f2;grid-template-columns:1.2fr 1fr;align-items:center;gap:7vw;min-height:100dvh;padding:5vw 8vw;display:grid}.brand{letter-spacing:-1px;grid-column:1/-1;align-self:start;font-size:25px}.brand small{letter-spacing:1px;display:block}.welcome section h1{letter-spacing:-3px;font-size:clamp(42px,5.5vw,80px);font-weight:450;line-height:1.3}.welcome .eyebrow{letter-spacing:3px;margin-bottom:30px;font-size:11px}.welcome aside{background:#ffffffa8;border:1px solid #dde4d9;border-radius:22px;max-width:430px;padding:36px}.welcome aside>.primary{width:100%;margin:12px 0 25px}.shell{grid-template-columns:70px 300px 1fr;height:100dvh;display:grid;overflow:hidden}.rail{background:#e7eddf;border-right:1px solid #dae2d5;flex-direction:column;align-items:center;gap:24px;padding:24px 8px;display:flex}.rail strong{font-size:26px}.rail button{position:relative}.rail b{position:absolute;top:-6px;right:-4px}.sidebar{background:#f8f9f4;border-right:1px solid #dfe4dc;flex-direction:column;min-height:0;display:flex}.sidebar>header{justify-content:space-between;align-items:center;padding:22px 20px 15px;display:flex}.sidebar h1{margin:0}.sidebar>input{width:calc(100% - 30px);margin:0 15px 15px}.list{flex:1;overflow-y:auto}.room-item{text-align:left;background:0 0;border:0;border-radius:0;align-items:center;gap:12px;width:100%;padding:16px;display:flex}.room-item strong{font-size:14px;display:block}.room-item small{display:block}.room-item b,.rail b{color:#fff;background:#426c4b;border-radius:20px;padding:0 6px;font-size:11px}.room-item b{margin-left:auto}.avatar{background:#d4e2cf;border-radius:14px;flex-shrink:0;place-items:center;width:43px;height:43px;display:grid}.sidebar>footer{padding:14px}.conversation{background:#f2f5ee;flex-direction:column;min-width:0;min-height:0;display:flex}.conversation>header{background:#fafbf7;border-bottom:1px solid #dfe6dc;align-items:center;gap:12px;height:82px;padding:16px 28px;display:flex}.conversation>header>div{flex:1}.conversation h2{margin:0}.back{display:none}.message-search{background:#f9faf5;gap:8px;padding:7px 24px;display:flex}.message-search input{background:0 0;border:0;padding:7px 12px;font-size:12px}.message-search button{min-height:30px;padding:3px 12px;font-size:12px}.messages{flex-direction:column;flex:1;gap:18px;padding:24px 5%;display:flex;overflow:auto}.message{align-self:flex-start;min-width:130px;max-width:80%}.message.own{align-self:flex-end}.sender{background:0 0;border:0;min-height:20px;padding:0 3px 4px;font-size:12px}.bubble{overflow-wrap:anywhere;background:#fff;border:1px solid #e2e8de;border-radius:3px 15px 15px;padding:12px 16px}.own .bubble{background:#ddecd9;border-radius:15px 3px 15px 15px}.bubble p{white-space:pre-wrap;margin:0;font-size:14px}.bubble img{border-radius:8px;max-width:100%;max-height:300px}.bubble audio{width:260px;max-width:100%}.bubble blockquote{color:#6b7668;border-left:2px solid #6b8962;margin:0 0 8px;padding-left:10px;font-size:12px}.message-meta{color:#7b897a;flex-wrap:wrap;align-items:center;gap:8px;padding-top:4px;font-size:10px;display:flex}.message-meta button{color:#758272;background:0 0;border:0;min-height:20px;padding:1px 3px;font-size:10px}.composer{background:#fafbf8;border-top:1px solid #dfe6dc;padding:12px 24px 18px}.composer form{align-items:center;gap:12px;display:flex}.composer textarea{resize:none;background:0 0;border:0;height:65px}.toolbar{align-items:center;gap:5px;display:flex}.toolbar button{background:0 0;border:0;min-height:30px;padding:5px 8px;font-size:12px}.toolbar span{color:#859080;margin-left:auto;font-size:10px}.reply{background:#e4eddf;justify-content:space-between;padding:8px;font-size:12px;display:flex}.empty{text-align:center;color:#7b8776;padding:40px 22px;font-size:13px}.hero{margin:auto}.hero>span{letter-spacing:5px;font-size:13px}.hero h2{margin:25px 0 12px;font-size:28px;font-weight:400}.hero p{margin-bottom:30px}.request-banner{background:#e2ecd9;width:calc(100% - 20px);margin:10px}.failed{background:#fff1df;padding:12px;font-size:13px}dialog{color:#2d4335;background:#fbfcf8;border:1px solid #dce5d5;border-radius:18px;width:min(500px,100vw - 32px);max-height:85dvh;margin:auto;padding:24px;position:fixed;inset:0;overflow:auto;box-shadow:0 25px 100px #172c2528}dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1c302856}dialog>header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}dialog>header h2{margin:0}dialog>header button{background:0 0;border:0;font-size:22px}dialog p{font-size:13px}dialog button{margin:4px 5px 4px 0;font-size:13px}dialog hr{border:0;border-top:1px solid #e1e6dc;margin:24px 0}.qr{width:220px;margin:16px auto;display:block}.request{border-bottom:1px solid #dde4d7;padding:15px 0}.member{border-bottom:1px solid #e4e9df;flex-wrap:wrap;align-items:center;gap:4px;padding:6px 0;display:flex}.member>button:first-child{background:0 0;border:0}.member small{margin-right:auto}.member button{min-height:28px;padding:6px;font-size:11px}.danger{color:#a24e40;margin-top:22px}button:focus-visible,a:focus-visible{outline-offset:2px;outline:3px solid #6e9b78}@media (width<=760px){.welcome{padding:30px 24px;display:block}.welcome section{padding:55px 0 25px}.welcome section h1{font-size:43px}.welcome aside{max-width:none;padding:24px}.shell{grid-template-columns:54px 1fr}.rail{padding:20px 4px}.shell .conversation{display:none}.shell.room-open{display:block}.room-open .sidebar,.room-open .rail{display:none}.shell.room-open .conversation{height:100dvh;display:flex}.back{display:block}.conversation>header{height:72px;padding:12px 14px}.messages{padding:18px 12px}.message{max-width:90%}.composer{padding:8px 10px 12px}.message-search{padding:5px 10px}.composer textarea{height:52px}.toolbar span{display:none}.sidebar{height:100dvh}}.message-search{padding-right:24px}.call-panel{z-index:30;color:#fff;background:#263c32;border-radius:18px;width:min(620px,100vw - 32px);padding:22px;position:fixed;bottom:24px;right:24px;box-shadow:0 15px 70px #0004}.call-panel header{justify-content:space-between;align-items:center;gap:14px;display:flex}.call-panel header h3{margin:0}.call-panel header span{font-size:12px}.call-panel footer{justify-content:center;gap:10px;margin-top:16px;display:flex}.call-panel .fine,.call-panel small{color:#b9ccbb}.call-videos{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:16px;display:grid}.call-videos video{aspect-ratio:4/3;object-fit:cover;background:#18291f;border-radius:10px;width:100%;max-height:230px}.call-panel .fine{text-align:center;margin:12px 0 0}@media (width<=760px){.call-panel{bottom:16px;right:16px}.message-search{padding-right:10px}.call-panel header{display:block}}@font-face{font-family:Manrope;src:url(/brand/Manrope-Variable.ttf)format("truetype");font-weight:200 800;font-display:swap}:root{color:#101816;background:#f4f7f5;font-family:Manrope,PingFang SC,system-ui,sans-serif}.welcome{color:#f4f7f5;background:#101816}.brand img{width:230px;margin-bottom:12px;margin-left:-7px;display:block}.brand small{color:#a5b3ab}.welcome .eyebrow{color:#a8e6cf}.welcome section>p:last-child{color:#a5b3ab}.welcome aside{background:#1a2621;border-color:#35443c}.welcome aside>.primary{color:#101816;background:#a8e6cf;border-color:#a8e6cf}.welcome aside>p{color:#a5b3ab}.welcome section h1{letter-spacing:-2px;font-weight:450}.rail{background:#101816;border-color:#263c32}.rail-mark{width:42px;height:34px;margin-bottom:4px}.rail button{color:#a8e6cf;background:#1a2621;border-color:#35443c}.sidebar-logo{width:166px;margin-left:-5px;display:block}.sidebar{background:#fff;border-color:#e0e8e3}.conversation{background:#f4f7f5}.avatar{color:#176b52;background:#dff0e7}.primary,button.primary{color:#f4f7f5;background:#176b52;border-color:#176b52}.empty-logo{opacity:.6;width:210px}.own .bubble{background:#d5efdf}.bubble a{color:#176b52}small,.fine{color:#5f7068}.call-panel{background:#101816}.message-meta,.message-meta button{color:#5f7068}button{white-space:nowrap;flex-shrink:0}.composer form>.primary{min-width:64px}.message-search button{min-width:48px}.sidebar-logo{max-width:100%}.scanner-video{background:#101816;border-radius:12px;width:100%;max-height:340px}.shell{grid-template-columns:92px 300px 1fr}.rail{gap:12px;padding:20px 7px}.rail button{color:#a5b3ab;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:76px;min-height:62px;padding:9px 3px;font-size:11px;display:flex}.rail button:hover,.rail .nav-active{color:#a8e6cf;background:#1a3026}.rail .brand-home{min-height:38px;margin-bottom:10px;padding:0}.rail .brand-home img{margin:0}.rail .my{margin-top:auto}.rail .my .avatar{border-radius:10px;width:30px;height:30px;font-size:17px}.rail .home-link{min-height:44px;font-size:10px}.rail b{top:5px;right:6px}.sidebar footer{flex-direction:column;gap:8px;display:flex}.sidebar footer button{text-align:left;color:#176b52;background:0 0;border:0;padding:0;font-size:12px}.avatar{overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.sender{align-items:center;gap:6px;display:flex}.sender .avatar{border-radius:7px;width:23px;height:23px;font-size:13px}.demo-badge{color:#176b52;background:#e2eee7;border-radius:4px;margin:3px 0;padding:1px 5px;font-size:10px;font-style:normal;display:inline-block}.profile-preview{align-items:center;gap:16px;margin-bottom:20px;display:flex}.profile-preview>.avatar{border-radius:22px;width:72px;height:72px;font-size:36px}.profile-preview p{color:#5f7068;margin:5px 0;font-size:12px}.profile-preview h3{margin:0}.avatar-presets{flex-wrap:wrap;gap:5px;display:flex}.avatar-presets button{width:48px;padding:6px;font-size:23px}.avatar-presets button[aria-pressed=true]{background:#d8efe3;border:2px solid #176b52}.profile-editor textarea{resize:vertical;min-height:80px}.profile-editor{border-bottom:1px solid #e0e8e3;margin-bottom:24px;padding-bottom:20px}.contact-row{border-bottom:1px solid #e0e8e3;align-items:center;gap:12px;padding:12px 0;display:flex}.contact-row>button:first-of-type{text-align:left;white-space:normal;background:0 0;border:0;flex:1}.contact-row small{display:block}.contact-actions{flex-wrap:wrap;gap:6px;display:flex}.demo-people{background:#eef5f0;border-radius:14px;justify-content:space-around;margin:20px 0;padding:22px 6px;display:flex}.demo-people>div{flex-direction:column;align-items:center;gap:6px;font-size:32px;display:flex}.demo-people strong{font-size:14px}.demo-people small{font-size:10px}.demo-toolbar{background:#e4f2ea;flex-wrap:wrap;align-items:center;gap:5px;padding:8px 24px;display:flex}.demo-toolbar>span{color:#176b52;margin-right:auto;font-size:11px}.demo-toolbar button{min-height:28px;padding:4px 8px;font-size:11px}.demo-toolbar+.message-search{padding-right:24px}.start-cards{gap:16px;margin:28px 0;display:flex}.start-cards button{text-align:left;background:#ffffffa0;flex-direction:column;align-items:flex-start;gap:14px;min-width:220px;padding:23px;display:flex}.start-cards strong{font-weight:600}.start-cards small{font-size:11px}.hero .empty-logo{width:240px}dialog ol{padding-left:22px;font-size:13px;line-height:2}.rail button:focus-visible{outline:2px solid #a8e6cf}@media (width<=760px){.shell{grid-template-columns:76px 1fr}.rail{padding:18px 4px}.rail button{width:68px;font-size:10px}.sidebar>header{padding:20px 12px 15px}.sidebar-logo{width:150px}.demo-toolbar{gap:5px;padding:8px 10px}.demo-toolbar>span{flex-basis:100%}.start-cards{flex-direction:column}.contact-row{gap:5px}}.connection-status{flex-wrap:wrap;align-items:center;gap:4px;max-width:210px;display:flex}.connection-status button{color:#294738;min-height:0;padding:2px 6px;font-size:11px}.start-actions{gap:8px;padding:0 15px 12px;display:flex}.start-actions button{flex:1;justify-content:center;align-items:center;gap:6px;font-size:12px;display:flex}.search-filters{background:#f7f9f6;flex-wrap:wrap;align-items:center;gap:8px;padding:0 24px 10px;display:flex}.search-filters select{width:auto;max-width:170px;padding:6px;font-size:12px}.search-filters span{color:#557060;font-size:12px}.search-filters button{min-height:30px;padding:5px 10px;font-size:12px}mark{color:#192c22;background:#d0e5a4;border-radius:3px}.note-editor{border-bottom:1px solid #dde5df;margin-bottom:14px;padding:12px 0}.software-settings{grid-template-columns:140px minmax(0,1fr);gap:18px;display:grid}dialog:has(.software-settings){width:min(840px,100vw - 24px)}.software-settings nav{border-right:1px solid #dde5df;flex-direction:column;gap:5px;padding-right:12px;display:flex}.software-settings nav button{text-align:left;background:0 0;border:0}.software-settings .selected,.emoji-picker .selected{color:#183d2b;background:#dceee5}.setting-content{min-width:0;max-height:65vh;padding-right:6px;overflow:auto}.setting-content h3{margin-top:0}.setting-content label{margin:16px 0;display:block}.setting-content p{line-height:1.7}.setting-row{border-bottom:1px solid #dde5df;padding:14px 0}.setting-row button{margin-top:8px;margin-right:6px}.setting-row p{white-space:pre-wrap;overflow-wrap:anywhere}.device-name{color:#657a70;font-size:12px}.setting-content details{border-bottom:1px solid #dde5df;padding:14px 0}.setting-content summary{cursor:pointer;font-weight:600}.emoji-picker{background:#fff;border:1px solid #d8e4dc;border-radius:14px;max-height:350px;margin-bottom:10px;padding:12px;overflow:auto}.emoji-picker header{justify-content:space-between;align-items:center;display:flex}.emoji-picker nav{flex-wrap:wrap;gap:6px;margin:8px 0;display:flex}.emoji-picker nav button{min-height:30px;padding:5px 9px;font-size:12px}.emoji-grid{grid-template-columns:repeat(auto-fill,minmax(42px,1fr));gap:5px;display:grid}.emoji-grid button{border:0;padding:5px;font-size:24px}.sticker-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:10px;display:grid}.sticker-grid img{object-fit:contain;width:70px;height:70px}.sticker-grid>div{flex-direction:column;gap:4px;display:flex}.sticker-grid>div>button+button{min-height:24px;padding:3px;font-size:11px}:root[data-font=large] .bubble,:root[data-font=large] .composer textarea{font-size:19px}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e0eee7;background:#131c18}:root[data-theme=dark] .shell,:root[data-theme=dark] .conversation,:root[data-theme=dark] .messages{color:#e0eee7;background:#15221c}:root[data-theme=dark] .sidebar,:root[data-theme=dark] dialog,:root[data-theme=dark] .composer,:root[data-theme=dark] .conversation>header,:root[data-theme=dark] .emoji-picker{color:#e0eee7;background:#1b2b23;border-color:#35483e}:root[data-theme=dark] .sidebar-logo{filter:brightness(0)invert(.9)}:root[data-theme=dark] button,:root[data-theme=dark] input,:root[data-theme=dark] select,:root[data-theme=dark] textarea{color:#dcebe3;background:#22362c;border-color:#3c5447}:root[data-theme=dark] button:hover,:root[data-theme=dark] .room-item.active,:root[data-theme=dark] .selected{background:#365344}:root[data-theme=dark] .bubble{color:#e0eee7;background:#273d31;border-color:#3a5143}:root[data-theme=dark] .own .bubble{background:#345c49}:root[data-theme=dark] .message-search,:root[data-theme=dark] .search-filters,:root[data-theme=dark] .demo-toolbar{background:#1b3025}:root[data-theme=dark] p,:root[data-theme=dark] small,:root[data-theme=dark] .fine,:root[data-theme=dark] .message-meta,:root[data-theme=dark] .sender{color:#b7d0c2}:root[data-theme=dark] h1,:root[data-theme=dark] h2,:root[data-theme=dark] h3,:root[data-theme=dark] h4{color:#e6f2eb}:root[data-theme=dark] .welcome{background:#15221c}:root[data-theme=dark] .welcome aside{background:#22362c}@media (width<=700px){.search-filters{gap:5px;padding:0 10px 8px}.search-filters select{flex:1;max-width:140px}.software-settings{grid-template-columns:1fr;gap:14px}.software-settings nav{border:0;flex-direction:row;padding:0 0 8px;overflow:auto}.software-settings nav button{white-space:nowrap;font-size:12px}.setting-content{max-height:60vh}.emoji-picker{max-height:280px}.rail button{min-height:52px;margin-bottom:2px}}:root[data-font=large] .bubble p{font-size:19px}:root[data-theme=dark] .call-buttons{background:#1b3025}:root[data-theme=dark] .rail button{background:0 0}:root[data-theme=dark] .rail button:hover,:root[data-theme=dark] .rail .nav-active{background:#365344}@media (width<=700px){.software-settings nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;display:grid;overflow:visible}.software-settings nav button{text-align:center;white-space:normal;min-height:34px;padding:6px 3px;font-size:11px}}.wallet-help{color:#657a70;margin:18px 0;font-size:12px}.wallet-help summary{cursor:pointer;width:fit-content}.wallet-help p{margin-top:10px;font-size:12px;line-height:1.7}:root[data-theme=dark] .wallet-help{color:#b7d0c2}.call-toolbar{background:#edf4ef;border-bottom:1px solid #dbe5dd;padding:12px 24px}.call-toolbar-buttons{gap:10px;display:flex}.call-toolbar-buttons button{color:#244d39;border-color:#bed3c4;justify-content:center;align-items:center;gap:8px;min-height:42px;font-weight:600;display:flex}.call-toolbar-buttons button:disabled{opacity:.65;cursor:not-allowed}.call-toolbar p,.call-toolbar small{color:#576e60;margin:8px 0 0;font-size:12px;display:block}.call-room{border-bottom:1px solid #dbe5dd;align-items:center;gap:12px;padding:15px 0;display:flex}.call-room>div{flex:1;min-width:0}.call-room strong,.call-room small{overflow-wrap:anywhere;display:block}.call-room small{color:#60796a;margin-top:5px;font-size:12px}.call-guide{background:#e4f2e9;border-radius:8px;padding:12px}:root[data-theme=dark] .call-toolbar{background:#1b3025;border-color:#35483e}:root[data-theme=dark] .call-toolbar-buttons button{color:#dcebe3}:root[data-theme=dark] .call-guide{background:#2a4836}@media (width<=760px){.call-toolbar{padding:10px 12px}.call-toolbar-buttons button{flex:1}.rail button{min-height:48px}}.wallet-connection{gap:12px;min-width:0;display:grid}.wallet-connection p{margin:0}.wallet-connection label{gap:8px;display:grid}.wallet-connection ol{margin:0;padding-left:24px;line-height:1.9}.wallet-connection h3{margin-bottom:0}.wallet-connection form{gap:16px;display:grid}.wallet-pair-code{letter-spacing:5px;-webkit-user-select:all;user-select:all;font-size:26px}.wallet-address{overflow-wrap:anywhere;border:1px solid #b6c9bc;border-radius:8px;padding:12px}.wallet-error{color:#a43838}.wallet-signing{place-items:center;min-height:100dvh;padding:40px 20px;display:grid}.wallet-signing>section{background:#fff;border:1px solid #d6dfd7;border-radius:20px;width:min(100%,520px);padding:28px}.signing-brand{width:160px;height:auto;margin-bottom:12px}.avatar{position:relative;overflow:visible}.avatar img{border-radius:inherit}.presence-dot{border:2px solid var(--surface,#fff);border-radius:50%;width:11px;height:11px;position:absolute;bottom:-1px;right:-1px}.presence-dot.online{background:#27aa72}.presence-dot.offline{background:#a3aea8}.room-item>.room-copy{flex:1;min-width:0}.message-preview{white-space:nowrap;text-overflow:ellipsis;max-width:100%;display:block;overflow:hidden}.preview-time{color:#7d8d84;font-size:10px}.conversation-title{min-height:28px;font:inherit;text-align:left;background:0 0;border:0;padding:0}.time-choice{gap:8px;margin-top:6px;display:flex}.time-choice input{width:65%}.time-choice select{width:35%}.contact-picker-list{max-height:300px;margin:12px 0;overflow:auto}.contact-picker-list label{align-items:center;gap:12px;padding:10px 4px;display:flex}.contact-picker-list label span small{display:block}.room-item{gap:11px;min-height:72px;padding:10px 14px}.room-item>.avatar{border-radius:16px;flex:0 0 46px;width:46px;height:46px}.room-item.is-pinned{background:#eaf0ed}.room-item.active{background:#d8e8df}.room-item:hover{background:#e2ece6}.room-topline,.room-bottomline{align-items:center;gap:6px;min-width:0;display:flex}.room-topline{margin-bottom:4px}.room-topline strong{white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:14px;font-weight:600;overflow:hidden}.room-topline time{color:#7c8c84;flex:none;font-size:10px}.room-bottomline .message-preview{flex:1;font-size:12px;line-height:18px}.room-bottomline b{text-align:center;flex:none;min-width:18px;padding:0 5px;line-height:18px}.room-bottomline b.quiet-unread{background:#a0afa6}:root[data-theme=dark] .room-item.is-pinned{background:#253b34}:root[data-theme=dark] .room-item.active{background:#355648}.avatar-actions{flex-wrap:wrap;align-items:center;gap:7px;margin-top:12px;display:flex}.avatar-save-status{color:#54735f;min-height:20px;margin:8px 0 20px;font-size:12px;line-height:1.6}.call-panel{z-index:100;color:#f3f7f5;background:radial-gradient(at 10% 0,#476273 0%,#0000 65%),linear-gradient(140deg,#304949,#25433a);border:1px solid #ffffff1c;border-radius:22px;width:min(360px,100vw - 24px);max-height:calc(100dvh - 32px);padding:16px;font-size:14px;inset:auto 20px 20px auto;overflow:auto;box-shadow:0 18px 65px #0b232c55}.call-panel.is-video{width:min(460px,100vw - 24px)}.call-panel>header{justify-content:space-between;align-items:center;gap:8px;display:flex}.call-panel .call-kind{color:#c7d8d2;align-items:center;gap:7px;font-size:11px;display:flex}.call-window-actions{gap:4px;display:flex}.call-panel .call-window-actions button{color:#e5eeea;background:0 0;border:0;border-radius:8px;place-items:center;width:28px;height:28px;min-height:28px;padding:0;display:grid}.call-panel .call-window-actions button:hover{background:#ffffff18}.call-person{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:28px 8px 18px;display:flex}.call-person>.avatar{color:#244637;background:#cfddd5;border-radius:50%;flex:none;width:80px;height:80px;margin:6px 0 13px;font-size:29px;box-shadow:0 0 0 8px #ffffff08}.call-person .presence-dot{display:none}.call-person strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:21px;font-weight:550;overflow:hidden}.call-person .call-status{color:#d0ddd7;font-variant-numeric:tabular-nums;font-size:13px}.call-panel .call-person small{color:#adc6ba;font-size:11px}.call-panel .call-members{color:#c7d8d2;text-align:center;margin:0;padding:0 12px;font-size:12px}.call-panel footer{flex-wrap:nowrap;justify-content:center;align-items:flex-start;gap:10px;margin:18px 0 4px;display:flex}.call-panel footer .call-control{color:#edf4f0;background:0 0;border:0;border-radius:0;flex-direction:column;flex:0 64px;align-items:center;gap:7px;min-width:0;min-height:0;padding:0;font-size:11px;line-height:1.4;display:flex}.call-control .control-orb{background:#ffffff1d;border-radius:50%;place-items:center;width:44px;height:44px;transition:background .15s;display:grid}.call-control:hover .control-orb{background:#fff3}.call-control.is-on .control-orb{color:#254638;background:#e4f0e9}.call-control.is-danger .control-orb{color:#fff;background:#de5a62}.call-control.is-danger:hover .control-orb{background:#ed6970}.control-label{white-space:nowrap}.call-panel .call-sound-unlock{color:#d9e8e0;background:#ffffff0d;border:1px solid #ffffff28;border-radius:16px;min-height:30px;margin:16px auto 0;padding:6px 12px;font-size:11px;display:block}.call-panel .call-hint{text-align:center;color:#cadbd1;margin:12px 0 0;font-size:11px}.call-panel .call-videos{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin:0;display:grid;position:relative}.call-videos>div{background:#132e28;border-radius:12px;min-width:0;overflow:hidden}.call-videos video{aspect-ratio:4/3;object-fit:contain;background:#152b26;border-radius:12px;width:100%;max-height:260px;display:block}.call-videos small{padding:5px 8px;font-size:10px;display:block}.call-videos.with-video.has-remote>div:first-child{z-index:1;width:88px;position:absolute;top:8px;right:8px;box-shadow:0 2px 18px #0003}.call-videos.with-video.has-remote>div:first-child video{max-height:70px}.call-videos.with-video.has-remote>div:first-child small{padding:2px 5px;font-size:9px}.call-panel.is-video .call-person{gap:5px;padding:8px 0 14px}.call-panel.is-video .call-person strong{font-size:16px}.call-panel video.call-audio-track{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.call-panel .audio-streams{margin:0;display:block}.call-panel .audio-streams>div{text-align:center;background:0 0}.call-panel .audio-streams small{display:none}.call-video-surface{position:relative}.call-video-surface.camera-off video{opacity:0}.camera-placeholder{text-align:center;background:radial-gradient(at 50% 35%,#3a6052,#183b31);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:12px;display:flex;position:absolute;inset:0}.camera-placeholder .avatar{color:#264437;background:#d7e6de;border-radius:50%;flex:0 0 54px;width:54px;height:54px;font-size:23px}.camera-placeholder .presence-dot{display:none}.camera-placeholder strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:14px;overflow:hidden}.camera-placeholder>span:last-child{color:#c6d9ce;font-size:11px}.call-videos.with-video.has-remote>div:first-child .camera-placeholder{gap:2px;padding:4px}.call-videos.with-video.has-remote>div:first-child .camera-placeholder .avatar{flex-basis:24px;width:24px;height:24px;font-size:12px}.call-videos.with-video.has-remote>div:first-child .camera-placeholder strong{font-size:9px}.call-videos.with-video.has-remote>div:first-child .camera-placeholder>span:last-child{font-size:8px}.bubble.call-message{align-items:center;gap:12px;display:flex}.call-message-icon{color:#41664e;background:#39654d14;border-radius:50%;flex:0 0 34px;place-items:center;width:34px;height:34px;display:grid}.bubble.call-message p{margin:0}.call-panel .audio-streams button{margin:6px auto;font-size:12px}.call-panel.call-expanded{flex-direction:column;width:auto;max-height:calc(100dvh - 32px);display:flex;inset:16px}.call-expanded .call-person{flex:1;justify-content:center}.call-expanded.is-video .call-person{flex:none}.call-expanded .call-videos:not(.audio-streams){flex:1;align-content:center;min-height:0;overflow:auto}.call-expanded .call-videos video{max-height:65vh}.call-panel.call-mini{width:min(310px,100vw - 24px);padding:12px}.call-mini .call-person{gap:4px;padding:8px 0 0}.call-mini .call-person strong{font-size:14px}.call-mini .call-person>.avatar,.call-mini .call-person small,.call-mini .call-members{display:none}.call-mini .call-videos{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.call-mini footer{gap:6px;margin-top:12px}.call-mini .control-orb{width:36px;height:36px}.call-mini .control-label{font-size:10px}.call-summary{z-index:110;color:#fff;background:#183d2f;border-radius:14px;align-items:center;gap:18px;padding:14px 20px;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 8px 32px #0002}.call-summary button{color:#fff;background:0 0;border:0}.site-migration{max-width:440px;margin:15vh auto;padding:28px;line-height:1.8}.site-migration a{color:#285b42;margin-top:15px;font-weight:600;display:inline-block}@media (width<=600px){.call-panel{padding:14px;bottom:12px;right:12px}.call-panel.call-expanded{max-height:calc(100dvh - 16px);inset:8px}}