:root{font-family:system-ui,-apple-system,sans-serif;color:#253a35;background:#f4f3ec;font-size:16px}*{box-sizing:border-box}body{margin:0}main{max-width:880px;margin:auto;padding:28px 20px}header{display:flex;align-items:center;gap:16px;padding-bottom:25px;border-bottom:1px solid #d8dfd4}header h1{margin:0;font-size:32px;letter-spacing:-1px}header p{margin:4px 0;color:#61716a}.symbol{background:#c7d8bd;border-radius:22px;width:64px;height:64px;display:grid;place-items:center;font:italic 48px Georgia;color:#355248}header button{margin-left:auto}section{margin-top:28px}#login{max-width:480px;margin:60px auto;background:#fffdf6;border:1px solid #dbe1d5;padding:30px;border-radius:22px}h2{font-size:28px;font-weight:600;margin:0 0 16px}p{line-height:1.65}label{display:block;margin:20px 0 8px;font-weight:600}input,textarea{font:inherit;width:100%;padding:14px;border:1px solid #becdbf;border-radius:12px;background:#fff;outline-color:#537d65}button{font:inherit;border:0;border-radius:12px;background:#365c4a;color:white;padding:12px 18px;cursor:pointer}button:disabled{opacity:.5;cursor:wait}#login button{margin-top:12px;width:100%}.note,footer{font-size:13px;color:#6b786e}nav{display:flex;gap:8px;flex-wrap:wrap}nav button{background:#e0e8d9;color:#355248;font-size:14px;padding:8px 12px}#messages{min-height:35vh;max-height:60vh;overflow:auto;padding:24px 0;scroll-behavior:smooth}.bubble{white-space:pre-wrap;overflow-wrap:anywhere;max-width:85%;padding:15px 18px;border-radius:18px;line-height:1.65;margin:12px 0;background:#fffdf6;border:1px solid #dfe3d7}.bubble.user{margin-left:auto;background:#dce7d3;border-color:#dce7d3}.bubble a{display:inline-block;color:#365c4a}#chatForm{display:flex;gap:10px;align-items:stretch}textarea{resize:vertical}#status{font-size:14px;color:#6b786e;min-height:20px}#error{color:#9c3232}footer{padding-top:24px;line-height:1.6}.sr{position:absolute;left:-10000px}code{font-size:14px;background:#e5ebdd;padding:2px 5px;border-radius:4px}[hidden]{display:none!important}@media(max-width:600px){main{padding:16px 12px}#login{padding:22px;margin-top:28px}.bubble{max-width:95%}#messages{max-height:55vh}header p{font-size:14px}}