:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}:root{color:#24332c;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--green:#238653;--green-dark:#176b40;--green-light:#e9f5ed;--border:#e7ebe8;--muted:#89958e;background:#f4f7f5;font-family:Inter,Segoe UI,Arial,sans-serif;font-size:14px;font-weight:400}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline-offset:2px;outline:2px solid #62b984}#root{min-height:100vh}.app-shell{background:#fff;width:100%;height:100vh;min-height:560px;display:flex;overflow:hidden}.sidebar{border-right:1px solid var(--border);background:#fff;flex-direction:column;width:350px;min-width:300px;display:flex}.brand{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:23px 22px 21px;display:flex}.brand-mark{background:var(--green);color:#fff;letter-spacing:-2px;border-radius:13px;flex-shrink:0;place-items:center;width:44px;height:44px;font-size:21px;font-weight:800;display:grid;box-shadow:0 4px 12px #23865325}.brand-mark span{color:#bff1ce}.brand-name{letter-spacing:.35px;font-size:15px;font-weight:800}.brand-name span{color:var(--green)}.brand-subtitle{color:var(--muted);margin-top:5px;font-size:12px}.profile{border:1px solid var(--border);background:#fafcfb;border-radius:12px;align-items:center;gap:11px;margin:17px 16px 14px;padding:12px;display:flex}.profile-avatar,.message-avatar{color:#1b7144;background:#dff0e5;border-radius:50%;flex-shrink:0;place-items:center;width:39px;height:39px;font-weight:800;display:grid}.profile-info{flex-direction:column;flex:1;gap:5px;display:flex}.profile-info strong{font-size:13px}.profile-info span{color:var(--muted);font-size:12px}.online-dot,.avatar-status{background:#28a263;border-radius:50%;width:7px;height:7px;display:inline-block}.online-dot{margin-right:5px}.icon-button{color:#6e7b73;background:0 0;border:0;border-radius:9px;place-items:center;width:36px;height:36px;padding:0;display:inline-grid}.icon-button:hover{color:var(--green);background:#f0f5f1}.new-chat{background:var(--green);color:#fff;border:0;border-radius:10px;justify-content:center;align-items:center;gap:9px;margin:0 16px 16px;padding:12px;font-weight:650;display:flex;box-shadow:0 3px 8px #23865320}.new-chat:hover,.send-button:hover:not(:disabled){background:var(--green-dark)}.search-box{color:#98a39b;background:#f8faf8;border:1px solid #e6ebe7;border-radius:9px;align-items:center;gap:9px;height:40px;margin:0 16px 14px;padding:0 11px;display:flex}.search-box:focus-within{background:#fff;border-color:#9dcdb0}.search-box input{color:#24332c;background:0 0;border:0;outline:none;width:100%;min-width:0}.search-box input:focus-visible{outline:none}.search-box input::placeholder{color:#9aa49e}.search-box button{color:#738078;background:0 0;border:0;font-size:20px}.section-tabs{background:#f2f5f3;border-radius:9px;gap:4px;margin:0 16px 19px;padding:4px;display:flex}.section-tabs button{color:#78847c;background:0 0;border:0;border-radius:7px;flex:1;padding:8px 4px;font-size:12px}.section-tabs button.selected{color:#226d43;background:#fff;font-weight:700;box-shadow:0 1px 4px #172b1c12}.conversation-heading{color:#929d95;letter-spacing:1px;justify-content:space-between;align-items:center;padding:0 22px 10px;font-size:10px;font-weight:800;display:flex}.conversation-heading span{color:#5d8c6c;letter-spacing:0;background:#edf4ef;border-radius:6px;padding:3px 7px}.conversation-list{padding:0 9px;overflow-y:auto}.conversation{text-align:left;width:100%;color:inherit;background:#fff;border:0;border-radius:10px;align-items:flex-start;gap:11px;margin-bottom:3px;padding:12px 10px;display:flex}.conversation:hover{background:#f7faf8}.conversation.active{box-shadow:inset 3px 0 var(--green);background:#eaf5ed}.chat-avatar{color:#38694b;background:#e5eee9;border-radius:13px;flex-shrink:0;place-items:center;width:43px;height:43px;font-size:14px;font-weight:800;display:grid;position:relative}.group-avatar{background:#dcefe2}.announcement-avatar{background:#fff1d7}.avatar-status{border:2px solid #fff;width:10px;height:10px;position:absolute;bottom:-1px;right:-2px}.conversation-content{flex:1;min-width:0}.conversation-top{justify-content:space-between;align-items:center;gap:7px;margin:2px 0 6px;display:flex}.conversation-top strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.conversation-top span{color:#9aa49e;flex-shrink:0;font-size:10px}.conversation-content p{-webkit-line-clamp:2;color:#859189;overflow-wrap:anywhere;-webkit-box-orient:vertical;margin:0;font-size:11px;line-height:1.55;display:-webkit-box;overflow:hidden}.mini-tag{color:#b27a22;letter-spacing:.6px;margin-top:6px;font-size:9px;font-weight:800;display:inline-block}.empty-search{color:var(--muted);padding:22px 10px}.sidebar-footer{border-top:1px solid var(--border);align-items:center;gap:10px;margin-top:auto;padding:17px 20px;display:flex}.footer-icon{width:30px;height:30px;color:var(--green);background:#e5f4e9;border-radius:9px;place-items:center;font-weight:800;display:grid}.sidebar-footer div:last-child{flex-direction:column;gap:4px;display:flex}.sidebar-footer strong{font-size:11px}.sidebar-footer span{color:#9aa49e;font-size:10px}.chat-panel{background:#fbfcfb;flex-direction:column;flex:1;min-width:0;display:flex}.chat-header{border-bottom:1px solid var(--border);background:#fff;align-items:center;gap:12px;min-height:80px;padding:16px 26px;display:flex}.header-avatar{width:45px;height:45px}.header-info{flex:1;min-width:0}.header-info strong{margin-bottom:6px;font-size:15px;display:block}.header-info span{color:#929d95;font-size:12px}.header-actions{gap:4px;display:flex}.mobile-back{display:none}.pinned-banner{background:#fffaf0;border:1px solid #f0dfb9;border-radius:11px;align-items:center;gap:12px;margin:18px 26px 0;padding:13px 16px;display:flex}.pinned-icon{color:#b27a22;background:#ffefcd;border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.pinned-banner div:last-child{flex-direction:column;gap:4px;display:flex}.pinned-banner strong{color:#91651e;font-size:12px}.pinned-banner span{color:#98896c;font-size:11px}.chat-body{flex:1;padding:24px 5%;overflow-y:auto}.date-separator{justify-content:center;margin:0 0 28px;display:flex}.date-separator span{color:#9ba49e;background:#fff;border:1px solid #edf0ed;border-radius:20px;padding:6px 12px;font-size:10px}.message-row{align-items:flex-end;gap:9px;margin:0 0 22px;display:flex}.message-row.mine{justify-content:flex-end}.message-avatar{width:30px;height:30px;font-size:12px}.message-content{max-width:min(76%,620px)}.message-author{color:#64806d;margin:0 0 6px 3px;font-size:11px;font-weight:750}.message-bubble{color:#3c4941;overflow-wrap:anywhere;background:#fff;border:1px solid #e8ece9;border-radius:4px 15px 15px;padding:12px 15px 8px;font-size:13px;line-height:1.65;box-shadow:0 2px 5px #20382a05}.mine .message-bubble{background:#e7f5eb;border-color:#d4eadb;border-radius:15px 4px 15px 15px}.important-bubble{background:#fffaf0;border-color:#efdfba}.bubble-label{color:#b27a22;letter-spacing:.5px;align-items:center;gap:5px;margin-bottom:8px;font-size:9px;font-weight:850;display:flex}.message-meta{text-align:right;color:#9ba69e;margin-top:5px;font-size:10px}.read-check{color:#278a53}.translation-preview{color:#456b50;background:#eef7f0;border-left:2px solid #82bb95;border-radius:0 8px 8px 0;margin-top:7px;padding:9px 12px;font-size:12px;line-height:1.5}.translation-preview span{color:#7b9883;margin-bottom:3px;font-size:10px;display:block}.translation-tools{border-top:1px solid var(--border);background:#fff;flex-wrap:wrap;align-items:center;gap:10px 16px;padding:13px 26px;display:flex}.translation-label{color:#748078;align-items:center;gap:7px;font-size:11px;display:flex}.language-pills{gap:6px;display:flex}.language-pills span{color:#78847c;border:1px solid #e6ebe7;border-radius:7px;padding:6px 9px;font-size:10px}.language-pills .language-active{color:#277749;background:#eef8f0;border-color:#cce6d4;font-weight:750}.translation-toggle{color:#34764a;background:#fff;border:1px solid #dce9df;border-radius:8px;align-items:center;gap:6px;margin-left:auto;padding:7px 9px;font-size:10px;display:flex}.translation-toggle:hover{background:#f1f8f3}.message-composer{background:#fff;border:1px solid #e0e8e2;border-radius:13px;align-items:center;gap:10px;margin:0 26px;padding:8px 9px 8px 13px;display:flex;box-shadow:0 3px 12px #1c382508}.message-composer:focus-within{border-color:#9dcdb0;box-shadow:0 0 0 3px #2386530b}.message-composer input{color:#24332c;background:0 0;border:0;outline:none;flex:1;width:100%;min-width:0;padding:9px 0}.message-composer input:focus-visible{outline:none}.message-composer input::placeholder{color:#a0aaa3}.composer-language{color:#87948b;background:#f1f5f2;border-radius:5px;padding:5px 7px;font-size:10px;font-weight:800}.send-button{background:var(--green);color:#fff;border:0;border-radius:10px;flex-shrink:0;place-items:center;width:39px;height:39px;display:grid}.send-button:disabled{cursor:default;opacity:.45}.composer-note{text-align:center;color:#a0aaa3;padding:8px 26px 12px;font-size:10px}@media (width>=1100px){.sidebar{width:365px}.chat-body{padding-left:8%;padding-right:8%}}@media (width<=760px){.app-shell{height:100dvh;min-height:0}.sidebar{border-right:0;width:100%;min-width:0}.sidebar-hidden-mobile,.chat-panel{display:none}.chat-panel-mobile{width:100%;display:flex}.mobile-back{display:inline-grid}.chat-header{gap:8px;min-height:70px;padding:12px}.header-avatar{width:39px;height:39px}.header-info strong{font-size:13px}.header-info span{font-size:10px}.header-actions{gap:0}.header-actions .icon-button{width:30px}.pinned-banner{margin:12px 12px 0;padding:10px}.pinned-banner span{line-height:1.5}.chat-body{padding:18px 12px}.message-content{max-width:86%}.message-bubble{padding:10px 12px 7px;font-size:13px}.translation-tools{gap:8px;padding:10px 12px}.translation-label{width:100%}.translation-toggle{margin-left:0}.message-composer{gap:6px;margin:0 10px;padding:6px}.composer-note{padding:7px 10px 9px;font-size:9px}.attach-button{width:30px}.composer-language{display:none}}