:root{font-family:Inter,"Noto Sans Thai",Tahoma,system-ui,sans-serif;color:#20342e;background:#fafbf9;font-synthesis:none;--green:#15694e;--muted:#7a8983;--line:#e4eae6}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}a{color:var(--green)}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #8bb8a8;outline-offset:3px}[hidden]{display:none!important}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit;font-weight:750;font-size:19px;letter-spacing:-.6px}.brand-mark{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;background:var(--green);color:white;font-size:23px}.brand-light{font-weight:400;opacity:.65;margin-left:2px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:#6e8b7a}.login-screen{min-height:100dvh;display:grid;grid-template-columns:1.1fr 1fr}.login-story{padding:42px 54px;background:#eaf0e5;display:flex;flex-direction:column;position:relative;overflow:hidden}.login-story:after{content:"";width:600px;height:600px;border:1px solid #d7e1cf;border-radius:50%;position:absolute;right:-340px;bottom:-320px;box-shadow:0 0 0 75px #e4ecde,0 0 0 76px #d7e1cf;pointer-events:none}.story-content{margin:auto 0;padding:75px 0}.story-content h1{font-size:clamp(36px,4vw,60px);font-weight:500;line-height:1.35;letter-spacing:-2px;margin:26px 0}.story-content p{line-height:1.9;color:#607266;font-size:16px}.story-chips{display:flex;gap:8px;margin-top:30px;flex-wrap:wrap}.story-chips span{border:1px solid #cddacb;border-radius:30px;padding:7px 14px;font-size:12px}.story-foot{font-size:11px;letter-spacing:1px;color:#72856c}.login-side{display:flex;align-items:center;justify-content:center;padding:50px}.login-card{max-width:380px;width:100%}.login-card h2{font-size:28px;font-weight:550;margin:20px 0 12px}.login-card p{color:#819088;line-height:1.8;font-size:14px}.google-button{display:flex;align-items:center;justify-content:space-between;gap:15px;border:1px solid #dce4dd;border-radius:10px;background:white;padding:17px;color:#263d33;text-decoration:none;font-size:14px;margin:30px 0 16px;box-shadow:0 3px 5px #233f3005}.google-button:hover{border-color:#90b1a0}.google-g{font-size:22px;color:#4285f4;font-weight:700}.login-hint{border-top:1px solid var(--line);margin-top:36px;padding-top:22px;font-size:12px;color:#87948c;line-height:1.8}.privacy{display:inline-block;font-size:11px;margin-top:16px;color:#87948c}.notice{color:#9b543c!important}.workspace{display:flex;height:100dvh;overflow:hidden}.sidebar{width:268px;flex-shrink:0;background:#f1f4ef;border-right:1px solid var(--line);padding:25px 18px 15px;display:flex;flex-direction:column}.sidebar .brand{margin:0 8px 36px}.company-label{font-size:11px;color:var(--muted);margin:0 8px 9px}select{width:100%;padding:12px;border-radius:9px;border:1px solid #dce4da;background:#fafcf8;color:#334c3d;font-size:13px}.new-chat{background:#fff;border:1px solid #dce5db;border-radius:9px;margin-top:13px;padding:11px;color:#286b4e;text-align:left;font-size:13px}.new-chat:hover{background:#e5eee3}.sidebar-heading{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);padding:29px 8px 14px}.sidebar nav{overflow:auto;flex:1}.chat-item{display:block;width:100%;text-align:left;background:transparent;border:0;border-radius:8px;padding:12px 10px;color:#63746a;font-size:12px;margin-bottom:3px}.chat-item.active{background:#dfe9dc;color:#275b40;font-weight:600}.chat-item:hover{background:#e8eee4}.chat-item span{display:block;font-size:10px;color:#8a978d;font-weight:400;margin-top:5px}.sidebar-bottom{border-top:1px solid #dce4d8;padding-top:12px;margin-top:15px}.text-button{background:none;border:0;color:#5f7868;padding:9px 4px;font-size:12px}.user-card{display:flex;align-items:center;gap:9px;padding-top:16px}.avatar{border-radius:50%;background:#d5e3cf;color:#4a6848;width:33px;height:33px;display:grid;place-items:center;flex-shrink:0;font-size:13px}.user-details{min-width:0;flex:1}.user-details strong,.user-details span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-details strong{font-size:11px;font-weight:600}.user-details span{font-size:9px;color:#879282;margin-top:3px}.user-card button{background:transparent;border:0;color:#78917a;font-size:20px}.main{display:flex;flex-direction:column;flex:1;min-width:0;background:#fff}.topbar{height:80px;flex-shrink:0;border-bottom:1px solid #edf0eb;display:flex;align-items:center;justify-content:space-between;padding:0 34px;gap:15px}.topbar h2{font-size:14px;font-weight:600;margin:0 0 5px;max-width:550px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.topbar span{font-size:10px;color:#8b988f}.online-badge{display:flex;align-items:center;gap:6px}.online-badge i{width:5px;height:5px;background:#639875;border-radius:50%}.empty{margin:auto;text-align:center;padding:40px 24px;max-width:830px;width:100%;overflow:auto}.welcome-symbol{display:grid;place-items:center;background:#edf4e9;border:1px solid #e2ecde;width:68px;height:68px;border-radius:21px;margin:0 auto 26px;color:#598062;font-size:38px}.empty h1{font-size:30px;font-weight:500;margin:18px 0 12px;letter-spacing:-.8px}.empty p{font-size:13px;line-height:1.9;color:#8a958d}.suggestions{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:38px}.suggestions button{background:#fafbf8;border:1px solid #e7ece2;border-radius:13px;padding:19px 17px;text-align:left;font-size:20px;color:#779375;line-height:1.8}.suggestions button:hover{background:#f0f5ec;border-color:#bccfb4}.suggestions strong{display:block;font-size:12px;color:#445c43;font-weight:550;margin-top:9px}.suggestions span{display:block;font-size:10px;color:#93a08e;margin-top:4px}.messages{overflow-y:auto;flex:1;padding:30px max(28px,calc((100% - 820px)/2));scroll-behavior:smooth}.message{margin-bottom:25px;max-width:100%;font-size:13px;line-height:1.9}.message.user{margin-left:12%;background:#edf3e9;border:1px solid #e4ecde;border-radius:15px 15px 3px 15px;padding:15px 19px}.message.assistant{padding-right:5%}.message-label{font-size:10px;font-weight:600;color:#709072;letter-spacing:.5px;margin-bottom:8px}.message-text{white-space:pre-wrap;overflow-wrap:anywhere}.result-card{padding:16px 18px;border:1px solid #e2e9df;border-radius:12px;background:#fbfcfa;margin-top:12px}.result-card:first-child{padding:0;border:0;background:none}.actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.action-button{display:inline-block;text-decoration:none;border:1px solid #c5d8c7;border-radius:7px;padding:8px 14px;font-size:12px;background:#e9f3e8;color:#386d44}.action-button:hover{background:#dae9d7}.file-link{display:block;font-size:12px;margin-top:8px}.composer-area{padding:16px max(28px,calc((100% - 820px)/2)) 20px;background:#fff;flex-shrink:0}.composer{display:flex;align-items:flex-end;gap:10px;border:1px solid #dce4d8;border-radius:14px;padding:12px;background:#fdfefb;box-shadow:0 3px 10px #2a3c2305}.composer:focus-within{border-color:#8ea88a}.composer textarea{resize:none;background:transparent;outline:none;border:0;flex:1;line-height:1.6;max-height:160px;padding:6px 0;color:#394c36;font-size:13px;min-width:0}.composer textarea::placeholder{color:#a2ada0}.attach-button{font-size:25px;cursor:pointer;color:#809379;width:32px;height:35px;text-align:center;line-height:35px}.composer button{border:0;border-radius:9px;background:#34724e;color:white;width:35px;height:35px;font-size:23px}.composer-hint{font-size:9px;color:#a0ac9b;text-align:center;margin-top:10px}.progress{display:flex;align-items:center;gap:9px;font-size:11px;color:#678062;margin-bottom:12px;padding:0 4px}.stop{margin-left:auto;background:none;border:1px solid #d7e1d3;border-radius:5px;padding:3px 8px;color:#6a8066;font-size:10px}.dots{display:flex;gap:3px}.dots i{width:4px;height:4px;background:#6b9972;border-radius:50%;animation:pulse 1s infinite alternate}.dots i:nth-child(2){animation-delay:.2s}.dots i:nth-child(3){animation-delay:.4s}@keyframes pulse{to{opacity:.25;transform:translateY(-2px)}}.live-draft{max-height:95px;overflow:auto;color:#7f8c7a;font-size:11px;line-height:1.7;margin:0 4px 12px;white-space:pre-wrap}.attachment{padding:7px 13px;background:#eef4e9;border-radius:8px;margin-bottom:9px;display:flex;justify-content:space-between;font-size:11px;color:#627b55}.attachment button{border:0;background:none;color:inherit}dialog{border:1px solid #e2e9df;border-radius:18px;padding:28px;width:min(540px,90vw);box-shadow:0 30px 100px #18392330;color:#3f5741}dialog::backdrop{background:#142a1a45;backdrop-filter:blur(3px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center}.dialog-heading h2{font-size:21px;font-weight:500}.dialog-heading button{border:0;background:none;font-size:25px;color:#7d9275}dialog p{font-size:12px;color:#8a9a81;line-height:1.8}#invite-form{display:flex;gap:8px;margin:20px 0}input{min-width:0;padding:10px;border:1px solid #dbe5d5;border-radius:7px;color:#526648;background:#fcfefa;font-size:12px}#invite-email{flex:1}.primary{border:0;border-radius:7px;background:#39734b;color:white;padding:10px 15px;font-size:12px}.invite-result{padding:12px;background:#eff6e9;border-radius:9px;margin-bottom:20px}#invite-url{width:100%}.member-row{display:flex;align-items:center;gap:10px;padding:13px 0;border-bottom:1px solid #edf1e8;font-size:12px}.member-row div{flex:1;min-width:0;overflow-wrap:anywhere}.member-row small{color:#8d9e82;display:block;font-size:10px;margin-top:5px}.member-row button{border:0;background:none;color:#a7796c;font-size:10px}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#334a36;color:white;padding:12px 20px;border-radius:9px;box-shadow:0 8px 30px #0002;z-index:100;font-size:13px;max-width:90vw}.mobile-menu{display:none;background:none;border:0;color:#65805f;font-size:21px}@media(max-width:900px){.brand-light{display:none}.login-story{padding:30px}.login-side{padding:30px}.sidebar{width:230px}.topbar{padding:0 22px}.online-badge{display:none!important}.suggestions{grid-template-columns:1fr}.suggestions button{padding:10px 15px}.suggestions strong{display:inline;margin-left:9px}.suggestions span{margin-top:0}.empty{padding:25px}.empty h1{font-size:25px}.welcome-symbol{width:54px;height:54px;margin-bottom:15px}.suggestions{margin-top:23px}}@media(max-width:640px){.login-screen{grid-template-columns:1fr}.login-story{min-height:260px}.story-content{padding:30px 0}.story-content h1{font-size:32px;margin:13px 0}.story-content p,.story-chips,.story-foot{display:none}.login-side{padding:40px 25px}.sidebar{display:none;position:fixed;inset:0 auto 0 0;z-index:20;width:280px;box-shadow:20px 0 80px #1a321940}.sidebar.open{display:flex}.mobile-menu{display:block}.topbar{height:70px;justify-content:flex-start;padding:0 16px}.topbar h2{max-width:calc(100vw - 90px);font-size:13px}.composer-area{padding:12px 14px 17px}.composer-hint{font-size:8px}.messages{padding:22px 17px}.message.user{margin-left:8%}.message.assistant{padding-right:0}.empty{padding:18px 24px}.empty h1{font-size:23px}.empty p{font-size:11px}.eyebrow{font-size:9px}.suggestions button{font-size:18px}.suggestions span{font-size:9px}.composer textarea{font-size:14px}.composer-hint{max-width:95%;margin:8px auto 0}.login-story .brand-light{display:initial}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important}}