:root[data-theme=light]{color-scheme:light;--text-1:#263c35;--text-2:#6c7c73;--text-3:#2f765a;--text-4:#ffffff;--text-5:#a34838;--text-6:#a0aba3;--bg-1:#f5f5ef;--bg-2:#ffffff;--bg-3:#e9efe6;--bg-4:#377b5d;--bg-5:#eff3e9;--bg-6:#f8eae5;--border:#dce3d9;--shadow:0 16px 60px #22392a0c}:root[data-theme=dark]{color-scheme:dark;--text-1:#e3ebe2;--text-2:#a7b6aa;--text-3:#a2d3af;--text-4:#142c20;--text-5:#f1b1a5;--text-6:#819487;--bg-1:#15201b;--bg-2:#1c2b23;--bg-3:#304236;--bg-4:#a2d3af;--bg-5:#24392c;--bg-6:#432e29;--border:#364b3e;--shadow:0 16px 60px #00000025}*{box-sizing:border-box}body{margin:0;background:var(--bg-1);color:var(--text-1);font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif;font-size:15px}button,input,textarea{font:inherit}button{cursor:pointer;border:1px solid var(--border);background:var(--bg-2);color:var(--text-1);border-radius:12px;min-height:44px;padding:10px 16px;transition:transform .15s,background .15s}button:hover{background:var(--bg-3)}button:active{transform:translateY(1px)}button:disabled{cursor:wait;opacity:.6}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--text-3);outline-offset:3px}input,textarea{background:var(--bg-2);color:var(--text-1);border:1px solid var(--border);border-radius:12px;padding:14px;width:100%}input::placeholder,textarea::placeholder{color:var(--text-6)}h1,h2,p{margin:0}p{line-height:1.7}.muted{color:var(--text-2)}.small{font-size:12px}.primary{background:var(--bg-4);color:var(--text-4);border-color:var(--bg-4)}.primary:hover{background:var(--bg-4);opacity:.9}.plain{background:var(--bg-1);border-color:var(--bg-1)}.topbar{max-width:1160px;margin:auto;height:100px;padding:20px 32px;display:flex;align-items:center;justify-content:space-between;gap:10px}.brand{display:flex;align-items:center;gap:12px;font-size:21px;font-weight:700;letter-spacing:2px}.brand-icon{background:var(--bg-4);color:var(--text-4);border-radius:15px;width:44px;height:44px;display:grid;place-items:center;font-size:25px;letter-spacing:0}.tools{display:flex;gap:8px}.tools button{font-size:13px}.welcome{max-width:1000px;margin:10vh auto 50px;display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center;padding:0 32px}.eyebrow{font-size:12px;letter-spacing:3px;color:var(--text-3);margin-bottom:24px}.welcome h1{font-family:Georgia,Songti SC,serif;font-size:44px;line-height:1.4;letter-spacing:2px;margin:24px 0 18px}.illustration{height:140px;display:flex;align-items:center;gap:20px}.avatar{background:var(--bg-3);border:1px solid var(--border);display:grid;place-items:center;border-radius:22px;font-size:32px;width:74px;height:74px;flex-shrink:0}.illustration .avatar{width:95px;height:100px;font-size:44px;transform:rotate(-7deg)}.illustration .avatar:last-child{transform:rotate(7deg);background:var(--bg-5)}.connector{font-size:30px;color:var(--text-3);letter-spacing:5px}.login-card{background:var(--bg-2);border:1px solid var(--border);border-radius:24px;padding:32px;box-shadow:var(--shadow)}.step{display:flex;gap:6px;margin-bottom:24px}.step span{height:4px;width:28px;border-radius:4px;background:var(--bg-3)}.step span.active{background:var(--bg-4)}.login-card h2{font-size:23px;margin:14px 0 10px}.login-card label{display:block;font-size:13px;margin:26px 0 10px}.password-wrap{display:flex;gap:6px}.password-wrap button{padding:8px}.login-card .primary{width:100%;margin-top:22px}.login-card .small{margin-top:18px}.roles{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}.role{padding:18px 10px;display:flex;flex-direction:column;align-items:center;gap:12px}.role.selected{border:2px solid var(--text-3);background:var(--bg-5)}.role .avatar{width:58px;height:58px;font-size:27px}.error{color:var(--text-5);background:var(--bg-6);padding:12px 14px;border-radius:10px;font-size:13px;line-height:1.6;margin-top:14px}.error:empty{display:none}.login-footer{text-align:center;font-size:12px;color:var(--text-2);margin:40px 20px}.chat-layout{max-width:1160px;margin:4px auto 24px;padding:0 32px;display:grid;grid-template-columns:250px 1fr;gap:24px;height:calc(100dvh - 132px);min-height:400px}.sidebar{display:flex;flex-direction:column;gap:20px}.person-card{padding:22px;border:1px solid var(--border);background:var(--bg-2);border-radius:18px}.person-card .avatar{margin-bottom:16px}.person-card h2{font-size:19px;margin-bottom:8px}.notify-card{background:var(--bg-5);border:1px solid var(--border);border-radius:18px;padding:20px}.notify-card h2{font-size:15px;margin:10px 0}.notify-card p{font-size:12px;color:var(--text-2)}.notify-card button{width:100%;margin-top:14px;font-size:12px}.sidebar-bottom{margin-top:auto;display:grid;gap:10px}.chat-panel{background:var(--bg-2);border:1px solid var(--border);border-radius:20px;display:flex;flex-direction:column;overflow:hidden;min-width:0}.chat-head{display:flex;gap:12px;padding:18px 24px;border-bottom:1px solid var(--border);align-items:center}.chat-head .avatar{width:46px;height:46px;font-size:24px;border-radius:15px}.chat-head h2{font-size:16px;margin-bottom:4px}.status{font-size:11px;color:var(--text-2)}.mobile-notify{margin-left:auto;display:none}.messages{overflow-y:auto;overscroll-behavior:contain;flex:1;padding:24px;scroll-behavior:smooth}.empty{height:100%;min-height:200px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:14px}.empty .symbol{font-size:38px;color:var(--text-3)}.empty h2{font-size:18px;font-weight:500}.message{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:20px;gap:7px}.message.mine{align-items:flex-end}.message-label{font-size:11px;color:var(--text-2)}.bubble{padding:12px 16px;border-radius:3px 16px 16px;max-width:85%;background:var(--bg-3);white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65}.mine .bubble{background:var(--bg-4);color:var(--text-4);border-radius:16px 3px 16px 16px}.composer{padding:16px 22px 12px;border-top:1px solid var(--border);background:var(--bg-2)}.compose-row{display:flex;align-items:flex-end;gap:12px}.composer textarea{resize:none;min-height:54px;max-height:130px;border:0;background:var(--bg-1);line-height:1.5}.compose-row button{height:52px;white-space:nowrap}.compose-footer{display:flex;justify-content:space-between;gap:8px;margin-top:9px;color:var(--text-2);font-size:10px}.new-button{align-self:center;font-size:12px;margin:5px}.new-button[hidden]{display:none}.older{display:block;margin:0 auto 22px;font-size:12px}.dialog{max-width:480px;width:calc(100% - 32px);max-height:85vh;border:1px solid var(--border);border-radius:20px;padding:0;background:var(--bg-2);color:var(--text-1)}.dialog::backdrop{background:var(--bg-1);opacity:.8}.dialog-inner{display:flex;flex-direction:column;max-height:85vh}.dialog header,.dialog footer{padding:18px 22px;background:var(--bg-2);position:sticky;display:flex;align-items:center;justify-content:space-between;gap:12px}.dialog header{top:0;border-bottom:1px solid var(--border)}.dialog h2{font-size:18px}.dialog-content{padding:20px 22px;overflow:auto}.dialog-content p{font-size:13px;margin-bottom:14px}.dialog footer{bottom:0;border-top:1px solid var(--border);flex-wrap:wrap}.dialog footer button{flex:1;font-size:12px}.toast{color:var(--text-3);font-size:12px;line-height:1.6;margin-top:10px}.mobile-me{margin-left:auto;font-size:11px;color:var(--text-2)}@media(max-width:800px){.welcome{gap:35px;margin-top:7vh}.welcome h1{font-size:34px}.chat-layout{grid-template-columns:190px 1fr;gap:14px;padding:0 18px}.topbar{padding:14px 20px;height:82px}.chat-layout{height:calc(100dvh - 102px)}.notify-card,.person-card{padding:16px}}@media(max-width:600px){.topbar{height:74px;padding:12px 16px}.brand{font-size:18px;gap:8px}.brand-icon{width:37px;height:37px;font-size:21px}.tools{gap:4px}.tools button{padding:8px;font-size:11px}.welcome{display:block;margin:24px auto;padding:0 22px;max-width:430px}.intro .illustration{height:90px;justify-content:center}.illustration .avatar{width:62px;height:66px;font-size:30px}.intro .eyebrow{display:none}.welcome h1{font-size:29px;text-align:center;margin:10px 0}.intro>p{text-align:center;font-size:12px;margin-bottom:26px}.login-card{padding:24px}.login-footer{margin:25px 15px}.sidebar{display:none}.chat-layout{display:block;padding:0;margin:0;height:calc(100dvh - 74px);min-height:0}.chat-panel{height:100%;border-radius:18px 18px 0 0;border-bottom:0}.chat-head{padding:14px 16px}.mobile-notify{display:block;padding:8px;font-size:12px}.messages{padding:20px 16px}.composer{padding:12px 14px max(14px,env(safe-area-inset-bottom))}.bubble{max-width:92%}.compose-footer{font-size:9px}.composer textarea{font-size:16px}.tools .exit{max-width:74px;line-height:1.2}.mobile-me{display:none}}