:root{color:#1c2526;background:#f7f4ef;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(#ffffffe0,#f7f4eff0),#f7f4ef;min-width:320px;min-height:100vh;margin:0}button,textarea{font:inherit}.app-shell{background:#fffdfa;border-inline:1px solid #e5ded3;grid-template-rows:auto auto minmax(0,1fr) auto auto;width:min(100vw,760px);min-height:100dvh;margin:0 auto;display:grid}.topbar{z-index:2;background:#fffdfaf5;border-bottom:1px solid #e8e0d4;grid-row:1;justify-content:space-between;align-items:center;min-height:72px;padding:12px 16px;display:flex;position:sticky;top:0}.channel-strip{color:#50605b;background:#eef6f3;border-bottom:1px solid #d7e5df;flex-wrap:wrap;grid-row:2;gap:8px;padding:8px 14px;font-size:12px;display:flex}.channel-strip span{background:#fff;border:1px solid #d6e2dc;border-radius:8px;padding:4px 7px}.channel-strip .channel-error{color:#9b2f24;background:#fff3f0;border-color:#f0c2b9}.brand{align-items:center;gap:11px;display:flex}.brand-mark{color:#fffdfa;background:#2f7f72;border-radius:8px;place-items:center;width:40px;height:40px;display:grid}h1{letter-spacing:0;margin:0;font-size:20px;font-weight:760;line-height:1.1}.status{color:#63706d;align-items:center;gap:6px;margin-top:5px;font-size:12px;display:inline-flex}.status:before{content:"";background:#c68a2f;border-radius:50%;width:7px;height:7px}.status.online:before{background:#2f7f72}.status.offline:before{background:#c85245}.actions{gap:8px;display:flex}.icon-button{color:#324242;cursor:pointer;background:#f4efe7;border:1px solid #dfd6c8;border-radius:8px;place-items:center;width:38px;height:38px;display:grid}.icon-button:hover{background:#ede5da}.message-list{grid-row:3;padding:18px 14px 24px;overflow-y:auto}.message{grid-template-columns:32px minmax(0,1fr);gap:9px;margin:0 0 15px;display:grid}.message.user{grid-template-columns:minmax(0,1fr) 32px}.message.user .avatar{color:#fffdfa;background:#c85245;grid-area:1/2}.message.user .bubble{background:#f9ebe6;border-color:#efc9bd;grid-column:1;justify-self:end}.avatar{color:#fffdfa;background:#2f7f72;border-radius:8px;place-items:center;width:32px;height:32px;display:grid}.bubble{color:#243030;overflow-wrap:anywhere;background:#f5f7f3;border:1px solid #dde6de;border-radius:8px;width:fit-content;max-width:100%;padding:11px 12px;font-size:15px;line-height:1.62}.bubble p{margin:.5em 0}.bubble p:first-child{margin-top:0}.bubble p:last-child{margin-bottom:0}.bubble strong,.bubble b{color:#1a2828;font-weight:650}.bubble ul,.bubble ol{margin:.4em 0;padding-left:1.4em}.bubble li{margin:.2em 0}.bubble code{background:#0000000f;border-radius:4px;padding:1px 5px;font-family:ui-monospace,SF Mono,Cascadia Code,Consolas,monospace;font-size:.9em}.bubble pre{background:#0000000f;border-radius:6px;margin:.5em 0;padding:10px 12px;font-size:.88em;line-height:1.5;overflow-x:auto}.bubble pre code{background:0 0;padding:0}.bubble blockquote{color:#4a6560;background:#2f7f720d;border-left:3px solid #2f7f72;border-radius:0 4px 4px 0;margin:.5em 0;padding:4px 12px}.bubble a{color:#2f7f72;text-decoration:underline}.bubble table{border-collapse:collapse;width:100%;margin:.5em 0;font-size:.9em}.bubble th,.bubble td{text-align:left;border:1px solid #dde6de;padding:6px 10px}.bubble th{background:#2f7f7214;font-weight:600}.bubble small{color:#7b8582;margin-top:8px;font-size:11px;display:block}.risk-note{color:#6f362d;background:#fff3f0;border:1px solid #efc2b8;border-radius:8px;gap:3px;margin-top:10px;padding:8px 10px;font-size:12px;line-height:1.45;display:grid}.risk-note.emergency{color:#762820;background:#fff0ee;border-color:#df988f}.typing{color:#65716f;align-items:center;gap:7px;display:inline-flex}.composer{background:#fffdfa;border-top:1px solid #e8e0d4;grid-row:4;grid-template-columns:1fr 46px;gap:10px;padding:12px;display:grid}.composer textarea{resize:vertical;color:#1c2526;background:#fbf8f2;border:1px solid #ddd4c5;border-radius:8px;outline:none;width:100%;min-height:48px;max-height:120px;padding:11px 12px;line-height:1.45}.composer textarea:focus{border-color:#2f7f72;box-shadow:0 0 0 3px #2f7f7221}.composer button{color:#fffdfa;cursor:pointer;background:#2f7f72;border:0;border-radius:8px;place-items:center;width:46px;height:48px;display:grid}.composer button:disabled{cursor:not-allowed;opacity:.45}.safety-note{color:#6f6154;background:#fffdfa;grid-row:5;padding:0 13px 12px;font-size:12px;line-height:1.45}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width>=760px){.app-shell{border:1px solid #e5ded3;border-radius:8px;min-height:calc(100dvh - 28px);margin-top:14px;margin-bottom:14px;overflow:hidden}}