*{box-sizing:border-box}
html,body{margin:0;height:100%;font:16px system-ui,-apple-system,sans-serif;background:#141518;color:#eef0f3}
body{min-height:100dvh}
.chat{height:100dvh;max-width:780px;margin:auto;display:flex;flex-direction:column;padding:20px;gap:16px}
header{display:flex;align-items:baseline;gap:16px;border-bottom:1px solid #30343b;padding:8px 0 16px}
header strong{font-size:26px}
header span{color:#9da3ad;font-size:12px}
.notice{margin:0;color:#c7aeb3;font-size:12px;line-height:1.4}
.messages{min-height:0;flex:1;overflow:auto;display:flex;flex-direction:column;gap:12px}
.messages p{max-width:85%;padding:14px 16px;border-radius:16px;margin:0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.5}
.assistant{align-self:flex-start;background:#24262b}
.user{align-self:flex-end;background:#44232d}
form{display:flex;gap:10px;align-items:stretch}
textarea{flex:1;min-width:0;background:#24262b;border:1px solid #454950;color:white;padding:12px;border-radius:12px;resize:vertical;font:inherit}
button{background:#8e1f35;color:white;border:0;border-radius:12px;padding:0 16px;min-height:48px;font-weight:700}
button:disabled{opacity:.45}
#status{color:#9da3ad;font-size:12px;min-height:15px;margin:0}
@media(max-width:480px){.chat{padding: max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}header{gap:10px}header span{font-size:10px}form{gap:8px}button{padding:0 12px}}