:root{color:#182a31;font-synthesis:none;background:#f5f7f7;font-family:system-ui,sans-serif;line-height:1.6}*{box-sizing:border-box}body{margin:0}main{max-width:58rem;margin:0 auto;padding:1.5rem}h1{margin:0 0 1rem;font-size:clamp(2rem,6vw,3rem)}.eyebrow{color:#426a64;margin-bottom:.25rem}.chat{background:#fff;border:1px solid #b8c9c5;border-radius:1rem;min-width:0}.chat-viewport{height:52vh;min-height:12rem;padding:1rem;overflow-y:auto}.chat-viewport:focus-visible{outline-offset:2px;outline:3px solid #287a6c}.message{overflow-wrap:anywhere;border-radius:1rem;width:fit-content;max-width:88%;margin-bottom:1rem;padding:.8rem 1rem}.message p{margin:.25rem 0}.message-author{font-size:.875rem;font-weight:700}.message-user{background:#e1efeb;margin-left:auto}.message-assistant{background:#f0f3f4}.composer-preview{border-top:1px solid #b8c9c5;grid-template-columns:minmax(0,1fr) auto;gap:.5rem;padding:1rem;display:grid}.composer-preview label,.composer-preview p{grid-column:1/-1;margin:0}.composer-preview textarea{resize:none;min-width:0;font:inherit;padding:.5rem}.composer-preview button{font:inherit;padding:.5rem 1rem}.composer-preview :disabled{color:#52605d;opacity:1;background:#edf1ef}@media (width<=36rem){main{padding:.75rem}.message{max-width:96%}.chat-viewport{padding:.75rem}.composer-preview{grid-template-columns:minmax(0,1fr)}}.conversation-layout{grid-template-columns:minmax(10rem,15rem) minmax(0,1fr);gap:1rem;display:grid}.conversation-detail{min-width:0}.conversation-detail h2,.conversation-list h2{margin-top:0;font-size:1.1rem}.conversation-list ul{margin:1rem 0;padding:0;list-style:none}.conversation-list li{margin:.5rem 0}.conversation-list button{text-align:left;overflow-wrap:anywhere;width:100%}button{cursor:pointer;font:inherit;color:#182a31;background:#fff;border:1px solid #98afa9;border-radius:.4rem;padding:.5rem}button:disabled{cursor:default;color:#52605d}button[aria-current=true]{background:#d3e9e1;border-color:#287a6c;font-weight:600}button:focus-visible{outline-offset:2px;outline:3px solid #287a6c}[role=alert]{color:#8b2020}@media (width<=42rem){.conversation-layout{grid-template-columns:minmax(0,1fr)}}.login-form{background:#fff;border:1px solid #b8c9c5;border-radius:1rem;gap:.6rem;max-width:28rem;margin:2rem auto;padding:1.25rem;display:grid}.login-form h2,.login-form p{margin:0}.login-form input{font:inherit;border:1px solid #98afa9;border-radius:.3rem;width:100%;min-width:0;padding:.65rem}.login-form input:focus-visible{outline-offset:2px;outline:3px solid #287a6c}.login-form input:disabled{background:#edf1ef}