:root{font:16px/1.6 system-ui,sans-serif;color:#183d32;background:#f4f4eb;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{max-width:940px;margin:auto;padding:28px 32px}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ccd7c5;padding-bottom:24px}.brand{text-decoration:none;color:inherit;display:flex;gap:13px;align-items:center;font-size:28px;font-weight:800}.brand>span{font-size:13px;letter-spacing:2px;line-height:1.5}.brand small{display:block;font-size:10px;font-weight:400;letter-spacing:1px}.tag{font-size:12px;background:#e1e8d7;border-radius:30px;padding:6px 13px}.intro{padding:38px 0 24px}.eyebrow{font-size:10px;letter-spacing:2px;color:#62745d}h1{font-size:clamp(34px,5vw,48px);line-height:1.13;font-weight:600;letter-spacing:-1.8px;margin:12px 0 18px}.intro p{font-size:14px;color:#586759;margin:0}.chat{background:#fffef8;border:1px solid #d8decd;border-radius:18px;overflow:hidden;box-shadow:0 12px 40px #123c3010}#messages{height:340px;overflow:auto;padding:24px;scroll-behavior:smooth}.welcome{color:#516450;font-size:14px;max-width:420px}article{max-width:87%;margin-bottom:18px;padding:12px 16px;border-radius:14px;background:#f0f2e7}article.user{margin-left:auto;background:#e0ebd7}article small{font-size:10px;letter-spacing:.5px;color:#526d50}article p{white-space:pre-wrap;overflow-wrap:anywhere;margin:6px 0 0;font-size:14px}#status{font-size:12px;color:#6a765f;margin:0;padding:0 20px;min-height:25px}form{border-top:1px solid #e1e5d7;padding:14px 18px}textarea{display:block;width:100%;border:0;resize:vertical;min-height:56px;max-height:180px;font:inherit;font-size:14px;background:transparent;color:#183d32;padding:6px}textarea:focus{outline:2px solid #94ad85;border-radius:7px}.actions{display:flex;gap:12px;align-items:center;margin-top:7px}.attach{font-size:12px;cursor:pointer;padding:8px;border:1px solid #d8decd;border-radius:7px}#photo{width:1px;height:1px;opacity:0;position:absolute}.attach:has(+input:focus-visible){outline:2px solid #315c3f}#filename{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}button{border:0;border-radius:8px;background:#224c39;color:white;padding:10px 21px;cursor:pointer;font:inherit;font-size:13px}button:disabled{opacity:.5;cursor:wait}button:focus-visible{outline:3px solid #b29f22;outline-offset:3px}footer{text-align:center;font-size:10px;color:#758070;margin:18px 0 0}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}@media(max-width:600px){main{padding:18px 16px}.tag{display:none}.intro{padding:25px 0 22px}#messages{height:40vh;padding:16px}article{max-width:94%}footer{font-size:9px}}