:root{--navy:#0b2545;--blue:#13315c;--accent:#1f7ae0;--bg:#f4f6fa;--me:#1f7ae0;--iris:#ffffff;--text:#16202e;--muted:#5b6b80}
*{box-sizing:border-box}
html,body{height:100%;margin:0}
body{font:16px/1.45 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;background:var(--bg);color:var(--text);display:flex;justify-content:center}
.chat{display:flex;flex-direction:column;width:100%;max-width:640px;height:100dvh;background:#fff;box-shadow:0 0 24px rgba(0,0,0,.06)}
.chat__head{display:flex;gap:12px;align-items:center;padding:14px 16px;background:var(--navy);color:#fff}
.chat__head h1{font-size:1.05rem;margin:0}
.sub{margin:0;font-size:.8rem;opacity:.8}
.avatar{width:40px;height:40px;border-radius:50%;background:var(--accent);display:grid;place-items:center;font-weight:700}
.notice{margin:0;padding:10px 16px;font-size:.78rem;color:var(--muted);background:#eef3fb;border-bottom:1px solid #dde5f0}
.notice a{color:var(--blue)}
.log{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:8px;background:var(--bg)}
.msg{max-width:82%;padding:9px 13px;border-radius:16px;white-space:pre-wrap;word-wrap:break-word}
.msg--iris{align-self:flex-start;background:var(--iris);border:1px solid #e1e6ee;border-bottom-left-radius:4px}
.msg--me{align-self:flex-end;background:var(--me);color:#fff;border-bottom-right-radius:4px}
.msg--err{align-self:center;background:#fff3f3;color:#9b1c1c;font-size:.85rem}
.status{min-height:1.2em;margin:0;padding:2px 16px;font-size:.8rem;color:var(--muted)}
.composer{display:flex;gap:8px;padding:10px 12px;border-top:1px solid #e5e9f0;background:#fff}
.composer textarea{flex:1;resize:none;max-height:120px;padding:10px 12px;border:1px solid #cfd8e3;border-radius:20px;font:inherit}
.composer textarea:focus{outline:2px solid var(--accent);outline-offset:1px}
.composer button{padding:0 18px;border:0;border-radius:20px;background:var(--accent);color:#fff;font-weight:600;cursor:pointer}
.composer button:disabled{opacity:.5;cursor:not-allowed}
.foot{padding:6px 16px 12px;font-size:.75rem;color:var(--muted);text-align:center;background:#fff}
.foot a,.link{color:var(--muted)}
.link{background:none;border:0;padding:0;font:inherit;text-decoration:underline;cursor:pointer}
.hp{position:absolute;left:-10000px;width:1px;height:1px;opacity:0}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
@media (prefers-color-scheme:dark){:root{--bg:#0f1622;--iris:#1a2433;--text:#e6ebf2;--muted:#9fb0c6}.chat,.composer,.foot{background:#121a27}.notice{background:#16233a;border-color:#22324d}.msg--iris{border-color:#26344a}.composer textarea{background:#0f1622;color:var(--text);border-color:#2a3a52}}