@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{color:#183b35;font-synthesis:none;background:#f6f8f5;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:default}button,input{outline-color:#09876b}button{color:inherit;background:0 0;border:0}main{max-width:1440px;margin:auto;padding:36px 6% 0}.brand{letter-spacing:-1px;align-items:center;gap:10px;font-family:Manrope,sans-serif;font-size:29px;font-weight:800;display:flex}.brand-icon{color:#fff;background:#147b64;border-radius:13px;place-items:center;width:43px;height:43px;display:grid}.brand-dot{color:#e3a44d;margin-left:-9px}.welcome{grid-template-columns:1fr 440px;align-items:center;gap:80px;min-height:calc(100vh - 170px);padding:55px 0 70px;display:grid}.eyebrow{letter-spacing:2px;color:#54796c;align-items:center;gap:8px;font-size:11px;font-weight:700;display:flex}.eyebrow span{background:#e0ae54;border-radius:50%;width:7px;height:7px}.intro h1{letter-spacing:-4px;margin:25px 0;font-family:Manrope,sans-serif;font-size:clamp(48px,5.9vw,80px);font-weight:800;line-height:1.12}.intro em{color:#188168;font-style:normal}.intro p{color:#6b7e76;font-size:17px;line-height:1.8}.features{gap:28px;margin-top:30px;font-size:13px;font-weight:600;display:flex}.features span{align-items:center;gap:8px;display:flex}.note{color:#89978e;margin-top:55px;font-size:12px}.join{background:#fff;border:1px solid #e1e8df;border-radius:24px;padding:38px;box-shadow:0 18px 55px #314c3710}.join-symbol{color:#168066;background:#edf5ee;border-radius:18px;place-items:center;width:58px;height:58px;margin-bottom:27px;display:grid}.join h2{letter-spacing:-.8px;margin:0 0 12px;font-family:Manrope,sans-serif;font-size:24px}.join>p{color:#7b887f;margin:0 0 29px;font-size:14px}.join label{margin-bottom:10px;font-size:13px;font-weight:600;display:block}.username{background:#fafcf9;border:1px solid #dbe3da;border-radius:11px;align-items:center;padding:0 14px;display:flex}.username input{color:#173c34;background:0 0;border:0;width:100%;min-width:0;padding:15px 10px}.join small{color:#87938b;margin:10px 0 25px;font-size:11px;line-height:1.7;display:block}.primary{color:#fff;background:#157c64;border-radius:11px;justify-content:center;align-items:center;gap:12px;width:100%;padding:15px 20px;font-size:14px;font-weight:600;display:flex}.join-footer{text-align:center;color:#8b978e;border-top:1px solid #eef0eb;margin-top:25px;padding-top:20px;font-size:11px;line-height:1.8}.error{color:#b33e3e!important;margin:14px 0!important;font-size:13px!important}footer{color:#7a897e;border-top:1px solid #dfe6dc;gap:15px;padding:22px 0;font-size:12px;font-weight:700;display:flex}footer span{font-weight:400}footer span:last-child{margin-left:auto;font-size:11px}.topline{justify-content:space-between;align-items:center;margin:40px 0 30px;display:flex}.app-title{letter-spacing:-1px;margin:9px 0;font-family:Manrope,sans-serif;font-size:30px}.app-title span{font-size:24px}.topline p{color:#7c8b81;margin:0;font-size:13px}.profile{align-items:center;gap:11px;font-size:13px;display:flex}.profile small{color:#7c8b81;align-items:center;gap:5px;margin-top:5px;font-size:11px;display:flex}.profile i,.aside-footer span{background:#5b9a72;border-radius:50%;width:6px;height:6px}.avatar{color:#48785b;background:#e6efe3;border-radius:50%;flex-shrink:0;place-items:center;width:43px;height:43px;font-family:Manrope,sans-serif;font-weight:700;display:grid;position:relative}.avatar i{background:#4ea877;border:2px solid #fff;border-radius:50%;width:10px;height:10px;position:absolute;bottom:1px;right:1px}.workspace{background:#fff;border:1px solid #dfe7dc;border-radius:18px;grid-template-columns:320px 1fr;height:calc(100vh - 300px);min-height:450px;max-height:750px;margin-bottom:35px;display:grid;overflow:hidden;box-shadow:0 5px 20px #283d2910}aside{background:#fff;border-right:1px solid #e8ece5;flex-direction:column;display:flex}.aside-title{justify-content:space-between;align-items:center;padding:22px 20px 12px;display:flex}.aside-title h2{margin:0;font-size:16px}.aside-title button{border:1px solid #e2e7df;border-radius:8px;padding:5px;display:flex}.search{color:#9aa79b;background:#f5f7f3;border-radius:9px;align-items:center;gap:9px;margin:7px 18px 20px;padding:11px;display:flex}.search input{color:#345344;background:0 0;border:0;width:100%;min-width:0;font-size:12px}.contacts{flex:1;padding:0 8px;overflow:auto}.contact{text-align:left;border-radius:10px;align-items:center;gap:11px;width:100%;margin-bottom:5px;padding:14px 10px;display:flex}.contact>div:nth-child(2){flex:1;min-width:0}.contact strong{margin-bottom:5px;font-size:13px;display:block}.contact span{color:#8a978c;white-space:nowrap;text-overflow:ellipsis;max-width:155px;font-size:11px;display:block;overflow:hidden}.contact time{color:#99a397;align-self:flex-start;margin-top:4px;font-size:9px}.aside-footer{color:#8b978c;border-top:1px solid #edf0e9;align-items:center;gap:8px;padding:18px;font-size:10px;display:flex}.chat{background:#fcfdfb;flex-direction:column;min-width:0;display:flex}.empty-chat{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:35px;display:flex}.empty-art{color:#5f8d66;background:#eef4e9;border-radius:50%;place-items:center;width:135px;height:135px;margin-bottom:25px;display:grid;position:relative}.empty-art>span{color:#fff;background:#e7b758;border:5px solid #fcfdfb;border-radius:50%;place-items:center;width:45px;height:45px;display:grid;position:absolute;bottom:6px;right:0}.empty-chat h2{letter-spacing:-.6px;font-family:Manrope,sans-serif;font-size:23px}.empty-chat p{color:#8a968a;margin:0;font-size:13px;line-height:1.9}.pill{color:#759076;background:#f5f8f1;border:1px solid #e2eadc;border-radius:20px;margin-top:28px;padding:8px 14px;font-size:10px}.empty-list{text-align:center;color:#87968a;padding:45px 16px;font-size:12px;line-height:1.8}.empty-list small{font-size:11px}.chat-header{background:#fff;border-bottom:1px solid #e9eee4;align-items:center;gap:12px;padding:19px 25px;display:flex}.chat-header strong{font-size:14px}.chat-header small{color:#82917f;margin-top:4px;font-size:11px;display:block}.call-button{color:#39764c;background:#eff5ea;border:1px solid #dce7d7;border-radius:9px;align-items:center;gap:8px;margin-left:auto;padding:10px 16px;font-size:12px;display:flex}.messages{flex:1;min-height:0;padding:25px;overflow:auto}.bubble-row{margin:12px 0;display:flex}.bubble-row.mine{justify-content:flex-end}.bubble{white-space:pre-wrap;overflow-wrap:anywhere;background:#fff;border:1px solid #e5eadd;border-radius:14px 14px 14px 3px;max-width:80%;padding:13px 17px;font-size:14px;line-height:1.6}.mine .bubble{color:#fff;background:#177d65;border:0;border-radius:14px 14px 3px}.bubble time{opacity:.6;text-align:right;margin-top:4px;font-size:9px;display:block}.composer{background:#fff;border-top:1px solid #e5ebdf;align-items:center;gap:12px;padding:18px;display:flex}.composer input{background:#f5f7f1;border:1px solid #e6ecde;border-radius:10px;flex:1;min-width:0;padding:14px;font-size:13px}.composer button{color:#fff;background:#167c64;border-radius:10px;place-items:center;width:44px;height:44px;display:grid}.conversation-start{text-align:center;color:#7c927e;padding:40px 0}.large{width:75px;height:75px;margin:0 auto;font-size:28px}.conversation-start h3{font-size:17px}.conversation-start p{font-size:12px}.toast{color:#9c4738;z-index:20;background:#fff3ec;border-radius:12px;max-width:90%;padding:15px 20px;font-size:13px;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 6px 25px #0002}.toast button{margin-left:15px}.call-overlay{z-index:25;background:#17372870;place-items:center;display:grid;position:fixed;inset:0}.call-card{text-align:center;background:#fff;border-radius:24px;width:min(420px,90vw);padding:35px}.call-card h2{font-size:22px}.call-card p{color:#82917f;font-size:13px}.call-actions{gap:15px;margin-top:30px;display:flex}.reject{color:#fff;background:#bc534d;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:12px 15px;display:flex}.call-bar{color:#fff;z-index:15;background:#183c34;border-radius:14px;align-items:center;gap:15px;max-width:95vw;padding:13px 20px;font-size:13px;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.remote-audio{z-index:30;width:200px;height:35px;position:fixed;bottom:80px;right:10px}.back{display:none}.loading{color:#167c64;padding:40px}@media (max-width:1000px){main{padding:25px 4% 0}.welcome{grid-template-columns:1fr 380px;gap:30px}.intro h1{font-size:60px}.workspace{grid-template-columns:280px 1fr}.join{padding:30px}}@media (max-width:720px){main{padding:22px 20px 0}.brand{font-size:25px}.brand-icon{width:36px;height:36px}.welcome{grid-template-columns:1fr;gap:35px;padding:40px 0}.intro h1{letter-spacing:-3px;font-size:58px}.intro p{font-size:15px}.note{display:none}.join{padding:28px}.features{margin-top:23px}.topline{margin:30px 0 22px}.app-title{font-size:23px}.profile{display:none}.workspace{grid-template-columns:1fr;height:65vh;min-height:460px}.workspace .chat,.workspace.has-selected aside{display:none}.workspace.has-selected .chat{display:flex}.back{padding:0;display:flex}.chat-header,.messages{padding:15px}.call-button{padding:10px}.composer{padding:12px}footer{flex-wrap:wrap;gap:7px;font-size:10px}footer span:last-child{width:100%;margin:0}.call-bar{gap:8px;padding:10px}.call-bar strong{font-size:11px}.toast{bottom:80px}}:root{color:#173466;background:#f4f8ff}body{background:radial-gradient(at 95% 0,#fff0ad66,#0000 38%),radial-gradient(at 0 30%,#d9e8ff88,#0000 55%)}.site-nav{justify-content:space-between;align-items:center;gap:15px;display:flex}.brand-icon,.primary,.composer button{background:#2159d8}.primary:hover{background:#164ac4}.brand-dot{color:#edb51d}.eyebrow{color:#617bae}.eyebrow span{background:#ffc936}.intro em{color:#2159d8}.intro h1{letter-spacing:-3px;margin:20px 0;font-size:clamp(45px,4.7vw,65px);line-height:1.1}.intro p{color:#6980a5;font-size:15px}.features{color:#345993;flex-wrap:wrap;gap:18px;margin-top:20px;font-size:12px}.hero-image{border-radius:24px;width:100%;max-width:510px;margin:26px 0 0;display:block;box-shadow:0 15px 35px #1f57bb15}.welcome{gap:65px;padding:40px 0 45px}.note{color:#8192ac;margin-top:18px}.join{border-color:#dce6f5;box-shadow:0 22px 65px #2351a412}.join-symbol{color:#2159d8;background:#fff3bd}.join>p,.join-footer,.join small{color:#7a8daa}.username{background:#f8faff;border-color:#dbe5f5}.username input{color:#1c3e78}.username span{color:#91a4c2}.join-footer{border-color:#e9eef8}.join label{color:#23497f}.profile small,.topline p{color:#7389aa}.avatar{color:#2c5eae;background:#e3edff}.profile i,.avatar i,.aside-footer span{background:#3d86eb}.workspace{border-color:#dce6f5;box-shadow:0 10px 40px #214e9410}aside{border-color:#e5ecf7}.aside-title button{border-color:#dce5f3}.search{color:#91a3c2;background:#f1f5fd}.search input{color:#34588e}.contact:hover,.contact.active{background:#eaf1ff}.contact span,.contact time,.empty-list,.aside-footer{color:#7e91ae}.aside-footer{border-color:#e9eef8}.chat{background:#f9fbff}.chat-header{border-color:#e5edf9}.chat-header small{color:#7c91b0}.header-actions{gap:8px;margin-left:auto;display:flex}.call-button{color:#2b60b9;background:#eaf1ff;border-color:#d7e5ff;margin-left:0}.video-button{color:#705913;background:#fff3bb;border-color:#ffe58f}.bubble{color:#28456d;border-color:#e0e8f5}.mine .bubble{color:#fff;background:#2159d8}.composer{border-color:#e2eafa}.composer input:not([type=file]){color:#1e417c;background:#f3f6fc;border-color:#dfe8f6}.composer input[hidden]{display:none}.composer .attach-button{color:#715b1b;background:#fff1b2;flex-shrink:0}.empty-chat h2{color:#203f75}.empty-chat p{color:#7b91b1}.empty-hero{border-radius:24px;width:min(100%,340px);margin-bottom:12px}.pill{color:#886c1c;background:#fff6ce;border-color:#f4e6a8}.conversation-start{color:#6c84aa}.attachment{min-width:150px;max-width:290px}.attachment img,.attachment video{object-fit:contain;background:#153469;border-radius:10px;max-width:100%;max-height:300px;display:block}.attachment-name{color:inherit;overflow-wrap:anywhere;align-items:center;gap:6px;max-width:100%;margin-top:9px;font-size:10px;text-decoration:none;display:flex}.media-loading{font-size:12px}.install-wrap{position:relative}.install-button{color:#2159d8;background:#fff;border:1px solid #dae4f7;border-radius:12px;align-items:center;gap:8px;padding:11px 15px;font-size:12px;font-weight:600;display:flex}.install-button:hover{background:#fff3b7}.install-help{z-index:40;background:#fff;border:1px solid #dbe5f7;border-radius:16px;width:300px;padding:22px;font-size:12px;line-height:1.7;position:absolute;top:50px;right:0;box-shadow:0 18px 50px #1d41862a}.install-help>button{float:right}.install-help p{color:#637da7}.install-help small{color:#8799b4;font-size:10px}.call-card h2{color:#1d407e}.call-card p{color:#7e91b4}.active-call{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:25;color:#fff;background:#10244eea;flex-direction:column;justify-content:center;align-items:center;padding:30px;display:flex;position:fixed;inset:0}.call-stage{background:#152e5a;border:1px solid #294574;border-radius:28px;flex-direction:column;justify-content:center;align-items:center;width:min(900px,100%);height:min(65vh,650px);display:flex;position:relative;overflow:hidden}.call-info{z-index:2;text-shadow:0 2px 10px #000;pointer-events:none;background:#0b1d3e70;border-radius:15px;padding:13px 20px;position:absolute;top:25px;left:25px}.call-info h2{margin:6px 0;font-size:24px}.call-info p{color:#cbdafa;margin:0;font-size:12px}.call-kind{letter-spacing:2px;color:#ffce40;font-size:9px;font-weight:700}.remote-video{object-fit:contain;background:#0c1c3b;width:100%;height:100%}.local-video{object-fit:cover;border:2px solid #ffcc39;border-radius:16px;width:170px;height:125px;position:absolute;bottom:60px;right:22px;transform:scaleX(-1);box-shadow:0 7px 25px #0005}.local-video.camera-hidden{opacity:0}.call-avatar{color:#1b3c78;background:#ffce40;width:115px;height:115px;font-size:45px;box-shadow:0 0 0 20px #ffce400c,0 0 0 42px #ffce4006}.audio-stream{width:230px;height:45px;position:absolute;bottom:30px}.call-controls{justify-content:center;gap:18px;margin-top:25px;display:flex}.call-controls button{color:#fff;background:#263e66;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-width:80px;height:65px;display:flex}.call-controls button span{font-size:10px}.call-controls button.off{color:#533e0c;background:#ffe08a}.call-controls .reject{background:#d35d5f}.toast{z-index:60}footer{color:#788eaf;border-color:#dce5f4}.loading{color:#2159d8}@media (max-width:720px){.site-nav{gap:10px}.install-button{padding:9px 11px;font-size:10px}.install-button span{max-width:90px}.welcome{gap:25px;padding:35px 0}.intro h1{font-size:49px}.hero-image{object-fit:cover;max-height:250px;margin-top:24px}.features{gap:14px}.join{padding:26px}.header-actions{gap:6px}.call-button{padding:9px}.call-button span{display:none}.attachment{min-width:100px;max-width:220px}.composer{gap:8px}.active-call{padding:15px}.call-stage{border-radius:20px;height:72dvh}.local-video{width:110px;height:90px;bottom:55px;right:12px}.call-info{padding:10px 14px;top:12px;left:12px}.call-info h2{font-size:20px}.call-controls{gap:13px;margin-top:18px}.empty-hero{width:250px}.workspace{height:calc(100dvh - 245px);min-height:430px}.install-help{width:min(300px,85vw)}footer{padding-bottom:calc(20px + env(safe-area-inset-bottom))}}body{background-color:#f6f8f5;background-image:radial-gradient(60vmax 60vmax at 12% 8%,#cfeadf 0,#0000 60%),radial-gradient(50vmax 50vmax at 92% 15%,#fbe6c4 0,#0000 55%),radial-gradient(55vmax 55vmax at 70% 105%,#d6e6f5 0,#0000 60%),none;background-position:0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat;background-size:auto,auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;min-height:100vh}body:before{content:"";pointer-events:none;background-image:radial-gradient(#14614f26 1.2px,#0000 1.2px);background-size:26px 26px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(#000 0,#0000 75%);mask-image:radial-gradient(#000 0,#0000 75%)}main{position:relative}.welcome{justify-content:center;align-items:center;min-height:calc(100vh - 150px);padding:30px 0 60px;display:flex}.welcome .join{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffc;border:1px solid #fff;width:100%;max-width:400px;padding:34px;box-shadow:0 30px 80px #1f5a4a1f,inset 0 2px #fff}.welcome .join-symbol{margin:0 auto 26px}.welcome .join small{display:none}.welcome .join form{margin-top:0}.welcome .username{margin-bottom:22px}.avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.profile-edit{padding:0;position:relative}.profile-edit>span{color:#fff;background:#2159d8;border:2px solid #fff;border-radius:50%;place-items:center;width:20px;height:20px;display:grid;position:absolute;bottom:-3px;right:-3px}.profile-edit input[hidden]{display:none}.emoji-wrap{position:relative}.composer .emoji-button{color:#2159d8;background:#eaf1ff}.emoji-picker{z-index:8;background:#fff;border:1px solid #dce6fa;border-radius:16px;width:300px;padding:15px;position:absolute;bottom:60px;left:0;box-shadow:0 12px 40px #1d438733}.emoji-picker header{justify-content:space-between;align-items:center;margin-bottom:12px;font-size:12px;display:flex}.emoji-picker header button{color:#7389ac;background:0 0;width:25px;height:25px}.emoji-picker>div{grid-template-columns:repeat(8,1fr);gap:3px;display:grid}.emoji-picker>div button{color:inherit;background:0 0;border-radius:7px;width:30px;height:32px;font-size:23px}.emoji-picker>div button:hover{background:#fff2b9}.offline-banner{color:#745a0e;background:#fff3bd;border:1px solid #f6e092;border-radius:12px;align-items:center;gap:9px;margin-top:20px;padding:12px 15px;font-size:12px;display:flex}.lock-button{color:#6785b5;border:1px solid #dce5f6;border-radius:9px;place-items:center;width:36px;height:36px;display:grid}.locked-chat{text-align:center;color:#6a83ab;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:30px;display:flex}.locked-chat h2{color:#264b84;font-size:21px}.locked-chat p{font-size:13px}.locked-chat .primary{max-width:240px;margin-top:20px}.lock-footer{color:#7690b6;background:#f0f5ff;justify-content:space-between;align-items:center;gap:8px;padding:10px 18px;font-size:10px;display:flex}.lock-footer span{align-items:center;gap:5px;display:flex}.lock-footer button{text-decoration:underline}.password-overlay{z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#14356788;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.password-card{color:#214479;background:#fff;border-radius:24px;width:min(400px,100%);padding:30px;position:relative;box-shadow:0 25px 80px #09204c33}.modal-close{position:absolute;top:15px;right:15px}.password-card h2{letter-spacing:-.5px;font-size:22px}.password-card p{color:#7890b1;font-size:13px}.password-card label{margin:16px 0;font-size:12px;display:block}.password-card input{color:#25477c;background:#f6f9ff;border:1px solid #d7e4f8;border-radius:10px;width:100%;margin-top:8px;padding:13px;display:block}.password-card small{color:#8295b3;margin-top:20px;font-size:10px;line-height:1.7;display:block}.password-card .join-symbol{margin-bottom:20px}.messages .bubble time{white-space:normal}@media (max-width:720px){.profile{display:flex}.profile>div{display:none}.profile-edit .avatar{width:38px;height:38px}.emoji-picker{width:280px}.emoji-picker>div{grid-template-columns:repeat(7,1fr)}.composer{gap:6px}.composer button{flex-shrink:0;width:36px;height:40px}.composer input:not([type=file]){padding:12px 10px}.offline-banner{font-size:10px}.header-actions{gap:5px}.workspace{min-height:400px}.password-card{padding:25px}}.join-art{border-radius:18px;width:100%;height:auto;margin:0 0 24px;display:block}:root{--accent:#157c64}.primary,.brand-icon{background:var(--accent)!important}.primary:hover{filter:brightness(.88)}.bubble-row{align-items:flex-end;gap:8px}.bubble-row.theirs{flex-direction:row;justify-content:flex-start}.bubble-row.mine{flex-direction:row-reverse;justify-content:flex-start}.bubble-row .avatar{width:34px;height:34px;font-size:13px}.bubble-row .bubble{max-width:min(75%,560px)}.bubble-row.theirs .bubble{color:#28456d;background:#fff;border:1px solid #e0e8f5;border-radius:14px 14px 14px 3px}.bubble-row.mine .bubble{background:var(--accent);color:#fff;border:0;border-radius:14px 14px 3px}.status-dot{vertical-align:middle;border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.profile small{gap:6px}.profile small .status-dot{width:8px;height:8px}.settings-button{width:42px;height:42px;color:var(--accent);background:#fffc;border:1px solid #dfe8f3;border-radius:12px;place-items:center;margin-left:14px;display:grid}.topline>.settings-button,.profile{margin-left:auto}.profile+.settings-button{margin-left:14px}.settings-card{max-height:92vh;overflow:auto}.set-title{letter-spacing:1.5px;text-transform:uppercase;color:#7890b1;margin:22px 0 10px;font-size:12px}.mode-row,.status-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.mode-row button,.status-grid button{color:#25477c;background:#f6f9ff;border:1px solid #d7e4f8;border-radius:11px;justify-content:center;align-items:center;gap:8px;padding:11px;font-size:13px;display:flex}.mode-row button.on,.status-grid button.on{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 25%,transparent);font-weight:700}.swatches{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.swatches button{color:#fff;border:3px solid #fff;border-radius:50%;place-items:center;width:36px;height:36px;display:grid;box-shadow:0 0 0 1px #cfd8e6}.swatches button.on{box-shadow:0 0 0 2px var(--accent)}.set-msg{color:#2f7d5b!important;margin:6px 0 12px!important;font-size:12px!important}.settings-card .primary{margin-top:6px}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#0d1114}html[data-theme=dark] body{background:#0d1114}html[data-theme=dark] body:before{opacity:.25}html[data-theme=dark] main,html[data-theme=dark] .password-overlay>section{filter:invert(.9)hue-rotate(180deg)}html[data-theme=dark] main img,html[data-theme=dark] main video,html[data-theme=dark] .password-overlay img{filter:invert()hue-rotate(180deg)}html[data-theme=dark] .bubble-row.mine .bubble,html[data-theme=dark] .primary,html[data-theme=dark] .brand-icon{background:var(--accent)!important}.peer-open{text-align:left;border-radius:12px;align-items:center;gap:12px;padding:0;display:flex}.peer-open:hover strong{text-decoration:underline}.peer-click{cursor:pointer;display:flex}.peer-card{text-align:center}.peer-avatar{justify-content:center;margin:6px 0 14px;display:flex}.peer-avatar .avatar{width:120px;height:120px;font-size:44px}.peer-status{justify-content:center;align-items:center;gap:8px;display:flex;color:#4a6285!important;font-size:14px!important}.peer-text{font-style:italic}.topline{margin:24px 0 20px}.brand-logo{border-radius:13px;width:44px;height:44px;box-shadow:0 6px 16px #0d5a4940}@media (max-width:700px){.brand-logo{width:36px;height:36px}}.welcome .join,.welcome .join label,.welcome .join .error,.welcome .username input{text-align:center}.welcome .username span{margin-left:2px;position:absolute}.welcome .username{position:relative}.empty-chat,.empty-chat h2,.empty-chat p,.locked-chat,.conversation-start,.empty-list{text-align:center}.empty-chat,.locked-chat,.conversation-start{flex-direction:column;justify-content:center;align-items:center;display:flex}.brand{justify-content:center}.install-help,.toast{text-align:center}.mode-tabs{gap:8px;margin:0 0 12px;display:flex}.mode-tabs button{background:var(--surface,#fff);color:inherit;border-radius:12px;padding:10px 20px}.mode-tabs button.active{color:#fff;background:#6055df}.group-call-note{color:#453983;background:#eeeafd;padding:10px 20px;font-size:12px}.group-create label{text-align:left;align-items:center;gap:10px;display:flex}.group-create>label{flex-direction:column;align-items:stretch}.group-create input:not([type=checkbox]){color:#222;background:#fff;border:1px solid #ccc;border-radius:10px;padding:12px}.group-members{text-align:left;max-height:240px;margin:16px 0;overflow:auto}.group-members label{padding:8px}.document-preview{overflow-wrap:anywhere;flex-direction:column;gap:6px;padding:12px;display:flex}.chat-header .peer-open{min-width:0}.chat-header .peer-open small{text-overflow:ellipsis;white-space:nowrap;max-width:220px;overflow:hidden}.chat-header a.call-button{white-space:nowrap;text-decoration:none}.mode-tabs{flex-wrap:wrap}.mode-tabs button{align-items:center;gap:8px;min-height:44px;display:flex}.activity-panel{background:var(--surface,#fff);min-height:460px;color:inherit;border-radius:22px;padding:28px}.activity-heading{align-items:center;gap:14px;margin-bottom:24px;display:flex}.activity-heading h2{margin:0 0 7px}.activity-heading p{opacity:.7;margin:0;line-height:1.5}.activity-symbol{color:#5145c9;background:#eef0ff;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.activity-panel>.search{max-width:460px;margin-bottom:24px}.activity-panel h3{margin-top:28px;font-size:15px}.activity-list{flex-direction:column;display:flex}.activity-row{border-bottom:1px solid #d8dfeb;align-items:center;gap:14px;padding:16px 0;display:flex}.activity-detail{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.activity-detail strong{overflow-wrap:anywhere}.activity-detail span{opacity:.75;align-items:center;gap:4px;font-size:13px;display:flex}.activity-detail small{opacity:.65;font-size:12px}.activity-action{color:#5145c9;background:#eef0ff;border-radius:10px;align-items:center;gap:6px;min-height:42px;padding:10px 14px;display:flex}.activity-action.danger{color:#af2845;background:#fff0f0}.activity-empty{opacity:.65;padding:26px 0;line-height:1.6}.blocking-note{color:#493d90;background:#eef0ff;border-radius:12px;align-items:flex-start;gap:10px;padding:14px;font-size:13px;line-height:1.6;display:flex}.blocking-note svg{flex-shrink:0;margin-top:2px}.brand{font-size:clamp(21px,4vw,30px)}@media (max-width:600px){.activity-panel{padding:18px}.mode-tabs{grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.mode-tabs button{flex-direction:column;gap:5px;padding:10px 4px;font-size:11px}.activity-heading{align-items:flex-start}.activity-heading h2{font-size:21px}.activity-heading p{font-size:13px}.activity-row{gap:9px}.activity-action{padding:10px;font-size:12px}.brand-logo{width:30px}.header-actions{gap:3px}}.brand{text-transform:none}.message-receipt{vertical-align:middle;align-items:center;gap:4px;margin-left:7px;display:inline-flex}.bubble time:has(.message-receipt){opacity:1}.contact-details{text-align:center}.contact-details .peer-avatar .avatar{width:92px;height:92px;font-size:35px}.contact-details h2{margin:12px 0 8px}.contact-username{color:#506782;background:#f0f5fc;border-radius:10px;align-items:center;gap:8px;min-height:44px;padding:8px 12px;display:inline-flex}.contact-details form{text-align:left;margin-top:20px}.contact-details form>small{margin:10px 0 18px;line-height:1.6}.contact-details form .primary{margin-top:15px}.contact-save-status{color:#157c64;align-items:center;gap:7px;font-size:12px;display:flex}.peer-status{justify-content:center}.contact-details-button{color:var(--accent)}.access-form h1{margin:0 0 10px;font-size:clamp(24px,5vw,34px);line-height:1.15}.access-form>p{color:#66758a;margin:0 0 22px;font-size:14px;line-height:1.5}.access-tabs{background:#eef5f3;border-radius:14px;gap:4px;margin-bottom:22px;padding:4px;display:flex}.access-tabs button{color:#52665f;border-radius:10px;flex:1;min-height:42px;font-size:13px}.access-tabs button[aria-pressed=true]{color:#157c64;background:#fff;font-weight:700;box-shadow:0 2px 8px #163d2710}.access-form label{margin:16px 0 8px;font-size:13px;font-weight:600;display:block}.access-form .pin-input{letter-spacing:.6em;color:#18382f;background:#f8fbfa;border:1px solid #d5e3dd;border-radius:13px;width:100%;min-height:52px;padding:12px 16px;font-size:22px}.access-form .primary{border-radius:14px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:52px;margin-top:22px;display:flex}.access-form>small{color:#657870;justify-content:center;align-items:center;gap:6px;margin-top:15px;font-size:11px;display:flex}.session-logout,.notification-toggle{width:42px;height:42px;color:var(--accent);background:#eef5f3;border-radius:13px;flex-shrink:0;place-items:center;display:grid}.topline{gap:8px}.topline>.profile{margin-right:auto}.notification-banner{z-index:85;top:max(18px,env(safe-area-inset-top));color:#1c3e32;background:#fff;border:1px solid #cfe4dc;border-radius:18px;align-items:center;gap:8px;width:min(390px,100vw - 28px);padding:10px;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 12px 45px #12392730}.notification-banner>button:first-child{text-align:left;flex:1;align-items:center;gap:12px;padding:8px;display:flex}.notification-banner span{flex-direction:column;gap:4px;display:flex}.notification-banner small{color:#6b7b75;font-size:12px}.notification-banner>button:last-child{padding:10px}.avatar{aspect-ratio:1;border-radius:50%;flex-shrink:0;position:relative;overflow:hidden}.avatar>img{object-fit:cover;border-radius:inherit;width:100%;height:100%;display:block}.profile-edit{border-radius:50%;flex-shrink:0;padding:0;line-height:0;position:relative;overflow:visible}.profile-edit>.avatar{margin:0}.profile-edit>span{border:2px solid #fff;border-radius:50%;place-items:center;line-height:1;display:grid;position:absolute;bottom:-2px;right:-2px}.mode-tabs{grid-template-columns:repeat(3,1fr)}.call-overlay{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#071c2bba}.incoming-call-card{width:calc(100vw - 32px);max-width:390px;position:relative;color:#fff!important;background:linear-gradient(145deg,#193c46,#0b202b)!important;border:1px solid #fff2!important;border-radius:30px!important;padding:34px 24px!important;box-shadow:0 30px 90px #0006!important}.call-eyebrow{letter-spacing:.18em;text-transform:uppercase;color:#91dbca;margin-bottom:28px;font-size:11px;display:block}.ring-avatar{place-items:center;width:120px;height:120px;margin:0 auto 28px;display:grid;position:relative}.ring-avatar:before,.ring-avatar:after{content:"";border:1px solid #67d8b955;border-radius:50%;animation:2.4s ease-out infinite call-pulse;position:absolute;inset:-8px}.ring-avatar:after{animation-delay:1.2s}.ring-avatar .avatar,.call-avatar-wrap .avatar{color:#fff;background:#38685d;font-size:40px;width:104px!important;height:104px!important}.incoming-call-card h2{margin:0 0 10px;font-size:26px}.incoming-call-card>p{color:#b6cdd3;font-size:14px}.incoming-call-card .call-actions{gap:12px;margin-top:30px}.incoming-call-card .call-actions button{border-radius:18px;flex:1;justify-content:center;align-items:center;gap:8px;min-height:58px;display:flex}.incoming-call-card .reject{color:#fff;background:#d64e64}.incoming-call-card .primary{color:#fff;background:#30b88e}.active-call{color:#fff;background:linear-gradient(150deg,#133a48,#071823)!important}.active-call .call-kind{color:#8fd9c5;letter-spacing:.16em;font-size:11px}.active-call .call-info h2{font-size:clamp(26px,6vw,40px)}.active-call .call-info p{color:#afcbd2}.call-avatar-wrap{border:1px solid #5adfb54d;border-radius:50%;place-items:center;width:146px;height:146px;margin:35px auto;display:grid;box-shadow:0 0 0 18px #5adfb50a}.active-call .call-controls{padding:22px 18px max(22px,env(safe-area-inset-bottom));gap:18px}.active-call .call-controls button{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff17;border-radius:20px;min-width:64px;min-height:66px}.active-call .call-controls button.reject{background:#d64e64}.active-call .local-video{border:2px solid #fff4;border-radius:20px;box-shadow:0 12px 35px #0004}.active-call .remote-video{object-fit:contain}@keyframes call-pulse{0%{opacity:.8;transform:scale(.92)}to{opacity:0;transform:scale(1.24)}}@media (prefers-reduced-motion:reduce){.ring-avatar:before,.ring-avatar:after{animation:none}}@media (max-width:600px){.app-shell .mode-tabs{grid-template-columns:repeat(3,1fr)}.app-shell .session-logout,.app-shell .notification-toggle{border-radius:11px;width:36px;height:36px}.access-form h1{font-size:27px}.incoming-call-card{padding:28px 20px!important}}.brand-logo{object-fit:contain;box-shadow:none;border-radius:0}.join-art.kentra-logo{object-fit:contain;border-radius:0;width:150px;height:150px;margin:0 auto 24px}.message-receipt{color:#d4dde5;gap:0;margin-left:6px}.message-receipt.is-read svg{stroke-width:2.6px}.account-head{align-items:center;gap:14px;margin-bottom:6px;display:flex}.account-head small{color:#7890b1;align-items:center;gap:5px;margin-top:5px;font-size:11px;display:flex}.account-photo .avatar{width:64px;height:64px;font-size:24px}.account-photo .profile-edit>span{background:var(--accent);width:24px;height:24px}.link-button{color:#c0392b;align-items:center;gap:5px;margin-top:8px;font-size:11px;text-decoration:underline;display:flex}.account-form{background:#f9fbff;border:1px solid #d7e4f8;border-radius:14px;margin-top:14px;padding:14px}.account-form h4{align-items:center;gap:7px;margin:0 0 4px;font-size:13px;display:flex}.account-form .pin-input{letter-spacing:.5em;font-size:18px}.account-form label{margin:10px 0}.account-action{color:#25477c;background:#f6f9ff;border:1px solid #d7e4f8;border-radius:11px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:10px;padding:12px;font-size:13px;display:flex}.account-action.danger{color:#c0392b;background:#fff6f5;border-color:#f1c6c1}.danger-zone{background:#fff6f5;border-color:#f1c6c1}.danger-zone p{color:#a33a30!important}.danger-row{gap:8px;margin-top:12px;display:flex}.danger-row button{border:1px solid #d7e4f8;border-radius:11px;flex:1;padding:12px;font-size:13px}.danger-row .danger-confirm{color:#fff;background:#c0392b;border-color:#c0392b}.bubble-row{position:relative}.msg-delete{opacity:0;color:#7e91ae;border-radius:50%;flex-shrink:0;align-self:center;place-items:center;width:28px;height:28px;transition:opacity .15s;display:grid}.bubble-row:hover .msg-delete{opacity:1}.msg-delete:focus-visible{opacity:1}.bubble-row.mine .msg-delete{order:-1}@media (hover:none){.msg-delete{opacity:.55}}.msg-menu{z-index:6;background:#fff;border:1px solid #dce6fa;border-radius:12px;flex-direction:column;min-width:180px;padding:6px;display:flex;position:absolute;top:100%;box-shadow:0 10px 30px #1d438733}.bubble-row.mine .msg-menu{right:0}.bubble-row.theirs .msg-menu{left:44px}.msg-menu button{text-align:left;color:#25477c;border-radius:8px;padding:10px 12px;font-size:13px}.msg-menu button:hover{background:#eaf1ff}.msg-menu button:first-child:not(:last-child){color:#c0392b}.notif-wrap{flex-shrink:0;position:relative}.notif-wrap .notification-toggle{position:relative}.notif-badge{color:#fff;text-align:center;box-sizing:content-box;background:#e03131;border:2px solid #fff;border-radius:10px;min-width:19px;height:19px;padding:0 5px;font-size:11px;line-height:19px;position:absolute;top:-5px;right:-5px}.notif-backdrop{z-index:70;position:fixed;inset:0}.notif-panel{z-index:71;color:#25477c;background:#fff;border:1px solid #dce6fa;border-radius:16px;width:min(340px,100vw - 28px);max-height:70vh;padding:8px;position:absolute;top:50px;right:0;overflow:auto;box-shadow:0 18px 50px #1d41862a}.notif-panel header{justify-content:space-between;align-items:center;padding:8px 10px;font-size:14px;display:flex}.notif-panel ul{margin:0;padding:0;list-style:none}.notif-panel li button{text-align:left;border-radius:11px;align-items:center;gap:11px;width:100%;padding:11px 10px;display:flex}.notif-panel li button:hover{background:#eaf1ff}.notif-panel li span:nth-child(2){flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.notif-panel li small{color:#7e91ae;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.notif-panel li b{background:var(--accent);color:#fff;text-align:center;border-radius:10px;min-width:22px;padding:2px 7px;font-size:11px}.notif-dot{color:#2c5eae;background:#e3edff;border-radius:50%;flex-shrink:0;place-items:center;width:38px;height:38px;font-weight:700;display:grid}.notif-enable{color:#705913;background:#fff3bb;border-radius:11px;justify-content:center;align-items:center;gap:8px;width:calc(100% - 8px);margin:4px;padding:11px;font-size:12px;font-weight:600;display:flex}.notif-empty{text-align:center;color:#7e91ae;margin:0;padding:18px 12px;font-size:13px}.conversation-options{display:contents}.conversation-menu-toggle{display:none}.conversation-options-panel{gap:8px;display:flex}.conversation-options-panel .lock-button span{display:none}@media (max-width:720px){:root{--mobile-bg:#f5f7fa;--mobile-panel:#fff;--mobile-ink:#152c3c;--mobile-muted:#71828d;--mobile-line:#e8edf0;--mobile-soft:#eef3f5;--mobile-tint:#e8f5ee;--mobile-bubble:#fff}html[data-theme=dark]{--mobile-bg:#101a22;--mobile-panel:#16232d;--mobile-ink:#eef4f7;--mobile-muted:#99acb8;--mobile-line:#263743;--mobile-soft:#20313d;--mobile-tint:#203b34;--mobile-bubble:#223441}html[data-theme=dark] main,html[data-theme=dark] main img,html[data-theme=dark] main video,html[data-theme=dark] .password-overlay>section,html[data-theme=dark] .password-overlay img{filter:none}body{background:var(--mobile-bg);background-image:none}body:before{display:none}button,a,input{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}input:not([type=checkbox]):not([type=file]),textarea{font-size:16px!important}.app-shell{top:var(--app-top,0px);height:var(--app-height,100dvh);width:100%;max-width:none;padding:env(safe-area-inset-top) 0 0;background:var(--mobile-panel);color:var(--mobile-ink);isolation:isolate;flex-direction:column;margin:0;display:flex;position:fixed;left:0;right:0;overflow:hidden}.app-shell>.site-nav{background:var(--mobile-panel);flex-shrink:0;justify-content:space-between;min-height:66px;padding:14px 20px 8px}.app-shell .brand{letter-spacing:-1px;color:var(--mobile-ink);justify-content:flex-start;gap:9px;font-size:25px}.app-shell .brand-logo{width:33px;height:33px;box-shadow:none;border-radius:10px}.app-shell .brand-dot{color:var(--accent)}.app-shell .install-button{background:var(--mobile-soft);width:42px;height:42px;color:var(--accent);border:0;border-radius:50%;justify-content:center;padding:0}.app-shell .install-button span{display:none}.app-shell .install-help{text-align:left;background:var(--mobile-panel);color:var(--mobile-ink);border-color:var(--mobile-line);top:48px;right:0}.app-shell>.topline{border-bottom:1px solid var(--mobile-line);background:var(--mobile-panel);flex-shrink:0;margin:0;padding:5px 20px 14px}.app-shell .profile{gap:10px;margin:0;font-size:12px;display:flex}.app-shell .profile .avatar{width:33px;height:33px;font-size:13px}.app-shell .profile small{color:var(--mobile-muted);margin-top:3px;font-size:10px}.app-shell .profile-edit>span{background:var(--accent);border-color:var(--mobile-panel);width:17px;height:17px}.app-shell .settings-button{background:var(--mobile-soft);width:42px;height:42px;color:var(--mobile-muted);border:0;border-radius:50%;margin:0}.app-shell>.mode-tabs{padding:6px 8px calc(6px + env(safe-area-inset-bottom));border-top:1px solid var(--mobile-line);background:var(--mobile-panel);z-index:12;flex-shrink:0;order:10;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0;display:grid;box-shadow:0 -4px 20px #15372905}.app-shell>.mode-tabs button{min-height:57px;color:var(--mobile-muted);background:0 0;border-radius:0;flex-direction:column;justify-content:center;gap:4px;padding:5px 0;font-size:10px;font-weight:600;display:flex}.app-shell>.mode-tabs button svg{box-sizing:content-box;width:22px;height:22px;padding:0}.app-shell>.mode-tabs button.active{color:var(--accent);background:0 0}.app-shell>.mode-tabs button.active svg{background:var(--mobile-tint);border-radius:14px;margin:-4px -15px 0;padding:4px 15px}.app-shell>.workspace{width:100%;height:auto;min-height:0;max-height:none;box-shadow:none;background:var(--mobile-panel);border:0;border-radius:0;flex-direction:column;flex:1;order:1;margin:0;display:flex;overflow:hidden}.app-shell .workspace>aside{background:var(--mobile-panel);border:0;flex:1;min-height:0}.app-shell .workspace>.chat,.app-shell .workspace.has-selected>aside{display:none}.app-shell .workspace.has-selected>.chat{background:var(--mobile-bg);flex:1;min-height:0;display:flex}.app-shell .aside-title{flex-shrink:0;padding:21px 20px 12px}.app-shell .aside-title h2{letter-spacing:-.7px;color:var(--mobile-ink);font-family:Manrope,sans-serif;font-size:24px}.app-shell .aside-title button{background:var(--mobile-tint);width:42px;height:42px;color:var(--accent);border:0;border-radius:50%;place-items:center;display:grid}.app-shell .search{background:var(--mobile-soft);color:var(--mobile-muted);border-radius:14px;flex-shrink:0;margin:0 18px 10px;padding:12px 14px}.app-shell .search input{color:var(--mobile-ink)}.app-shell .contacts{overscroll-behavior:contain;scrollbar-width:none;padding:0 10px 12px}.app-shell .contacts::-webkit-scrollbar{display:none}.app-shell .contact{border-radius:14px;gap:13px;min-height:82px;margin:0;padding:17px 10px}.app-shell .contact .avatar{background:var(--mobile-tint);width:49px;height:49px;color:var(--accent);font-size:19px}.app-shell .contact strong{color:var(--mobile-ink);margin-bottom:6px;font-size:15px;font-weight:700}.app-shell .contact span{color:var(--mobile-muted);max-width:100%;font-size:12px}.app-shell .contact time{color:var(--mobile-muted);font-size:10px}.app-shell .contact:hover,.app-shell .contact.active{background:var(--mobile-soft);box-shadow:none}.app-shell .aside-footer,:is(.app-shell:has(.workspace.has-selected)>.site-nav,.app-shell:has(.workspace.has-selected)>.topline,.app-shell:has(.workspace.has-selected)>.mode-tabs),.app-shell[data-keyboard=true]>.mode-tabs{display:none}.app-shell .chat-header{background:var(--mobile-panel);border-bottom:1px solid var(--mobile-line);min-height:72px;color:var(--mobile-ink);flex-shrink:0;gap:5px;padding:10px}.app-shell .back{width:36px;height:44px;color:var(--mobile-ink);flex-shrink:0;place-items:center;display:grid}.app-shell .chat-header .peer-open{border-radius:0;flex:1;gap:9px;min-width:0;overflow:hidden}.app-shell .chat-header .peer-open>.avatar{background:var(--mobile-tint);width:39px;height:39px;color:var(--accent);font-size:15px}.app-shell .peer-open>div:last-child{min-width:0}.app-shell .chat-header strong{white-space:nowrap;text-overflow:ellipsis;max-width:100%;color:var(--mobile-ink);font-size:15px;display:block;overflow:hidden}.app-shell .chat-header small{color:var(--mobile-muted);max-width:100%;margin-top:4px;font-size:10px}.app-shell .header-actions{flex-shrink:0;align-items:center;gap:2px;margin-left:auto}.app-shell .header-actions .call-button{width:39px;height:44px;color:var(--accent);background:0 0;border:0;border-radius:12px;place-items:center;padding:0;display:grid}.app-shell .header-actions .call-button span{display:none}.app-shell .header-actions .audio-button{order:0}.app-shell .header-actions .video-button{order:1}.app-shell .conversation-options{order:2;display:block;position:relative}.app-shell .conversation-menu-toggle{width:36px;height:44px;color:var(--mobile-muted);place-items:center;display:grid}.app-shell .conversation-options-panel{border:1px solid var(--mobile-line);background:var(--mobile-panel);z-index:20;border-radius:16px;min-width:190px;padding:7px;display:none;position:absolute;top:48px;right:0;box-shadow:0 14px 35px #0002}.app-shell .conversation-options.is-open .conversation-options-panel{flex-direction:column;gap:4px;display:flex}.app-shell .conversation-options-panel .lock-button{width:100%;height:auto;min-height:46px;color:var(--mobile-ink);text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;padding:10px 12px;display:flex}.app-shell .conversation-options-panel .lock-button span{font-size:13px;display:inline}.app-shell .chat-header>.call-button{background:var(--mobile-tint);width:44px;height:44px;color:var(--accent);border:0;border-radius:50%;flex-shrink:0;place-items:center;padding:0;font-size:0;display:grid}.app-shell .messages{overscroll-behavior:contain;background:radial-gradient(var(--mobile-line) .75px,transparent .75px) 0 0/18px 18px,var(--mobile-bg);padding:16px 14px}.app-shell .bubble-row{gap:6px;margin:10px 0}.app-shell .bubble-row>.peer-click,.app-shell .bubble-row.mine>span{display:none}.app-shell .bubble{background:var(--mobile-bubble);border:1px solid var(--mobile-line);max-width:86%;color:var(--mobile-ink);border-radius:17px 17px 17px 4px;padding:10px 13px;font-size:14px;line-height:1.5;box-shadow:0 2px 5px #00000004}.app-shell .mine .bubble{background:var(--accent);color:#fff;border:0;border-radius:17px 17px 4px}.app-shell .bubble time{font-size:9px}.app-shell .attachment{max-width:min(240px,65vw)}.app-shell .conversation-start{color:var(--mobile-muted);padding:24px 0}.app-shell .conversation-start .avatar{background:var(--mobile-tint);color:var(--accent)}.app-shell .composer{padding:10px 10px calc(10px + env(safe-area-inset-bottom));background:var(--mobile-panel);border-top:1px solid var(--mobile-line);flex-shrink:0;gap:6px}.app-shell .composer input:not([type=file]){background:var(--mobile-soft);min-height:46px;color:var(--mobile-ink);border:0;border-radius:24px;padding:12px 13px}.app-shell .composer button{width:40px;height:44px;color:var(--mobile-muted);background:0 0;border-radius:50%;flex-shrink:0}.app-shell .composer button[type=submit],.app-shell .composer>button:last-child{background:var(--accent);color:#fff;width:44px}.app-shell .composer .emoji-button,.app-shell .composer .attach-button{color:var(--mobile-muted);background:0 0}.app-shell .emoji-picker{background:var(--mobile-panel);width:min(300px,100vw - 24px);color:var(--mobile-ink);border-color:var(--mobile-line);left:0}.app-shell .emoji-picker header button{background:0 0}.app-shell .emoji-picker>div button{color:inherit;background:0 0}.app-shell .lock-footer{padding-bottom:calc(8px + env(safe-area-inset-bottom));background:var(--mobile-soft);color:var(--mobile-muted);flex-shrink:0}.app-shell:has(.lock-footer) .composer{padding-bottom:10px}.app-shell .locked-chat{background:var(--mobile-bg);color:var(--mobile-muted)}.app-shell .locked-chat h2{color:var(--mobile-ink)}.app-shell .group-call-note{background:var(--mobile-tint);color:var(--mobile-muted);flex-shrink:0;padding:9px 14px;font-size:10px;line-height:1.5}.app-shell>.activity-panel{background:var(--mobile-panel);overscroll-behavior:contain;min-height:0;color:var(--mobile-ink);border-radius:0;flex:1;order:1;padding:22px 20px;overflow:auto}.app-shell .activity-heading{gap:12px;margin-bottom:20px}.app-shell .activity-heading h2{letter-spacing:-.7px;font-size:23px}.app-shell .activity-heading p{color:var(--mobile-muted);opacity:1;font-size:12px;line-height:1.6}.app-shell .activity-panel>.search{margin:0 0 16px}.app-shell .activity-symbol{background:var(--mobile-tint);color:var(--accent)}.app-shell .activity-row{border-color:var(--mobile-line);padding:17px 0}.app-shell .activity-action{background:var(--mobile-soft);min-height:44px;color:var(--accent)}.app-shell .activity-action.danger{color:#c84861}.app-shell .blocking-note{background:var(--mobile-soft);color:var(--mobile-muted)}.app-shell>.offline-banner{border:0;border-radius:0;flex-shrink:0;margin:0;padding:8px 15px;font-size:11px;line-height:1.5}.app-shell .toast{bottom:calc(88px + env(safe-area-inset-bottom));width:max-content;max-width:calc(100% - 24px)}.app-shell:has(.workspace.has-selected) .toast{bottom:calc(86px + env(safe-area-inset-bottom))}.app-shell .password-overlay,.app-shell .call-overlay{align-items:end;padding:18px;overflow:auto}.app-shell .password-card,.app-shell .call-card{width:100%;max-height:calc(var(--app-height,100dvh) - 45px);background:var(--mobile-panel);color:var(--mobile-ink);margin-bottom:env(safe-area-inset-bottom);border-radius:25px 25px 18px 18px;padding:25px;overflow:auto}.app-shell .modal-close{width:44px;height:44px;top:8px;right:8px}.app-shell .password-card input,.app-shell .group-create input:not([type=checkbox]){background:var(--mobile-soft);border-color:var(--mobile-line);color:var(--mobile-ink)}.app-shell .call-actions>button{min-height:48px}.app-shell .group-members label{min-height:46px}.app-shell .settings-card{max-height:calc(var(--app-height,100dvh) - 45px)}.app-shell .active-call{padding:calc(12px + env(safe-area-inset-top)) 12px calc(20px + env(safe-area-inset-bottom));height:var(--app-height,100dvh)}.app-shell .call-stage{border-radius:24px;flex:1;width:100%;height:auto;min-height:0}.app-shell .call-controls{flex-shrink:0;margin-top:18px}.app-shell .call-controls button{min-width:74px;min-height:65px}.auth-shell{padding:calc(18px + env(safe-area-inset-top)) 22px calc(24px + env(safe-area-inset-bottom));min-height:100dvh;color:var(--mobile-ink)}.auth-shell .site-nav{justify-content:space-between}.auth-shell .brand{font-size:25px}.auth-shell .brand-logo{width:34px;height:34px}.auth-shell .welcome{min-height:calc(100dvh - 120px);padding:26px 0}.auth-shell .welcome .join{background:var(--mobile-panel);border:1px solid var(--mobile-line);border-radius:26px;padding:30px 24px;box-shadow:0 15px 45px #103e2410}.auth-shell .username{background:var(--mobile-soft)}.auth-shell .username input,.auth-shell .join label{color:var(--mobile-ink)}.auth-shell .install-button{background:var(--mobile-soft);border:0;padding:10px}.auth-shell .install-button span{display:none}}.auth-shell .access-form>label{text-align:left;color:var(--mobile-ink,#183b35);margin:18px 0 10px;font-weight:700;display:block}.auth-shell .access-form .username{border:1px solid var(--mobile-line,#cbdcd4);background:var(--mobile-soft,#f3f8f5);padding:0;display:block;position:relative}.auth-shell .access-form .username>span{color:var(--mobile-muted,#60786c);position:absolute;top:50%;left:16px;transform:translateY(-50%)}.auth-shell .access-form .username input{text-align:left;width:100%;min-height:54px;color:var(--mobile-ink,#183b35);background:0 0;padding:14px 38px;display:block}.auth-shell .access-form .pin-input{text-align:left;width:100%;min-height:54px;color:var(--mobile-ink,#183b35);background:var(--mobile-soft,#f3f8f5);border:1px solid var(--mobile-line,#cbdcd4);display:block}.auth-shell .access-form input::placeholder{color:var(--mobile-muted,#60786c);opacity:1}.auth-shell .access-form input:focus{outline:2px solid var(--accent,#157c64);outline-offset:2px}@media (max-width:720px){.app-shell .contact-username{background:var(--mobile-soft);color:var(--mobile-muted)}.app-shell .contact-details,.app-shell .contact-details h2{color:var(--mobile-ink)}.app-shell .contact-details .peer-avatar .avatar{background:var(--mobile-tint);color:var(--accent)}.app-shell .contact-details form>small{color:var(--mobile-muted)}.app-shell .message-receipt{font-size:9px}.app-shell .contact-save-status{color:var(--accent)}.app-shell .brand-logo,.auth-shell .brand-logo{object-fit:contain;box-shadow:none;border-radius:0}.app-shell .brand-logo{width:37px;height:37px}.app-shell .message-receipt{color:#d4dde5}.app-shell .message-receipt.is-read{color:#51d6ff}.auth-shell .join-art.kentra-logo{width:145px;height:145px}.app-shell .avatar{aspect-ratio:1;border-radius:50%;overflow:hidden}.app-shell .mode-tabs{grid-template-columns:repeat(3,1fr)}.app-shell .topline>.profile{margin-right:auto}.app-shell .topline{gap:6px}.app-shell .session-logout,.app-shell .notification-toggle{flex-shrink:0;width:34px;height:34px}}:root{--ease:cubic-bezier(.22,1,.36,1);--brand:linear-gradient(135deg,var(--accent,#157c64),color-mix(in srgb,var(--accent,#157c64) 55%,#22d3ee));--glow:0 10px 28px color-mix(in srgb,var(--accent,#157c64) 35%,transparent)}html{scroll-behavior:smooth}body{background-attachment:fixed}body:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(40% 40% at 20% 20%,color-mix(in srgb,var(--accent,#157c64) 14%,transparent),transparent 70%),radial-gradient(35% 35% at 80% 70%,#ffc93626,transparent 70%),radial-gradient(30% 30% at 70% 15%,#22d3ee1f,transparent 70%);animation:22s ease-in-out infinite alternate aurora;position:fixed;inset:-20%}@keyframes aurora{to{transform:translate(4%,3%)rotate(6deg)scale(1.08)}}.brand .brand-logo{transition:transform .5s var(--ease)}.brand:hover .brand-logo{transform:rotate(-10deg)scale(1.1)}.join{animation:rise .7s var(--ease) both}.join-art{animation:5s ease-in-out infinite float}@keyframes rise{0%{opacity:0;transform:translateY(24px)scale(.97)}}@keyframes float{50%{transform:translateY(-8px)}}.access-form>*{animation:rise .6s var(--ease) both}.access-form>:nth-child(2){animation-delay:50ms}.access-form>:nth-child(3){animation-delay:.1s}.access-form>:nth-child(4){animation-delay:.15s}.access-form>:nth-child(5){animation-delay:.2s}.access-form>:nth-child(n+6){animation-delay:.25s}.workspace{animation:rise .6s var(--ease) both}.topline{animation:rise .5s var(--ease) both}.access-form input,.search,.composer input:not([type=file]),.password-card input{transition:box-shadow .25s,border-color .25s,transform .25s var(--ease),background .25s}.access-form input:focus,.password-card input:focus,.composer input:not([type=file]):focus{border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 18%,transparent);outline:0}.search:focus-within{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent);transform:translateY(-1px)}.primary,.composer button{box-shadow:var(--glow);transition:transform .2s var(--ease),box-shadow .2s,filter .2s;position:relative;overflow:hidden;background:var(--brand)!important}.primary:hover:not(:disabled),.composer button:hover:not(:disabled){filter:brightness(1.06);box-shadow:0 14px 34px color-mix(in srgb,var(--accent) 45%,transparent);transform:translateY(-2px)}.primary:active:not(:disabled),.composer button:active:not(:disabled),.call-button:active,.contact:active,.mode-tabs button:active{transform:scale(.96)}.primary:after{content:"";pointer-events:none;background:linear-gradient(110deg,#0000 30%,#fff5 50%,#0000 70%);position:absolute;inset:0;transform:translate(-120%)}.primary:hover:after{transition:transform .8s var(--ease);transform:translate(120%)}.composer .attach-button,.composer .emoji-button{box-shadow:none;background:color-mix(in srgb,var(--accent) 10%,#fff)!important;color:var(--accent)!important}.composer .attach-button:hover,.composer .emoji-button:hover{transform:rotate(-12deg)scale(1.08)}.ripple{pointer-events:none;opacity:.28;background:currentColor;border-radius:50%;animation:.6s ease-out forwards ripple;position:absolute;transform:scale(0)}@keyframes ripple{to{opacity:0;transform:scale(1)}}.call-button,.lock-button,.session-logout,.notification-toggle,.settings-button,.mode-tabs button,.contact,.install-button{transition:transform .2s var(--ease),background .2s,box-shadow .2s,color .2s;position:relative;overflow:hidden}.notification-toggle{overflow:visible}.call-button:hover,.lock-button:hover,.session-logout:hover,.notification-toggle:hover,.settings-button:hover{transform:translateY(-2px);box-shadow:0 8px 18px #1d438722}.settings-button:hover svg{animation:spin 1s var(--ease)}@keyframes spin{to{transform:rotate(180deg)}}.notification-toggle:hover svg{animation:.6s ring}@keyframes ring{20%{transform:rotate(14deg)}40%{transform:rotate(-12deg)}60%{transform:rotate(8deg)}80%{transform:rotate(-4deg)}}.notif-badge{animation:pop .4s var(--ease)}.mode-tabs button.active{box-shadow:var(--glow);background:var(--brand)!important;color:#fff!important}.access-tabs button[aria-pressed=true]{animation:pop .35s var(--ease)}@keyframes pop{0%{opacity:.4;transform:scale(.8)}}.contact:hover{transform:translate(4px)}.contact.active{box-shadow:inset 3px 0 var(--accent),0 6px 18px #1d438712}.avatar{transition:transform .3s var(--ease),box-shadow .3s}.contact:hover .avatar{transform:scale(1.08)rotate(-4deg)}.avatar{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 16%,#fff),#cef5fb)}.bubble-row{animation:bubble-in .45s var(--ease) both;transform-origin:0 100%}.bubble-row.mine{transform-origin:100% 100%}@keyframes bubble-in{0%{opacity:0;transform:translateY(14px)scale(.9)}}.bubble{transition:transform .2s var(--ease),box-shadow .2s;box-shadow:0 2px 10px #1d43871a}.bubble:hover{transform:translateY(-1px);box-shadow:0 8px 22px #1d43872a}.mine .bubble{box-shadow:var(--glow);background:var(--brand)!important}.messages{scroll-behavior:smooth;background:radial-gradient(circle at 1px 1px,color-mix(in srgb,var(--accent) 9%,transparent) 1px,transparent 0) 0 0/22px 22px}.msg-menu{animation:pop .2s var(--ease)}.conversation-start .avatar{animation:4s ease-in-out infinite float}.empty-hero{animation:6s ease-in-out infinite float}.message-receipt.is-read{color:#7df9ff}.toast,.notification-banner,.notif-panel,.install-help,.emoji-picker{animation:rise .35s var(--ease) both}.password-overlay{animation:.25s both fade}.password-card{animation:rise .4s var(--ease) both}@keyframes fade{0%{opacity:0}}.swatches button{transition:transform .2s var(--ease)}.swatches button:hover{transform:scale(1.18)}.swatches button.on{transform:scale(1.12)}.scroll-down{z-index:30;background:var(--brand);color:#fff;width:42px;height:42px;box-shadow:var(--glow);animation:pop .3s var(--ease);border-radius:50%;place-items:center;display:grid;position:fixed}.scroll-down:hover{transform:translateY(-2px)}.scroll-down b{color:#fff;text-align:center;background:#e03131;border-radius:10px;min-width:20px;height:20px;padding:0 5px;font-size:11px;line-height:20px;position:absolute;top:-6px;right:-6px}::selection{background:color-mix(in srgb,var(--accent) 30%,transparent)}*{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--accent) 35%,transparent) transparent}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (max-width:720px){.contact:hover,.bubble:hover{transform:none}}.settings-card{flex-direction:column;width:min(420px,100%);max-height:min(600px,90dvh);padding:22px 22px 20px;display:flex;overflow:hidden}.settings-card h2{margin:0 0 14px;font-size:18px}.set-tabs{background:#eef3fc;border-radius:12px;gap:4px;margin-bottom:14px;padding:4px;display:flex}.set-tabs button{color:#6b82a8;border-radius:9px;flex:1;justify-content:center;align-items:center;gap:6px;padding:9px 6px;font-size:12px;font-weight:600;transition:background .2s,color .2s,box-shadow .2s;display:flex}.set-tabs button.on{color:var(--accent);background:#fff;box-shadow:0 2px 8px #1d43871f}.set-body{min-height:230px;padding:2px;overflow:auto}.settings-card .set-title{margin:4px 0 8px}.settings-card .swatches{margin-bottom:6px}.settings-card .account-head{margin:0;padding:6px 2px 14px}.settings-card .account-head strong{font-size:15px}.menu-list{border:1px solid #e1e9f7;border-radius:14px;margin:0;padding:0;list-style:none;overflow:hidden}.menu-list li+li{border-top:1px solid #e9eff9}.menu-list button{text-align:left;color:#25477c;border-radius:0;align-items:center;gap:12px;width:100%;padding:14px;font-size:14px;display:flex}.menu-list button span{flex:1}.menu-list button svg:last-child{color:#a3b3cc}.menu-list button:hover{background:#f3f7ff}.menu-list button.danger{color:#c0392b}.account-sub h4{margin:6px 0 4px;font-size:16px}.account-sub .danger-title{color:#c0392b}.sub-note{color:#7890b1;margin:4px 0 0;font-size:13px}.sub-back{color:#6b82a8;align-items:center;gap:3px;padding:2px 0;font-size:12px;display:flex}.account-sub label{margin:12px 0!important}.account-sub .pin-input{letter-spacing:.5em;font-size:18px}.account-sub .primary{margin-top:6px}.account-sub .danger-confirm{box-shadow:none;background:#c0392b!important}@media (max-width:720px){.settings-card{border-radius:20px;padding:20px 16px 16px}.set-body{min-height:200px}}.voice-button{width:44px;height:44px;box-shadow:var(--glow);border-radius:10px;flex-shrink:0;place-items:center;display:grid;background:var(--brand)!important;color:#fff!important}.composer:has(.voice-bar)>:not(.voice-bar){display:none}.voice-bar{min-width:0;animation:rise .25s var(--ease);background:#fff3f3;border-radius:14px;flex:1;align-items:center;gap:12px;padding:4px 6px;display:flex}.voice-bar .voice-cancel{border-radius:50%;place-items:center;width:40px;height:40px;display:grid;color:#c0392b!important;box-shadow:none!important;background:#fff!important}.voice-bar .voice-send{border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.voice-live{font-variant-numeric:tabular-nums;color:#c0392b;align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex}.voice-live i{background:#e03131;border-radius:50%;width:10px;height:10px;animation:1s ease-in-out infinite rec}@keyframes rec{50%{opacity:.25;transform:scale(.7)}}.voice-wave{flex:1;justify-content:center;align-items:center;gap:3px;height:30px;display:flex;overflow:hidden}.voice-wave b{opacity:.7;background:#e03131;border-radius:2px;width:3px;animation:.9s ease-in-out infinite wave}@keyframes wave{0%,to{height:6px}50%{height:26px}}.voice-player{align-items:center;gap:10px;min-width:220px;max-width:280px;display:flex}.voice-player>button:first-child{background:var(--accent);color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:38px;height:38px;display:grid}.mine .voice-player>button:first-child{background:#ffffff38}.voice-player input[type=range]{min-width:0;accent-color:var(--accent);flex:1;height:4px}.mine .voice-player input[type=range]{accent-color:#fff}.voice-player span{font-variant-numeric:tabular-nums;opacity:.8;min-width:32px;font-size:11px}.voice-speed{background:#00000014;border-radius:10px;padding:3px 7px;font-size:11px;font-weight:700}.mine .voice-speed{background:#ffffff2e}.incoming-call-card .call-actions{justify-content:center;gap:56px;margin-top:34px;display:flex}.incoming-call-card .call-actions>div{color:#c7dbe0;flex-direction:column;align-items:center;gap:10px;font-size:12px;display:flex}.round{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:62px;height:62px;transition:transform .2s var(--ease),background .2s;background:#ffffff1f;border:1px solid #fff2;border-radius:50%;place-items:center;display:grid;position:relative;overflow:hidden}.round:hover{background:#fff3;transform:translateY(-3px)}.round:active{transform:scale(.92)}.incoming-call-card .round{width:72px;height:72px;border-radius:50%!important;flex:none!important;min-height:0!important}.round.reject{box-shadow:0 10px 26px #e5484d66;background:#e5484d!important}.round.accept{animation:1.6s ease-in-out infinite accept-pulse;box-shadow:0 10px 26px #2fbf7166;background:#2fbf71!important}@keyframes accept-pulse{50%{transform:scale(1.08)}}.round.off{color:#223;background:#fff}.round.on{background:var(--accent);box-shadow:var(--glow)}.call-screen{z-index:80;padding:max(14px,env(safe-area-inset-top)) 14px max(16px,env(safe-area-inset-bottom));color:#fff;background:radial-gradient(70% 50% at 50% 0%,color-mix(in srgb,var(--accent) 40%,#0b1630),transparent 80%),linear-gradient(160deg,#0f1f3f,#08111f);flex-direction:column;animation:.3s both fade;display:flex;position:fixed;inset:0}.call-top{justify-content:space-between;align-items:flex-start;gap:12px;padding:6px 6px 10px;display:flex}.call-top h2{margin:4px 0 2px;font-size:clamp(20px,4vw,28px)}.call-top p{color:#b9c9e6;font-variant-numeric:tabular-nums;margin:0;font-size:14px}.call-screen .call-kind{letter-spacing:.16em;color:#8fd9c5;font-size:10px;font-weight:700}.call-count{background:#ffffff1c;border-radius:20px;align-items:center;gap:6px;padding:7px 12px;font-size:13px;display:flex}.share-banner{background:var(--accent);box-shadow:var(--glow);border-radius:20px;justify-content:center;align-self:center;align-items:center;gap:8px;margin-bottom:8px;padding:7px 8px 7px 14px;font-size:12px;font-weight:600;display:flex}.share-banner button{background:#0003;border-radius:14px;padding:5px 11px;font-size:12px}.call-grid{flex:1;grid-template-columns:1fr;grid-auto-rows:1fr;gap:10px;min-height:0;display:grid;position:relative}.call-grid.people-3,.call-grid.people-4{grid-template-columns:1fr 1fr}.call-grid.people-5,.call-grid.people-6{grid-template-columns:1fr 1fr 1fr}.tile{background:linear-gradient(145deg,#1b3566,#10213f);border:1px solid #ffffff1a;border-radius:22px;place-items:center;min-width:0;min-height:0;display:grid;position:relative;overflow:hidden}.tile .feed{object-fit:cover;background:#0a1530;width:100%;height:100%;position:absolute;inset:0}.tile .feed.contain{object-fit:contain}.tile .feed.mirror{transform:scaleX(-1)}.feed.feed-hidden{opacity:0;pointer-events:none}.tile-avatar{z-index:1;color:#fff;place-items:center;display:grid;position:relative}.tile-avatar .avatar{color:#fff;background:#2a4a85;font-size:36px;width:96px!important;height:96px!important}.tile.calling .tile-avatar:after{content:"";border:2px solid #fff4;border-radius:50%;animation:2s ease-out infinite call-pulse;position:absolute;inset:-10px}.tile-name{z-index:2;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0009;border-radius:12px;padding:5px 10px;font-size:12px;position:absolute;bottom:10px;left:12px}.tile-name small{opacity:.75}.call-grid.has-pip .tile.pip{z-index:3;aspect-ratio:3/4;border:2px solid #fff5;border-radius:16px;width:min(32vw,170px);position:absolute;bottom:12px;right:12px;box-shadow:0 12px 30px #0006}.call-grid.has-pip .tile.pip .tile-name{display:none}.call-grid.has-pip:not(:has(.tile:not(.me))) .tile.me.pip{aspect-ratio:auto;width:auto;position:relative;inset:auto}.call-screen.audio-only .call-grid{grid-auto-rows:minmax(120px,1fr);align-content:center}.call-screen.audio-only .tile{background:#ffffff0d}.call-bar-controls{flex-wrap:wrap;justify-content:center;gap:clamp(12px,3vw,26px);padding:16px 8px 4px;display:flex}.call-bar-controls>div{color:#b9c9e6;flex-direction:column;align-items:center;gap:7px;font-size:11px;display:flex}.add-sheet-wrap{z-index:90;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#050c1c99;justify-content:center;align-items:flex-end;animation:.2s both fade;display:flex;position:fixed;inset:0}.add-sheet{color:#25477c;width:min(440px,100%);max-height:75dvh;padding:18px 16px max(18px,env(safe-area-inset-bottom));animation:rise .35s var(--ease) both;background:#fff;border-radius:24px 24px 0 0;overflow:auto}.add-sheet header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.add-sheet ul{margin:0;padding:0;list-style:none}.add-sheet li button{text-align:left;border-radius:12px;align-items:center;gap:12px;width:100%;padding:10px;display:flex}.add-sheet li button:hover{background:#eaf1ff}.add-sheet li span{flex-direction:column;flex:1;font-size:14px;display:flex}.add-sheet li small,.add-note{color:#8497b3;font-size:11px}.add-empty{text-align:center;color:#8497b3;padding:18px;font-size:13px}.add-note{text-align:center;margin-top:8px;display:block}.add-search{background:#f1f5fd;border-radius:12px;align-items:center;gap:8px;margin-bottom:8px;padding:10px 12px;display:flex}.add-search input{color:#25477c;background:0 0;border:0;outline:0;flex:1;font-size:14px}@media (min-width:900px){.call-sheet{max-width:none}.add-sheet-wrap{align-items:center}.add-sheet{border-radius:24px}}@media (max-width:600px){.call-grid.people-3,.call-grid.people-4,.call-grid.people-5,.call-grid.people-6{grid-template-columns:1fr 1fr}.tile-avatar .avatar{font-size:28px;width:72px!important;height:72px!important}.round{width:56px;height:56px}}.wa-banner{z-index:95;top:max(10px,env(safe-area-inset-top));-webkit-backdrop-filter:blur(18px)saturate(1.4);backdrop-filter:blur(18px)saturate(1.4);color:#1a2b4a;touch-action:none;width:min(430px,100vw - 20px);animation:wa-in .45s var(--ease) both;-webkit-user-select:none;user-select:none;background:#fffe;border:1px solid #fff;border-radius:20px;align-items:stretch;display:flex;position:fixed;left:50%;translate:-50%;box-shadow:0 14px 44px #0e234a38,0 2px 6px #0e234a1a}@keyframes wa-in{0%{opacity:0;transform:translateY(-130%)}}.wa-main{text-align:left;flex:1;align-items:center;gap:12px;min-width:0;padding:11px 6px 11px 12px;display:flex}.wa-avatar .avatar{width:46px;height:46px}.wa-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.wa-meta{letter-spacing:.06em;color:#7b8aa6;align-items:center;gap:5px;font-size:10px;font-weight:600;display:flex}.wa-meta img{border-radius:4px;width:14px;height:14px}.wa-meta i{font-style:normal}.wa-text strong{white-space:nowrap;text-overflow:ellipsis;font-size:15px;overflow:hidden}.wa-text small{color:#52617f;white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.wa-close{color:#8a97b0;place-items:center;padding:0 14px;display:grid}.wa-grip{background:#1a2b4a26;border-radius:2px;width:34px;height:4px;position:absolute;bottom:5px;left:50%;translate:-50%}html[data-theme=dark] .wa-banner{color:#eef3ff;background:#1b2436ee;border-color:#ffffff1a}html[data-theme=dark] .wa-text small{color:#b9c6e0}
