:root{font-family:Inter,SF Pro Display,PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:#202420;background:#f2f3ef;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #202420;--muted: #727970;--line: #dfe2dc;--surface: #ffffff;--soft: #f7f7f4;--green: #28634a;--green-dark: #1e4d3a;--green-soft: #dceade;--coral: #d66e59;--coral-soft: #f7e5df}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;height:100%;margin:0}body{overflow:hidden}button,input,textarea{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid rgba(40,99,74,.2);outline-offset:2px}.loading-screen{display:grid;min-height:100%;place-items:center;color:var(--green);background:var(--soft)}.spin{animation:spin .85s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-shell,.identity-shell{position:relative;display:grid;min-height:100%;place-items:center;padding:24px;overflow:auto;background:linear-gradient(#f7f7f4db,#f7f7f4eb),url(/assets/chat-pattern.png) center / cover}.login-panel,.identity-panel{width:min(100%,390px);padding:38px 34px 34px;border:1px solid rgba(32,36,32,.12);border-radius:8px;background:#fffffff0;box-shadow:0 18px 60px #2a2f291a}.brand-mark{display:grid;width:48px;height:48px;margin-bottom:26px;place-items:center;border-radius:8px;color:#fff;background:var(--green)}.eyebrow{margin:0 0 9px;color:var(--green);font-size:11px;font-weight:750;letter-spacing:0}.login-panel h1,.identity-panel h1{margin:0;font-size:29px;line-height:1.2;letter-spacing:0}.login-copy{margin:12px 0 29px;color:var(--muted);font-size:14px;line-height:1.6}.login-form{display:grid;gap:10px}.login-form label{font-size:13px;font-weight:650}.password-field{display:flex;height:48px;align-items:center;gap:11px;padding:0 14px;border:1px solid #d5d9d2;border-radius:6px;color:#7b8179;background:#fbfbf9}.password-field:focus-within{border-color:var(--green);box-shadow:0 0 0 3px #28634a1a}.password-field input{width:100%;height:100%;border:0;outline:0;color:var(--ink);background:transparent;font-size:16px;letter-spacing:0}.form-error,.composer-error{margin:0;color:#b24435;font-size:13px}.primary-button,.secondary-button,.danger-button,.stop-recording{display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:8px;border:0;border-radius:6px;font-weight:700;cursor:pointer}.primary-button{margin-top:8px;color:#fff;background:var(--green)}.primary-button:hover{background:var(--green-dark)}.primary-button:disabled{cursor:not-allowed;opacity:.5}.privacy-note{position:absolute;bottom:20px;margin:0;color:#777e75;font-size:12px}.identity-panel{padding-bottom:30px}.identity-options{display:grid;gap:10px;margin-top:26px}.identity-option{display:grid;grid-template-columns:42px 1fr 20px;min-height:66px;align-items:center;gap:13px;padding:10px 12px;border:1px solid var(--line);border-radius:6px;text-align:left;background:#fafaf8;cursor:pointer}.identity-option:hover{border-color:#9eaaa0;background:#f4f6f2}.avatar{display:grid;width:42px;height:42px;place-items:center;border-radius:50%;font-size:14px;font-weight:800}.avatar-1{color:#17452f;background:var(--green-soft)}.avatar-2{color:#8b3e31;background:var(--coral-soft)}.identity-option strong,.identity-option small{display:block}.identity-option strong{margin-bottom:3px;font-size:14px}.identity-option small{color:var(--muted);font-size:12px}.identity-arrow{transform:rotate(-90deg);color:#959b93}.chat-shell{display:grid;grid-template-rows:66px minmax(0,1fr) auto;width:100%;height:100dvh;background:var(--soft)}.chat-header{z-index:3;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid var(--line);background:#fffffff5}.chat-title,.header-actions{display:flex;align-items:center}.chat-title{gap:11px}.header-avatar{display:grid;width:38px;height:38px;place-items:center;border-radius:7px;color:#fff;background:var(--green);font-size:15px;font-weight:800}.chat-title h1{margin:0 0 2px;font-size:15px;line-height:1.2;letter-spacing:0}.connection{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:11px}.connection i{width:6px;height:6px;border-radius:50%;background:#a7aca5}.connection-connected i{background:#4c9a6b}.connection-offline i{background:var(--coral)}.header-actions{gap:6px}.icon-button,.mic-button,.send-button,.voice-send,.audio-play,.profile-button{display:inline-grid;place-items:center;border:0;cursor:pointer}.icon-button{width:38px;height:38px;border-radius:6px;color:#565d55;background:transparent}.icon-button:hover{background:#f0f2ee}.profile-button{grid-auto-flow:column;width:54px;height:38px;gap:4px;border-radius:6px;background:#edf2ec}.profile-button span{display:grid;width:24px;height:24px;place-items:center;border-radius:50%;color:var(--green-dark);background:var(--green-soft);font-size:11px;font-weight:800}.message-list{min-height:0;overflow:auto;background:linear-gradient(#f7f7f4e6,#f7f7f4e6),url(/assets/chat-pattern.png) center / 900px auto;overscroll-behavior:contain}.message-list-inner{width:min(100%,820px);min-height:100%;margin:0 auto;padding:20px 22px 30px}.day-divider{display:flex;align-items:center;justify-content:center;margin:2px 0 24px}.day-divider span{padding:4px 9px;border:1px solid rgba(67,74,66,.1);border-radius:5px;color:#848a82;background:#ffffffb8;font-size:10px}.load-older-button{display:flex;min-height:32px;align-items:center;justify-content:center;gap:6px;margin:0 auto 14px;padding:0 12px;border:1px solid #d8ded6;border-radius:6px;color:#5d685e;background:#ffffffd1;font-size:12px}.load-older-button:hover:not(:disabled){border-color:#aebcaf;background:#fff}.load-older-button:disabled{cursor:wait;opacity:.65}.empty-state{display:grid;min-height:48vh;place-content:center;justify-items:center;color:var(--muted);text-align:center}.empty-icon{display:grid;width:48px;height:48px;margin-bottom:13px;place-items:center;border:1px solid #dfe3dc;border-radius:8px;color:var(--green);background:#ffffffd1}.empty-state strong{color:#414740;font-size:14px}.empty-state span{margin-top:5px;font-size:12px}.message-row{display:flex;align-items:flex-start;gap:9px;margin-top:18px}.message-row.message-grouped{margin-top:5px}.message-mine{justify-content:flex-end}.message-avatar{display:grid;flex:0 0 auto;width:30px;height:30px;margin-top:18px;place-items:center;border-radius:50%;color:#8b3e31;background:var(--coral-soft);font-size:10px;font-weight:800}.message-content{display:grid;max-width:min(72%,520px)}.message-mine .message-content{justify-items:end}.message-sender{margin:0 4px 5px;color:#7d837c;font-size:10px}.bubble{min-width:52px;padding:10px 12px;border:1px solid #e0e3dd;border-radius:7px;background:#fffffff5;box-shadow:0 2px 8px #272d260a}.message-mine .bubble{border-color:#27624a;color:#fff;background:var(--green)}.bubble p{margin:0;overflow-wrap:anywhere;font-size:14px;line-height:1.55;white-space:pre-wrap}.message-content time{margin:4px 4px 0;color:#92978f;font-size:9px}.audio-message{display:grid;grid-template-columns:28px minmax(54px,120px) 34px;align-items:center;gap:8px;min-width:150px}.audio-play{width:28px;height:28px;border-radius:50%;color:var(--green);background:var(--green-soft)}.message-mine .audio-play{color:#fff;background:#ffffff2e}.audio-track{height:3px;overflow:hidden;border-radius:3px;background:#d8ddd6}.message-mine .audio-track{background:#ffffff3d}.audio-track span{display:block;height:100%;background:var(--coral)}.message-mine .audio-track span{background:#fff}.audio-duration{font-size:11px;font-variant-numeric:tabular-nums}.audio-error{grid-column:1 / -1;color:#a34b3d;font-size:10px;overflow-wrap:anywhere}.composer-shell{z-index:3;padding:10px max(14px,env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));border-top:1px solid var(--line);background:#fffffffa}.composer,.recording-bar,.voice-draft{display:flex;width:min(100%,820px);min-height:48px;align-items:center;gap:8px;margin:0 auto}.composer{padding:4px;border:1px solid #d8dcd5;border-radius:8px;background:#fafaf8}.composer:focus-within{border-color:#8fa697;box-shadow:0 0 0 3px #28634a14}.composer textarea{flex:1;min-width:0;max-height:96px;padding:9px 5px;resize:none;border:0;outline:0;color:var(--ink);background:transparent;line-height:1.35}.composer textarea::placeholder{color:#9a9f98}.mic-button,.send-button,.voice-send{flex:0 0 auto;width:40px;height:40px;border-radius:6px}.mic-button{color:#5f675f;background:transparent}.mic-button:hover{background:#edf0eb}.send-button,.voice-send{color:#fff;background:var(--green)}.send-button:disabled,.voice-send:disabled{cursor:not-allowed;color:#9ca29b;background:#e2e5df}.composer-error{width:min(100%,820px);margin:0 auto 7px}.recording-bar,.voice-draft{padding:4px;border:1px solid #ead4ce;border-radius:8px;background:#fff9f7}.recording-status{display:flex;flex:1;align-items:center;gap:8px;font-size:13px}.recording-status i{width:8px;height:8px;border-radius:50%;background:var(--coral);animation:pulse 1s ease-in-out infinite}@keyframes pulse{50%{opacity:.35}}.recording-status strong{margin-left:auto;font-variant-numeric:tabular-nums}.stop-recording{min-height:38px;padding:0 13px;color:#fff;background:var(--coral);font-size:13px}.voice-draft audio{flex:1;min-width:0;height:36px}.modal-backdrop{position:fixed;z-index:10;inset:0;display:grid;padding:20px;place-items:center;background:#171c1861}.confirm-dialog{width:min(100%,360px);padding:26px;border-radius:8px;background:#fff;box-shadow:0 20px 70px #14181533}.dialog-icon{display:grid;width:42px;height:42px;margin-bottom:18px;place-items:center;border-radius:7px;color:#a54334;background:var(--coral-soft)}.confirm-dialog h2{margin:0;font-size:18px;letter-spacing:0}.confirm-dialog p{margin:10px 0 24px;color:var(--muted);font-size:13px;line-height:1.6}.dialog-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.secondary-button{border:1px solid var(--line);background:#fff}.danger-button{color:#fff;background:#b74e3d}@media(max-width:640px){.login-shell,.identity-shell{padding:18px}.login-panel,.identity-panel{padding:30px 24px 26px}.privacy-note{position:static;align-self:end;margin-top:18px}.chat-header{padding:0 12px}.message-list-inner{padding:16px 12px 22px}.message-content{max-width:82%}.bubble{padding:9px 11px}.header-actions{gap:2px}.profile-button{width:47px}.audio-message{grid-template-columns:28px minmax(42px,88px) 32px;min-width:135px}}@media(max-width:370px){.chat-title h1{font-size:14px}.header-avatar{width:34px;height:34px}.icon-button{width:34px}.profile-button{width:43px}.message-content{max-width:86%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}