:root{color:#172026;font-synthesis:none;text-rendering:optimizelegibility;background:#f5f7f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}.page{place-items:center;min-height:100vh;padding:24px;display:grid}.panel{background:#fff;border:1px solid #d7e0e3;border-radius:8px;width:min(100%,720px);padding:28px;box-shadow:0 24px 70px #141f241a}.masthead{grid-template-columns:56px 1fr auto;align-items:center;gap:16px;display:grid}.logo{width:56px;height:56px}.eyebrow{color:#63727a;margin:0 0 6px;font-size:.9rem;font-weight:700}h1{color:#172026;letter-spacing:0;margin:0;font-size:clamp(2rem,5vw,3.25rem);line-height:1.05}.badge{color:#596970;text-transform:capitalize;border:1px solid #ccd6db;border-radius:999px;padding:8px 12px;font-size:.86rem;font-weight:800}.badge.online{color:#17633b;background:#edf9f1;border-color:#b7dec7}.summary{background:#f8fafb;border:1px solid #dbe3e6;border-radius:6px;gap:6px;margin:28px 0 18px;padding:14px;display:grid}.summary span,label{color:#4a5a63;font-size:.9rem;font-weight:750}.summary strong{overflow-wrap:anywhere;color:#172026;min-width:0;font-size:.98rem}.server-message{color:#34444c;margin:0 0 12px;line-height:1.6}.error{color:#9b2f24;border-left:4px solid #d84a3a;margin:0 0 18px;padding-left:10px}.composer{gap:10px;margin-top:20px;display:grid}.input-row{gap:10px;display:flex}input{border:1px solid #c6d1d6;border-radius:6px;flex:1;min-width:0;padding:12px 14px}input:focus{border-color:#26768a;outline:3px solid #26768a29}button{color:#fff;cursor:pointer;background:#1f6f8b;border:0;border-radius:6px;min-height:46px;padding:0 18px;font-weight:800}button:hover{background:#18566d}.secondary{color:#21333b;background:#fff;border:1px solid #c6d1d6;width:100%;margin-top:12px}.secondary:hover{background:#eef4f6}pre{color:#d5f3e5;background:#101820;border-radius:6px;min-height:150px;margin:22px 0 0;padding:16px;font-size:.92rem;line-height:1.5;overflow:auto}@media (width<=640px){.page{padding:14px}.panel{padding:20px}.masthead{grid-template-columns:48px 1fr}.logo{width:48px;height:48px}.badge{grid-column:1/-1;justify-self:start}.input-row{flex-direction:column}}