main{max-width:850px}header label{display:flex;align-items:center;gap:8px}h1{margin-bottom:12px}#messages{max-height:50vh;overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:14px}.message{max-width:92%;padding:12px 16px;border-radius:14px;background:#eef2ed;overflow-wrap:anywhere;white-space:pre-wrap}.message.user{align-self:flex-end;background:#195c60;color:white}.message strong{display:block;font-size:12px;margin-bottom:6px}.message p{color:inherit;margin:0;line-height:1.5}#form{margin-top:22px}textarea{width:100%;box-sizing:border-box;resize:vertical}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px}button:disabled{opacity:.55}#status{min-height:28px}@media(max-width:400px){main{padding:20px 12px}.card{padding:16px}.message{max-width:100%}header{padding:16px;flex-wrap:wrap}}
.cache-metrics{margin-top:24px;border-top:1px solid #ccd6ce;padding-top:16px}.cache-metrics summary{cursor:pointer;font-weight:600}.cache-metrics section{margin-top:20px}.cache-metrics dl{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 16px;font-size:14px}.cache-metrics dt{overflow-wrap:anywhere}.cache-metrics dd{margin:0;text-align:right}@media(max-width:400px){.cache-metrics dl{grid-template-columns:minmax(0,1fr)}.cache-metrics dd{text-align:left;margin-bottom:8px}}
