:root{font-family:Segoe UI,Arial,sans-serif;color:#203b34;background:#eef1eb;--green:#204c42;--muted:#79857e;--line:#e4e9e2;--cream:#f6f5ee;--shadow:0 18px 70px #183c3212}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #c69940;outline-offset:3px}button{border:0;background:none;color:inherit}input,textarea{border:1px solid var(--line);border-radius:12px;background:white;padding:13px;color:inherit;min-width:0}a{color:var(--green)}.shell{display:grid;grid-template-columns:80px 310px minmax(0,1fr);max-width:1600px;height:100dvh;margin:auto;background:white;box-shadow:var(--shadow)}.rail{background:var(--green);color:#dce9df;display:flex;flex-direction:column;align-items:center;gap:26px;padding:28px 8px}.mark{font-size:30px;font-family:Georgia,serif;font-style:italic;letter-spacing:-5px;color:#f2e4bf}.rail button{height:45px;width:45px;border-radius:14px;font-size:20px}.rail button.active{background:#ffffff20}.rail .bottom{margin-top:auto}.sidebar{border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0}.side-head{padding:30px 22px 18px}.eyebrow{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--muted);font-weight:700}h1{font-family:Georgia,serif;font-size:28px;font-weight:normal;letter-spacing:-1px;margin:10px 0 6px}h2{font-family:Georgia,serif;font-weight:normal;margin:0;font-size:22px}.sub{font-size:12px;color:var(--muted);line-height:1.7}.search{width:100%;margin-top:23px;background:var(--cream);border:0;font-size:13px}.list-label{padding:17px 22px 10px;display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:1.5px;color:var(--muted)}.chatlist{overflow:auto;flex:1}.chat-row{width:calc(100% - 20px);margin:3px 10px;display:flex;gap:12px;text-align:left;padding:14px 12px;border-radius:13px;align-items:center}.chat-row:hover{background:#f7f8f3}.chat-row.selected{background:#eaf0e8}.avatar{width:44px;height:44px;border-radius:15px;background:#e9ddc5;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-family:Georgia,serif;font-size:20px;color:#675535;position:relative}.avatar.group{background:var(--green);color:#e9e2c8}.dot{position:absolute;width:9px;height:9px;border-radius:50%;background:#6ba182;border:2px solid white;right:-1px;bottom:-1px}.row-main{min-width:0;flex:1}.row-title{font-size:13px;font-weight:650;display:flex;gap:8px;justify-content:space-between}.preview{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:6px}.time{font-size:10px;font-weight:400;color:var(--muted)}.badge{background:var(--green);color:white;font-size:10px;border-radius:20px;padding:2px 6px;float:right}.self-card{border-top:1px solid var(--line);padding:18px;display:flex;gap:12px;align-items:center}.conversation{display:flex;flex-direction:column;min-height:0;min-width:0;background:#f8f9f5}.chat-head{height:90px;flex-shrink:0;border-bottom:1px solid var(--line);background:#fff;display:flex;align-items:center;gap:13px;padding:18px 32px}.chat-head .grow{flex:1}.iconbtn{width:36px;height:36px;font-size:20px;border-radius:10px}.iconbtn:hover{background:#edf1ea}.mobile-back{display:none}.connection{font-size:11px;color:#62786b;padding:9px 30px;background:#edf2e9;text-align:center}.messages{padding:26px 38px;overflow:auto;flex:1;min-height:0;scroll-behavior:smooth;background-image:radial-gradient(#d6ded24d 1px,transparent 1px);background-size:22px 22px}.day{font-size:10px;color:#7c877f;text-align:center;margin:12px auto 24px;background:#e9ede3;padding:7px 14px;border-radius:20px;width:fit-content}.msg{display:flex;gap:9px;margin:0 0 17px;align-items:flex-end}.msg.mine{justify-content:flex-end}.msg .avatar{width:28px;height:28px;font-size:12px;border-radius:10px}.bubble-wrap{max-width:76%;min-width:70px}.bubble{background:white;border:1px solid #e8ece5;border-radius:15px 15px 15px 3px;padding:12px 15px;box-shadow:0 2px 3px #293d2b04;overflow-wrap:anywhere}.mine .bubble{background:#e3eddf;border-color:#dce7d7;border-radius:15px 15px 3px 15px}.sender{font-size:10px;font-weight:700;color:#8b7250;margin-bottom:6px}.text{font-size:14px;line-height:1.55;white-space:pre-wrap}.meta{font-size:9px;color:var(--muted);display:flex;align-items:center;gap:8px;margin-top:5px;justify-content:flex-end}.meta button{font-size:11px;color:#64756b;padding:3px}.receipt{color:#417964}.media{max-width:100%;max-height:310px;border-radius:9px;display:block;margin-bottom:7px}.quoted{font-size:11px;color:#68786b;background:#00000005;border-left:3px solid #93ab7d;padding:7px 9px;margin-bottom:8px;max-height:70px;overflow:hidden}.empty{text-align:center;color:var(--muted);padding:55px 20px}.empty .symbol{font-family:Georgia;font-size:40px;color:#b7c7ac;margin-bottom:20px}.typing{height:24px;font-size:11px;color:#788970;padding:0 36px}.composer-zone{background:#fff;border-top:1px solid var(--line);padding:18px 30px 12px}.composer{display:flex;gap:10px;align-items:flex-end;background:#f6f7f2;border:1px solid var(--line);border-radius:16px;padding:8px}.composer textarea{flex:1;resize:none;border:0;background:transparent;max-height:130px;height:44px;padding:10px;font-size:13px;line-height:1.5}.send{background:var(--green);color:white;border-radius:12px;width:44px;height:44px;font-size:20px;flex-shrink:0}.compose-help{font-size:9px;letter-spacing:.3px;color:#99a195;margin-top:9px;text-align:center}.draft-attachment{font-size:12px;padding:8px;background:#f2f4ec;border-radius:9px;margin-bottom:8px;display:flex;gap:10px;align-items:center}.draft-attachment img,.draft-attachment video{width:60px;height:45px;object-fit:cover;border-radius:6px}.draft-attachment span{flex:1;overflow-wrap:anywhere}.auth{min-height:100dvh;display:grid;grid-template-columns:1fr 1fr;background:#f7f6ef}.auth-art{background:var(--green);color:#f7ecd8;padding:70px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.auth-art:after{content:'';width:400px;height:400px;border:1px solid #c4d3b32b;border-radius:50%;position:absolute;right:-120px;bottom:70px;box-shadow:0 0 0 65px #ffffff04,0 0 0 130px #ffffff03}.auth-art .brand{font-family:Georgia;font-size:27px}.auth-art h1{font-size:64px;line-height:1.1;letter-spacing:-2px;max-width:470px}.auth-art p{color:#c4d3c3;max-width:350px;line-height:1.9;font-size:14px}.auth-main{display:flex;align-items:center;justify-content:center;padding:35px}.auth-box{width:360px;max-width:100%}.auth-box h2{font-size:34px;margin:12px 0}.auth-box p{font-size:13px;color:var(--muted);line-height:1.7}.field{display:flex;flex-direction:column;gap:8px;font-size:12px;margin:22px 0}.primary{background:var(--green);color:white;padding:14px 18px;border-radius:12px;font-weight:600;font-size:13px}.full{width:100%}.linkbtn{font-size:12px;text-decoration:underline;margin-top:17px}.error{font-size:12px;color:#a04234;min-height:18px}.privacy{font-size:11px!important;margin-top:35px!important}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);padding:12px 20px;border-radius:12px;background:#253b32;color:white;z-index:100;box-shadow:var(--shadow);font-size:13px;max-width:90%;display:none}dialog{border:1px solid var(--line);border-radius:20px;padding:28px;max-width:450px;width:90%;color:inherit}dialog::backdrop{background:#102d2866}dialog input,dialog textarea{width:100%;margin:12px 0}.buttons{display:flex;gap:10px;justify-content:flex-end;margin-top:18px}.deleted{font-style:italic;color:#8a958b}.welcome-note{padding:16px 22px;font-size:11px;color:var(--muted);line-height:1.6;border-top:1px solid var(--line)}
@media(min-width:1500px){.shell{height:calc(100dvh - 48px);margin:24px auto;border-radius:22px;overflow:hidden}}@media(max-width:1024px){.shell{grid-template-columns:64px 270px minmax(0,1fr)}.chat-head{padding:16px 20px}.messages{padding:22px}.composer-zone{padding:14px 18px}.bubble-wrap{max-width:88%}.auth-art{padding:40px}.auth-art h1{font-size:48px}}@media(max-width:700px){.shell{display:block}.rail{display:none}.sidebar{height:100dvh;border:0}.conversation{height:100dvh;display:none}.shell.open .sidebar{display:none}.shell.open .conversation{display:flex}.mobile-back{display:block}.chat-head{height:78px;padding:12px}.chat-head h2{font-size:19px}.messages{padding:18px 12px}.bubble-wrap{max-width:85%}.composer-zone{padding:10px}.connection{padding:7px 10px;font-size:10px}.auth{display:block}.auth-art{min-height:170px;padding:25px}.auth-art h1{font-size:30px;margin:20px 0 0}.auth-art p,.auth-art .foot{display:none}.auth-main{padding:28px 22px}.auth-box h2{font-size:28px}.typing{padding:0 16px}.side-head{padding-top:25px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important}}
.appearance-controls{margin-top:16px}.appearance-controls label{font-size:11px;color:var(--muted);display:block}.appearance-controls select{font:inherit;margin:7px 0 4px;display:block;width:100%;padding:9px 12px;border:1px solid var(--line);border-radius:10px;background:var(--cream);color:inherit}.translation-settings{margin-top:12px;font-size:11px}.translation-settings summary{cursor:pointer;color:inherit;font-size:12px}.translation-settings p{font-size:10px;line-height:1.6;color:var(--muted)}.translate-consent{line-height:1.6;margin:10px 0}.translate-consent input{accent-color:var(--green);padding:0;vertical-align:middle}.translation-panel{border-top:1px solid var(--line);margin-top:9px;padding-top:6px}.translate-button{font-size:10px;color:var(--muted);padding:3px 0;text-decoration:underline}.translated-text{font-size:13px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere;color:inherit}.translation-panel .translated-text:empty{display:none}
:root[data-theme="dark"]{color-scheme:dark;--green:#385e51;--muted:#a5b3a9;--line:#35473d;--cream:#273a30;background:#101c16;color:#e4eade}
:root[data-theme="brown"]{color-scheme:dark;--green:#715034;--muted:#c4b39a;--line:#654b37;--cream:#38291f;background:#221911;color:#f4e8d1}
:root[data-theme="dark"] .shell,:root[data-theme="dark"] .sidebar,:root[data-theme="dark"] .chat-head,:root[data-theme="dark"] .composer-zone{background:#1a2b22}
:root[data-theme="dark"] .conversation,:root[data-theme="dark"] .auth{background:#152219}
:root[data-theme="dark"] .bubble,:root[data-theme="dark"] input,:root[data-theme="dark"] textarea,:root[data-theme="dark"] dialog{background:#273b2e;color:#e4eade;border-color:var(--line)}
:root[data-theme="dark"] .mine .bubble,:root[data-theme="dark"] .chat-row.selected{background:#354c37;border-color:#456044}
:root[data-theme="dark"] .chat-row:hover{background:#273a2d}
:root[data-theme="dark"] .connection,:root[data-theme="dark"] .day,:root[data-theme="dark"] .draft-attachment,:root[data-theme="dark"] .composer{background:#24352a;color:#b8c5b9}
:root[data-theme="dark"] .composer textarea{background:transparent}
:root[data-theme="dark"] .auth-art,:root[data-theme="dark"] .rail{background:#152b22}
:root[data-theme="brown"] .shell,:root[data-theme="brown"] .sidebar,:root[data-theme="brown"] .chat-head,:root[data-theme="brown"] .composer-zone{background:#302219}
:root[data-theme="brown"] .conversation,:root[data-theme="brown"] .auth{background:#271c14}
:root[data-theme="brown"] .bubble,:root[data-theme="brown"] input,:root[data-theme="brown"] textarea,:root[data-theme="brown"] dialog{background:#3f2e21;color:#f4e8d1;border-color:var(--line)}
:root[data-theme="brown"] .mine .bubble,:root[data-theme="brown"] .chat-row.selected{background:#5b402b;border-color:#76573b}
:root[data-theme="brown"] .chat-row:hover{background:#493321}
:root[data-theme="brown"] .connection,:root[data-theme="brown"] .day,:root[data-theme="brown"] .draft-attachment,:root[data-theme="brown"] .composer{background:#3b2a1d;color:#d2bea0}
:root[data-theme="brown"] .composer textarea{background:transparent}
:root[data-theme="brown"] .rail,:root[data-theme="brown"] .auth-art,:root[data-theme="brown"] .call-card{background:#3d281a}
:root[data-theme="dark"] .sender,:root[data-theme="dark"] .quoted,:root[data-theme="dark"] .receipt,:root[data-theme="dark"] .meta button{color:#b3cfad}
:root[data-theme="brown"] .sender,:root[data-theme="brown"] .quoted,:root[data-theme="brown"] .receipt,:root[data-theme="brown"] .meta button{color:#e0c18c}
:root[data-theme="dark"] a,:root[data-theme="brown"] a{color:#e6d9b6}
:root[data-theme="dark"] .search,:root[data-theme="brown"] .search{background:var(--cream)}
.call-card{position:fixed;z-index:90;inset:5vh 10%;max-width:900px;margin:auto;background:#143e35;color:#f1eadc;border-radius:26px;padding:30px;display:flex;flex-direction:column;text-align:center;box-shadow:0 0 0 100vmax #132b24a8}.call-card h2{font-size:30px;margin-top:12px}.call-card .eyebrow{color:#b8c9b9}.call-videos{position:relative;flex:1;min-height:100px;background:#0d2b24;border-radius:18px;overflow:hidden}.call-videos video{width:100%;height:100%;object-fit:contain;position:absolute;inset:0}.call-videos #local-video{width:24%;height:30%;inset:auto 15px 15px auto;object-fit:cover;border-radius:12px;z-index:2}.call-monogram{display:none;font-size:90px;font-family:Georgia;color:#d9d7ba}.audio-only .call-monogram{display:flex;align-items:center;justify-content:center;height:100%}.audio-only video{width:1px;height:1px;opacity:0}.call-controls{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.call-controls button{background:#ffffff17;color:white;border-radius:12px;padding:13px 18px}.call-controls .hangup{background:#b0443a}.call-controls .primary{background:#447e55}.call-note{font-size:11px;color:#b4c5b7;line-height:1.7}.chat-head .iconbtn:disabled{opacity:.3;cursor:not-allowed}
.chat-head .grow{min-width:0}.chat-head h2{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.call-card h2{overflow-wrap:anywhere}
@media(max-width:700px){.call-card{inset:12px;padding:20px 15px}.chat-head{gap:7px}.chat-head .iconbtn{width:29px;font-size:17px;flex-shrink:0}.chat-head .avatar{width:35px;height:35px}.chat-head h2{font-size:16px}.chat-head .sub{font-size:10px}.call-controls button{padding:12px}.call-videos #local-video{width:32%}}