:root{--primary: #128c7e;--bg: #e5ddd5;--bubble-in: #ffffff;--bubble-out: #d9fdd3;--text: #111b21;--muted: #667781}*{box-sizing:border-box}html,body,#app{height:100%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--text)}.chat{display:flex;flex-direction:column;height:100dvh;background:var(--bg)}.chat__header{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--primary);color:#fff;flex-shrink:0}.chat__avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;background:#ffffff40}.chat__title{font-size:15px;font-weight:600;line-height:1.2}.chat__subtitle{font-size:12px;opacity:.85}.chat__messages{flex:1;overflow-y:auto;padding:12px 10px;display:flex;flex-direction:column;gap:6px}.bubble{max-width:78%;padding:7px 9px;border-radius:8px;font-size:14.5px;line-height:1.35;white-space:pre-wrap;word-break:break-word;box-shadow:0 1px .5px #00000021}.bubble--in{align-self:flex-start;background:var(--bubble-in);border-top-left-radius:0}.bubble--out{align-self:flex-end;background:var(--bubble-out);border-top-right-radius:0}.bubble__author{font-size:12px;font-weight:600;color:var(--primary);margin-bottom:2px}.bubble__time{display:block;text-align:right;font-size:11px;color:var(--muted);margin-top:2px}.chat__composer{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#f0f0f0;flex-shrink:0}.chat__input{flex:1;border:none;border-radius:20px;padding:10px 14px;font-size:14.5px;outline:none}.chat__send{border:none;background:var(--primary);color:#fff;width:38px;height:38px;border-radius:50%;font-size:16px;cursor:pointer;flex-shrink:0}.chat__send:disabled{opacity:.5;cursor:not-allowed}.chat__notice{text-align:center;font-size:12px;color:var(--muted);padding:8px}.state-screen{height:100dvh;display:flex;align-items:center;justify-content:center;text-align:center;padding:24px;background:var(--bg)}.state-screen__box{background:#fff;border-radius:12px;padding:24px;max-width:320px;box-shadow:0 1px 4px #00000026}