:root{font-family:system-ui,sans-serif;color:#172c40;background:#f3f6fa;line-height:1.6}
*{box-sizing:border-box}body{margin:0}main{max-width:850px;margin:3rem auto;padding:0 1.5rem}
header{margin-bottom:2rem}.eyebrow{color:#296580;font-weight:700;letter-spacing:.12em}
h1{font-size:2.3rem;line-height:1.2;margin:.5rem 0}h2{font-size:1.25rem}
nav{display:flex;justify-content:space-between;gap:1rem;margin-bottom:1rem}
button,.button{display:inline-block;border:1px solid #12648b;border-radius:6px;padding:.65rem 1.1rem;
background:#12648b;color:white;font:inherit;font-weight:600;text-decoration:none;cursor:pointer}
button:disabled{opacity:.55;cursor:wait}.secondary{background:white;color:#12648b}
button:focus-visible,a:focus-visible,textarea:focus-visible{outline:3px solid #d59c18;outline-offset:3px}
.welcome,.message{background:white;padding:1.4rem;border:1px solid #dce4ec;border-radius:10px;margin:1rem 0}
.message.user{background:#eaf3fa}.message h2{font-size:.9rem;margin:0 0 .4rem;color:#36566e}
.message p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}
label{display:block;font-weight:650}textarea{width:100%;font:inherit;border:1px solid #90a5b6;border-radius:6px;
padding:.8rem;resize:vertical;margin:.5rem 0}#status{min-height:1.6em;color:#36566e}.note{font-size:.85rem;color:#52687a}
@media(max-width:540px){main{margin:1.5rem auto;padding:0 1rem}h1{font-size:1.8rem}nav{flex-wrap:wrap}}