.ztb{--ztb-accent:#1f6f5c;--ztb-bot:#eef3f1;--ztb-user:#1f6f5c;--ztb-line:#d5dcd9;max-width:560px;margin:1.5em auto;font:inherit;color:inherit}
.ztb *{box-sizing:border-box}
.ztb-log{max-height:420px;overflow-y:auto;padding:12px;border:1px solid var(--ztb-line);border-radius:10px;display:flex;flex-direction:column;gap:10px;background:#fff}
.ztb-msg{max-width:88%;padding:10px 14px;border-radius:12px;line-height:1.45}
.ztb-msg p{margin:0 0 .5em}.ztb-msg p:last-child{margin-bottom:0}
.ztb-msg ul{margin:.4em 0 0 1.1em;padding:0}
.ztb-bot{background:var(--ztb-bot);align-self:flex-start;color:#1c2321}
.ztb-user{background:var(--ztb-user);color:#fff;align-self:flex-end}
.ztb-note{font-size:.85em;opacity:.8}
.ztb-panel{margin-top:10px}
.ztb-form{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end}
.ztb-field{display:flex;flex-direction:column;gap:4px;flex:1 1 150px;font-size:.9em}
.ztb-field input{padding:10px 12px;border:1px solid #9aa7a2;border-radius:8px;font:inherit;width:100%}
.ztb-field input:focus-visible,.ztb-btn:focus-visible,.ztb-chip:focus-visible{outline:3px solid #f2b705;outline-offset:2px}
.ztb-btn{display:inline-block;padding:10px 16px;border:2px solid var(--ztb-accent);background:var(--ztb-accent);color:#fff;border-radius:8px;font:inherit;font-weight:600;cursor:pointer;text-decoration:none}
.ztb-btn:hover{filter:brightness(1.08)}
.ztb-ghost{background:transparent;color:var(--ztb-accent)}
.ztb-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.ztb-chip{padding:6px 12px;border:1px solid var(--ztb-accent);background:#fff;color:var(--ztb-accent);border-radius:999px;font:inherit;cursor:pointer}
@media (prefers-reduced-motion:reduce){.ztb *{transition:none!important;animation:none!important}}