.ai-page{display:grid;gap:1rem;min-width:0}
.ai-related-nav{display:flex;gap:.45rem;overflow-x:auto;padding:.1rem 0 .35rem}
.ai-related-nav button{min-height:44px;white-space:nowrap;border:1px solid var(--border);background:var(--card);color:var(--ink);border-radius:999px;padding:.65rem .9rem}
.ai-privacy,.ai-controls,.ai-conversation,.ai-history{background:var(--card);border:1px solid var(--border);border-radius:1.25rem;padding:1rem}
.ai-privacy h2{margin:.2rem 0 .5rem}.ai-privacy p:last-child{color:var(--muted);font-size:.9rem}
.ai-controls{display:grid;gap:.75rem}.ai-controls label{display:grid;gap:.35rem}
.ai-retain{grid-template-columns:auto 1fr!important;align-items:center;min-height:44px}.ai-retain input{width:24px;height:24px}
.ai-conversation{display:grid;gap:.75rem;padding:.75rem;min-height:24rem}
.ai-messages{display:grid;align-content:start;gap:.75rem;max-height:52vh;overflow-y:auto;padding:.25rem}
.ai-message{max-width:92%;padding:.85rem 1rem;border-radius:1rem;background:var(--soft);overflow-wrap:anywhere}.ai-message p{margin:.2rem 0}.ai-message ul{padding-left:1.15rem}
.ai-user{justify-self:end;background:var(--accent);color:var(--accent-ink)}.ai-assistant{justify-self:start;border:1px solid var(--border)}
.ai-message details{margin-top:.6rem;border-top:1px solid currentColor;padding-top:.45rem}.ai-next{margin-top:.65rem}
.ai-empty{text-align:center;padding:1rem .25rem}.ai-suggestions{display:grid;gap:.55rem;margin-top:1rem}
.ai-suggestions button{min-height:44px;text-align:left;border:1px solid var(--border);background:var(--soft);color:var(--ink);border-radius:.8rem;padding:.75rem}
.ai-composer{position:sticky;bottom:calc(var(--nav-height,72px) + env(safe-area-inset-bottom));display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.5rem;background:var(--card);padding-top:.5rem}
.ai-composer textarea{min-width:0;resize:vertical;max-height:8rem}.ai-composer button{min-width:76px}
.ai-status{grid-column:1/-1;min-height:1.2rem;margin:0;color:var(--muted);font-size:.85rem}.ai-status.error{color:var(--danger,#9b382f)}
.ai-history summary{min-height:44px;display:flex;align-items:center;font-weight:700;cursor:pointer}
.ai-history button{width:100%;min-height:44px;display:flex;justify-content:space-between;gap:1rem;text-align:left;background:transparent;color:var(--ink);border:0;border-top:1px solid var(--border);padding:.7rem 0}.ai-history button span{color:var(--muted)}
@media(min-width:700px){.ai-controls{grid-template-columns:1fr 1fr auto auto;align-items:end}.ai-conversation{padding:1rem}.ai-message{max-width:78%}}