@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Nunito:wght@700;800;900&display=swap');
:root{--bg:#f2f6e9;--ink:#203c2b;--green:#2d7044;--bright:#68a65b;--muted:#71816e;--card:#fffefa;--line:#e7ebdf}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 5%,#fffef6 0,var(--bg) 58%);color:var(--ink);font-family:"DM Sans",system-ui,sans-serif;min-height:100vh}
.page{width:min(100% - 32px,760px);margin:0 auto;padding:22px 0 18px}.brand{font-weight:900;letter-spacing:.13em;font-size:12px;display:flex;align-items:center;gap:9px}.brand-dot{width:9px;height:9px;background:#6cb45d;border-radius:50%;box-shadow:0 0 0 4px #6cb45d20}.tiny-label{font-size:9px;background:#e3ecd8;color:#56734e;padding:4px 6px;border-radius:5px;letter-spacing:.08em}
.hero{text-align:center;padding-top:12px}.avocado-stage{height:285px;position:relative;display:flex;align-items:center;justify-content:center}.avo{height:275px;width:239px;overflow:visible;animation:bob 3.2s ease-in-out infinite;transform-origin:50% 90%}.body{fill:#287b46;stroke:#205c37;stroke-width:2.5}.flesh{fill:#bce47b}.pit{fill:#7b4828;stroke:#61391f;stroke-width:2}.pit-shine{fill:#a36b46}.eye{fill:#1e3b29;transform-box:fill-box;transform-origin:center;animation:blink 5.2s infinite}.brow,.mouth{fill:none;stroke:#24472f;stroke-width:3.8;stroke-linecap:round}.blush{fill:#ee927f;opacity:.5}.arms path{fill:none;stroke:#287b46;stroke-width:10;stroke-linecap:round}.leg{stroke:#287b46;stroke-width:7;stroke-linecap:round}.foot{fill:#287b46}.shadow{fill:#234b2616}.sparkle{position:absolute;color:#e5b74d;font-size:29px;animation:twinkle 2.4s ease-in-out infinite}.sparkle-one{left:calc(50% - 140px);top:61px}.sparkle-two{right:calc(50% - 143px);top:124px;animation-delay:1s}.speech-bubble{position:absolute;top:20px;right:calc(50% - 190px);background:white;padding:10px 14px;border:1px solid var(--line);border-radius:15px 15px 15px 4px;font-size:12px;font-weight:700;box-shadow:0 5px 20px #203c2b0b;transform:rotate(2deg);max-width:190px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:.17em;color:#76916d;margin:3px 0 8px}h1{font-family:Nunito,"DM Sans",sans-serif;font-size:clamp(43px,8vw,65px);letter-spacing:-.06em;margin:0;line-height:1.08;font-weight:900}h1 span{color:var(--green)}.subtitle{color:var(--muted);line-height:1.6;font-size:14px;margin:12px 0 22px}.chat-card{background:var(--card);border:1px solid #e6eadf;border-radius:23px;padding:17px;box-shadow:0 18px 55px #304e2810}.chat-top{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 0 13px}.online{font-size:12px;font-weight:800}.online span{display:inline-block;width:7px;height:7px;background:#62b76a;border-radius:50%;margin-right:5px}.clear-button{border:0;background:transparent;color:#84917e;font:inherit;font-size:11px;cursor:pointer}.messages{height:260px;overflow-y:auto;padding:15px 2px;display:flex;flex-direction:column;gap:13px;scroll-behavior:smooth}.message{display:flex;gap:9px;align-items:flex-end;max-width:91%;animation:pop .2s ease-out}.message.user-message{align-self:flex-end;flex-direction:row-reverse}.avatar{flex:0 0 29px;height:29px;display:grid;place-items:center;border-radius:10px;background:#edf3e5;font-size:17px}.user-message .avatar{background:#e7ecef}.bubble{font-size:13px;line-height:1.55;padding:10px 13px;background:#eef4e8;border-radius:15px 15px 15px 4px;overflow-wrap:anywhere;white-space:pre-wrap}.user-message .bubble{background:#e9edf0;border-radius:15px 15px 4px 15px}.typing .bubble{color:#71816e;font-style:italic}.suggestions{display:flex;gap:7px;flex-wrap:wrap;padding:0 0 13px}.suggestions button{background:#fff;border:1px solid #dfe8d7;border-radius:999px;padding:8px 11px;font:600 11px "DM Sans",sans-serif;color:#52714b;cursor:pointer}.suggestions button:hover{background:#eef5e7;border-color:#b7d0a9}.composer{display:flex;gap:8px;padding:7px;background:#f3f5ef;border:1px solid #e6eadf;border-radius:16px}.composer input{flex:1;min-width:0;border:0;background:transparent;padding:10px 8px;outline:none;color:var(--ink);font:14px "DM Sans",sans-serif}.composer input::placeholder{color:#9ba695}.composer button{border:0;background:var(--green);color:white;border-radius:12px;width:43px;height:43px;display:grid;place-items:center;cursor:pointer}.composer button:disabled{opacity:.55;cursor:wait}.composer svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.footnote{text-align:center;font-size:10px;color:#96a08f;margin:12px 0 0}footer{text-align:center;color:#94a18c;font-size:11px;padding:18px 0 0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.thinking .eye{animation:blink .7s infinite}.thinking .mouth{animation:talk .35s ease-in-out infinite alternate}.excited .avo{animation:hop .6s ease-in-out 2}.error .speech-bubble{background:#fff2e8}
@keyframes bob{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-7px) rotate(1deg)}}@keyframes blink{0%,44%,48%,80%,84%,100%{transform:scaleY(1)}46%,82%{transform:scaleY(.08)}}@keyframes twinkle{0%,100%{transform:scale(.75) rotate(-12deg);opacity:.55}50%{transform:scale(1.1) rotate(12deg);opacity:1}}@keyframes pop{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes talk{to{transform:scaleY(1.3)}}@keyframes hop{50%{transform:translateY(-18px) rotate(4deg)}}
@media(max-width:520px){.page{width:min(100% - 22px,760px);padding-top:17px}.avocado-stage{height:260px}.avo{height:250px;width:218px}.speech-bubble{right:0;top:23px;max-width:145px;font-size:10px}.sparkle-one{left:2px}.sparkle-two{right:3px}.chat-card{padding:13px;border-radius:19px}.messages{height:245px}.subtitle{font-size:13px}.suggestions button{font-size:10px;padding:8px 9px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}