:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#26382f;background:#f8f9f6;font-synthesis:none;--bg: #f8f9f6;--panel: #fff;--soft: #f1f3ef;--line: #e7ebe4;--text: #26382f;--muted: #7c887f;--green: #274d3d;--mint: #c8efce;--bubble: #edf1e9;--shadow: 0 24px 90px #142b221a}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{border:0}button:disabled{opacity:.45;cursor:not-allowed}a{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #7cb698;outline-offset:3px}input:focus,textarea:focus{outline:none;border-color:#759881;box-shadow:0 0 0 3px #98bfa524}button{color:inherit}button,a{touch-action:manipulation}h1,h2,h3,p{margin:0}button svg,a svg{flex-shrink:0}input,textarea{color:var(--text);background:var(--panel)}input::placeholder,textarea::placeholder{color:#9aa39c}input{min-width:0;width:100%;height:46px;padding:0 14px;border:1px solid var(--line);border-radius:10px;transition:.2s}label{display:block;margin-bottom:17px;font-size:12px;font-weight:650}label>input,label>.input-icon,label>.inline-input{margin-top:8px}.label-note{float:right;font-size:10px;font-weight:400;color:var(--muted)}.help{display:block;font-size:11px;line-height:1.65;color:var(--muted);font-weight:400;margin-top:8px}.brand{display:flex;align-items:center;gap:11px;font-weight:750;font-size:23px;letter-spacing:-1.1px}.brand img{width:37px;height:37px}.brand-light{font-weight:400;margin-left:5px;color:#78917e}.brand.small{font-size:20px}.eyebrow{font-size:10px;font-weight:650;letter-spacing:2px;color:#75917b}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:10px;padding:12px 18px;min-height:43px;font-size:12px;font-weight:650;transition:.2s}.primary{background:var(--green);color:#fff}.primary:hover:not(:disabled){background:#35624d;transform:translateY(-1px)}.secondary{background:var(--panel);color:var(--text);border:1px solid var(--line)}.secondary:hover:not(:disabled){background:var(--soft)}.full{width:100%}.icon-button{height:36px;width:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;background:transparent;color:var(--muted);flex-shrink:0}.icon-button:hover{background:var(--soft);color:var(--green)}.input-icon{position:relative;display:flex;align-items:center}.input-icon>svg{position:absolute;left:14px;color:var(--muted)}.input-icon input{padding-left:41px}.error{background:#fff0ed;border:1px solid #eacac1;color:#9b4032;padding:12px 14px;border-radius:9px;font-size:12px;line-height:1.6;margin:12px 0}.button-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.button-row.right{justify-content:flex-end}.text-button{background:transparent;color:var(--green);font-size:11px;display:inline-flex;align-items:center;gap:7px;padding:8px 0;font-weight:650}.danger{color:#a45446!important}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.status-dot,.tiny-dot{height:6px;width:6px;border-radius:50%;background:#80b48f;display:inline-block;flex-shrink:0}.status-dot.offline{background:#d8aa6d}.fine-print{font-size:10px;line-height:1.65;color:var(--muted);text-align:center;margin-top:12px}.loading-page{height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:25px}.loading-page p{font-size:12px;color:var(--muted)}.auth-page{display:grid;grid-template-columns:1fr 1fr;min-height:100dvh}.auth-left{padding:33px 44px 20px;display:flex;flex-direction:column;justify-content:space-between;background:var(--panel)}.auth-form-wrap{width:100%;max-width:356px;margin:60px auto 45px}.auth-form-wrap h1{font-size:43px;letter-spacing:-1.8px;line-height:1.13;margin-top:15px;font-weight:550}.auth-intro{font-size:12px;color:var(--muted);line-height:1.8;max-width:330px;margin-top:17px}.auth-tabs{display:flex;gap:25px;border-bottom:1px solid var(--line);margin:30px 0 24px}.auth-tabs button{padding:0 0 12px;background:transparent;font-size:12px;color:var(--muted);border-bottom:2px solid transparent}.auth-tabs button.active{border-color:var(--green);color:var(--green);font-weight:650}.server-toggle{background:transparent;display:flex;align-items:center;gap:8px;color:var(--muted);font-size:11px;margin:0 0 20px;padding:0}.server-toggle svg{margin-left:auto}.auth-form-wrap .primary{margin-top:3px;min-height:46px}.auth-divider{display:flex;align-items:center;gap:14px;color:#9aa69c;font-size:8px;letter-spacing:1.3px;margin:24px 0 16px}.auth-divider:before,.auth-divider:after{content:"";height:1px;background:var(--line);flex:1}.demo-button{width:100%;border:1px solid var(--line);border-radius:10px;background:transparent;padding:12px 14px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:12px;font-weight:550}.demo-button svg:last-child{margin-left:auto}.demo-button svg:first-child{margin-right:auto}.auth-left>footer{display:flex;align-items:center;gap:6px;font-size:9px;color:var(--muted)}.auth-left>footer>span{margin-left:auto;font-size:8px;letter-spacing:1.4px}.auth-art{margin:14px 14px 14px 0;border-radius:20px;background:#183b2d;position:relative;overflow:hidden;min-height:800px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;padding:50px}.art-grain{position:absolute;inset:0;opacity:.12;background-image:radial-gradient(#fff 1px,transparent 1px);background-size:5px 5px;pointer-events:none}.art-orbit{position:absolute;width:650px;height:650px;border:1px solid #a9d6b515;border-radius:50%;top:-250px;right:-180px}.orbit-two{width:850px;height:850px;top:-350px;right:-280px}.art-label{position:relative;font-size:8px;letter-spacing:2px;color:#c0d5c3;display:flex;align-items:center;gap:8px;margin-bottom:43px}.art-label span{width:5px;height:5px;background:#c5ecb9;border-radius:50%}.floating-chat{width:100%;max-width:350px;background:#f8faf3;border:1px solid #ffffff60;border-radius:19px;padding:18px;color:#334a3b;box-shadow:0 35px 65px #081c2455;transform:rotate(-3deg);position:relative}.floating-chat-head{display:flex;align-items:center;gap:10px;border-bottom:1px solid #dfe7d9;padding-bottom:14px;margin-bottom:17px}.floating-chat-head>.avatar{width:36px;height:36px}.floating-chat-head>div{flex:1}.floating-chat-head strong{font-size:12px;display:block}.floating-chat-head div span{font-size:8px;color:#8b998b;display:block;margin-top:4px}.floating-chat-head>svg{color:#93a988}.art-message{font-size:11px;padding:11px 13px;border-radius:13px;max-width:90%;line-height:1.5;margin-bottom:9px}.art-message small{display:block;font-size:7px;letter-spacing:1px;color:#81a07b;margin-bottom:5px}.art-message>span{display:flex;justify-content:flex-end;align-items:center;gap:4px;font-size:7px;color:#8b9b83;margin-top:5px}.art-message.received{background:#ebefe5;border-bottom-left-radius:4px;width:max-content}.art-message.sent{margin-left:auto;background:#cce9c4;border-bottom-right-radius:4px}.art-photo{width:80%;height:142px;overflow:hidden;position:relative;background:#d9e5d7;border-radius:12px;margin:10px 0 10px auto}.sun-shape{position:absolute;width:35px;height:35px;border-radius:50%;background:#f1e4b7;right:46px;top:23px}.hill{position:absolute;border-radius:50% 50% 0 0;width:320px;height:180px;transform:rotate(-15deg)}.hill-back{background:#a2b99a;top:85px;left:-60px}.hill-front{background:#6c8b6b;top:93px;left:80px;transform:rotate(15deg)}.photo-caption{position:absolute;bottom:0;padding:10px 12px;background:linear-gradient(transparent,#203e2960);width:100%;font-size:8px;color:#fff;display:flex;align-items:center;gap:6px}.art-typing{display:flex;gap:3px;background:#ebefe5;width:max-content;padding:11px;border-radius:12px}.art-typing i{width:4px;height:4px;border-radius:50%;background:#98aa91}.art-bottom{position:relative;text-align:center;margin-top:50px}.art-bottom h2{font-size:35px;letter-spacing:-1.2px;font-weight:450;line-height:1.15;color:#edf4e8}.art-bottom p{font-size:11px;margin-top:14px;color:#a6bda9}.art-pills{display:flex;justify-content:center;gap:8px;margin-top:25px}.art-pills span{border:1px solid #accba82b;padding:8px 11px;border-radius:50px;display:flex;align-items:center;gap:6px;font-size:8px;color:#bfcec0}.messenger{height:100dvh;display:grid;grid-template-columns:76px 330px minmax(0,1fr);overflow:hidden}.rail{background:#152d23;display:flex;flex-direction:column;align-items:center;padding:25px 0 20px;gap:35px}.rail-logo img{width:39px;height:39px}.rail-links{display:flex;flex-direction:column;gap:18px}.rail .icon-button{color:#9bb3a0;width:42px;height:42px;border-radius:12px}.rail .icon-button:hover,.rail-links .icon-button:first-child{background:#ffffff0d;color:#c1efb8}.rail-bottom{margin-top:auto;display:flex;flex-direction:column;align-items:center;gap:14px}.profile-circle{background:#d4e9c7;color:#285039;width:35px;height:35px;border-radius:50%;font-size:12px;font-weight:700;margin-top:7px}.sidebar{background:var(--panel);border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0}.sidebar-title{display:flex;align-items:center;justify-content:space-between;padding:35px 25px 23px}.sidebar-title .eyebrow{font-size:8px;letter-spacing:1.5px}.sidebar-title h1{font-size:28px;letter-spacing:-1px;font-weight:550;margin-top:7px}.sidebar-title h1>span{color:#7db58b}.compose-button{background:var(--soft);height:36px;width:36px;display:flex;align-items:center;justify-content:center;border-radius:11px}.compose-button:hover{background:var(--mint)}.search-field{position:relative;display:flex;align-items:center;margin:0 23px;color:#94a095}.search-field input{background:var(--soft);border-color:transparent;border-radius:9px;padding-left:36px;font-size:11px;height:39px}.search-field>svg{position:absolute;left:11px}.search-field>button{position:absolute;right:8px;background:transparent;color:var(--muted)}.filter-tabs{display:flex;gap:7px;padding:21px 23px 17px}.filter-tabs>button{font-size:10px;color:var(--muted);background:transparent;padding:7px 11px;border-radius:7px;display:flex;align-items:center;gap:6px}.filter-tabs>button.active{background:#eaf2e7;color:#3d6447;font-weight:650}.filter-tabs>button span{font-size:8px;opacity:.65}.conversation-list{flex:1;min-height:0;overflow-y:auto;padding:0 11px}.conversation{display:flex;align-items:center;width:100%;gap:12px;text-align:left;background:transparent;padding:17px 12px;margin-bottom:3px;border-radius:11px;transition:background .2s}.conversation:hover{background:var(--soft)}.conversation.selected{background:#edf3e9}.avatar{height:43px;width:43px;display:inline-flex;align-items:center;justify-content:center;border-radius:15px;flex-shrink:0;background:#e6eedd;color:#577247;font-size:13px;font-weight:600;letter-spacing:-.5px}.avatar.tone-0{background:#e6e9e1;color:#718163}.avatar.tone-1{background:#f1e7df;color:#a28470}.avatar.tone-2{background:#e1e9f0;color:#70899c}.avatar.tone-3{background:#ebe5f0;color:#9a7ca4}.avatar.tone-4{background:#dfeadb;color:#718e64}.avatar.tiny{height:27px;width:27px;border-radius:9px;font-size:8px;align-self:flex-end;margin-bottom:21px}.avatar.large{height:68px;width:68px;border-radius:22px;font-size:23px}.conversation-copy{flex:1;min-width:0}.conversation-heading{display:flex;align-items:center;gap:6px;justify-content:space-between;margin-bottom:7px}.conversation-heading strong{font-size:12px;font-weight:600;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.conversation-heading small{font-size:8px;flex-shrink:0;color:#91a08f;font-weight:400}.conversation-preview{display:flex;align-items:center;justify-content:space-between;gap:5px}.conversation-preview>span{font-size:10px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-preview b{border-radius:50px;background:#80a67e;color:#fff;padding:3px 5px;font-size:8px;min-width:16px;text-align:center}.invite-row{display:flex;align-items:center;gap:11px;text-align:left;padding:13px;width:100%;border-radius:10px;background:#f7f2e8;margin-bottom:10px;color:#927a4d}.invite-row>span:nth-child(2){flex:1}.invite-row strong,.invite-row small{display:block;font-size:11px}.invite-row small{font-size:9px;margin-top:5px}.sidebar-footer{padding:20px 23px;display:flex;align-items:center;gap:6px;font-size:9px;color:var(--muted);border-top:1px solid var(--line);margin-top:15px}.sidebar-footer>svg{margin-left:3px}.sidebar-by{margin-left:auto;letter-spacing:1.2px;font-size:7px}.empty-list{display:flex;flex-direction:column;align-items:center;text-align:center;color:var(--muted);padding:55px 15px;gap:13px}.empty-list strong{font-size:12px;color:var(--text)}.empty-list p{font-size:11px;line-height:1.7}.chat-pane{background:var(--bg);min-width:0;display:flex;flex-direction:column;position:relative;min-height:0}.chat-header{height:88px;display:flex;align-items:center;gap:12px;padding:0 35px;border-bottom:1px solid var(--line);background:var(--panel);flex-shrink:0}.chat-title{background:transparent;text-align:left;min-width:0;padding:0}.chat-title h2{font-size:14px;font-weight:600;letter-spacing:-.15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-title span{display:block;font-size:9px;color:var(--muted);margin-top:6px}.chat-header-actions{margin-left:auto;display:flex;gap:7px}.mobile-back{display:none}.demo-banner,.connection-banner{padding:9px 22px;display:flex;align-items:center;justify-content:center;gap:8px;background:#eef0db;font-size:9px;color:#74774a;flex-shrink:0}.demo-banner button,.connection-banner button{background:transparent;text-decoration:underline;display:flex;align-items:center;gap:5px;font-size:9px;color:inherit}.connection-banner{background:#fff0e0;color:#976739;line-height:1.6}.message-search{background:var(--panel);padding:8px 28px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line)}.message-search input{border:0;box-shadow:none;height:33px;font-size:11px}.message-search small{white-space:nowrap;font-size:9px;color:var(--muted)}.message-area{flex:1;min-height:0;overflow-y:auto;padding:25px max(28px,calc((100% - 820px)/2));background-image:radial-gradient(#b2bdb024 .7px,transparent .7px);background-size:17px 17px}.conversation-start{text-align:center;padding:18px 0 25px;color:var(--muted)}.start-icon{width:46px;height:46px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;background:#e9eee3;color:#7c9a71;margin-bottom:12px}.conversation-start h3{font-size:12px;font-weight:500;color:#70806c}.conversation-start p{font-size:9px;line-height:1.8;margin-top:7px;color:#94a18f}.conversation-start p svg{display:inline-block;vertical-align:middle;margin-right:4px}.date-separator{display:flex;align-items:center;justify-content:center;margin:19px 0 25px}.date-separator span{background:#e9ece4a6;border:1px solid #e0e5dc70;color:#8b9984;font-size:8px;padding:5px 10px;border-radius:20px}.message-row{display:flex;gap:9px;position:relative;align-items:flex-start;margin-bottom:14px}.message-row.mine{flex-direction:row-reverse}.message-stack{max-width:74%;min-width:70px}.message-bubble{border-radius:12px 12px 12px 3px;padding:12px 15px 7px;background:var(--panel);border:1px solid #e7eae16b;box-shadow:0 1px 2px #182e1803;font-size:12px;line-height:1.7;overflow-wrap:anywhere;white-space:pre-wrap}.mine .message-bubble{background:#dfedcf;border-color:#d4e4c7;border-radius:12px 12px 3px;color:#334a2c}.message-time{display:flex;justify-content:flex-end;align-items:center;gap:5px;font-size:8px;color:#9ca792;margin-top:4px;white-space:nowrap;line-height:1.6}.mine .message-time{color:#7b966a}.message-time svg{color:#6b9760}.sender-name{display:block;margin-bottom:5px;font-size:9px;color:var(--muted)}.message-bubble a{text-decoration:underline;text-underline-offset:2px}.message-actions{display:flex;background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:0 3px 12px #23382208;padding:2px;margin-top:4px;opacity:0;transition:.15s}.message-actions .icon-button{height:26px;width:26px;border-radius:6px}.message-row:hover .message-actions,.message-row:focus-within .message-actions{opacity:1}.quoted-message{border-left:2px solid #91aa86;padding:5px 8px;background:#7f9a7510;text-align:left;display:flex;align-items:center;gap:6px;font-size:10px;width:100%;border-radius:3px;margin-bottom:8px;color:#71816b;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.quoted-message span{overflow:hidden;text-overflow:ellipsis}.reactions{display:flex;gap:4px;margin-top:5px;flex-wrap:wrap}.reactions button{display:flex;align-items:center;gap:4px;border:1px solid var(--line);border-radius:20px;background:var(--panel);padding:3px 7px;font-size:12px}.reactions span{font-size:9px;color:var(--muted)}.mine .reactions{justify-content:flex-end}.message-bubble.redacted{background:transparent;color:var(--muted);font-size:11px}.encrypted-placeholder{display:flex;gap:6px;align-items:center;color:var(--muted);font-size:10px}.failed-status{color:#b5674e}.load-older{background:var(--soft);border-radius:20px;font-size:9px;padding:6px 13px;color:var(--muted);display:block;margin:0 auto 15px}.empty-search{font-size:12px;color:var(--muted);text-align:center;padding:30px}.attachment{max-width:350px;white-space:normal}.photo-button{border:0;border-radius:8px;background:transparent;display:block;padding:0;min-height:60px;min-width:100px}.photo-button img{max-height:330px;max-width:100%;display:block;border-radius:7px;object-fit:contain}.photo-button>span{display:flex;align-items:center;justify-content:center;padding:25px;font-size:10px;color:var(--muted)}.file-button{background:transparent;display:flex;align-items:center;gap:12px;text-align:left;padding:4px;max-width:100%}.file-button span{min-width:0}.file-button strong{font-size:11px;display:block;overflow:hidden;text-overflow:ellipsis}.file-button small{display:block;font-size:9px;color:var(--muted);margin-top:5px}.typing-line{height:23px;padding:0 36px;font-size:9px;color:#95a08e;display:flex;align-items:center;gap:6px}.typing-dots{letter-spacing:2px;font-weight:700}.composer-wrap{padding:0 30px 18px}.composer{display:flex;align-items:center;gap:8px;border:1px solid var(--line);box-shadow:0 3px 10px #21392003;border-radius:13px;background:var(--panel);padding:10px 11px;min-height:62px}.composer textarea{border:0;resize:vertical;box-shadow:none;line-height:1.7;min-height:26px;max-height:150px;width:100%;font-size:12px;padding:3px 0}.composer .icon-button{width:30px;height:32px}.send-button{background:var(--green);color:#fff;height:37px;width:37px;border-radius:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.send-button:disabled{background:#b7c5b3}.composer-footer{display:flex;justify-content:space-between;gap:10px;color:#a4afa0;font-size:8px;padding:9px 4px 0}.composer-footer span{display:flex;align-items:center;gap:5px}.reply-bar{display:flex;align-items:center;gap:10px;background:var(--panel);border:1px solid var(--line);border-bottom:0;border-radius:10px 10px 0 0;padding:9px 14px;color:#8c9c83}.reply-bar>span{flex:1;min-width:0}.reply-bar strong{display:block;font-size:10px;font-weight:550}.reply-bar small{display:block;font-size:9px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reply-bar+.composer{border-top-left-radius:0;border-top-right-radius:0}.welcome-empty,.invite-screen{display:flex;align-items:center;justify-content:center;flex:1;flex-direction:column;text-align:center;padding:35px}.welcome-art{width:128px;height:128px;border-radius:42px;background:#e3eddc;display:flex;align-items:center;justify-content:center;color:#6d8c5f;position:relative;margin-bottom:35px;transform:rotate(-8deg)}.welcome-art>span{position:absolute;right:-8px;bottom:6px;background:#f2eddf;border:5px solid var(--bg);color:#b19b73;width:50px;height:50px;border-radius:18px;display:flex;align-items:center;justify-content:center;transform:rotate(20deg)}.welcome-empty h1{font-size:39px;line-height:1.15;font-weight:450;letter-spacing:-1.3px;margin-top:17px}.welcome-empty p{color:var(--muted);font-size:12px;line-height:1.8;margin:18px 0 27px}.welcome-empty>small{margin-top:23px;color:#97a18f;font-size:9px;display:flex;align-items:center;gap:6px}.invite-screen h2{font-size:23px;margin-top:25px;font-weight:500}.invite-screen p{font-size:12px;color:var(--muted);line-height:1.8;max-width:330px;margin:15px 0 25px}.modal-overlay{position:fixed;inset:0;z-index:20;background:#142b2390;backdrop-filter:blur(7px);display:flex;align-items:center;justify-content:center;padding:24px;animation:fade .15s}.modal{background:var(--panel);padding:27px;border-radius:19px;box-shadow:var(--shadow);width:100%;max-width:440px;max-height:90dvh;overflow-y:auto;outline:0}.modal.wide{max-width:560px}.modal>header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:25px}.modal>header h2{font-size:20px;font-weight:550;letter-spacing:-.6px}.modal>header p{font-size:11px;color:var(--muted);line-height:1.7;margin-top:7px}.modal>header .icon-button{margin-top:-5px;margin-right:-5px}.modal-prose{font-size:12px;color:var(--muted);line-height:1.9;margin:0 0 22px}.segmented{display:flex;background:var(--soft);border-radius:9px;padding:4px;gap:4px;margin-bottom:23px}.segmented>button{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;background:transparent;border-radius:7px;font-size:10px;padding:9px 5px;color:var(--muted)}.segmented>button.active{background:var(--panel);color:var(--green);box-shadow:0 1px 4px #24342108}.people-results{max-height:240px;overflow:auto;margin:5px 0 22px;min-height:80px}.person-row{display:flex;align-items:center;gap:11px;width:100%;text-align:left;padding:12px 0;background:transparent}.person-row>span:nth-child(2){flex:1;min-width:0}.person-row strong{display:block;font-size:12px;font-weight:550}.person-row small{display:block;font-size:9px;color:var(--muted);margin-top:5px;overflow-wrap:anywhere}.person-row .avatar{height:36px;width:36px;border-radius:12px;font-size:11px}.select-check{width:18px;height:18px;border:1px solid var(--line);border-radius:6px;display:flex;align-items:center;justify-content:center}.select-check.checked{background:var(--green);border-color:var(--green);color:#fff}.selected-people{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}.selected-people>button{display:flex;align-items:center;gap:5px;background:var(--bubble);border-radius:20px;padding:7px 10px;font-size:10px}.searching{font-size:11px;display:flex;align-items:center;gap:9px;color:var(--muted);padding:15px 0}.inline-input{display:flex;gap:8px}.inline-input input{flex:1}.inline-input button{flex-shrink:0}.settings-profile{display:flex;align-items:center;gap:16px;margin-bottom:28px}.settings-profile h3{font-size:17px;font-weight:500}.copy-id{display:flex;align-items:center;gap:8px;margin-top:8px;background:transparent;padding:0;font-size:10px;color:var(--muted);overflow-wrap:anywhere;text-align:left}.settings-section{border-top:1px solid var(--line);padding:22px 0;margin-top:5px}.section-title{display:flex;align-items:center;gap:9px;color:#738b6d;margin-bottom:12px}.section-title h3,.settings-section>h3{font-size:12px;font-weight:600;color:var(--text)}.settings-section>p{font-size:11px;line-height:1.8;color:var(--muted);margin:10px 0 18px}.settings-section .help{font-size:10px;margin-top:15px}.settings-section label{font-size:11px}.settings-bottom{border-top:1px solid var(--line);padding-top:18px;display:flex;align-items:center;justify-content:space-between;gap:10px}.settings-bottom>span{font-size:9px;color:var(--muted)}.settings-bottom b{font-weight:400}.file-label{margin:0;font-size:12px!important}.restore-row{padding:12px 0;display:flex;align-items:center;justify-content:space-between;font-size:10px;gap:12px}.device-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid var(--line);font-size:10px;overflow-wrap:anywhere}.device-row strong{display:block;font-weight:500}.device-row small{display:block;font-size:9px;color:var(--muted);margin-top:5px}.tag{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:20px;background:var(--soft);color:var(--muted);font-size:9px;white-space:nowrap}.emoji-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.emoji-grid button{background:transparent;font-size:26px;padding:10px 4px;border-radius:9px}.emoji-grid button:hover{background:var(--soft)}.lightbox-image{width:100%;max-height:65dvh;object-fit:contain;display:block;border-radius:8px}.download-link{display:flex;margin-top:15px;text-decoration:none}.details-hero{display:flex;align-items:center;flex-direction:column;gap:14px;margin-bottom:25px}.details-hero h2{font-size:19px;font-weight:500;text-align:center}.member-list{margin:5px 0 18px;max-height:280px;overflow-y:auto}.member-list .person-row{border-bottom:1px solid var(--line)}.member-list .text-button{font-size:9px}.details-actions{border-top:1px solid var(--line);padding-top:18px;display:flex;flex-direction:column;align-items:center;gap:10px}.leave-confirm p{font-size:11px;color:var(--muted);line-height:1.7;margin:10px 0}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%);background:#243e30;color:#ecf5e9;display:flex;align-items:center;gap:11px;border-radius:12px;padding:15px 17px;box-shadow:0 6px 25px #172a2730;max-width:calc(100vw - 35px);width:max-content;font-size:12px;z-index:40;animation:fade .2s;line-height:1.6}.toast button{background:transparent;color:inherit;display:flex;margin-left:5px}@keyframes fade{0%{opacity:0;translate:0 4px}to{opacity:1;translate:0 0}}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-thumb{background:#adb8a742;border-radius:10px}::-webkit-scrollbar-track{background:transparent}[data-theme=dark]{--bg: #17221d;--panel: #1e2b24;--soft: #25352b;--line: #304034;--text: #d6e4d4;--muted: #91a68f;--green: #6a916c;--mint: #334e36;--bubble: #2c4130;background:var(--bg);color:var(--text)}[data-theme=dark] .auth-art{background:#142f23}[data-theme=dark] .auth-tabs button.active{color:#b6d8ac}[data-theme=dark] .primary{color:#0f2416;background:#b4d5a5}[data-theme=dark] .primary:hover:not(:disabled){background:#c7e4bc}[data-theme=dark] .conversation.selected,[data-theme=dark] .filter-tabs>button.active{background:#304231;color:#b4d5a5}[data-theme=dark] .message-bubble{border-color:#314334}[data-theme=dark] .mine .message-bubble{background:#375037;border-color:#405a3d;color:#e0edd9}[data-theme=dark] .date-separator span,[data-theme=dark] .start-icon,[data-theme=dark] .welcome-art{background:#293e2b;border-color:#344b32}[data-theme=dark] .message-time{color:#8ba282}[data-theme=dark] .demo-banner{background:#3b4028;color:#c2c9a5}[data-theme=dark] .error{background:#422c28;border-color:#63463a;color:#e3ac9c}[data-theme=dark] .auth-left{background:var(--panel)}[data-theme=dark] .auth-form-wrap h1{color:var(--text)}[data-theme=dark] .avatar{filter:brightness(.8)}[data-theme=dark] .composer .send-button{color:#152b1a;background:#b4d5a5}[data-theme=dark] .invite-row{background:#3a3827;color:#ccc195}@media(min-width:1600px){.messenger{grid-template-columns:85px 370px minmax(0,1fr)}.conversation{padding-top:20px;padding-bottom:20px}.message-area{padding-top:35px}.auth-form-wrap{max-width:390px}.auth-form-wrap h1{font-size:49px}.auth-art{padding:70px}.floating-chat{max-width:390px}.art-photo{height:160px}}@media(max-width:1100px){.messenger{grid-template-columns:65px 290px minmax(0,1fr)}.sidebar-title{padding:30px 20px 23px}.search-field{margin:0 18px}.filter-tabs{padding-left:18px;padding-right:18px}.chat-header{padding:0 23px;height:81px}.message-area{padding:20px 22px}.message-stack{max-width:79%}.message-actions{position:absolute;top:-22px;right:6px;z-index:1}.mine .message-actions{right:auto;left:6px}.auth-left{padding:29px}.auth-art{padding:35px;min-height:800px}.art-bottom h2{font-size:31px}.art-pills span{font-size:7px}.auth-form-wrap h1{font-size:38px}.auth-intro{font-size:11px}}@media(max-width:780px){.auth-page{grid-template-columns:1fr}.auth-art{display:none}.auth-left{min-height:100dvh;padding:25px 26px 20px}.auth-form-wrap{margin:50px auto 45px;max-width:380px}.auth-form-wrap h1{font-size:44px}.auth-intro{font-size:12px}.auth-left>footer{font-size:8px}.messenger{grid-template-columns:57px minmax(0,1fr)}.rail{padding-top:23px;gap:28px}.rail-logo img{width:34px;height:34px}.rail .icon-button{width:37px;height:37px}.sidebar{grid-column:2}.sidebar-title{padding:26px 22px 23px}.sidebar-title h1{font-size:31px}.sidebar-title .eyebrow{font-size:9px}.chat-pane{display:none;grid-column:1 / -1;grid-row:1}.messenger.show-chat .sidebar,.messenger.show-chat .rail{display:none}.messenger.show-chat .chat-pane{display:flex}.chat-header{padding:0 13px;height:77px;gap:8px}.chat-header>.avatar{height:37px;width:37px;border-radius:13px;font-size:11px}.chat-title{max-width:calc(100% - 174px)}.chat-title h2{font-size:13px}.chat-title span{font-size:8px}.chat-header-actions{gap:0}.chat-header-actions .icon-button{width:32px}.mobile-back{display:inline-flex;width:29px}.message-area{padding:12px 14px}.conversation-start{padding:18px 8px 12px}.conversation-start p{font-size:8px}.message-stack{max-width:81%}.message-bubble{font-size:12px;padding:10px 12px 6px}.message-row{gap:6px;margin-bottom:14px}.message-actions{opacity:1;position:static;background:transparent;border:0;box-shadow:none;margin:0;align-self:flex-end;flex-direction:column;padding:0}.message-actions .icon-button{height:24px;width:23px;color:#a4b19a}.message-actions .icon-button:nth-child(n+3){display:none}.message-row .avatar.tiny{display:none}.composer-wrap{padding:0 12px max(12px,env(safe-area-inset-bottom))}.composer{padding:8px;min-height:57px;gap:5px}.composer textarea{font-size:13px}.composer-footer{font-size:7px}.composer-footer span:last-child{display:none}.typing-line{padding:0 18px;height:20px}.demo-banner{font-size:8px;padding:8px 10px;gap:5px;flex-wrap:wrap}.demo-banner button{font-size:8px}.modal-overlay{padding:12px}.modal{padding:22px;max-height:94dvh;border-radius:16px}.modal>header h2{font-size:19px}.modal>header p{font-size:10px}.modal>header{margin-bottom:23px}.settings-bottom{align-items:flex-start}.settings-bottom>span{max-width:190px;font-size:8px}.emoji-grid button{font-size:24px}.toast{font-size:11px;bottom:17px}.conversation{padding-top:18px;padding-bottom:18px}.conversation-heading strong{font-size:13px}.conversation-preview>span{font-size:11px}.conversation-heading small{font-size:9px}.welcome-empty h1{font-size:32px}.member-list .person-row small{font-size:8px}.input-icon input,input{font-size:16px}.message-search input{font-size:14px}.copy-id{font-size:9px}.file-label{font-size:10px!important}.settings-section .button-row .secondary{font-size:10px;padding:10px 12px}.connection-banner{font-size:9px;flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition:none!important;scroll-behavior:auto!important}}.message-more{display:none}.message-menu{display:flex;flex-direction:column;gap:5px}.message-menu>button{display:flex;align-items:center;gap:12px;background:transparent;text-align:left;padding:14px 9px;border-radius:9px;font-size:12px}.message-menu>button:hover{background:var(--soft)}.member-controls{display:flex;align-items:center;gap:9px}@media(max-width:780px){.message-actions .icon-button{display:none!important}.message-actions .message-more{display:flex!important}.message-actions{align-self:center}.message-stack{max-width:85%}}.recovery-banner{display:flex;align-items:center;gap:9px;padding:12px 22px;background:#e9f1e2;color:#66805b;font-size:10px;line-height:1.7}.recovery-banner>svg{flex-shrink:0}.recovery-banner>span{flex:1}.recovery-banner>button{background:transparent;display:flex;align-items:center;gap:6px;font-size:10px;font-weight:650;white-space:nowrap}.recovery-status{display:flex;align-items:center;gap:10px;padding:13px;background:var(--soft);border-radius:10px;color:var(--muted);font-size:11px;line-height:1.6}.recovery-status.ready{background:#eaf2e5;color:#547848}.advanced-recovery>summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-size:11px;font-weight:600;list-style:none}.advanced-recovery>p{font-size:11px;line-height:1.8;color:var(--muted);margin:16px 0}.advanced-recovery>label{margin-top:15px}[data-theme=dark] .recovery-banner,[data-theme=dark] .recovery-status.ready{background:#2b402b;color:#b0c9a5}@media(max-width:780px){.recovery-banner{padding:10px;font-size:9px;gap:6px;flex-wrap:wrap}.recovery-banner>button{font-size:9px}}:root{--muted: #58666d;--line: #ccd3d6;--green: #395d4b;--accent: #3d624e;--outgoing: #e0ebe3;--outgoing-text: #243b2c;--bg: #ecefee;--panel: #fafbf9;--soft: #e6ebe8;--text: #29343c}[data-theme=dark]{--bg: #282e33;--panel: #343b42;--soft: #414950;--line: #59636c;--text: #f4f6f8;--muted: #c0c8cf;--green: #bdcfbf;--accent: #c2d8cb;--mint: #4e6257;--bubble: #414950;--outgoing: #485f54;--outgoing-text: #f4f6f8;background:var(--bg);color:var(--text);--shadow: 0 24px 90px #20252b66;color-scheme:dark}body{background:var(--bg);color:var(--text)}.messenger{grid-template-columns:310px minmax(0,1fr);gap:16px;padding:18px;max-width:1720px;margin:auto;background:var(--bg)}.sidebar,.chat-pane{border:1px solid var(--line);border-radius:24px;overflow:hidden}.sidebar,.chat-pane{border-color:transparent;background:var(--panel)}.rail{display:none}.sidebar-title{padding:25px 22px 20px;align-items:flex-end}.sidebar-title .brand{font-size:15px;letter-spacing:-.5px;gap:8px;color:var(--muted)}.sidebar-title .brand img{width:25px;height:25px}.brand-light{color:var(--muted)}.sidebar-title h1{font-size:29px;letter-spacing:-1.1px;margin-top:22px;font-weight:650}.sidebar-title h1>span{color:var(--accent)}.compose-button{border-radius:50%;height:41px;width:41px;background:var(--soft);color:var(--text);border:1px solid var(--line)}.compose-button:hover{background:var(--mint);color:var(--text)}.search-field{margin:0 20px}.search-field input{font-size:12px;height:44px;border:1px solid var(--line);background:var(--soft);border-radius:13px}.search-field>svg{color:var(--muted)}.filter-tabs{padding:17px 20px;gap:4px}.filter-tabs>button{font-size:11px;border-radius:20px;padding:8px 12px}.filter-tabs>button span{font-size:10px;opacity:1}.filter-tabs>button.active,[data-theme=dark] .filter-tabs>button.active{background:var(--soft);color:var(--text)}.conversation-list{padding:0 10px}.conversation{padding:16px 11px;gap:12px;border-radius:16px;margin-bottom:5px;border:1px solid transparent}.conversation.selected,[data-theme=dark] .conversation.selected{background:var(--soft);color:var(--text);border-color:var(--line)}.conversation-heading strong{font-size:14px;font-weight:600}.conversation-heading small{font-size:10px;color:var(--muted)}.conversation-preview>span{font-size:12px}.conversation-preview b{background:var(--accent);color:var(--bg);font-size:10px;padding:3px 6px}.conversation-heading{margin-bottom:6px}.avatar,[data-theme=dark] .avatar{filter:none;position:relative;border-radius:50%;width:44px;height:44px;font-size:13px;overflow:visible}[data-theme=dark] .avatar.tone-0{background:#59675a;color:#f3f5ed}[data-theme=dark] .avatar.tone-1{background:#745e57;color:#fff3ec}[data-theme=dark] .avatar.tone-2{background:#536a7b;color:#f2f7ff}[data-theme=dark] .avatar.tone-3{background:#6c5e79;color:#fcf0ff}[data-theme=dark] .avatar.tone-4{background:#576e63;color:#f3fff6}.avatar.tiny{height:29px;width:29px;font-size:10px;border-radius:50%;margin-bottom:22px}.avatar.large{height:70px;width:70px;font-size:25px}.presence-dot{position:absolute;bottom:-1px;right:-1px;width:12px;height:12px;border-radius:50%;border:3px solid var(--panel);background:#9ca7b0}.presence-dot.online{background:#98d4a8}.presence-dot.unavailable{background:#edcc83}.avatar.tiny .presence-dot{width:10px;height:10px;border-width:2px}.sidebar-footer{padding:17px 14px;gap:4px;margin-top:12px;background:var(--panel)}.sidebar-profile{display:flex;align-items:center;gap:9px;background:transparent;text-align:left;min-width:0;flex:1;padding:0}.sidebar-profile .avatar.tiny{margin:0;width:34px;height:34px;font-size:11px}.sidebar-profile>span{min-width:0}.sidebar-profile strong{display:block;font-size:12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sidebar-profile small{font-size:10px;display:flex;align-items:center;gap:5px;color:var(--muted);margin-top:5px}.profile-actions{display:flex;gap:0}.profile-actions .icon-button{width:30px;height:34px}.status-dot{background:#a3d3af}.status-dot.offline{background:#edcc83}.chat-header{height:90px;padding:0 29px;background:var(--panel);gap:13px}.chat-title h2{font-size:17px;letter-spacing:-.3px}.chat-title span{font-size:11px;color:var(--muted);margin-top:5px}.chat-header-actions .icon-button{color:var(--muted)}.message-area{padding:24px max(25px,calc((100% - 820px)/2));background-image:none;background-color:var(--panel)}.conversation-start{padding:20px 0 15px}.start-icon,[data-theme=dark] .start-icon{background:var(--soft);color:var(--accent);border-radius:50%}.conversation-start h3{font-size:13px;color:var(--text)}.conversation-start p{font-size:10px;color:var(--muted);line-height:1.8}.date-separator{margin:19px 0 24px}.date-separator span,[data-theme=dark] .date-separator span{background:transparent;border:0;font-size:10px;letter-spacing:.3px;color:var(--muted)}.message-row{gap:9px;margin-bottom:17px}.message-stack{max-width:77%}.message-bubble,[data-theme=dark] .message-bubble{font-size:14px;line-height:1.7;border:0;border-radius:17px 17px 17px 5px;background:var(--soft);color:var(--text);padding:11px 16px 7px;box-shadow:none}.mine .message-bubble,[data-theme=dark] .mine .message-bubble{background:var(--outgoing);color:var(--outgoing-text);border:0;border-radius:17px 17px 5px}.message-time,.mine .message-time,[data-theme=dark] .message-time{font-size:10px;color:var(--muted);margin-top:5px}.mine .message-time{color:var(--outgoing-text);opacity:.88}.message-time svg{color:inherit}.sender-name{font-size:11px}.quoted-message{font-size:12px;color:var(--text);background:var(--soft);border-color:var(--accent)}.message-actions{border-radius:20px;background:var(--panel)}.message-bubble.redacted{color:var(--muted)}.encrypted-placeholder{font-size:12px}.reactions span{font-size:11px}.reactions button{padding:4px 9px}.load-older{font-size:11px;background:transparent;border:1px solid var(--line);padding:7px 14px}.photo-button img{border-radius:11px}.file-button strong{font-size:13px}.file-button small{font-size:11px}.typing-line{color:var(--muted);font-size:11px;height:25px}.composer-wrap{padding:0 25px 18px}.composer{background:var(--soft);border:1px solid var(--line);border-radius:18px;min-height:66px;padding:11px 13px;box-shadow:none}.composer textarea{background:transparent;font-size:14px}.composer .icon-button{color:var(--muted)}input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}.send-button,[data-theme=dark] .composer .send-button{background:var(--accent);color:var(--bg);border-radius:50%;width:39px;height:39px}.send-button:disabled{background:var(--line);color:var(--text)}.composer-footer{font-size:10px;color:var(--muted);padding-top:10px}.reply-bar{color:var(--text);background:var(--soft)}.reply-bar strong,.reply-bar small{font-size:11px}.primary,[data-theme=dark] .primary{background:var(--accent);color:var(--bg);font-size:13px;border-radius:12px}.primary:hover:not(:disabled),[data-theme=dark] .primary:hover:not(:disabled){background:var(--green);color:var(--bg)}.secondary{font-size:12px;border-radius:12px}.text-button{color:var(--accent);font-size:12px}.icon-button:hover{color:var(--text)}.danger,[data-theme=dark] .danger{color:#c46655!important}[data-theme=dark] .danger{color:#f0b4a7!important}.eyebrow{color:var(--accent)}.modal-overlay{background:#252b32c4}.modal{border:1px solid var(--line);border-radius:23px}.modal.wide{max-width:650px}.modal>header h2{font-size:23px}.modal>header p,.modal-prose{font-size:12px}.modal input{font-size:14px}.section-title{color:var(--accent)}.section-title h3,.settings-section>h3{font-size:14px}.section-title>.text-button{margin-left:auto}.settings-section>p,.settings-section .help,.advanced-recovery>p{font-size:12px}.settings-section label,label{font-size:12px}.settings-bottom>span{font-size:11px}.copy-id,.person-row small,.device-row small{font-size:11px}.person-row strong{font-size:13px}.device-row{font-size:12px}.segmented>button{font-size:12px}.segmented>button.active{color:var(--text)}.tag{font-size:10px}.member-list .text-button{font-size:11px}.advanced-recovery>summary{font-size:12px}[data-theme=dark] .recovery-banner,[data-theme=dark] .recovery-status.ready{background:#48594f;color:#f0f6ef}.recovery-banner{font-size:11px}.recovery-banner>button{font-size:11px}.recovery-status{font-size:12px}.demo-banner,[data-theme=dark] .demo-banner{background:var(--soft);color:var(--muted);font-size:11px}.demo-banner button{font-size:11px}.connection-banner,[data-theme=dark] .connection-banner{background:#5c5042;color:#fff0da;font-size:11px}[data-theme=dark] .auth-art{background:#3c4848}.auth-intro{font-size:13px}.auth-form-wrap .eyebrow{color:var(--accent)}.auth-left>footer,.fine-print{font-size:11px}.auth-tabs button.active,[data-theme=dark] .auth-tabs button.active{color:var(--text)}.auth-tabs button,.demo-button{font-size:13px}.auth-divider{color:var(--muted);font-size:9px}.auth-form-wrap h1{font-weight:500}.auth-art .avatar{color:#334a3b}.art-bottom p,.art-pills span,.art-label{color:#e2e8e3}[data-theme=dark] .welcome-art{background:var(--soft);color:var(--accent)}.welcome-art>span{background:var(--panel);color:var(--accent)}.welcome-empty>small{color:var(--muted);font-size:11px}.welcome-empty p{font-size:13px}.welcome-empty h1{font-weight:500}.notification-test{margin-left:15px}.storage-number{display:flex;gap:9px;align-items:baseline;margin:17px 0 14px}.storage-number strong{font-size:26px;font-weight:500;letter-spacing:-.8px}.storage-number span{font-size:12px;color:var(--muted)}progress{appearance:none;height:6px;width:100%;border:0;border-radius:10px;overflow:hidden;background:var(--soft);accent-color:var(--accent)}progress::-webkit-progress-bar{background:var(--soft)}progress::-webkit-progress-value{background:var(--accent);border-radius:10px}progress::-moz-progress-bar{background:var(--accent)}.stored-files .device-row strong{max-width:370px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-progress{display:flex;align-items:center;gap:15px;padding:12px 6px 15px;font-size:12px}.upload-progress>div{flex:1;min-width:0}.upload-progress strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:500}.upload-progress span{display:block;font-size:11px;color:var(--muted);margin:5px 0 8px}.upload-progress>.text-button{white-space:nowrap}.admin-heading{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--muted)}.admin-heading button{margin-left:auto}.admin-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:25px 0}.admin-stats>div{background:var(--soft);padding:18px;border-radius:15px}.admin-stats strong{display:block;font-size:26px;font-weight:500;letter-spacing:-.8px}.admin-stats span{display:block;font-size:11px;color:var(--muted);margin-top:7px}.admin-account{display:flex;gap:12px;align-items:center;flex-wrap:wrap;border-bottom:1px solid var(--line);padding:17px 0}.admin-account .avatar{margin:0}.admin-account-name{flex:1;min-width:120px}.admin-account-name strong{font-size:13px;display:block}.admin-account-name small,.admin-account-name>span{display:block;font-size:11px;color:var(--muted);margin-top:5px}.admin-account form{display:flex;gap:8px;align-items:flex-end}.admin-account label{margin:0;font-size:10px;max-width:92px;color:var(--muted)}.admin-account input{height:39px;font-size:13px;margin-top:6px}.admin-account .secondary{min-height:39px;padding:9px 12px}.admin-account .error{width:100%;margin:0}.invite-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.invite-result{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;background:var(--soft);padding:15px;border-radius:12px;margin-top:20px}.invite-result code{font-size:13px;overflow-wrap:anywhere}@media(min-width:1600px){.messenger{grid-template-columns:340px minmax(0,1fr);padding:24px;gap:20px}.conversation{padding-top:18px;padding-bottom:18px}}@media(max-width:1100px){.messenger{grid-template-columns:290px minmax(0,1fr);padding:12px;gap:12px}.chat-header{padding:0 23px}.message-stack{max-width:80%}.message-area{padding:20px 22px}}@media(max-width:780px){.messenger{grid-template-columns:minmax(0,1fr);padding:0;gap:0}.sidebar{grid-column:1;border-radius:0;border:0}.chat-pane{border-radius:0;border:0}.sidebar-title{padding:25px 22px 20px}.sidebar-title h1{margin-top:18px}.chat-header{padding:0 12px;height:80px;gap:8px}.chat-header>.avatar{border-radius:50%}.chat-title h2{font-size:15px}.chat-title span{font-size:10px}.chat-title{max-width:calc(100% - 160px)}.message-area{padding:16px 14px}.message-bubble{font-size:14px;padding:10px 13px 7px}.message-stack{max-width:86%}.message-actions{background:transparent}.composer-wrap{padding:0 12px max(12px,env(safe-area-inset-bottom))}.composer{padding:9px;gap:5px;min-height:60px}.composer textarea{font-size:16px}.composer-footer{font-size:9px}.conversation-start p,.message-time,.conversation-heading small{font-size:10px}.conversation-heading strong{font-size:14px}.conversation-preview>span{font-size:12px}.person-row small,.member-list .person-row small,.copy-id{font-size:11px}.modal input{font-size:16px}.settings-bottom>span{font-size:10px}.recovery-banner{font-size:10px}.recovery-banner>button{font-size:10px}.demo-banner,.demo-banner button{font-size:10px}.notification-test{display:flex;margin-left:0;margin-top:8px}.admin-stats>div{padding:13px}.admin-stats strong{font-size:23px}.admin-stats span{font-size:10px}.modal.wide{max-width:650px}.stored-files .device-row strong{max-width:230px}}.auth-art .avatar{background:#dde6dc!important;color:#334a3b!important}.android-app .auth-left>footer{padding-bottom:8px}.android-app .messenger{height:100dvh}.android-app .composer{gap:3px}.android-app .composer .icon-button{width:29px}.android-app .composer textarea{min-width:60px}.native-setting{display:flex;align-items:center;gap:20px;padding:15px 0;border-bottom:1px solid var(--line)}.native-setting>span{flex:1}.native-setting strong{display:block;font-size:13px}.native-setting small{display:block;font-size:11px;color:var(--muted);font-weight:400;line-height:1.7;margin-top:5px}.native-setting>input{width:22px;height:22px;accent-color:var(--accent);flex-shrink:0}.native-settings .button-row{margin-top:20px}.attachment audio{max-width:100%;width:290px;height:45px}.attachment video{max-width:100%;max-height:350px;border-radius:12px}.android-app .filter-tabs{gap:0;padding-left:13px;padding-right:13px}.android-app .filter-tabs>button{padding:8px 10px}.android-app .chat-header-actions{gap:0}.android-app .chat-header-actions .icon-button{width:30px}.chat-pane{position:relative;background:radial-gradient(ellipse at 100% 5%,#9d8bc512,transparent 45%),radial-gradient(ellipse at 5% 95%,#bf8e5c10,transparent 45%),var(--bg)}.sidebar-title h1 span{color:#b7a5da}.conversation.selected{box-shadow:inset 3px 0 #a6d1bd;background:linear-gradient(115deg,#bdd8c526,#b2a6d814)}.conversation.selected .avatar{box-shadow:0 0 0 3px #bdd8c512}.message.mine .bubble,.message.mine .message-bubble{background:linear-gradient(125deg,var(--green),#3b6253)}.reactions button{border-color:#b7a5da40}.date-separator span{background:var(--panel);border:1px solid var(--line);box-shadow:0 3px 14px #00000008}.chat-header{background:color-mix(in srgb,var(--panel) 94%,transparent);backdrop-filter:blur(14px)}.chat-header-actions{gap:3px}.chat-header-actions .icon-button{width:32px;min-width:32px;height:34px}.chat-header-actions [aria-label^="Video call"]{color:#b9a6dc}.chat-header-actions [aria-label="Voice call"]{color:#93c9ac}.composer-wrap{background:color-mix(in srgb,var(--panel) 96%,#baa4d5)}.quick-reply-tools{padding:4px 12px}.quick-reply-tools>.text-button{font-size:11px}.quick-reply-strip{display:flex;gap:7px;overflow-x:auto;padding:5px 0 9px}.quick-reply-strip button{border:1px solid var(--line);background:var(--soft);padding:7px 12px;border-radius:20px;white-space:nowrap;font-size:12px;color:var(--text)}.file-drop-overlay{position:absolute;inset:12px;z-index:12;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;border:2px dashed #bdd8c5;border-radius:22px;background:color-mix(in srgb,var(--panel) 94%,transparent);backdrop-filter:blur(9px);pointer-events:none;color:var(--text);text-align:center;padding:24px}.file-drop-overlay strong{font-size:22px}.file-drop-overlay span{font-size:13px;color:var(--muted)}.attachment-deleted{display:flex;gap:12px;align-items:center;max-width:420px;padding:15px;border:1px solid #b753615c;border-radius:14px;background:#b7536113;color:#d38c95!important;filter:saturate(.7)}.attachment-deleted small{display:block;font-size:11px;margin-top:4px;color:inherit!important}.attachment-deleted strong{font-size:13px;text-decoration:line-through;opacity:.8}.message-bubble:has(.attachment-deleted){background:var(--soft)!important;border-color:#a9475840!important}.storage-sorting{display:flex;gap:12px;align-items:end;margin:16px 0}.storage-sorting label{flex:1;margin:0}.storage-sorting select,select{font:inherit;color:var(--text);background:var(--soft);padding:10px;border:1px solid var(--line);border-radius:9px;max-width:100%}.storage-sorting button{white-space:nowrap;margin:0}.settings-section details{border-top:1px solid var(--line);padding:12px 0}.settings-section summary{cursor:pointer;font-size:13px;padding:6px 0}.settings-section details>p{margin:12px 0}.settings-section details textarea{width:100%;padding:12px;color:var(--text);background:var(--soft);border:1px solid var(--line);border-radius:9px}.full-emoji-picker{display:flex;flex-direction:column;gap:14px}.emoji-search{display:flex;align-items:center;gap:10px;background:var(--soft);padding:9px 13px;border:1px solid var(--line);border-radius:12px}.emoji-search input{border:0!important;box-shadow:none!important;background:transparent;margin:0!important;width:100%;padding:3px!important;color:var(--text)}.emoji-categories{display:flex;gap:6px;overflow-x:auto;padding-bottom:6px}.emoji-categories button{white-space:nowrap;background:var(--soft);padding:8px 12px;border-radius:20px;text-transform:capitalize;font-size:11px;color:var(--muted)}.emoji-categories button[aria-pressed=true]{background:#bdd8c5;color:#26382f}.emoji-tones{display:flex;align-items:center;gap:12px;margin:0!important;font-size:12px!important}.emoji-tones select{padding:5px}.emoji-tones span{color:var(--muted);font-size:10px}.emoji-full-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(55px,1fr));max-height:340px;overflow:auto;gap:5px;padding:6px}.emoji-cell{position:relative;border-radius:12px;background:var(--soft)}.emoji-cell>button:first-child{font-size:28px;width:100%;height:56px;background:transparent;padding:5px 7px 9px}.emoji-cell .emoji-fav{position:absolute;right:0;bottom:0;font-size:11px;color:var(--muted);padding:1px 4px;background:var(--panel);border-radius:5px}.emoji-cell .emoji-fav.saved{color:#ad7d28}.capture-panel{display:flex;flex-direction:column;align-items:center;gap:18px;padding:14px 0}.camera-preview{width:100%;max-height:55vh;border-radius:16px;background:#151b18}.capture-panel audio{max-width:100%}.soundboard>p{font-size:13px;color:var(--muted);line-height:1.7}.sound-upload{display:flex;gap:10px;margin:18px 0}.sound-upload input{min-width:0;flex:1}.sound-upload .primary{margin:0;white-space:nowrap}.sound-volume{display:flex!important;align-items:center;gap:12px;font-size:12px!important}.sound-volume input{min-width:50px;max-width:200px;flex:1;accent-color:#bdd8c5}.sound-list{display:grid;gap:12px;max-height:45vh;overflow:auto;margin:18px 0}.sound-tile{border:1px solid var(--line);border-left:3px solid #98bfa5;border-radius:14px;padding:16px;background:linear-gradient(120deg,#bdd8c514,var(--soft))}.sound-tile:nth-child(3n+2){border-left-color:#b7a5da;background:linear-gradient(120deg,#b7a5da14,var(--soft))}.sound-tile:nth-child(3n){border-left-color:#c7a075}.sound-tile>strong{display:block;margin-bottom:12px;overflow-wrap:anywhere;font-size:14px}.sound-tile .button-row{gap:7px;flex-wrap:wrap}.sound-tile .secondary{font-size:11px;padding:7px 10px}.sound-tile .text-button{font-size:10px}.call-overlay{position:fixed;bottom:24px;right:24px;width:min(820px,calc(100vw - 48px));max-height:calc(100dvh - 48px);overflow:auto;border:1px solid #bdd8c550;border-radius:24px;padding:20px;box-shadow:0 25px 100px #0008;background:var(--panel);z-index:40;color:var(--text)}.call-overlay>header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.call-overlay header strong{font-size:18px}.call-overlay header small{display:block;color:var(--muted);margin-top:5px;font-size:12px}.call-stage{position:relative;background:#111714;min-height:220px;max-height:55vh;aspect-ratio:16/9;border-radius:17px;overflow:hidden;display:flex;align-items:center;justify-content:center}.call-stage>p{position:absolute;bottom:25px;color:#e7eee8}.remote-video{width:100%;height:100%;object-fit:contain}.local-video{position:absolute;bottom:15px;right:15px;width:24%;max-height:40%;border:1px solid #e8eee955;border-radius:12px;object-fit:contain;transform:scaleX(-1);background:#1d2620}.call-avatar{height:100px;width:100px;border-radius:35%;background:linear-gradient(130deg,#bdd8c5,#b4a1d0);color:#26382f;font-size:28px;display:grid;place-items:center;box-shadow:0 0 80px #bdd8c526}.voice-stage{aspect-ratio:2.5;min-height:190px}.call-quality{font-size:11px;margin:12px 0;color:var(--muted)}.call-quality select{font-size:11px;padding:5px}.call-controls{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:9px;padding-top:15px}.call-controls .secondary,.call-controls .primary{margin:0;min-height:44px}.hangup{background:#a94254;color:#fff;border-radius:12px;min-height:44px;padding:11px 17px;display:flex;align-items:center;gap:10px}.call-minimized{width:370px}.call-minimized>header{margin-bottom:4px}.call-minimized .call-controls{padding-top:10px}.modal-overlay{z-index:60}[data-theme=light] .attachment-deleted{color:#9d3948!important}[data-theme=light] .chat-header-actions [aria-label^="Video call"]{color:#755094}[data-theme=light] .chat-header-actions [aria-label="Voice call"]{color:#326d4c}[data-theme=dark] .message.mine .bubble,[data-theme=dark] .message.mine .message-bubble{background:linear-gradient(125deg,#3d5a4e,#3d555e);color:#edf4ef}[data-theme=dark] .message-area{background-image:radial-gradient(#c0c9d00e 1px,transparent 1px);background-size:22px 22px}@media(max-width:700px){.chat-header-actions{flex-wrap:wrap;justify-content:flex-end;max-width:150px}.chat-header{height:auto;min-height:82px;padding-top:10px;padding-bottom:10px}.chat-title{min-width:0}.chat-title h2{font-size:16px}.chat-title span{font-size:10px}.call-overlay{right:10px;bottom:10px;width:calc(100vw - 20px);padding:14px;max-height:calc(100dvh - 20px)}.call-stage{min-height:170px}.call-minimized{max-width:370px}.sound-upload{flex-direction:column}.sound-upload .primary{align-self:start}.emoji-tones span{display:none}.storage-sorting{gap:8px}.storage-sorting button{font-size:11px;padding:10px}.call-controls{gap:6px}.call-controls .secondary{padding:10px}.full-emoji-picker{min-width:0}}@media(prefers-reduced-motion:reduce){.chat-pane,.conversation{scroll-behavior:auto}}.mine .message-bubble,[data-theme=dark] .mine .message-bubble{background:linear-gradient(125deg,#485f54,#3c5962);color:#f4f6f8}:root{--message-font-size:15px}.message-bubble,.composer textarea{font-size:var(--message-font-size)}[data-theme=dark]{--panel:#303a3e;--soft:#3a454a;--green:#326e59;--accent:#8fe4c0;--line:#64716f55}.sidebar{background:linear-gradient(165deg,#153c3329 0%,transparent 45%),var(--panel)}.chat-pane{background:radial-gradient(ellipse at 80% 8%,#52b68d0b,transparent 55%),var(--bg)}.message-row.mine .message-bubble{background:linear-gradient(130deg,#285c4b,#38685a);border:1px solid #7bd9af35}[data-theme=light] .message-row.mine .message-bubble{background:linear-gradient(130deg,#d4f3e4,#bfe4d4);color:#18372b}.conversation.selected{background:linear-gradient(100deg,#4fc79825,#87a6dd0b);box-shadow:inset 3px 0 #79ddb0}.sidebar-title h1 span,.compose-button,.filter-tabs button.active{color:#91e5bd}.conversation-wrap{position:relative}.conversation-wrap>.conversation{width:100%;padding-right:42px}.conversation-options{position:absolute;right:5px;top:21px;opacity:.65}.conversation-wrap:hover .conversation-options,.conversation-options:focus-visible{opacity:1}.chat-options{display:flex;flex-direction:column;gap:3px;padding:8px;border:1px solid var(--line);border-radius:13px;background:var(--panel);box-shadow:0 12px 36px #0003;min-width:185px;text-align:left}.chat-options>button{padding:10px 12px;background:transparent;color:var(--text);border:0;border-radius:8px;text-align:left;font:inherit;font-size:13px}.chat-options>button:hover{background:var(--soft)}.chat-options>button.danger{color:#e399a1}.conversation-wrap>.chat-options{position:absolute;right:8px;top:48px;z-index:35}.conversation-header-menu{position:relative}.conversation-header-menu>summary{list-style:none;cursor:pointer;display:flex;padding:8px}.conversation-header-menu>.chat-options{position:absolute;right:0;top:36px;z-index:30}.details-content>.chat-options{position:static}.settings-tabs{display:flex;gap:5px;overflow-x:auto;padding:7px 0 15px;border-bottom:1px solid var(--line);margin-bottom:18px}.settings-tabs button{border:1px solid var(--line);border-radius:20px;background:var(--soft);color:var(--muted);padding:8px 13px;white-space:nowrap}.settings-tabs button.active{color:var(--text);border-color:#87d5b5;background:#56ad8b25}[hidden]{display:none!important}.font-preview{padding:18px;border-radius:12px;background:var(--soft);border-left:3px solid #83d5b0}.call-overlay{resize:both;overflow:auto;min-width:300px;min-height:200px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);width:600px;z-index:65}.call-overlay>header{cursor:grab;touch-action:none;user-select:none}.call-overlay>header:active{cursor:grabbing}.call-stage{min-height:130px;height:clamp(160px,35vh,430px)}.call-stage .remote-video{object-fit:contain}.screen-video{background:#111}.screen-preview{display:flex;gap:12px;align-items:center;font-size:12px;color:var(--muted);padding:8px}.screen-preview-video{width:100px;max-height:70px;object-fit:contain;border:1px solid var(--line);border-radius:7px}.resize-hint{display:block;text-align:right;font-size:10px;color:var(--muted);padding:6px 8px}.call-minimized{resize:none;min-height:0;width:350px!important;height:auto!important}.call-controls{flex-wrap:wrap}.call-quality{padding:5px 10px;font-size:12px}.call-history-entry{margin:14px auto;padding:11px 16px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:9px;border:1px solid #79c9ab40;border-radius:14px;background:#448e6f12;color:var(--text);width:fit-content;font-size:13px;max-width:90%}.call-history-entry small{color:var(--muted);font-size:11px}.call-history-entry.failed,.call-history-entry.unanswered{border-color:#d58f8640}.recent-emoji-row{grid-column:1/-1;display:flex;gap:3px;flex-wrap:wrap;padding:6px 0 12px;border-bottom:1px solid var(--line)}.recent-emoji-row small{width:100%;color:var(--muted);font-size:11px}.recent-emoji-row button{font-size:22px;background:none;border:0;padding:5px}@keyframes message-attention{0%,to{box-shadow:inset 0 0 0 1px transparent;background:transparent}40%{background:#70d7ae24;box-shadow:inset 3px 0 #87edbb,inset 0 0 0 1px #87edbb55}}.new-message-attention{animation:message-attention 1.6s ease-in-out 2}@media(prefers-reduced-motion:reduce){.new-message-attention{animation:none;border-left:3px solid #87edbb}}@media(max-width:640px){.call-overlay{width:calc(100vw - 16px);right:8px;bottom:8px;min-width:270px}.filter-tabs{overflow-x:auto}.filter-tabs button{white-space:nowrap}.conversation-options{opacity:1}.call-stage{height:32vh}}.call-overlay{display:flex;flex-direction:column}.call-stage{flex:1 1 auto;aspect-ratio:16/9;height:auto;max-height:none}.call-overlay>header,.call-overlay>.call-controls{flex-shrink:0}[data-theme=light] .sidebar-title h1 span,[data-theme=light] .compose-button,[data-theme=light] .filter-tabs button.active{color:#245d49}[data-theme=light] .chat-header-actions [aria-label="Voice call"]{color:#286a50}[data-theme=light] .chat-header-actions [aria-label^="Video call"]{color:#695293}.admin-user-editor{padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--soft);margin:16px 0}.admin-user-editor details{margin:16px 0}.admin-user-editor .secondary{margin:6px 8px 6px 0}