:root{--zia-ink:#1f2a24;--zia-red:#b23a2e;--zia-bg:#f6f3ec;--zia-card:#fff;--zia-line:#ddd5c4}
*{box-sizing:border-box}
body{margin:0;background:var(--zia-bg);color:var(--zia-ink);font:16px/1.5 "Work Sans",system-ui,sans-serif}
.zia-wrap{max-width:780px;margin:0 auto;padding:16px}
.zia-home{color:var(--zia-red);text-decoration:none;font-weight:600}
.zia-head h1{font:700 1.8rem/1.2 Fraunces,Georgia,serif;margin:.4em 0 .2em}
.zia-sub{margin:0 0 12px;color:#5b5446}
.zia-log{display:flex;flex-direction:column;gap:10px;min-height:120px}
.zia-msg{padding:12px 14px;border-radius:14px;max-width:92%;white-space:normal;overflow-wrap:anywhere}
.zia-msg p{margin:0;white-space:pre-line}
.zia-user{align-self:flex-end;background:#e6dcc8}
.zia-bot{align-self:flex-start;background:var(--zia-card);border:1px solid var(--zia-line)}
.zia-bot a{color:var(--zia-red)}
.zia-wait{color:#7b725f;font-style:italic}
.zia-cards{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.zia-card{display:flex;flex-direction:column;padding:6px 10px;border:1px solid var(--zia-line);border-radius:10px;text-decoration:none;color:var(--zia-ink);background:#fbfaf6;font-size:.88rem;max-width:100%}
.zia-card span{color:#6b6352;font-size:.8rem}
.zia-form{position:sticky;bottom:0;background:var(--zia-bg);padding:10px 0}
.zia-form textarea{width:100%;border:1px solid var(--zia-line);border-radius:12px;padding:10px;font:inherit;resize:vertical}
.zia-actions{display:flex;gap:8px;align-items:center;margin-top:6px}
.zia-send{margin-left:auto;background:var(--zia-red);color:#fff;border:0;border-radius:10px;padding:9px 18px;font-weight:600;cursor:pointer}
.zia-send:disabled{opacity:.55;cursor:wait}
.zia-mic{border:1px solid var(--zia-line);background:#fff;border-radius:10px;padding:8px 10px;cursor:pointer}
.zia-new{color:#6b6352;font-size:.9rem}
.zia-ex{border:0;background:none;color:var(--zia-red);text-decoration:underline;padding:0;font:inherit;cursor:pointer}
.zia-note{font-size:.82rem;color:#7b725f}
.zia-sr{position:absolute;left:-9999px}
.zia-details{margin-top:8px;font-size:.9rem;color:#4a4436}
.zia-details summary{cursor:pointer;color:#6b6352}
.zia-details p{margin:.4em 0 0}