:root{--green:#153e35;--lime:#d4ee8c;--bg:#f6f7f2;--line:#e1e7dc;--muted:#718078}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--green);font:15px/1.6 system-ui,-apple-system,'Segoe UI',sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit}header{padding:23px 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#fff}header a{text-decoration:none}header a:first-child{font-size:24px;letter-spacing:-1px}header span{font-size:10px;letter-spacing:1.8px;color:var(--muted)}header a:last-child{font-size:12px}main{max-width:1400px;margin:auto;padding:38px 5vw}.intro{display:flex;align-items:center;justify-content:space-between;margin-bottom:35px}.eyebrow,.label{font-size:10px;letter-spacing:1.7px;color:#7e9267;font-weight:700}h1{font-size:46px;line-height:1.2;letter-spacing:-1.5px;font-weight:550;margin:12px 0}h1 em{font-family:Georgia,serif;font-weight:400}.intro p:not(.eyebrow){color:var(--muted);font-size:13px;margin:9px 0}.portrait{text-align:center;margin-right:40px}.orb{width:145px;height:145px;border-radius:50%;background:var(--green);color:var(--lime);font:110px/145px Georgia,serif;position:relative;box-shadow:0 0 0 12px #e9efdf}.orb span{position:absolute;font:30px system-ui;top:9px;right:12px}.portrait small{display:block;font-size:9px;letter-spacing:1.2px;margin-top:27px;color:var(--muted)}.layout{display:grid;grid-template-columns:285px 1fr;gap:24px}aside,.chat{border:1px solid var(--line);border-radius:15px;background:white}aside{padding:25px;height:fit-content}label{display:block;font-size:12px;font-weight:600;margin:18px 0 7px}input:not([type=checkbox]),select,textarea{width:100%;border:1px solid #d8e1d2;border-radius:8px;padding:10px;background:#fafbf7;color:var(--green);max-width:100%}aside small{display:block;font-size:10px;color:var(--muted);margin-top:8px}.check{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:400}button{border:0;border-radius:8px;font-size:12px;font-weight:650;padding:11px 16px}.primary{background:var(--green);color:var(--lime)}.secondary{background:#f3f6ed;color:var(--green);border:1px solid var(--line)}aside button{display:block;width:100%;margin-top:11px}.note{margin-top:22px;background:#f1f5e8;padding:14px;border-radius:9px;font-size:11px;color:#667b5b}details{font-size:11px;margin-top:18px;color:var(--muted)}summary{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}.chat{overflow:hidden;display:flex;flex-direction:column;min-height:680px}.chat-head{padding:20px 25px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.chat-head b{font-size:14px}.chat-head small{display:block;font-size:10px;color:var(--muted);margin-left:18px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#84a561;margin-right:10px}#messages{padding:25px;min-height:320px;max-height:580px;overflow:auto;flex:1;scroll-behavior:smooth}.welcome{text-align:center;padding:30px 10px}.welcome>span{font-size:40px;color:#a1bd6d}.welcome h2{font:28px/1.4 Georgia,serif;font-weight:400}.welcome p{font-size:12px;color:var(--muted)}.prompts{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:24px}.prompts button{background:#f1f5e8;color:var(--green);font-size:10px}.bubble{padding:16px 19px;border-radius:12px;margin:0 0 20px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.9;max-width:95%}.bubble.user{background:#eaf1df;margin-left:35px}.bubble.assistant{background:#f5f7f1;margin-right:35px}.bubble .who{display:block;font-size:9px;letter-spacing:1.5px;text-transform:uppercase;color:#7b8c70;font-weight:650;margin-bottom:8px}.bubble button{display:block;margin-top:12px;padding:5px 11px;background:white;color:#6c805d;border:1px solid var(--line);font-size:10px}.error{padding:12px;color:#8c4337;background:#fff1e9;border-radius:8px;margin-bottom:15px;font-size:12px}form{padding:18px 25px 15px;border-top:1px solid var(--line)}form label{margin:0 0 9px}textarea{resize:vertical;min-height:75px}.compose-actions{display:flex;align-items:center;gap:10px;margin-top:10px}#status{font-size:10px;color:var(--muted);flex:1}.disclosure{text-align:center;font-size:9px;color:#8b9784;padding:0 15px 15px}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #b5cc84;outline-offset:3px}.recording{background:#a44b42;color:white}.loading{font-size:12px;color:var(--muted);padding:12px}@media(max-width:850px){.layout{grid-template-columns:1fr}aside{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}aside>.label,aside>.note,aside>details{grid-column:1/-1}.portrait{margin-right:15px}.orb{width:110px;height:110px;font-size:85px;line-height:110px}.chat{min-height:600px}h1{font-size:37px}}@media(max-width:520px){header{padding:18px 20px}header span{display:none}main{padding:27px 18px}.portrait{display:none}h1{font-size:36px}.layout{gap:17px}aside{display:block;padding:20px}#messages{padding:17px}.bubble{max-width:100%;font-size:13px}.bubble.user{margin-left:15px}.bubble.assistant{margin-right:15px}form{padding:17px}.compose-actions{flex-wrap:wrap}#status{order:3;flex-basis:100%}#send{margin-left:auto}}
