:root{color-scheme:dark;font-family:Inter,system-ui,sans-serif;background:#07111f;color:#e8f0ff}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top,#17345e,#07111f 55%)}main{max-width:1280px;margin:auto;padding:32px}.card,header{background:#0d1b2fdd;border:1px solid #29476d;border-radius:18px;padding:22px;box-shadow:0 18px 50px #0005}.login{max-width:430px;margin:12vh auto}label{display:block;margin:16px 0}input,textarea{display:block;width:100%;margin-top:7px;padding:12px;border-radius:10px;border:1px solid #45658e;background:#07111f;color:inherit}button{border:0;border-radius:10px;padding:11px 16px;background:#2f7ef7;color:white;font-weight:700;cursor:pointer}.danger{background:#ba3348}header{display:flex;justify-content:space-between;gap:20px;align-items:center}.controls{display:flex;gap:10px;flex-wrap:wrap}.state{font-size:1.25rem;color:#7ee0a3}.grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;margin:16px 0}pre{white-space:pre-wrap}.chat{margin-top:16px}#messages{min-height:260px;max-height:52vh;overflow:auto}.msg{padding:12px;margin:10px 0;border-radius:12px;background:#142944}.msg.user{margin-left:12%;background:#1d4777}.msg.hermes{margin-right:12%}textarea{min-height:90px}.chat form{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end}.approval{border-color:#e9ad43}@media(max-width:850px){.grid{grid-template-columns:1fr}header{align-items:flex-start;flex-direction:column}.chat form{grid-template-columns:1fr}}