:root{font-family:Manrope,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color-scheme:dark;--bg: #17191f;--panel: #1e2028;--raised: #252832;--hover: #2b2e38;--border: #30333d;--text: #e9eae8;--muted: #92959f;--accent: #b3df80;--accent-rgb: 179, 223, 128;--incoming: #292d36;--outgoing: #344136;--danger: #f18a8a;--rail: #14161b;--pattern: rgba(255, 255, 255, .025);font-synthesis:none;font-weight:500;font-size:14px}:root[data-theme=one]{--bg: #20242b;--panel: #282c34;--raised: #303640;--hover: #353d48;--border: #3b4250;--text: #e1e6ed;--muted: #99a1b0;--accent: #61afef;--accent-rgb: 97, 175, 239;--incoming: #303640;--outgoing: #2e4255;--rail: #1a1e24}:root[data-theme=atom]{--bg: #182224;--panel: #202c2e;--raised: #293639;--hover: #334246;--border: #34484b;--text: #e0eeec;--muted: #92aaa8;--accent: #70cec5;--accent-rgb: 112, 206, 197;--incoming: #29383b;--outgoing: #284b48;--rail: #142022}:root[data-theme=light]{color-scheme:light;--bg: #f3f5f0;--panel: #fff;--raised: #f2f4f0;--hover: #eaf0e6;--border: #e3e6e0;--text: #26352b;--muted: #79847b;--accent: #397d54;--accent-rgb: 57, 125, 84;--incoming: #fff;--outgoing: #dcebd2;--danger: #bb4444;--rail: #e9eee5;--pattern: rgba(30, 60, 20, .04)}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer;color:inherit;border:0;background:none}button:disabled{opacity:.4;cursor:not-allowed}input,textarea,select{color:var(--text);outline:none}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}input:focus,textarea:focus,select:focus{border-color:var(--accent)!important}a{color:var(--accent)}p,h1,h2,h3{margin-top:0}button svg{flex-shrink:0}h1,h2,h3{letter-spacing:-.04em}h3{font-size:15px}hr{border:0;border-top:1px solid var(--border);margin:25px 0}.muted{color:var(--muted);font-size:12px;line-height:1.7}.danger{color:var(--danger)!important}.accent{color:var(--accent)}.icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;color:var(--muted);flex-shrink:0}.icon:hover{background:var(--hover);color:var(--text)}.primary,.secondary{display:flex;align-items:center;justify-content:center;gap:10px;border-radius:12px;padding:13px 20px;font-weight:750;min-height:46px;transition:filter .15s}.primary{background:var(--accent);color:var(--bg)}.primary:hover{filter:brightness(1.08)}.secondary{background:var(--raised);border:1px solid var(--border)}.secondary:hover{background:var(--hover)}.text-button{display:inline-flex;align-items:center;gap:8px;color:var(--accent);padding:10px 0;font-weight:650;font-size:12px}.eyebrow{font-size:10px;letter-spacing:.16em;font-weight:750;color:var(--muted)}.brand{font-size:26px;font-weight:800;display:flex;gap:10px;align-items:center;letter-spacing:-1.5px}.brand svg{color:var(--accent)}.brand span{font-size:10px;color:var(--accent);margin-top:9px;margin-left:-4px}.field{display:flex;flex-direction:column;gap:8px;margin:16px 0;flex:1;min-width:0}.field>span{font-size:12px;color:var(--muted);font-weight:650}.field input,.field textarea,.field select{width:100%;border:1px solid var(--border);border-radius:10px;background:var(--bg);padding:12px}.field textarea{resize:vertical;min-height:80px}.form-row{display:flex;gap:12px;align-items:center}.form-row>*{flex:1}.checkbox{display:flex;align-items:center;gap:10px;font-size:12px;line-height:1.5;margin:15px 0}.checkbox input{accent-color:var(--accent)}.spin{animation:spin 1.2s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.splash{height:100dvh;background:var(--bg);display:flex;align-items:center;justify-content:center;gap:15px;font-weight:800;font-size:30px}.splash svg{color:var(--accent)}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:200;background:var(--raised);border:1px solid var(--border);box-shadow:0 10px 40px #0005;padding:12px 14px 12px 20px;border-radius:14px;display:flex;align-items:center;gap:16px;max-width:min(90vw,650px);font-size:13px}.toast span{line-height:1.6}.auth-page{align-items:flex-start;min-height:100dvh;background:var(--bg);display:flex}.auth-story{min-height:100dvh;width:50%;padding:44px 56px;display:flex;flex-direction:column;border-right:1px solid var(--border);background:radial-gradient(ellipse at 20% 60%,rgba(var(--accent-rgb),.07),transparent 60%)}.story-main{margin:auto 0;padding:80px 0}.story-main h1{font-size:clamp(42px,5vw,74px);line-height:1.1;margin:22px 0;font-weight:650;letter-spacing:-.07em}.story-main p{color:var(--muted);line-height:1.9;font-size:15px}.auth-story footer{display:flex;justify-content:space-between;color:var(--muted);font-size:11px}.auth-story footer span{letter-spacing:.15em;font-size:9px}.conversation-art{position:relative;height:185px;max-width:420px;margin-top:44px}.art-bubble{position:absolute;padding:17px 23px;border-radius:18px;background:var(--incoming);font-size:15px;box-shadow:0 12px 40px #0002;display:flex;gap:20px;align-items:end}.art-bubble span{font-size:9px;color:var(--muted)}.art-bubble.first{left:0;top:5px;transform:rotate(-4deg);border-bottom-left-radius:5px}.art-bubble.second{right:0;top:70px;transform:rotate(3deg);background:var(--outgoing);border-bottom-right-radius:5px}.art-bubble.second svg{color:var(--accent)}.art-tag{position:absolute;top:155px;left:20px;color:var(--muted);display:flex;gap:8px;font-size:11px}.auth-form{min-height:100dvh;height:max-content;flex-shrink:0;width:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:45px 40px}.auth-card{width:100%;max-width:410px}.auth-card h2{font-size:32px;margin-bottom:12px}.auth-card>p{color:var(--muted);line-height:1.8;margin-bottom:32px}.auth-card .primary,.auth-card .secondary{width:100%;margin-top:12px}.mini-mark{width:62px;height:62px;border-radius:20px;background:rgba(var(--accent-rgb),.12);color:var(--accent);display:grid;place-items:center;margin-bottom:32px}.auth-notes{border-top:1px solid var(--border);margin-top:35px;padding-top:25px}.auth-notes>div{display:flex;gap:13px;align-items:center;margin:18px 0;color:var(--muted);font-size:12px}.auth-notes svg{color:var(--accent)}.auth-bottom{color:var(--muted);font-size:10px;margin-top:60px}.phrase-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;background:var(--panel);padding:14px;border-radius:12px}.phrase-grid span{font-size:11px}.phrase-grid small{font-size:9px;color:var(--muted);margin-right:5px}.back{margin-bottom:16px}.unlock{max-width:390px;margin:auto;padding:30px}.unlock>.brand{margin-bottom:60px}.unlock>svg{color:var(--accent);margin-bottom:20px}.unlock h1{font-size:32px}.unlock p{color:var(--muted);line-height:1.7}.unlock .primary{width:100%}.messenger{display:flex;height:100dvh;overflow:hidden;background:var(--bg)}.rail{width:84px;flex-shrink:0;background:var(--rail);border-right:1px solid var(--border);display:flex;align-items:center;flex-direction:column;padding:21px 8px 20px;gap:9px;overflow-y:auto}.logo{width:44px;height:44px;border-radius:15px;background:var(--accent);color:var(--bg);display:grid;place-items:center;margin-bottom:29px}.rail-item{width:64px;min-height:65px;border-radius:13px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--muted)}.rail-item span{font-size:9px;max-width:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rail-item:hover{background:var(--raised)}.rail-item.selected{background:rgba(var(--accent-rgb),.1);color:var(--accent)}.rail-bottom{margin-top:auto;display:flex;align-items:center;flex-direction:column;gap:22px;padding-top:25px}.profile-button{padding:0}.avatar{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;flex-shrink:0;border-radius:17px;background:hsl(var(--hue) 20% 34%);color:#f7f9f5;font-size:14px;font-weight:750;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.avatar.small{width:37px;height:37px;border-radius:13px;font-size:11px}.chat-list{width:340px;flex-shrink:0;background:var(--panel);display:flex;flex-direction:column;border-right:1px solid var(--border)}.chat-list>header{padding:28px 23px 22px;display:flex;align-items:center;justify-content:space-between}.chat-list h1{font-size:25px;font-weight:750;margin:8px 0 0}.chat-list .eyebrow{font-size:8px;letter-spacing:.14em}.new-chat{background:var(--raised);color:var(--text)}.search{display:flex;gap:10px;align-items:center;background:var(--raised);margin:0 19px;padding:10px 12px;border-radius:11px;color:var(--muted)}.search input{border:0;background:none;width:100%;font-size:12px;min-width:0}.search kbd{color:var(--muted);opacity:.5}.list-tabs{display:flex;align-items:center;gap:19px;padding:21px 23px 0;border-bottom:1px solid var(--border)}.list-tabs>button{font-size:12px;color:var(--muted);padding:0 0 14px;border-bottom:2px solid transparent}.list-tabs>button.active{color:var(--accent);border-bottom-color:var(--accent)}.encrypted-label{margin-left:auto;font-size:9px;display:flex;align-items:center;gap:4px;color:var(--muted);padding-bottom:14px}.count{background:var(--accent);color:var(--bg);border-radius:6px;padding:1px 5px;font-size:9px;margin-left:4px}.chat-rows{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--border) transparent;flex:1;padding:10px}.chat-row{display:flex;width:100%;text-align:left;gap:12px;padding:14px 11px;border-radius:12px;margin:2px 0}.chat-row:hover{background:var(--raised)}.chat-row.active{background:rgba(var(--accent-rgb),.13);box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.12)}.chat-row-text{min-width:0;flex:1;display:flex;flex-direction:column;justify-content:center;gap:8px}.chat-row-text>div{display:flex;justify-content:space-between;gap:10px;align-items:center}.chat-row strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-row time{font-size:9px;color:var(--muted);flex-shrink:0}.chat-row p{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.chat-row svg{color:var(--muted);flex-shrink:0}.unread{background:var(--accent);color:var(--bg);font-size:9px;border-radius:8px;min-width:18px;padding:3px 5px;text-align:center}.sidebar-footer{display:flex;align-items:center;gap:7px;padding:17px 22px;font-size:10px;color:var(--muted);border-top:1px solid var(--border)}.sidebar-footer>span:last-child{margin-left:auto;font-size:9px;letter-spacing:.07em}.status-dot{width:5px;height:5px;border-radius:50%;background:var(--accent)}.offline-dot{background:var(--muted)}.offline{display:flex;gap:8px;padding:12px 22px;background:var(--raised);font-size:11px;color:var(--muted)}.list-empty{text-align:center;padding:65px 12px;color:var(--muted)}.list-empty>svg{color:var(--accent);opacity:.7;margin-bottom:16px}.list-empty h3{color:var(--text);font-size:14px}.list-empty p{font-size:11px;line-height:1.8}.chat-pane{flex:1;min-width:0;display:flex;flex-direction:column;background-image:radial-gradient(var(--pattern) 1px,transparent 1px);background-size:18px 18px}.empty-main{margin:auto;text-align:center;padding:30px}.empty-main h1{font-size:clamp(30px,3.3vw,48px);line-height:1.25;font-weight:600;margin:20px 0;letter-spacing:-.055em}.empty-main p{color:var(--muted);line-height:1.8;font-size:13px}.empty-main>.primary{margin:30px auto;max-width:240px;font-size:12px}.orb{margin:0 auto 40px;width:120px;height:120px;border-radius:40px;background:linear-gradient(145deg,rgba(var(--accent-rgb),.12),rgba(var(--accent-rgb),.03));border:1px solid rgba(var(--accent-rgb),.15);color:var(--accent);display:grid;place-items:center;transform:rotate(-7deg);position:relative}.orb-spark{position:absolute;right:-8px;top:6px;font-size:25px;color:var(--accent)}.empty-security{display:flex;justify-content:center;align-items:center;gap:7px;font-size:10px;color:var(--muted);margin-top:50px}.chat-header{display:flex;align-items:center;gap:13px;padding:17px 26px;background:var(--panel);border-bottom:1px solid var(--border);min-height:76px}.chat-heading{text-align:left;display:flex;flex-direction:column;gap:6px}.chat-heading strong{font-size:14px}.chat-heading span{font-size:10px;color:var(--muted)}.header-actions{margin-left:auto;display:flex;gap:8px}.mobile-back{display:none}.conversation-layout{display:flex;min-height:0;flex:1}.conversation{display:flex;flex:1;min-width:0;min-height:0;flex-direction:column}.message-scroll{overflow:auto;padding:20px 6%;flex:1;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.security-note{color:var(--muted);font-size:9px;text-align:center;display:flex;align-items:center;justify-content:center;gap:6px;margin:4px 0 20px;opacity:.7}.day-divider{text-align:center;font-size:10px;color:var(--muted);margin:24px 0 20px}.day-divider span{border:1px solid var(--border);padding:6px 13px;border-radius:20px;background:var(--panel)}.message-line{display:flex;margin:8px 0}.message-line.outgoing{justify-content:flex-end}.bubble{position:relative;background:var(--incoming);padding:12px 16px 8px;border-radius:15px 15px 15px 5px;max-width:min(80%,550px);min-width:110px;box-shadow:0 2px 3px #00000008}.outgoing .bubble{background:var(--outgoing);border-radius:15px 15px 5px}.message-text{font-size:13px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.message-meta{display:flex;gap:5px;align-items:center;justify-content:flex-end;font-size:9px;color:var(--muted);margin:4px 0 0}.message-meta .read{color:var(--accent)}.author-name{display:block;font-size:10px;color:var(--accent);margin-bottom:5px}.shared-label{display:block;font-size:9px;color:var(--muted);margin-bottom:8px}.deleted em{font-size:12px;color:var(--muted)}.message-menu{position:absolute;right:-34px;top:2px;opacity:0;width:30px;height:28px}.outgoing .message-menu{right:auto;left:-34px}.bubble:hover>.message-menu{opacity:1}.message-popover{position:absolute;top:30px;right:0;background:var(--panel);border:1px solid var(--border);box-shadow:0 10px 40px #0005;z-index:15;width:225px;border-radius:12px;padding:8px}.message-popover>button{display:block;text-align:left;padding:10px;width:100%;border-radius:6px;font-size:11px}.message-popover>button:hover{background:var(--raised)}.message-popover small{font-size:9px;color:var(--muted);display:block;line-height:1.6;padding:8px}.emoji-row{display:flex;border-top:1px solid var(--border);padding-top:7px}.emoji-row button{font-size:18px;padding:5px;flex:1}.reactions{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px}.reactions button{border-radius:10px;font-size:10px;background:#0002;padding:4px 7px}.reactions .mine{border:1px solid rgba(var(--accent-rgb),.4);color:var(--accent)}.reply-preview{border-left:2px solid var(--accent);padding:5px 8px;background:#0001;margin:2px 0 9px;border-radius:3px;font-size:11px}.reply-preview strong,.reply-preview span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reply-preview strong{font-size:10px;color:var(--accent);margin-bottom:3px}.history-loader,.system-event{display:flex;align-items:center;justify-content:center;gap:8px;font-size:10px;color:var(--muted);margin:10px 0}.system-event{padding:15px;text-align:center}.conversation-empty{padding:10vh 20px;text-align:center;color:var(--muted)}.conversation-empty>span{font-size:36px;color:var(--accent)}.conversation-empty h2{color:var(--text);font-size:26px;line-height:1.4;font-weight:600;margin-top:22px}.conversation-empty p{font-size:12px}.composer-area{flex-shrink:0;padding:12px 5% 17px;background:linear-gradient(transparent,var(--bg) 40%)}.composer{background:var(--panel);border:1px solid var(--border);border-radius:16px;display:flex;align-items:center;gap:8px;padding:9px 10px}.composer textarea{border:0;background:none;resize:none;flex:1;line-height:1.6;max-height:130px;min-width:0;font-size:13px;padding:8px}.send-button{width:40px;height:40px;border-radius:12px;background:var(--accent);color:var(--bg);display:grid;place-items:center;flex-shrink:0}.composer-caption{display:flex;align-items:center;gap:5px;font-size:8px;color:var(--muted);margin-top:10px;padding:0 8px;opacity:.7}.composer-caption>span{margin-left:auto}.compose-context{display:flex;align-items:center;background:var(--panel);border-left:2px solid var(--accent);padding:10px 12px;margin:0 8px 7px;border-radius:6px;gap:10px}.compose-context>div{flex:1;min-width:0}.compose-context strong,.compose-context span{display:block;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compose-context strong{color:var(--accent);margin-bottom:4px}.compose-context span{color:var(--muted)}.progress{display:flex;gap:8px;font-size:11px;color:var(--accent);padding:10px}.attachment-chips{display:flex;flex-wrap:wrap;gap:7px;padding:8px}.attachment-chips>span{display:flex;align-items:center;gap:8px;background:var(--raised);font-size:10px;padding:7px;border-radius:8px}.attachment-chips button{display:flex;padding:0}.chat-info{width:290px;flex-shrink:0;overflow-y:auto;background:var(--panel);border-left:1px solid var(--border);padding:30px 22px;text-align:center}.chat-info>.avatar{width:72px;height:72px;border-radius:24px;font-size:22px;margin-bottom:18px}.chat-info h2{font-size:20px;margin-bottom:6px}.chat-info>span{font-size:11px;color:var(--muted)}.chat-info .username{color:var(--accent);font-size:12px;margin-top:13px}.chat-info h3{text-align:left;font-size:11px;color:var(--muted)}.member{display:flex;text-align:left;align-items:center;gap:9px;margin:16px 0}.member>div{flex:1;min-width:0}.member strong{display:block;font-size:11px}.member small{display:block;color:var(--muted);font-size:9px;margin-top:4px}.member .icon{width:23px;height:25px}.chat-info>.secondary{font-size:11px;width:100%;margin:12px 0}.key-card{padding:17px;background:var(--bg);border:1px solid var(--border);border-radius:12px;margin-top:30px;display:flex;align-items:center;flex-direction:column;gap:12px;color:var(--muted)}.key-card span{font-size:10px}.key-card code{font-size:9px;line-height:1.8;word-break:break-all}.key-card svg{color:var(--accent)}.overlay{position:fixed;inset:0;background:#0008;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:60;display:flex;align-items:center;justify-content:center;padding:22px}.modal{background:var(--panel);border:1px solid var(--border);box-shadow:0 30px 100px #0005;border-radius:22px;padding:25px;width:min(100%,520px);max-height:90dvh;overflow-y:auto}.modal>header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal h2{font-size:23px;margin:0}.modal form>.primary{width:100%;margin-top:20px}.segmented{display:flex;background:var(--bg);padding:5px;border-radius:12px}.segmented button{display:flex;gap:8px;align-items:center;justify-content:center;flex:1;padding:10px;font-size:12px;border-radius:9px;color:var(--muted)}.segmented .active{background:var(--raised);color:var(--accent)}.found-user{display:flex;align-items:center;gap:12px;border:1px solid var(--border);padding:15px;margin-top:20px;border-radius:12px}.found-user>div{flex:1}.found-user strong{font-size:12px}.found-user p{font-size:10px;color:var(--muted);margin:5px 0}.found-user button{font-size:11px;padding:9px}.request{display:flex;gap:15px;margin:15px 0}.request>div{flex:1}.request p{font-size:11px;color:var(--muted);margin:5px 0 15px}.request .primary,.request .secondary{padding:8px;font-size:11px;min-height:35px}.avatar-picker{display:flex;align-items:center;gap:15px;cursor:pointer;margin-bottom:25px}.avatar-picker span:last-of-type{color:var(--accent);font-size:12px}.avatar-picker>.avatar{width:64px;height:64px;border-radius:21px}.settings h3{margin:28px 0 15px;font-size:13px}.settings h3:first-child{margin-top:0}.themes{display:grid;grid-template-columns:1fr 1fr;gap:9px}.themes button{display:flex;align-items:center;gap:8px;font-size:11px;border:1px solid var(--border);border-radius:9px;padding:12px}.themes button>span{width:13px;height:13px;border-radius:50%}.themes button svg{margin-left:auto}.themes button.selected{border-color:var(--accent)}.settings>.secondary{width:100%}.device{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);padding:12px 0}.device strong,.device small{display:block;font-size:11px}.device small{color:var(--muted);font-size:9px;margin-top:5px}.device button{font-size:10px}.storage-meter{height:6px;border-radius:10px;background:var(--raised);overflow:hidden}.storage-meter span{display:block;height:100%;background:var(--accent)}.folder-existing{display:flex;flex-wrap:wrap;gap:8px}.folder-existing .secondary{font-size:11px;padding:8px 12px;min-height:35px}.folder-checks{max-height:260px;overflow:auto}.media-placeholder{background:#0002;min-width:200px;min-height:120px;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--accent)}.media-placeholder span{font-size:10px;color:var(--muted)}.message-media{max-width:100%;max-height:340px;display:block;border-radius:10px;margin-bottom:5px;cursor:pointer}.media-download{font-size:9px;color:var(--muted);display:block;margin:7px 0}.image-lightbox{position:fixed;inset:0;z-index:100;background:#000e;display:flex;align-items:center;justify-content:center;padding:35px}.image-lightbox>img{max-width:100%;max-height:100%;object-fit:contain}.image-lightbox>button{position:absolute;right:20px;top:20px;color:#fff;background:#333}@media(min-width:1500px){.chat-list{width:370px}.message-scroll,.composer-area{padding-left:10%;padding-right:10%}}@media(max-width:1150px){.chat-list{width:300px}.rail{width:73px}.chat-info{position:absolute;right:0;top:76px;bottom:0;z-index:20;box-shadow:-20px 0 50px #0003}.auth-story{padding:35px}.auth-form{padding:30px}.story-main h1{font-size:48px}}@media(max-width:760px){.auth-story{display:none}.auth-form{width:100%;min-height:100dvh;padding:35px 25px}.auth-card h2{font-size:29px}.auth-bottom{margin-top:35px}.auth-notes{margin-top:30px}.messenger{padding-bottom:env(safe-area-inset-bottom)}.rail{width:65px;padding:20px 5px 15px}.rail-item{width:55px}.rail-item span{font-size:8px}.logo{width:38px;height:38px;border-radius:13px;margin-bottom:20px}.rail-bottom{gap:15px}.chat-list{flex:1;width:auto;border:0}.chat-list>header{padding-top:max(24px,env(safe-area-inset-top))}.chat-pane,.has-chat .rail,.has-chat .chat-list{display:none}.has-chat .chat-pane{display:flex}.chat-header{padding:14px 12px;padding-top:max(14px,env(safe-area-inset-top));gap:8px;min-height:70px}.mobile-back{display:inline-flex}.chat-heading strong{font-size:13px}.chat-heading span{font-size:9px}.header-actions{gap:0}.header-actions .icon{width:32px}.message-scroll{padding:14px 17px}.bubble{max-width:87%;padding:10px 13px 7px}.message-menu{opacity:.65;right:-27px;width:25px}.outgoing .message-menu{left:-27px}.composer-area{padding:8px 10px 10px}.composer{padding:7px;gap:4px;border-radius:14px}.composer textarea{font-size:16px}.composer-caption>span{display:none}.composer-caption{justify-content:center}.composer .emoji-button{display:none}.security-note{font-size:8px;line-height:1.6}.chat-info{top:70px;width:min(90vw,340px)}.overlay{padding:12px}.modal{padding:21px;border-radius:18px;max-height:92dvh}.message-popover{width:205px}.form-row{gap:8px}.media-placeholder{min-width:180px}.toast{bottom:20px;width:90vw}.field input,.field textarea,.field select{font-size:16px}.theme button{font-size:11px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}.fingerprint{display:block;max-width:200px;overflow-wrap:anywhere;font-size:10px;line-height:1.7;color:var(--muted)}.member details{font-size:10px;margin-top:4px}.request-preview{white-space:pre-wrap;overflow-wrap:anywhere;max-height:140px;overflow:auto}.powered-by{font-size:10px;font-weight:500;letter-spacing:.02em;color:var(--muted);margin-left:8px;white-space:nowrap}html,body,#root{width:100%;min-width:0;height:100%;background:var(--bg);color:var(--text)}body{overflow:hidden}button,input,textarea,select{-webkit-tap-highlight-color:transparent}.primary,.send-button{color:var(--on-accent)}.primary,.secondary{border-radius:12px;font-size:13px}.messenger{display:grid;grid-template-columns:76px minmax(240px,310px) minmax(0,1fr);width:100%;max-width:100vw;min-width:0;padding:0}.rail{width:auto;min-width:0;padding:14px 7px;gap:6px;border-right:1px solid var(--border)}.rail-wordmark{font-size:36px;line-height:1;font-weight:750;letter-spacing:-3px;padding:4px 0 20px}.rail-wordmark span{color:var(--accent)}.rail-item{width:60px;min-height:62px;border-radius:14px;position:relative;gap:6px}.rail-item .count{position:absolute;right:2px;top:2px;min-width:17px;line-height:15px;border-radius:8px}.rail-bottom{gap:14px;padding-top:16px}.avatar,.avatar.small{border-radius:50%;font-weight:650}.chat-list{width:auto;min-width:0;min-height:0;background:var(--panel)}.list-toolbar{display:flex;align-items:center;gap:6px;padding:16px 14px 12px;min-width:0}.list-toolbar .search{margin:0;min-width:0;flex:1;background:var(--raised);border:0;padding:10px 12px;min-height:40px;border-radius:12px;gap:8px}.search input{min-width:0;width:100%;font-size:13px}.list-toolbar .icon{flex-shrink:0;width:36px;height:36px}.mobile-action,.mobile-folders{display:none}.chat-rows{padding:4px 8px 12px;min-height:0}.chat-row{padding:12px 10px;gap:11px;border-radius:12px;margin:2px 0;align-items:center;min-width:0}.chat-row .avatar{width:44px;height:44px}.chat-row-text{gap:5px}.chat-row strong{font-size:14px;font-weight:650;max-width:100%}.chat-row p{font-size:13px;font-weight:400;line-height:1.4}.chat-row time{font-size:11px;font-variant-numeric:tabular-nums}.chat-row-text>div{min-width:0;gap:7px}.chat-row-text strong{min-width:0;overflow:hidden;text-overflow:ellipsis}.sidebar-footer{border:0;padding:14px 18px;opacity:.8}.chat-pane{min-width:0;min-height:0;overflow:hidden;background:var(--bg);width:100%}.chat-header{padding:12px 24px;min-height:68px;gap:12px;flex-shrink:0;background:var(--panel);border-bottom:1px solid var(--border)}.chat-heading{min-width:0;flex:1;overflow:hidden;gap:4px}.chat-heading strong{font-size:15px;font-weight:650;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-heading span{font-size:12px}.header-actions{flex-shrink:0;margin:0;gap:4px;align-items:center}.conversation-layout,.conversation{min-height:0;min-width:0}.message-scroll{min-height:0;overflow-x:hidden;padding:20px clamp(16px,3vw,64px);overscroll-behavior:contain}.security-note{margin:0 0 16px;font-size:10px}.day-divider{margin:16px 0;font-size:11px}.day-divider span{border:0;background:var(--raised);padding:5px 12px}.message-line{min-width:0;margin:7px 0}.bubble{padding:10px 13px 7px;max-width:min(85%,560px);min-width:86px;border-radius:17px 17px 17px 5px;box-shadow:none;border:0}.outgoing .bubble{border-radius:17px 17px 5px}.message-text{font-size:15px;line-height:1.5;font-weight:400;overflow-wrap:anywhere}.message-meta{font-size:10px;gap:4px;font-weight:400;font-variant-numeric:tabular-nums}.message-menu,.outgoing .message-menu{position:static;float:right;opacity:.55;width:28px;height:22px;margin:0 0 0 5px;right:auto;left:auto}.message-menu:hover{opacity:1}.message-popover{position:static;clear:both;width:100%;min-width:0;box-shadow:none;border:0;border-top:1px solid var(--border);border-radius:0;background:transparent;margin-top:8px;padding:6px 0 0;z-index:auto}.message-popover>button{padding:9px 4px;font-size:12px}.message-popover small{font-size:10px;padding:7px 4px;overflow-wrap:anywhere}.message-popover .emoji-row{flex-wrap:wrap}.has-media{padding:0;overflow:hidden;width:min(380px,85%);max-width:380px}.has-media .author-name,.has-media .shared-label{padding:8px 12px 0;margin:0}.has-media .reply-preview{margin:7px 10px}.has-media .message-text{padding:9px 12px 0}.has-media .message-meta{padding:3px 12px 8px;margin:0}.has-media .message-menu{margin:0 8px 6px 0}.has-media .message-popover,.has-media .reactions{padding:8px 12px;margin:0;clear:both}.media-frame{width:100%;overflow:hidden;min-width:0}.photo-open{display:block;width:100%;padding:0;margin:0}.message-media{display:block;width:100%;max-width:100%;max-height:440px;object-fit:contain;border-radius:0;margin:0}.media-only,.outgoing .media-only{background:transparent;box-shadow:none}.media-only .message-meta{position:absolute;right:9px;bottom:9px;padding:3px 7px;background:#0008;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;border-radius:8px;pointer-events:none}.media-only .message-meta .read{color:#fff}.media-only .message-menu,.outgoing .media-only .message-menu{position:absolute;right:8px;left:auto;top:8px;color:#fff;background:#0007;border-radius:8px;opacity:1;margin:0}.media-only:has(.message-popover) .message-meta,.media-only:has(.reactions) .message-meta{position:static;width:fit-content;margin:5px 0 0 auto}.media-only .author-name,.media-only .shared-label{padding:4px 4px 6px}.media-only .message-popover{background:var(--panel);border-radius:0 0 12px 12px}.media-placeholder{width:100%;min-width:0;min-height:200px;background:var(--raised);border-radius:0;padding:20px;overflow-wrap:anywhere}.media-placeholder span{font-size:12px}.composer-area{padding:10px clamp(12px,3vw,64px) max(12px,env(safe-area-inset-bottom));background:var(--bg);flex-shrink:0;min-width:0;max-height:70%;overflow:auto}.composer{border:1px solid var(--border);border-radius:20px;padding:6px 8px;gap:4px;background:var(--panel);box-shadow:0 4px 18px #00000008}.composer:focus-within{border-color:rgba(var(--accent-rgb),.35)}.list-toolbar .search:focus-within{box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.4)}.composer textarea{font-size:15px;font-weight:400;line-height:1.5;padding:8px;min-width:0;width:0}.composer .icon{width:36px;height:36px;flex-shrink:0}.send-button{width:36px;height:36px;border-radius:12px}.composer-caption{font-size:10px;font-weight:400;margin-top:7px}.attachment-chips>span{max-width:100%;overflow-wrap:anywhere}.page-panel{display:flex;flex-direction:column;min-width:0;min-height:0;flex:1;background:var(--bg)}.page-header{display:flex;align-items:center;gap:12px;min-height:68px;padding:12px 24px;border-bottom:1px solid var(--border);background:var(--panel);flex-shrink:0}.page-header h1{font-size:18px;font-weight:650;letter-spacing:-.035em;margin:0;min-width:0;overflow-wrap:anywhere}.page-header .icon{flex-shrink:0}.page-scroll{overflow:auto;min-width:0;min-height:0;flex:1;overscroll-behavior:contain}.page-content{width:100%;max-width:720px;padding:32px clamp(20px,5vw,60px) 48px;margin:0 auto;min-width:0}.page-content form>.primary{margin-top:20px;min-width:140px}.page-content .chat-info{position:static;width:100%;max-width:none;overflow:visible;border:0;padding:0;box-shadow:none;background:transparent;text-align:left}.chat-info>.avatar{margin:0 0 16px;width:72px;height:72px;border-radius:50%}.chat-info h2{font-size:24px;overflow-wrap:anywhere}.chat-info h3{margin-top:26px;font-size:13px}.member{padding:12px 0;margin:0;border-bottom:1px solid var(--border);gap:12px;min-width:0}.member strong{font-size:13px;overflow-wrap:anywhere}.member small,.member details{font-size:11px}.member .icon{flex-shrink:0;width:30px;height:32px}.key-card{border:0;align-items:flex-start;text-align:left;background:var(--raised);margin-top:24px}.key-card code{font-size:11px}.inline-confirm{background:var(--raised);padding:18px;border-radius:12px;margin:12px 0;font-size:13px;overflow-wrap:anywhere}.form-row{flex-wrap:wrap;gap:10px}.form-row>button{min-width:0}.request{gap:16px;margin:0;min-width:0}.request>div,.found-user>div{min-width:0;overflow-wrap:anywhere}.request strong{font-size:18px}.request p{font-size:13px;line-height:1.6}.request .primary,.request .secondary{padding:10px 16px;font-size:13px}.found-user{border:0;background:var(--raised);flex-wrap:wrap}.user-status{font-size:1em;letter-spacing:0}.conversation-variants{display:flex;flex-shrink:0;align-items:center;gap:8px;padding:8px 12px;overflow-x:auto;font-size:12px;border-bottom:1px solid var(--border)}.conversation-variants>*{flex-shrink:0}.conversation-variants button{padding:7px 10px;border-radius:10px;background:var(--panel)}.conversation-variants button.active,.account-mute.active{color:var(--accent);background:var(--hover)}.expression-picker{min-width:0;margin-top:10px}.sticker-picker{min-width:0}.sticker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:8px;max-height:280px;overflow:auto;padding:8px}.sticker-grid button{min-width:0;padding:4px;border-radius:12px}.sticker-grid button:hover{background:var(--hover)}.sticker-grid button:focus-visible{outline:2px solid var(--accent)}.sticker-art{display:block;width:100%;height:auto}.bubble.sticker-bubble{background:transparent;border:0;box-shadow:none;width:min(240px,75%)}.sticker-bubble>.sticker-art{grid-column:1 / -1}.sticker-bubble .message-meta{grid-column:1 / -1;justify-self:end}.status-editor{display:flex;flex-wrap:wrap;align-items:center;gap:12px;font-size:13px;margin:18px 0}.status-editor>span{flex-basis:100%;color:var(--muted)}.settings h3{font-size:14px;margin:30px 0 14px}.mode-selector{margin-bottom:12px;background:var(--raised)}.mode-selector .active{background:var(--panel);box-shadow:0 1px 5px #0001}.themes{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.themes button{padding:14px 12px;font-size:12px;min-width:0;border:1px solid transparent;background:var(--panel);flex-wrap:wrap;gap:8px;border-radius:12px}.themes button.selected{border-color:color-mix(in srgb,var(--accent),transparent 40%);background:var(--hover)}.themes button>span{width:14px;height:14px;flex-shrink:0}.themes button svg{flex-shrink:0}.device{gap:12px;align-items:flex-start}.device>div{min-width:0;overflow-wrap:anywhere}.device strong{font-size:12px}.device small{font-size:11px}.emoji-picker{margin:10px 0 0;padding:12px;background:var(--panel);border:1px solid var(--border);border-radius:16px;min-width:0}.emoji-picker>input{width:100%;padding:10px 12px;background:var(--raised);border:0;border-radius:9px;font-size:13px;min-width:0}.emoji-categories{display:flex;gap:4px;overflow:auto;padding:8px 0;scrollbar-width:thin}.emoji-categories button{font-size:11px;white-space:nowrap;padding:6px 8px;border-radius:8px;color:var(--muted)}.emoji-categories .active{background:var(--hover);color:var(--accent)}.emoji-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(36px,1fr));gap:3px;overflow:auto;max-height:220px;padding:3px;overscroll-behavior:contain}.emoji-grid button{font-size:24px;line-height:1;width:100%;height:38px;padding:4px;border-radius:8px;display:grid;place-items:center}.emoji-grid button:hover{background:var(--hover)}.media-preview img{width:100%;max-height:70dvh;object-fit:contain;border-radius:12px;display:block;margin-bottom:20px}.media-preview>a{display:inline-flex;align-items:center;gap:8px;text-decoration:none}.empty-main{padding:24px;max-width:100%}.empty-main h1{font-size:clamp(26px,3vw,42px)}.empty-main .orb{width:84px;height:84px;border-radius:28px;border:0;margin-bottom:24px;transform:none}.empty-main .eyebrow{display:none}.empty-security{margin-top:28px;line-height:1.5}.auth-page{overflow:auto;max-height:100dvh}.auth-page .brand{flex-wrap:wrap}.powered-by{letter-spacing:0;font-size:10px}.toast{border:1px solid var(--border);box-shadow:0 10px 40px #0002;background:var(--panel);max-width:calc(100vw - 24px)}@media(max-width:1000px)and (min-width:761px){.messenger{grid-template-columns:70px 260px minmax(0,1fr)}.rail{width:auto}.page-content{padding:24px}.themes{grid-template-columns:repeat(2,minmax(0,1fr))}.chat-header{padding:12px 16px}.bubble{max-width:92%}.has-media{width:min(360px,92%)}}@media(max-width:760px){html.dialog-viewport,html.dialog-viewport body{overflow:hidden;overscroll-behavior:none}.messenger{display:flex;position:fixed;top:var(--visible-top, 0px);left:0;width:100%;height:var(--visible-height, 100dvh);overflow:hidden;padding:0}.rail{display:none!important}.chat-list{width:100%;max-width:100%;min-width:0;flex:1;border:0}.list-toolbar{padding:12px 12px 8px;padding-top:max(12px,env(safe-area-inset-top));gap:4px}.mobile-action{display:inline-flex}.mobile-action .avatar{width:30px;height:30px;font-size:10px}.list-toolbar .search{padding:10px;gap:6px}.list-toolbar input{font-size:16px}.mobile-folders{display:flex;overflow:auto;flex-shrink:0;gap:6px;align-items:center;padding:6px 12px 12px;scrollbar-width:none;border-bottom:1px solid var(--border)}.mobile-folders button{white-space:nowrap;padding:8px 12px;border-radius:10px;font-size:13px;color:var(--muted);display:flex;align-items:center;gap:5px}.mobile-folders button.active{background:var(--hover);color:var(--accent)}.chat-rows{padding:6px 6px 12px}.chat-row{padding:12px 10px}.chat-row strong{font-size:14px}.chat-row p{font-size:13px}.chat-pane{display:none;width:100%;max-width:100%;min-width:0}.has-chat .chat-list{display:none}.has-chat .chat-pane{display:flex}.chat-header{padding:10px;padding-top:max(10px,env(safe-area-inset-top));gap:8px;min-height:64px}.chat-header .avatar{width:34px;height:34px}.chat-heading strong{font-size:14px}.chat-heading span{font-size:11px}.header-actions .icon{width:30px;height:34px}.header-actions{gap:0}.header-actions .group-join-button{max-width:112px}.header-actions .group-join-button span{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.header-actions .group-join-button svg{flex-shrink:0}.mobile-back{display:inline-flex;width:30px;flex-shrink:0}.message-scroll{padding:12px;min-height:0}.bubble{max-width:92%;padding:9px 11px 6px}.has-media{padding:0;width:min(380px,92%)}.message-text{font-size:15px}.message-media{max-height:420px}.message-menu,.outgoing .message-menu{position:static;float:right;left:auto;right:auto;width:26px;opacity:.7}.media-only .message-menu,.outgoing .media-only .message-menu{position:absolute;right:8px;left:auto}.composer-area{padding:8px 8px max(8px,env(safe-area-inset-bottom));max-height:65%;overflow:auto}.messenger[data-keyboard=open] .composer-area{padding-bottom:8px}.composer{padding:5px 6px;gap:2px;border-radius:16px}.composer .icon{width:32px;height:34px}.composer .emoji-button{display:inline-flex}.composer textarea{font-size:16px;padding:6px;min-width:0}.composer-caption{display:none}.emoji-picker{padding:8px;margin-top:8px}.emoji-grid{max-height:170px;grid-template-columns:repeat(auto-fill,minmax(34px,1fr))}.page-header{padding:10px 12px;padding-top:max(10px,env(safe-area-inset-top));min-height:64px}.page-header h1{font-size:18px}.page-content{padding:24px 18px 36px}.page-content .chat-info{width:100%;position:static;box-shadow:none}.themes{grid-template-columns:repeat(2,minmax(0,1fr))}.request{gap:10px}.request>.avatar{width:38px;height:38px;font-size:12px}.request strong{font-size:16px}.request .form-row{gap:6px}.request .primary,.request .secondary{padding:9px;font-size:12px}.found-user{padding:12px}.found-user button{margin-left:auto}.field input,.field textarea,.field select{font-size:16px}.device{flex-wrap:wrap}}.search-summary{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid var(--border);min-width:0}.search-summary span{flex:1;min-width:0;overflow-wrap:anywhere}.search-summary button{flex-shrink:0}.message-viewport{position:relative;display:flex;flex-direction:column;flex:1;min-height:0;min-width:0}.jump-latest{position:absolute;right:14px;bottom:12px;z-index:2;width:40px;height:40px;border-radius:50%;border:1px solid var(--border);background:var(--panel);color:var(--text);box-shadow:0 3px 12px #0003}.chat-heading{width:0}.composer textarea{box-sizing:border-box;overflow-y:hidden}@media(min-width:761px){.messenger{grid-template-columns:minmax(280px,340px) minmax(0,1fr)}.mobile-action{display:inline-flex}.mobile-action .avatar{width:30px;height:30px;font-size:10px}.list-toolbar{padding:12px 12px 8px;gap:4px}.mobile-folders{display:flex;overflow:auto;flex-shrink:0;gap:6px;align-items:center;padding:6px 12px 12px;scrollbar-width:none;border-bottom:1px solid var(--border)}.mobile-folders button{white-space:nowrap;padding:8px 12px;border-radius:10px;font-size:13px;color:var(--muted);display:flex;align-items:center;gap:5px}.mobile-folders button.active{background:var(--hover);color:var(--accent)}}.quick-status{padding:0 12px 6px;flex-shrink:0;max-height:55%;overflow:auto}.status-icon{font-size:20px}.status-icon[aria-expanded=true]{background:var(--hover);color:var(--accent)}.quick-status-editor{padding:8px 0}.status-presets{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-bottom:12px}.status-presets button{padding:9px 7px;text-align:left;border-radius:10px;background:var(--raised);font-size:12px}.status-presets button:hover{background:var(--hover)}.status-custom{display:flex;gap:6px;margin-bottom:8px}.status-custom input{min-width:0;width:0;flex:1;padding:9px;background:var(--raised);color:var(--text);border:1px solid var(--border);border-radius:10px}.quick-status-editor small{display:block;margin-top:10px;font-size:10px;line-height:1.5}.peer-status-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-weight:400}.bubble{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;column-gap:10px}.bubble>*{grid-column:1 / -1}.bubble>.message-text,.bubble>em{grid-column:1;min-width:0}.bubble>.message-meta{grid-column:2;margin:0;white-space:nowrap;min-height:24px}.bubble .message-meta .message-menu{position:static;float:none;margin:0;width:24px;height:24px;background:transparent;color:inherit;opacity:.7;pointer-events:auto}.account-settings{display:grid;gap:20px;min-width:0}.account-settings>h3{margin-bottom:0}.recording-actions{display:flex;gap:8px;padding:4px 12px;flex-wrap:wrap}.recording-actions button{font-size:11px;padding:5px 9px}.recording-panel{padding:12px;display:grid;gap:8px;background:var(--raised);border-radius:14px;margin:8px;min-width:0}.recording-heading{display:flex;justify-content:space-between;align-items:center}.recording-camera{width:min(100%,240px);max-height:220px;border-radius:12px;background:#000;justify-self:center}.recording-panel audio,.audio-frame audio{width:100%;min-width:0}.audio-frame{width:min(280px,65vw)}.audio-frame .media-placeholder{min-height:64px}.recording-panel p{margin:0;font-size:12px;color:var(--muted)}.round-frame{width:min(240px,62vw);border-radius:50%}.round-frame .media-placeholder{aspect-ratio:1;min-height:0;border-radius:50%}.round-player{width:100%}.round-toggle{position:relative;display:block;width:100%;aspect-ratio:1;padding:3px;border:0;border-radius:50%;overflow:hidden}.round-toggle video{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}.round-play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:42px;height:42px;border-radius:50%;color:#fff;background:#0005}.round-duration{position:absolute;bottom:15px;left:50%;transform:translate(-50%);background:#0008;color:#fff;border-radius:10px;padding:2px 7px;font-size:11px}.recording-round{aspect-ratio:1;object-fit:cover;border-radius:50%;width:200px;max-width:100%}.voice-player{display:flex;align-items:center;gap:10px;padding:8px 0;flex-wrap:wrap}.voice-toggle{display:grid;place-items:center;width:38px;height:38px;flex-shrink:0;border-radius:50%;background:var(--accent);color:var(--bg)}.voice-content{flex:1;min-width:0}.voice-wave{position:relative;height:32px}.voice-wave svg{width:100%;height:32px;display:block}.voice-wave input{position:absolute;inset:0;width:100%;height:100%;opacity:0;margin:0;padding:0;cursor:pointer}.voice-wave:focus-within{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.voice-duration{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.playback-error{flex-basis:100%;font-size:12px}.bubble:has(.round-frame):not(:has(.message-text))>.message-meta{position:static;margin:4px 0 0 auto;background:transparent;color:var(--muted);-webkit-backdrop-filter:none;backdrop-filter:none}@media(max-width:400px){.composer{gap:0}.composer .icon{width:28px}.composer textarea{padding:6px 3px}}.bubble:has(.round-frame):not(:has(.media-frame:not(.round-frame))):not(:has(.message-text)){width:min(240px,62vw);max-width:85%}.round-frame{max-width:100%}.outgoing .round-frame{justify-self:end;margin-left:auto}.incoming .round-frame{justify-self:start;margin-right:auto}.bubble:has(.round-frame):not(:has(.message-text))>.message-meta{grid-column:1 / -1;padding-right:0;padding-left:0}.call-panel{flex-shrink:0;display:flex;gap:12px;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--raised);border-bottom:1px solid var(--border);flex-wrap:wrap}.list-call-return{margin:0 14px;flex-shrink:0}.call-panel p{margin:4px 0 0;color:var(--muted);font-size:12px}.call-buttons{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.call-notice{padding:8px 16px;font-size:12px;background:var(--panel);flex-shrink:0}.call-notice button{margin-left:8px}.call-preview{display:flex;align-items:center;gap:12px;border:0;background:none;color:inherit;text-align:left;min-width:0;flex:1;padding:0;min-height:44px}.call-expand-icon{flex-shrink:0;margin-left:auto}.call-preview>span{display:flex;flex-direction:column;gap:4px;min-width:0}.call-preview strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.call-preview [role=status]{color:var(--muted);font-size:13px}.call-screen{display:flex;flex-direction:column;flex:1;min-height:0;overflow:auto;padding:24px;background:radial-gradient(ellipse at 50% 35%,color-mix(in srgb,var(--accent) 10%,transparent),transparent 65%)}.call-minimize{align-self:flex-start}.call-video-stage{position:relative;width:100%;min-height:200px;height:clamp(220px,48dvh,620px);flex-shrink:0;margin:16px auto;background:#090c10;border-radius:18px;overflow:hidden}.call-video{position:relative;width:100%;height:100%}.call-video video{width:100%;height:100%;object-fit:contain;display:block}.call-video.mirrored video{transform:scaleX(-1)}.call-video>button{position:absolute;inset:40% 15%}.call-video-placeholder{height:100%;display:grid;place-items:center;padding:16px;color:#c7cdd5}.call-self-video{position:absolute;right:12px;bottom:12px;width:clamp(90px,24%,180px);aspect-ratio:3 / 4;border-radius:12px;overflow:hidden;background:#151a20;box-shadow:0 2px 12px #0006}.call-self-video video{object-fit:cover}.call-self-video>span{position:absolute;bottom:6px;left:8px;color:#fff;text-shadow:0 1px 3px black;font-size:12px}.call-person.with-video{margin:0;padding:0 0 16px}.call-person.with-video .call-avatar{display:none}.call-person.with-video h1{font-size:20px;margin:0}.call-person{margin:auto;padding:30px 0;text-align:center}.call-person h1{font-size:clamp(24px,5vw,38px);margin:24px 0 8px;overflow-wrap:anywhere}.call-person p,.call-person small{color:var(--muted)}.call-avatar{width:128px;height:128px;margin:auto;border-radius:50%;display:grid;place-items:center;font-size:48px;background:color-mix(in srgb,var(--accent) 20%,var(--panel));color:var(--accent);overflow:hidden}.call-avatar img{width:100%;height:100%;object-fit:cover}.call-screen-controls{display:flex;flex-direction:column;align-items:center;gap:16px;margin:0 auto;width:min(100%,440px);padding-bottom:max(12px,env(safe-area-inset-bottom))}.call-screen-controls .call-buttons{justify-content:center;flex-wrap:wrap}.call-output{width:100%;padding:12px;border:1px solid var(--border);border-radius:16px}.call-output p{font-size:13px;line-height:1.5}.call-screen .call-buttons button{min-height:52px;border-radius:26px}@media(max-width:760px){.call-screen{padding:16px}.call-panel{flex-wrap:wrap}}.messenger.has-video-call{grid-template-columns:minmax(0,1fr)}.has-video-call .chat-list,.call-panel.call-panel-hidden{display:none}.call-screen.call-screen-video{position:relative;isolation:isolate;padding:0;overflow:hidden;background:#090c10;color:#fff}.call-screen-video .call-video-stage{position:absolute;inset:0;height:100%;min-height:0;margin:0;border-radius:0;z-index:-1}.call-screen-video .call-minimize{z-index:1;margin:max(12px,env(safe-area-inset-top)) 16px 0;padding:10px 14px;border-radius:24px;color:#fff;background:#10151dcc}.call-screen-video .call-person{margin:0;padding:12px 16px 24px;text-align:left;pointer-events:none;background:linear-gradient(#090c1080,transparent);text-shadow:0 1px 4px #000}.call-screen-video .call-person h1{max-width:65%}.call-screen-video .call-person p{margin:6px 0 0;color:#fff;max-width:65%;font-size:13px}.call-screen-video .call-person small{display:none}.call-screen-video .call-self-video{top:calc(max(12px,env(safe-area-inset-top)) + 52px);bottom:auto;right:max(12px,env(safe-area-inset-right));height:22%;max-height:180px;width:auto;max-width:30%}.call-screen-video .call-self-video video{object-fit:contain}.call-screen-video .call-screen-controls{margin:auto 0 0;width:100%;max-height:55%;overflow-y:auto;flex-shrink:0;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:8px;padding:28px max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));background:linear-gradient(transparent,#090c10cc 36%)}.call-screen-video .call-screen-controls .call-buttons{display:contents}.call-screen-video .call-screen-controls button{min-width:48px;min-height:48px;padding:12px;border-radius:24px;background:#202935e6;color:#fff;border-color:#ffffff30}.call-screen-video .call-screen-controls button.active,.call-screen-video .call-screen-controls button.primary{background:var(--accent);color:var(--on-accent)}.call-screen-video .call-screen-controls button.danger{background:#c93848;color:#fff}.call-screen-video .call-control-label{display:none}.call-screen-video .call-output{order:-1;flex-basis:100%;max-width:440px;background:var(--panel);color:var(--text)}.pin-pad{width:min(100%,300px);margin:20px auto}.pin-pad input{text-align:center;font-size:28px;letter-spacing:12px;padding-left:24px}.pin-keys{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px}.pin-keys button{min-height:64px;border:1px solid color-mix(in srgb,var(--border) 55%,transparent);background:var(--panel);border-radius:20px;font-size:26px;display:grid;place-items:center;touch-action:manipulation}.pin-keys button[aria-label="Очистить код"]{font-size:13px}.pin-keys button:active{background:color-mix(in srgb,var(--accent) 22%,var(--panel))}.pin-setup{width:100%;max-width:360px}.chat-row-text>div>p{flex:1;min-width:0}.chat-badges{display:inline-flex;align-items:center;gap:5px;flex:0 0 auto}.chat-badges .unread{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;box-sizing:border-box;border-radius:999px;font-size:12px;font-weight:650;line-height:1;flex:0 0 auto;font-variant-numeric:tabular-nums}.chat-badges .mention-badge{width:22px;padding:0;font-size:15px}.message-mention{color:var(--accent);font-weight:600}.mention-picker{flex:0 1 auto;min-height:0;max-height:min(220px,calc(var(--visible-height, 100dvh) * .28));overflow-y:auto;overscroll-behavior:contain;background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:4px;margin-bottom:8px}.mention-picker button{width:100%;display:flex;align-items:center;gap:10px;text-align:left;border-radius:10px;padding:8px 10px}.mention-picker button.selected,.mention-picker button:hover{background:var(--raised)}.mention-picker button>span:last-child{min-width:0;display:flex;flex-direction:column;gap:2px}.mention-picker strong,.mention-picker small{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.mention-picker strong{font-size:13px}.mention-picker small{font-size:12px;color:var(--muted)}.mention-avatar{display:grid;place-items:center;flex:0 0 32px;height:32px;border-radius:50%;color:var(--accent);background:rgba(var(--accent-rgb),.12)}.chat-badges .reply-badge{width:22px;padding:0}.chat-badges .reply-badge svg{color:inherit}.contact-avatar{position:relative;flex:0 0 auto;display:inline-flex}.contact-online{position:absolute;bottom:-1px;right:-1px;width:13px;height:13px;background:#42c979;border:2px solid var(--panel);border-radius:50%}.contact-muted{position:absolute;top:-4px;right:-4px;display:grid;place-items:center;width:19px;height:19px;border-radius:50%;background:var(--panel);border:1px solid var(--border);color:var(--muted)}.person-profile{display:flex;flex-direction:column;align-items:flex-start;gap:14px;max-width:560px}.person-profile>.avatar,.group-avatar-editor .avatar{width:88px;height:88px;font-size:28px}.person-profile h2,.person-profile p{margin:0}.person-profile>section{width:100%;padding:18px 0;border-top:1px solid var(--border)}.profile-bio{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6}.person-muted{display:flex;align-items:center;gap:8px;color:var(--muted)}.group-avatar-editor{display:flex;flex-direction:column;align-items:center;gap:8px}.group-call-preview{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--panel);border-bottom:1px solid var(--border);flex:none}.group-call-preview>button:first-child{display:flex;align-items:center;gap:9px;flex:1;min-width:0;background:none;border:0;color:inherit;text-align:left}.group-call-preview small{opacity:.7}.group-call-preview span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-call-page{display:flex;flex:1;min-height:0;flex-direction:column;background:var(--bg);overflow:hidden}.group-call-page>header{display:flex;align-items:center;gap:12px;padding:14px;flex:none}.group-call-page>header>div{flex:1;min-width:0}.group-call-page small{display:block;opacity:.6;font-size:12px;margin-top:3px}.group-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;padding:12px;overflow:auto;flex:1;align-content:start}.group-tile{position:relative;aspect-ratio:4/3;border-radius:16px;overflow:hidden;background:#252a36;display:flex;align-items:center;justify-content:center;color:#fff}.group-initial{font-size:48px;opacity:.8}.group-camera{width:100%;height:100%;object-fit:cover}.group-tile-label{position:absolute;left:0;right:0;bottom:0;padding:24px 10px 9px;background:linear-gradient(transparent,#0009);font-size:13px;display:flex;align-items:center;gap:5px}.group-call-page>footer{display:flex;gap:16px;justify-content:center;padding:16px 12px max(16px,env(safe-area-inset-bottom));flex:none}.group-call-page>footer .icon{width:48px;height:48px;background:#ffffff12;border-radius:50%}.group-share{position:relative;min-height:120px;flex:2;overflow:hidden;background:#000}.group-screen-video{width:100%;height:100%;object-fit:contain}.group-share>button{position:absolute;right:10px;bottom:10px}.group-moderation{display:flex;gap:8px;flex-wrap:wrap;font-size:11px;padding:6px 2px}.group-moderation button{background:none;border:0;color:inherit;opacity:.7;font-size:inherit}.chat-pane>video.group-camera{position:absolute;width:0;height:0;pointer-events:none}.group-join-button{display:flex;align-items:center;gap:6px;white-space:nowrap;font-size:12px;background:none;border:0;color:var(--accent);padding:8px}@media(max-width:600px){.group-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:6px}.group-call-page>header{padding:10px 8px}.group-call-page>header .text-button{font-size:11px;max-width:95px}.group-call-preview{padding:8px 10px}.group-call-preview small{display:none}.group-join-button{max-width:100px;white-space:normal}.group-tile{border-radius:10px}.group-moderation{font-size:10px}}.library-manager{max-width:900px;margin:0 auto;width:100%;min-width:0;padding-bottom:24px}.library-toolbar,.library-share{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0;align-items:center}.library-toolbar button,.library-share button{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:8px 12px;background:var(--raised);border-radius:12px}.library-toolbar button.primary{background:var(--accent);color:var(--on-accent)}.library-list{display:grid;gap:8px}.library-row{display:flex;align-items:center;gap:14px;text-align:left;padding:16px;background:var(--raised);border-radius:14px;width:100%}.library-row span,.library-share-card span{display:grid;gap:5px;min-width:0}.library-row strong{overflow-wrap:anywhere}.library-row small,.library-share-card small{color:var(--muted)}.library-sticker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:10px;max-height:400px;overflow:auto;margin:12px 0}.library-sticker-grid button{min-width:0;background:transparent;padding:0}.library-image{width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;overflow:hidden;font-size:12px;text-align:center}.library-image img{width:100%;height:100%;object-fit:contain}.library-image [role=button]{padding:6px;cursor:pointer;color:var(--muted)}.library-sticker-message{background:transparent!important;border:0!important;padding:0!important;display:block;width:min(230px,65vw)}.library-sticker-message .sticker-art{width:100%;height:auto}.library-share-card{display:flex;align-items:center;gap:12px;text-align:left;padding:14px;border-radius:14px;background:var(--raised);max-width:100%}.library-tabs{display:flex;overflow:auto;gap:8px;padding:4px}.library-tabs button{white-space:nowrap;padding:8px}.library-tabs .active{color:var(--accent)}.sticker-editor{display:grid;gap:12px;margin:16px 0}.sticker-editor-row{display:grid;grid-template-columns:100px minmax(0,1fr);gap:12px;background:var(--raised);padding:12px;border-radius:14px}.sticker-editor-row input{width:100%;margin-bottom:6px;min-width:0}.sticker-editor-row .library-toolbar{gap:4px;margin:4px 0}.theme-editor-colors{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:16px 0}.theme-editor-colors label{display:flex;align-items:center;justify-content:space-between;gap:10px}.theme-editor-colors input[type=color]{width:46px;height:36px;padding:2px;cursor:pointer}.theme-sample{padding:20px;border:1px solid var(--border);border-radius:18px;display:flex;flex-direction:column;gap:12px}.theme-sample p{padding:12px;max-width:85%;width:fit-content;margin:0}.theme-sample button{align-self:flex-end;padding:10px 16px}.library-warning{background:var(--raised);border-left:3px solid var(--danger);padding:12px;overflow-wrap:anywhere}.library-confirm{padding:16px;border:1px solid var(--border);border-radius:12px}.library-confirm button{padding:10px}.theme-trial{position:sticky;top:0;z-index:10;display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:14px;background:#f1f3f7;color:#12151b;border:2px solid #5269be;border-radius:12px}.theme-trial button{background:#283b75;color:#fff;padding:10px 14px;border-radius:8px}.library-share select{max-width:100%;min-width:0;flex:1;padding:10px;border-radius:10px;background:var(--raised);color:var(--text)}.conversation{background:var(--conversation-background, var(--bg))}html[data-custom-theme=true] .bubble:not(.sticker-bubble):not(.video-message-bubble){border-radius:var(--bubble-radius, 18px)}.library-share h3{flex-basis:100%;margin:0}.library-share select{min-width:min(220px,100%)}.channel-feed{padding-inline:max(16px,calc((100% - 760px)/2))}.channel-post-line{align-items:flex-start;margin:0 0 20px}.channel-post{display:flex;flex-direction:column;gap:14px;flex:1;min-width:0;width:100%;padding:22px;background:var(--panel);border:1px solid var(--border);border-radius:var(--bubble-radius, 16px);overflow-wrap:anywhere}.channel-post>.message-text{margin:0;font-size:16px;line-height:1.65}.channel-post>.media-frame:not(.round-frame){border-radius:10px;overflow:hidden}.channel-post .message-media{max-height:min(65vh,620px)}.channel-post>.library-sticker-message,.channel-post>.sticker-art{max-width:min(240px,100%);align-self:flex-start}.channel-post>.message-meta{margin:0;min-height:28px;font-size:11px;gap:6px}.channel-post .message-meta .message-menu{position:static;float:none;margin:0;width:28px;height:28px;opacity:1}.channel-post>.thread-entry{min-height:40px;padding:10px 12px;border-radius:10px;background:var(--hover);font-weight:600}.channel-post>.thread-entry:focus-visible{outline-offset:2px}.channel-post>.message-popover{margin:0}.channel-post>.shared-label{margin:0;color:var(--muted)}.channel-post-line.selected-message>.channel-post{border-color:var(--accent)}@media(max-width:760px){.channel-feed{padding:12px 10px}.channel-post-line{margin-bottom:14px}.channel-post{padding:16px;gap:12px}.channel-post>.message-text{font-size:15px;line-height:1.6}}.thread-navigation{flex:none;padding:10px 16px;border-bottom:1px solid var(--border);max-height:28vh;overflow:auto;background:var(--panel)}.thread-navigation>div{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.thread-navigation p{margin:8px 0;white-space:pre-wrap;overflow-wrap:anywhere;max-height:4.5em;overflow:auto}.thread-navigation button,.thread-entry{border:0;background:transparent;color:var(--accent);padding:6px 8px;font:inherit;cursor:pointer}.thread-entry{display:block;text-align:left;width:100%;font-size:13px}.conversation-settings{display:grid;gap:16px;max-width:720px}.conversation-settings fieldset{border:1px solid var(--border);border-radius:12px;padding:12px;display:grid;gap:8px}.conversation-settings label{display:grid;gap:8px}.conversation-settings label.check{display:flex;align-items:center}.conversation-settings label.check input{width:auto}.conversation-settings input,.conversation-settings select{width:100%;min-width:0;padding:10px;border-radius:10px;border:1px solid var(--border);background:var(--panel);color:var(--text)}.channel-member{display:grid;gap:6px;border-bottom:1px solid var(--border);padding:10px 0}.channel-member-actions{display:flex;flex-wrap:wrap;gap:8px}.composer-permissions{border:0;margin:0;padding:0;min-width:0}.composer-permissions:disabled{opacity:.55}.compose-permission{margin:8px;font-size:13px;color:var(--muted)}.file-download{display:flex;align-items:center;gap:10px;padding:18px;color:var(--accent);overflow-wrap:anywhere;min-width:0;text-decoration:none}.message-text a{color:var(--accent);overflow-wrap:anywhere}.message-text code{font-family:monospace;background:var(--panel);border-radius:4px;padding:1px 4px}.conversation-settings fieldset{min-width:0}.conversation-settings .check{overflow-wrap:anywhere}.typing-status,.chat-heading .typing-status{color:var(--accent)}.mobile-folders{padding-top:13px}.mobile-folders .folder-tab{position:relative;flex-shrink:0}.folder-unread{position:absolute;top:-9px;right:1px;min-width:18px;height:18px;padding:0 4px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:var(--accent);color:var(--bg);font-size:10px;font-weight:700;line-height:1;font-variant-numeric:tabular-nums;pointer-events:none}.permissions-settings{min-width:0;display:grid;gap:12px}.permission-tabs{display:flex;flex-wrap:wrap;gap:6px}.permission-fields{display:grid;gap:8px}.permission-fields label{display:grid;grid-template-columns:minmax(0,1fr) minmax(120px,45%);align-items:center;gap:12px}.permission-fields select{width:100%;min-width:0}.permission-grant{display:grid;gap:6px;padding:12px 0;border-bottom:1px solid var(--border);overflow-wrap:anywhere}.permission-preview{display:grid;gap:10px;padding:16px;border:1px solid var(--accent);border-radius:12px}.group-navigation{flex:0 0 auto;min-width:0;padding:6px 12px;border-bottom:1px solid var(--border)}.group-tree{display:grid;gap:6px;max-height:40dvh;overflow:auto;padding:12px 0}.group-tree button{display:flex;justify-content:space-between;text-align:left}.tree-search-results{display:grid;gap:8px;min-width:0}.tree-search-results>button{display:grid;gap:6px;text-align:left;white-space:normal;overflow-wrap:anywhere;min-width:0;padding:12px}.tree-search-results>button small{opacity:.65}.recording-mirror{transform:scaleX(-1)}.composer .emoji-button:not([aria-expanded=true]):focus:not(:focus-visible){background:transparent;color:var(--muted)}.composer .emoji-button[aria-expanded=true]{color:var(--accent);background:var(--panel)}button.message-mention{display:inline;padding:0;background:none;border:0;color:var(--accent);font:inherit;cursor:pointer}.avatar-crop{display:grid;gap:12px;padding:16px;border:1px solid var(--border);border-radius:16px;max-width:100%}.avatar-crop canvas{width:256px;height:256px;max-width:100%;border-radius:50%;touch-action:none;cursor:grab}.avatar-crop input{width:100%}.avatar-crop button{margin-right:8px}@media(hover:none){.composer .emoji-button[aria-expanded=false]:hover{background:transparent;color:var(--muted)}}.participant-volume{display:grid;gap:6px;padding:10px;font-size:13px;min-width:0}.participant-volume input{width:100%;min-width:0}.selection-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px;max-height:25dvh;overflow:auto}.selected-message{background:color-mix(in srgb,var(--accent) 15%,transparent);border-radius:12px}.message-line>input[type=checkbox]{flex:0 0 22px;width:22px;height:22px;align-self:center;margin:8px}.pending-message small{display:block;color:var(--muted);margin-top:6px}.pending-message button{padding:6px;font-size:12px}.shared-media-row{display:grid;gap:6px;width:100%;padding:12px;text-align:left;overflow-wrap:anywhere;min-width:0}.shared-media-row small{display:block;color:var(--muted)}.sync-status{display:flex;align-items:center;gap:8px;padding:8px 12px;font-size:12px;flex-shrink:0}.sync-status span{flex:1;min-width:0}.sync-status button{flex-shrink:0}.call-device-settings{display:grid;gap:10px;min-width:0;max-height:min(48dvh,420px);overflow-y:auto;flex-shrink:0;text-align:left;background:var(--panel);color:var(--text)}.call-device-settings .field{min-width:0;margin:0}.call-device-settings select{width:100%;min-width:0;max-width:100%}.call-device-settings p{margin:0}.group-call-page>.call-device-settings{width:min(calc(100% - 24px),440px);align-self:center;margin:8px 12px}.call-microphone{position:relative;display:inline-flex;padding-bottom:4px}.call-mic-level{position:absolute;bottom:-3px;left:0;right:0;height:4px;display:flex;gap:1px}.call-mic-level i{flex:1;border-radius:2px;background:currentColor;opacity:.18;transition:opacity .1s}.call-mic-level i.lit{opacity:1}.call-microphone.speaking{color:var(--accent)}.group-tile.speaking{box-shadow:inset 0 0 0 2px var(--accent)}@media(prefers-reduced-motion:reduce){.call-mic-level i{transition:none}}.group-call-page>footer{flex-wrap:wrap;gap:10px}