:root{color:#2b3733;font-synthesis:none;--green:#365e4e;--muted:#849087;--line:#e4e7df;background:#eceee8;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline-offset:3px;outline:2px solid #719b7b}input:focus,textarea:focus{border-color:#61816a;outline:none}button{color:inherit;background:0 0;border:0}a{color:inherit;text-decoration:none}.primary{background:var(--green);color:#fff;border:1px solid #0000;border-radius:8px;padding:12px 20px;font-size:14px;transition:background .2s}.primary:hover:enabled{background:#284c3c}.brand-symbol{background:var(--green);color:#fff;border-radius:10px;place-items:center;width:40px;height:40px;font-family:serif;font-size:23px;display:inline-grid}.login-page{background:radial-gradient(at 15% 20%,#e0e8da,#0000 45%),radial-gradient(at 85% 90%,#e2e5d9,#0000 40%),#f2f3ec;flex-direction:column;align-items:center;min-height:100dvh;padding:44px 24px 25px;display:flex}.login-brand{align-self:flex-start;align-items:center;gap:12px;width:100%;max-width:1250px;margin:0 auto;font-size:22px;font-weight:600;display:flex}.login-brand small{letter-spacing:2px;color:var(--muted);font-size:9px;font-weight:400;display:block}.login-card{width:100%;max-width:430px;margin:auto;padding:55px 24px 34px}.eyebrow{letter-spacing:2px;color:#7a8977;font-size:11px}.login-card h1{letter-spacing:-1px;margin:18px 0;font-size:41px;font-weight:500;line-height:1.4}.login-card h1 em{color:var(--green);font-style:normal}.login-intro{color:#859183;margin-bottom:34px;font-size:13px}.login-card label{margin:20px 0 8px;font-size:12px;display:block}.login-card input{color:#24352a;background:#ffffff91;border:1px solid #d9dfd3;border-radius:7px;width:100%;padding:13px 14px;font-size:13px}.password-wrap{position:relative}.password-wrap input{padding-right:58px}.password-wrap button{color:#899381;padding:5px;font-size:11px;position:absolute;top:8px;right:8px}.login-submit{width:100%;margin-top:24px;padding:14px}.invite-note{text-align:center;color:#8b9584;border-top:1px solid #dde2d7;margin-top:30px;padding-top:22px;font-size:11px}.invite-note span{margin-right:6px;font-size:17px}.login-page footer{text-align:center;color:#929b89;font-size:11px;line-height:2}.login-page footer span{padding:0 8px}.login-page footer small{font-size:10px}.error{color:#a64c41;font-size:12px}.chat-app{background:#f9faf6;max-width:1600px;height:100dvh;margin:0 auto;display:flex;overflow:hidden}.sidebar{background:#f0f2eb;border-right:1px solid #e0e5da;flex-direction:column;flex-shrink:0;width:326px;display:flex}.sidebar-header{justify-content:space-between;align-items:center;height:100px;padding:28px 25px;display:flex}.wordmark{letter-spacing:1px;align-items:center;gap:10px;font-size:24px;font-weight:550;display:flex}.wordmark .brand-symbol{width:36px;height:36px;font-size:21px}.wordmark-dot{color:#7f9477;margin-left:-9px}.icon-button{color:#627d61;border:1px solid #d8dfd0;border-radius:50%;place-items:center;width:30px;height:30px;font-size:23px;line-height:1;display:grid}.list-heading{justify-content:space-between;align-items:center;padding:20px 26px 16px;display:flex}.list-heading h1{letter-spacing:1px;color:#73816f;margin:0;font-size:12px;font-weight:500}.list-heading>span{color:#94a08c;font-size:10px}.conversation-list,.contact-list{flex:1;padding:0 10px;overflow:auto}.conversation-item{text-align:left;border-radius:8px;align-items:center;gap:12px;width:100%;margin:2px 0;padding:17px 15px;display:flex;position:relative}.conversation-item:hover{background:#e7ecdf}.conversation-item.selected{background:#e1e8d9}.avatar{color:#597151;background:#dce4d4;border-radius:13px;flex-shrink:0;place-items:center;width:42px;height:42px;font-size:18px;font-weight:500;display:grid}.avatar.muted{filter:grayscale();opacity:.7}.small{border-radius:10px;width:34px;height:34px;font-size:15px}.conversation-copy{flex:1;min-width:0}.conversation-title{justify-content:space-between;align-items:center;gap:5px;font-size:14px;font-weight:500;display:flex}.conversation-title time{color:#94a18b;white-space:nowrap;font-size:9px;font-weight:400}.conversation-preview{color:#8b9683;white-space:nowrap;text-overflow:ellipsis;margin-top:6px;padding-right:10px;font-size:11px;display:block;overflow:hidden}.badge{color:#fff;background:#718b60;border-radius:9px;place-items:center;min-width:17px;height:17px;padding:0 4px;font-size:9px;display:grid;position:absolute;bottom:16px;right:15px}.contact-name{flex:1;font-size:14px}.contact-search{padding:16px 15px 8px}.contact-search label{color:#73816f;margin-bottom:9px;font-size:12px;display:block}.contact-search-row{gap:8px;display:flex}.contact-search-row input{background:#fff;border:1px solid #dce5d6;border-radius:7px;flex:1;min-width:0;padding:9px 10px}.contact-search-row button{color:#fff;background:#718b60;border-radius:7px;padding:8px 12px}.contact-search-row button:disabled{opacity:.6}.search-results{border-bottom:1px solid #dfe5d7;padding:4px 0 10px}.contact-result{align-items:center;gap:10px;padding:8px 15px;display:flex}.contact-arrow{color:#879879}.list-note{color:#8a9681;padding:0 15px;font-size:11px}.text-button{color:#607b56;padding:6px;font-size:11px}.empty-list{text-align:center;color:#8b9982;padding-top:70px;font-size:13px}.empty-list>span{color:#afbaa5;font-size:30px}.sidebar-bottom{padding:10px 24px 20px}.connection{color:#87957d;align-items:center;gap:6px;padding:8px 0 16px;font-size:10px;display:flex}.connection i{background:#789864;border-radius:50%;width:6px;height:6px}.connection i.offline{background:#ba9b62}.connection>span{margin-left:auto}.my-profile{border-top:1px solid #dfe5d7;align-items:center;gap:11px;padding-top:17px;font-size:12px;display:flex}.my-profile small{color:#95a08c;font-size:9px;display:block}.logout{margin-left:auto}.chat-area{background:#fbfcf8;flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.chat-header{background:#fdfefa;border-bottom:1px solid #e8ece1;flex-shrink:0;align-items:center;gap:12px;height:84px;padding:18px 34px;display:flex}.chat-header h2{margin:0;font-size:15px;font-weight:550}.chat-header p{color:#98a08f;margin:2px 0 0;font-size:10px}.private-pill{color:#8a9880;white-space:nowrap;border:1px solid #e4eadc;border-radius:20px;margin-left:auto;padding:5px 10px;font-size:10px}.cycle-banner{color:#91a080;background:#f5f7ef;border-bottom:1px solid #ebeee3;justify-content:center;align-items:center;gap:9px;padding:11px 14px;font-size:10px;display:flex}.cycle-banner>span{font-size:15px}.cycle-banner p{margin:0}.cycle-banner strong{font-weight:500}.cycle-banner small{color:#acb59e;margin-left:12px;font-size:9px}.status-banner{text-align:center;color:#92774c;background:#fbf1df;padding:4px;font-size:11px}.unread-banner{color:#8b9a7c;justify-content:space-between;padding:8px 30px;font-size:10px;display:flex}.unread-banner button{color:#6a8758;font-size:10px}.message-shell{flex:1;min-height:0;position:relative}.messages{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#d6decb transparent;height:100%;padding:12px 40px 22px;overflow:auto}.day-divider{text-align:center;color:#a2ad96;letter-spacing:1px;margin:16px 0 22px;font-size:9px}.message-row{flex-direction:column;align-items:flex-start;max-width:100%;margin:0 0 23px;display:flex}.message-row.mine{align-items:flex-end}.bubble{background:#edf0e6;border:1px solid #e8ecde;border-radius:2px 12px 12px;min-width:35px;max-width:min(75%,650px);padding:12px 16px;position:relative}.mine .bubble{background:#dce7d2;border-color:#d6e1cb;border-radius:12px 2px 12px 12px}.bubble p{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;margin:0;font-size:13px;line-height:1.9}.message-meta{color:#a2ad96;gap:8px;margin-top:6px;padding:0 3px;font-size:9px;display:flex}.message-meta .read{color:#769565}.message-meta button{color:#a56d41;padding:0;font-size:10px}.read-marker{width:2px;height:2px;display:block}.pending .bubble{opacity:.6}.pending .message-meta{color:#a68b63}.history-button{color:#8d9e7c;margin:4px auto 20px;padding:8px;font-size:10px;display:block}.new-message{color:#668052;background:#f7faef;border:1px solid #dce5d0;border-radius:25px;padding:8px 15px;font-size:11px;position:absolute;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #2e4a1810}.conversation-empty{text-align:center;color:#a1ad93;place-content:center;min-height:200px;display:grid}.conversation-empty>span{color:#bec9b0;font-size:30px}.conversation-empty h3{margin:15px 0 6px;font-size:14px;font-weight:400}.conversation-empty p{font-size:11px}.composer{background:#fff;border:1px solid #dfe6d6;border-radius:11px;margin:0 30px 24px;padding:15px 18px 12px;box-shadow:0 4px 18px #3f5b2510}.composer textarea{resize:none;color:#33422c;background:0 0;border:none;width:100%;min-height:64px;max-height:200px;font-size:13px;line-height:1.6}.composer textarea::placeholder{color:#abb4a0}.composer-bottom{align-items:center;gap:16px;display:flex}.keyboard-hint{color:#a9b49d;font-size:9px}.character-count{color:#a2af93;margin-left:auto;font-size:9px}.character-count.over{color:#b05c4c}.send-button{border-radius:6px;align-items:center;gap:18px;padding:7px 16px;font-size:11px;display:flex}.send-button>span{font-size:16px}.back-button{display:none}.latest-button{color:#6a8157;margin:5px auto 9px;font-size:10px}.sync-placeholder{color:#8b9b7c;flex:1;place-content:center;font-size:12px;display:grid}.welcome{text-align:center;background:radial-gradient(circle at 50% 45%,#eaf0e080,#0000 50%);flex-direction:column;flex:1;justify-content:center;align-items:center;padding:30px;display:flex}.welcome-symbol{color:#849b71;background:#e9efde;border-radius:28px;place-content:center;width:90px;height:90px;margin-bottom:34px;font-family:serif;font-size:45px;display:grid;transform:rotate(-7deg)}.welcome .eyebrow{letter-spacing:3px;color:#a3af95;font-size:9px}.welcome h2{color:#4c6541;margin:14px 0;font-family:serif;font-size:35px;font-weight:400;line-height:1.6}.welcome p{color:#9aa78b;margin:0 0 26px;font-size:12px;line-height:2}.welcome .primary{padding:10px 22px;font-size:12px}.welcome-note{color:#a4b197;margin-top:58px;font-size:9px}.welcome-note span{margin:0 10px}.sr-only{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}@media (width>=1500px){.chat-app{border-left:1px solid #dbe2d1;border-right:1px solid #dbe2d1}}@media (width<=760px){.chat-app{width:100%;max-width:100%;height:100dvh}.sidebar{border-right:0;width:100%}.sidebar-header{height:85px;padding:22px}.chat-area,.chat-open .sidebar{display:none}.chat-open .chat-area{width:100%;display:flex}.back-button{color:#7b9068;border:0;flex-shrink:0;margin-left:-10px;margin-right:0;font-size:21px;display:grid}.chat-header{gap:10px;height:72px;padding:15px 20px}.chat-header .private-pill{padding:4px 7px;font-size:9px}.cycle-banner{padding:9px 8px;font-size:9px}.cycle-banner small{display:none}.messages{padding:8px 18px 18px}.bubble{max-width:88%;padding:10px 13px}.bubble p{font-size:14px}.message-meta{font-size:9px}.composer{margin:0 12px max(12px, env(safe-area-inset-bottom));padding:12px}.composer textarea{min-height:55px;font-size:16px}.keyboard-hint{display:none}.composer-bottom{gap:12px}.send-button{padding:7px 13px;font-size:12px}.sidebar-bottom{padding-bottom:max(20px, env(safe-area-inset-bottom))}.list-heading{padding-top:10px}.conversation-item{padding:18px 16px}.conversation-title{font-size:15px}.conversation-preview{font-size:12px}.conversation-title time{font-size:10px}.unread-banner{padding:7px 20px}.login-page{padding:28px 22px 20px}.login-brand{font-size:20px}.login-card{max-width:350px;padding:35px 0}.login-card h1{font-size:37px}.login-card input{font-size:16px}.login-page footer{font-size:10px}.login-page footer small{font-size:9px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.message-meta .read-status{color:inherit;opacity:1;font-size:9px}.message-meta .read-status.read{color:#769565}.message-meta{flex-wrap:wrap;max-width:100%}