:root{font-family:Inter,Noto Sans SC,Microsoft YaHei,ui-sans-serif,system-ui,sans-serif;color:#1d2b35;background:#e9f0f1;font-synthesis:none}.user-search{display:grid;gap:7px}.user-search label{gap:2px}.user-search label span{color:#75858a;font-size:11px;font-weight:500}.user-search input{padding:9px;font-size:13px}.search-status{margin:0;color:#6c7a7f;font-size:12px;line-height:1.4}.search-status.error{color:#a42f2d}.search-results{display:grid;max-height:198px;overflow-y:auto;border:1px solid #d6e1e2;border-radius:10px;background:#fff}.search-result{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;border:0;border-bottom:1px solid #e8eeee;background:transparent;color:inherit;padding:8px;text-align:left}.search-result:last-child{border-bottom:0}.search-result:hover:not(:disabled){background:#eff7f7}.search-result strong,.search-result small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-result small{margin-top:2px;color:#75858a;font-size:11px}.search-result em{color:#17667b;font-size:12px;font-style:normal;font-weight:700}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 12% 12%,#d5e8e8,transparent 42%),#e9f0f1}.auth-card{width:min(100%,430px);padding:38px;border:1px solid #d6e0e0;border-radius:18px;background:#fffefd;box-shadow:0 22px 60px #1d384224}.auth-brand,.brand-row{display:flex;gap:12px;align-items:center}.brand-mark{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#164e63;color:#f8ffff;font-size:20px;font-weight:800}.auth-brand h1{margin:0;font-size:25px;letter-spacing:-.03em}.auth-brand p,.brand-row small{margin:3px 0 0;color:#64747b;font-size:13px}form{display:grid;gap:14px}.auth-card form{margin-top:30px}label{display:grid;gap:6px;color:#40545d;font-size:14px;font-weight:650}input,textarea{width:100%;border:1px solid #bdccd0;border-radius:9px;background:#fff;color:#1d2b35;padding:10px 12px;outline:none}input:focus,textarea:focus{border-color:#17829d;box-shadow:0 0 0 3px #17829d21}textarea{resize:vertical;line-height:1.45}.primary,.secondary{border:0;border-radius:9px;padding:10px 15px;font-weight:700}.primary{background:#164e63;color:#fff}.primary:hover:not(:disabled){background:#0d3e51}.secondary{background:#dcebed;color:#0f4455;white-space:nowrap}.text-button{border:0;color:#126881;background:transparent;padding:3px 0;font-size:13px}.text-button:hover{text-decoration:underline}.auth-switch{margin-top:22px}.form-error,.composer-error{margin:16px 0 0;color:#a42f2d;font-size:13px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.chat-shell{min-height:100vh;display:grid;grid-template-columns:312px minmax(0,1fr);background:#f5f8f8}.sidebar{min-height:100vh;padding:23px 16px 16px;display:flex;flex-direction:column;gap:17px;border-right:1px solid #d7e0e1;background:#fdfefe}.brand-row strong{display:block}.connection{display:grid;gap:3px;padding:9px 10px;border-radius:9px;background:#edf2f2;color:#57686f;font-size:12px}.connection span:before{content:"";display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:#89999e}.connection.connected{background:#e5f3ed;color:#28604b}.connection.connected span:before{background:#2f9d6d}.connection.reconnecting,.connection.connecting{background:#fff4df;color:#865c1f}.connection.reconnecting span:before,.connection.connecting span:before{background:#d98c2b}.connection.offline{background:#fff0ee;color:#9d3a38}.connection.offline span:before{background:#d3544f}.direct-form{grid-template-columns:minmax(0,1fr) auto;gap:7px}.direct-form input{min-width:0;padding:9px;font-size:12px}.sidebar-label{display:flex;justify-content:space-between;align-items:center;margin-top:5px;color:#6b7a7f;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.conversation-list{display:grid;align-content:start;gap:4px;overflow-y:auto}.conversation{display:flex;align-items:center;gap:10px;width:100%;border:0;border-radius:10px;background:transparent;color:inherit;padding:9px;text-align:left}.conversation:hover,.conversation.selected{background:#e8f2f3}.conversation strong,.conversation small{display:block}.conversation small{margin-top:3px;color:#75858a;font-size:12px}.avatar{display:grid;place-items:center;flex:0 0 auto;width:31px;height:31px;border-radius:50%;background:#cde2e2;color:#1a596a;font-weight:800}.logout{margin-top:auto;border:0;background:transparent;color:#815553;text-align:left;padding:9px}.quiet{color:#738187;font-size:14px;line-height:1.6}.pad{padding:0 9px}.chat-panel{min-width:0;min-height:100vh;display:grid;grid-template-rows:auto auto 1fr auto;background:#fffefd}.notice{display:flex;justify-content:space-between;gap:12px;margin:12px 18px 0;border:1px solid #f0cccc;border-radius:8px;padding:9px 12px;background:#fff4f2;color:#943b38;font-size:13px}.notice button{border:0;background:transparent;color:inherit;font-size:20px;line-height:16px}.chat-header{display:flex;align-items:center;min-height:78px;padding:18px 32px;border-bottom:1px solid #e3e9e9}.chat-header h1{margin:0;font-size:19px}.chat-header p{margin:4px 0 0;color:#718186;font-size:13px}.message-list{overflow-y:auto;display:flex;min-height:0;flex-direction:column;gap:13px;padding:26px clamp(16px,6vw,82px);background:linear-gradient(135deg,rgba(220,237,237,.43),transparent 45%)}.centered{margin:auto;text-align:center}.load-more{align-self:center;border:1px solid #cbd8d9;border-radius:99px;padding:7px 12px;background:#fff;color:#36545e;font-size:12px}.message{align-self:flex-start;max-width:min(78%,620px)}.message.own{align-self:flex-end}.bubble{border-radius:5px 14px 14px;background:#e7eff0;padding:10px 13px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.5}.own .bubble{border-radius:14px 5px 14px 14px;background:#164e63;color:#fff}.pending .bubble{opacity:.75}.pending.failed .bubble{background:#fff0ee;color:#7c312f}.message-meta{display:flex;justify-content:flex-end;align-items:center;gap:7px;padding:4px 3px 0;color:#7a878b;font-size:11px}.composer{position:relative;grid-template-columns:1fr auto;align-items:end;gap:10px;padding:16px clamp(16px,4vw,42px);border-top:1px solid #e2e9e9;background:#fff}.composer textarea{min-height:66px}.composer .primary{min-width:70px}.composer-error{position:absolute;top:-4px;left:24px;margin:0;background:#fff;padding:0 4px}.empty-conversation{display:grid;place-content:center;min-height:100%;padding:30px;text-align:center;color:#66777d}.empty-conversation h1{margin:12px 0 0;color:#27434d;font-size:22px}.empty-conversation p{max-width:340px;margin:10px 0;line-height:1.6}.empty-mark{color:#1a7187;font-size:31px}@media(max-width:720px){.chat-shell{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}.sidebar{min-height:0;max-height:43vh;border-right:0;border-bottom:1px solid #d7e0e1}.conversation-list{grid-auto-flow:column;grid-auto-columns:minmax(150px,1fr);grid-template-columns:unset;overflow-x:auto}.conversation{min-height:53px}.logout{position:absolute;top:20px;right:17px;margin:0}.chat-panel{min-height:57vh}.chat-header{padding:14px 18px;min-height:62px}.message-list{padding:18px}.auth-card{padding:28px 22px}}.composer{grid-template-columns:auto minmax(0,1fr) auto}.voice-recorder{display:flex;align-items:center;gap:7px;padding-bottom:3px}.voice-recorder .secondary{padding:10px}.recording-format{color:var(--muted);font-size:.78rem;white-space:nowrap}.voice-bubble{display:grid;grid-template-columns:auto minmax(90px,1fr);align-items:center;gap:9px;min-width:180px}.voice-toggle{border:0;border-radius:999px;padding:7px 10px;background:#104a5e26;color:inherit;font-weight:700}.own .voice-toggle{background:#fff3;color:#fff}.voice-track{display:grid;gap:4px;font-size:11px}.voice-track progress{width:100%;height:5px;accent-color:#1a7187}.voice-bubble audio{display:none}.voice-bubble small{grid-column:1 / -1;color:#a42f2d}