:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#222a28;background:#f8f9f6;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{margin:0}main{flex-direction:column;width:min(100% - 40px,760px);min-height:100dvh;margin:auto;display:flex}header{border-bottom:1px solid #e2e6df;justify-content:space-between;align-items:center;padding:30px 0;display:flex}.brand{letter-spacing:-1px;color:inherit;font-size:23px;font-weight:750;text-decoration:none}.brand span{color:#55794c;margin-left:5px}.badge{color:#677260;border:1px solid #dce1d7;border-radius:5px;padding:4px 7px;font-size:11px}.conversation{flex:1;padding:28px 0}.welcome{padding:clamp(50px,13vh,140px) 0 70px}.eyebrow{color:#59724e;letter-spacing:1.6px;font-size:11px;font-weight:700}h1{letter-spacing:-1.8px;margin:20px 0 14px;font-size:clamp(32px,6vw,46px);font-weight:500;line-height:1.12}.welcome p{color:#737970;font-size:16px}.message{border-radius:12px;margin:0 0 24px;padding:18px 20px}.user{background:#edf0e8;margin-left:32px}.assistant{padding-left:0}.speaker{letter-spacing:1px;color:#59724e;font-size:11px;font-weight:700}.message p{white-space:pre-wrap;overflow-wrap:anywhere;margin:9px 0 0;font-size:16px;line-height:1.65}.thinking{color:#737970;font-size:14px}footer{padding:12px 0 24px}form{background:#fff;border:1px solid #d7ddd2;border-radius:14px;padding:16px;box-shadow:0 4px 20px #22332205}form:focus-within{border-color:#6b805f}textarea{resize:vertical;width:100%;min-height:76px;max-height:260px;font:inherit;color:inherit;background:0 0;border:0;line-height:1.5;display:block}textarea:focus{outline:none}textarea::placeholder{color:#858c82}.form-bottom{justify-content:space-between;align-items:center;gap:12px;margin-top:12px;display:flex}.form-bottom>span{color:#737970;font-size:12px}button{color:#fff;font:inherit;cursor:pointer;background:#304e32;border:0;border-radius:8px;padding:12px 18px;font-size:14px}button span{margin-left:16px}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,a:focus-visible{outline-offset:4px;outline:2px solid #59724e}.note{text-align:center;color:#737970;margin:14px 0 0;font-size:12px;line-height:1.5}.error{color:#a12e23;font-size:14px;line-height:1.5}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:480px){main{width:calc(100% - 28px)}header{padding:22px 0}.user{margin-left:16px}}