@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap";
:root{--green:#205643;--dark:#193e32;--text:#263c34;--muted:#7a8780;--line:#e4e8e1;--cream:#fafbf7;--sidebar:#f1f4ed;--font:"DM Sans", Arial, sans-serif}*{box-sizing:border-box}body{background:var(--cream);color:var(--text);font-family:var(--font);margin:0;font-size:14px}button,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}a{color:inherit}button:focus-visible,a:focus-visible,textarea:focus-visible{outline-offset:4px;outline:3px solid #8fb39b}.shell{height:100dvh;display:flex;overflow:hidden}.sidebar{background:var(--sidebar);border-right:1px solid #e3e8dd;flex-direction:column;flex:none;width:254px;padding:35px 22px 22px;display:flex}.brand{color:var(--green);letter-spacing:-2px;align-items:center;gap:9px;width:max-content;margin-left:10px;font-family:Georgia,serif;font-size:39px;font-weight:700;text-decoration:none;display:flex}.brand-leaf{align-items:center;display:flex;transform:rotate(-20deg)}.brand-dot{font:10px var(--font);vertical-align:top;letter-spacing:0;position:relative;top:9px;left:3px}.sidebar-caption{letter-spacing:2px;color:#7b8b79;margin:11px 0 33px 12px;font-size:8px}.new-chat{color:var(--dark);background:#fafcf8;border:1px solid #cfdbcb;border-radius:9px;justify-content:center;align-items:center;gap:12px;height:43px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.new-chat:hover{background:#e8eee4}.new-chat:disabled{opacity:.5}.nav-label{letter-spacing:1.4px;color:#899185;margin:32px 10px 13px;font-size:9px}.nav-active{color:var(--green);background:#e0eadb;border-radius:7px;align-items:center;gap:10px;padding:12px;font-size:12px;font-weight:550;display:flex}.nav-dot{background:#5d8a58;border-radius:50%;width:5px;height:5px;margin-left:auto}.sidebar-note{color:#758870;margin:auto 8px 45px;padding-top:45px;position:relative}.note-icon{background:#e6eddf;border-radius:50%;justify-content:center;align-items:center;width:35px;height:35px;display:flex}.sidebar-note p{letter-spacing:.1px;font-size:14px;line-height:1.9}.sidebar-note strong{color:#41613d;font-weight:500}.note-line{background:#adc29c;width:27px;height:2px;margin-top:19px;display:block}.sidebar-bottom{border-top:1px solid #dce3d5;flex-direction:column;gap:18px;padding:19px 6px 0;display:flex}.sidebar-bottom button{color:#62715e;background:0 0;border:0;align-items:center;gap:9px;padding:0;font-size:11px;display:flex}.sidebar-bottom a{color:#6b7866;align-items:center;gap:10px;font-size:11px;text-decoration:none;display:flex}.sidebar-bottom>span{color:#96a08e;font-size:9px;line-height:1.5}.workspace{background:radial-gradient(at 52% 42%,#f5f8ef00 0%,#f4f7ec33 100%);flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.topbar{border-bottom:1px solid #e8ece3;flex:none;justify-content:space-between;align-items:center;height:76px;padding:0 40px;display:flex}.topbar-title{align-items:center;gap:13px;font-size:12px;font-weight:550;display:flex}.pilot-badge{letter-spacing:1px;color:#71836a;border:1px solid #dce5d6;border-radius:4px;padding:4px 6px;font-size:8px;font-weight:500}.connection{color:#8d967f;align-items:center;gap:7px;font-size:10px;display:flex}.connection i{background:#c7a75c;border-radius:50%;width:5px;height:5px}.connection.ready i{background:#69945e}.topbar-right{align-items:center;gap:14px;display:flex}.mobile-leaf,.mobile-new{display:none!important}.conversation{scrollbar-width:thin;scrollbar-color:#d9e0d3 transparent;flex:1;min-height:0;position:relative;overflow-y:auto}.welcome{text-align:center;flex-direction:column;align-items:center;max-width:880px;margin:0 auto;padding:68px 40px 26px;display:flex}.welcome-mark{color:#4f7745;background:#edf3e6;border:1px solid #dce6d3;border-radius:23px;justify-content:center;align-items:center;width:73px;height:73px;margin-bottom:26px;display:flex;position:relative;transform:rotate(-5deg)}.welcome-mark>svg{transform:rotate(5deg)}.sparkle-small{border:3px solid var(--cream);background:#e6eddc;border-radius:50%;padding:4px;display:flex;position:absolute;top:-4px;right:-4px}.eyebrow{letter-spacing:2.4px;color:#7a906d;font-size:9px;font-weight:600}.welcome h1{font:500 clamp(32px, 3.4vw, 45px)/1.3 "Manrope", var(--font);letter-spacing:-1.6px;color:#244c39;margin:17px 0 18px}.welcome h1 em{color:#729265;font-style:normal}.welcome-description{color:#808b7b;max-width:430px;margin:0;font-size:13px;line-height:1.9}.suggestions{grid-template-columns:repeat(3,1fr);gap:12px;width:100%;margin:39px 0 24px;display:grid}.suggestion{text-align:left;color:#5b7c4e;background:#fff9;border:1px solid #e1e7da;border-radius:11px;min-height:132px;padding:20px 18px 24px;transition:transform .18s,box-shadow .18s,background .18s;position:relative}.suggestion:hover{background:#fff;transform:translateY(-3px);box-shadow:0 8px 20px #1a423309}.suggestion strong{color:#415d38;margin:14px 0 7px;font-size:11px;font-weight:600;display:block}.suggestion>span{color:#8b9582;font-size:10px;display:block}.suggestion-arrow{color:#a5b49b;position:absolute;top:21px;right:13px}.welcome-footnote{color:#9aa58f;align-items:center;gap:6px;font-size:9px;display:flex}.composer-area{flex:none;width:100%;max-width:880px;margin:0 auto;padding:14px 40px 24px;position:relative}.composer{background:#fff;border:1px solid #dce4d5;border-radius:13px;align-items:flex-end;padding:11px 12px 11px 20px;transition:border-color .2s;display:flex;box-shadow:0 4px 18px #29472c04}.composer:focus-within{border-color:#92ad81;box-shadow:0 0 0 3px #dae6cf40}.composer textarea{resize:none;color:#354e3d;background:0 0;border:0;width:100%;min-height:35px;max-height:150px;padding:8px 15px 5px 0;font-size:12px;line-height:1.7;outline:none!important}.composer textarea::placeholder{color:#9ba38f}.send-button{background:var(--green);color:#fff;border:none;border-radius:9px;flex:none;justify-content:center;align-items:center;width:34px;height:34px;margin-bottom:2px;display:flex}.send-button:disabled{color:#aebba2;background:#edf0e8}.send-button:not(:disabled):hover{background:#316951}.composer-footer{color:#a1a996;justify-content:space-between;gap:10px;margin:12px 3px 0;font-size:8px;line-height:1.5;display:flex}.composer-footer button{color:#7d8c71;white-space:nowrap;background:0 0;border:0;padding:0;font-size:8px}.alert{border-radius:8px;margin-bottom:12px;padding:12px 15px;font-size:11px;line-height:1.6}.setup-alert{color:#8a7b51;background:#f2f0e6;border:1px solid #e7e1cc;align-items:center;gap:11px;display:flex}.setup-alert strong{font-size:11px;font-weight:500;display:block}.setup-alert span:not(.setup-dot){color:#9c9070;font-size:10px;display:block}.setup-dot{background:#b3a166;border-radius:50%;flex:none;width:6px;height:6px}.error-alert{color:#9a5040;background:#fff0ec;border:1px solid #edd7d0}.message-list{max-width:800px;margin:auto;padding:32px 35px 10px}.conversation-date{text-align:center;letter-spacing:1.7px;color:#9ba78e;margin:0 0 34px;font-size:8px}.message{gap:13px;margin-bottom:29px;display:flex}.message.user{justify-content:flex-end;margin-bottom:31px}.message.user .message-body{background:#e9efdf;border:1px solid #e0e7d5;border-radius:15px 15px 3px;max-width:85%;padding:12px 17px}.avatar{color:#4c7843;background:#e7eedf;border-radius:10px;flex:none;justify-content:center;align-items:center;width:31px;height:31px;margin-top:1px;display:flex}.message-body{flex-basis:auto;min-width:0;max-width:calc(100% - 44px)}.message-name{color:#39573a;margin:3px 0 10px;font-size:11px;font-weight:650;display:block}.message-name>span{color:#a1ab99;margin-left:7px;font-size:9px;font-weight:400}.message-content{overflow-wrap:anywhere;color:#465645;font-size:13px;line-height:1.85}.message-content p{margin:0 0 12px}.message-content p:last-child{margin-bottom:0}.message-content a{color:#337256;text-underline-offset:3px;text-decoration:underline}.message-content ul,.message-content ol{padding-left:20px}.message-content li{padding-bottom:5px}.message-content h1,.message-content h2,.message-content h3{color:#294c37;margin:16px 0 8px;font-size:15px}.message-content code{background:#edf1e8;border-radius:3px;padding:2px 4px;font-size:11px}.message-content pre{background:#edf1e8;border-radius:7px;padding:12px;overflow-x:auto}.message-content blockquote{color:#6c7d61;border-left:2px solid #b5c7a5;margin:12px 0;padding:3px 14px}.copy-button{color:#98a38e;background:0 0;border:0;align-items:center;gap:6px;margin-top:12px;padding:0;font-size:9px;display:flex}.copy-button:hover{color:#456d3a}.thinking{color:#7d9172;align-items:center;gap:4px;margin:0 0 22px 44px;display:flex}.thinking>span:not(.thinking-label){background:#8aa278;border-radius:50%;width:4px;height:4px;animation:1.1s infinite pulse}.thinking>span:nth-child(2){animation-delay:.15s}.thinking>span:nth-child(3){animation-delay:.3s}.thinking-label{margin-left:7px;font-size:10px}.icon-button{color:#648256;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.scroll-down{background:#fff;border:1px solid #dce4d5;position:absolute;top:-36px;left:calc(50% - 16px);box-shadow:0 3px 10px #00000008}.modal-backdrop{z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1c352746;justify-content:center;align-items:center;padding:22px;display:flex;position:fixed;inset:0}.info-modal{background:#fafbf7;border:1px solid #e0e8d8;border-radius:20px;width:480px;max-height:90dvh;padding:36px;position:relative;overflow-y:auto;box-shadow:0 20px 90px #193e3225}.modal-close{position:absolute;top:14px;right:16px}.info-leaf{color:#648650;margin-bottom:22px}.info-modal h2{font:500 25px "Manrope", var(--font);letter-spacing:-.6px;color:#305338;margin:15px 0}.info-modal p,.info-modal li{color:#7a8870;font-size:12px;line-height:1.9}.info-modal ul{padding-left:17px}.info-modal li{padding-bottom:8px}.info-memory{color:#7c936c;border-top:1px solid #e2e8da;align-items:flex-start;gap:11px;margin-top:20px;padding-top:20px;display:flex}.info-memory>svg{flex:none;margin-top:3px}.info-memory p{margin:0;font-size:11px}.official-link{color:#3c6b43;align-items:center;gap:8px;margin-top:25px;font-size:11px;text-decoration:none;display:flex}.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}@keyframes pulse{0%,80%,to{opacity:.4}40%{opacity:1}}@media (min-height:850px){.welcome{padding-top:115px}.suggestions{margin-top:45px}.composer-area{padding-bottom:30px}}@media (max-width:1100px){.sidebar{width:220px;padding-inline:17px}.topbar{padding-inline:28px}.welcome,.composer-area{padding-inline:30px}.suggestion{padding-inline:13px}.suggestion>span{font-size:9px}}@media (max-width:760px){.sidebar{display:none}.topbar{height:63px;padding:0 20px}.mobile-leaf,.mobile-new{display:flex!important}.topbar-title{gap:9px}.connection{font-size:9px}.welcome{padding:47px 22px 23px}.welcome-mark{border-radius:20px;width:61px;height:61px;margin-bottom:25px}.welcome h1{letter-spacing:-1.3px;font-size:34px}.welcome-description{max-width:350px;font-size:12px}.suggestions{gap:9px;margin-top:30px}.suggestion{min-height:127px;padding:16px 10px 15px}.suggestion strong{margin-top:15px;font-size:10px;line-height:1.5}.suggestion>span{font-size:9px;line-height:1.5}.suggestion-arrow{display:none}.welcome-footnote{font-size:8px}.composer-area{padding:10px 18px 17px}.composer-footer{font-size:8px}.composer-footer>button{display:none}.message-list{padding:25px 20px 8px}.message-content{font-size:13px}.message{gap:10px}.setup-alert{padding:10px 12px}.setup-alert span:not(.setup-dot){font-size:9px}}@media (max-width:390px){.connection{display:none}.welcome h1{font-size:29px}.welcome{padding-top:35px}.suggestion{min-height:135px}.suggestions{gap:6px}.welcome-footnote{font-size:7px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
