*{box-sizing:border-box}body{margin:0;background:#f5f3ee;color:#203039;font-family:'Segoe UI','Malgun Gothic',sans-serif}.shell{max-width:1440px;margin:auto;min-height:100vh;display:grid;grid-template-columns:340px 1fr}aside{padding:45px 35px;background:#143e3a;color:#e7efeb}.brand{font-size:14px;letter-spacing:2px;font-weight:800}.brand span{display:inline-block;margin-left:14px;font-size:10px;border:1px solid #71938c;padding:5px;letter-spacing:0}h1{font-size:36px;line-height:1.5;margin:65px 0 20px;letter-spacing:-1.6px}em{color:#f4b374;font-style:normal}aside>p{font-size:14px;line-height:1.9;color:#bacdc6}.document{margin-top:40px;padding:23px;background:#ffffff0c;border:1px solid #ffffff26;border-radius:16px}.tag{font-size:11px;color:#f4b374}.document h3{font-size:17px;margin:15px 0}.document p,.note{font-size:12px;line-height:1.9;color:#bacdc6}.document a{font-size:13px;color:#fff}.note{margin-top:36px}main{padding:38px 45px 20px;display:flex;flex-direction:column;height:100vh}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dddcd5;padding-bottom:25px}.eyebrow{font-size:10px;letter-spacing:1.8px;color:#788780}h2{font-size:23px;margin:9px 0 0;letter-spacing:-.8px}.status{font-size:11px;padding:8px 12px;border-radius:30px;background:#e5ebe5;color:#385d50}#messages{flex:1;overflow:auto;padding:30px 0;scroll-behavior:smooth}article{display:flex;gap:13px;margin-bottom:24px}.avatar{flex-shrink:0;border-radius:11px;background:#18483f;color:white;width:33px;height:33px;text-align:center;padding-top:7px;font-weight:bold}.bubble{background:#fff;border:1px solid #e3e4dc;border-radius:0 16px 16px;padding:22px;line-height:1.85;max-width:100%;font-size:14px;white-space:pre-wrap}.bubble p{color:#687870;font-size:13px;margin:10px 0}.user{justify-content:flex-end}.user .bubble{background:#e1ebe4;border:0;border-radius:16px 0 16px 16px}.suggestions{display:grid;gap:8px;grid-template-columns:1fr 1fr;margin-top:22px}.suggestions button{background:#f7f8f3;border:1px solid #e1e5da;color:#3a5549;padding:12px;cursor:pointer;border-radius:9px;text-align:left;font:inherit;font-size:12px}.citations{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.citations a{font-size:11px;color:#9a531f;background:#fff0de;padding:6px 10px;border-radius:7px;text-decoration:none}.composer{display:flex;gap:10px;background:white;border:1px solid #c7d0c4;border-radius:14px;padding:12px}.composer:focus-within{outline:2px solid #7b9b86}textarea{resize:vertical;min-height:50px;max-height:150px;flex:1;border:0;outline:0;font:inherit;font-size:14px;padding:8px;background:transparent}#send{background:#d97c35;color:#fff;border:0;border-radius:10px;padding:12px 18px;font-weight:700;cursor:pointer}button:disabled{opacity:.5;cursor:wait}form>p{font-size:10px;color:#7e887d;text-align:center}.error .bubble{border-color:#e3a889;color:#9d432b}.sr{position:absolute;left:-10000px}button:focus-visible,a:focus-visible{outline:3px solid #eaa967;outline-offset:3px}@media(max-width:850px){.shell{grid-template-columns:1fr}aside{padding:24px}h1,aside>p,.document,.note{display:none}main{padding:24px 18px;height:calc(100dvh - 77px)}h2{font-size:19px}.status{max-width:130px}.suggestions{grid-template-columns:1fr}.bubble{padding:16px}}
