: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 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;justify-content:space-between;align-items:center;min-height:72px;padding:12px 16px;display:flex;position:sticky;top:0}.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{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;white-space:pre-wrap;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 small{color:#7b8582;margin-top:8px;font-size:11px;display:block}.typing{color:#65716f;align-items:center;gap:7px;display:inline-flex}.composer{background:#fffdfa;border-top:1px solid #e8e0d4;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;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}}