:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#17311c;background:#fff;font-synthesis:none;--emma-green: #60ae48;--emma-green-dark: #438f32;--emma-green-ink: #255f1f;--emma-pale: #f5faf3;--emma-border: #dcebd8}*{box-sizing:border-box}html,body,#root{width:100%;height:100%}html.emma-embedded,body.emma-embedded,body.emma-embedded #root{min-width:0;background:transparent}body{margin:0;min-width:320px;min-height:100%;overflow:hidden;background:#fff;color:#17311c}button,textarea{font:inherit}button{color:inherit}.demo-page{position:relative;width:100%;height:100vh;height:100dvh;overflow:hidden;background:#fff}.white-canvas{position:absolute;inset:0;background:#fff}.demo-page.embed-mode{background:transparent}.embed-mode .white-canvas{display:none}.widget-launcher{position:fixed;right:24px;bottom:calc(24px + env(safe-area-inset-bottom));z-index:10;min-width:196px;height:64px;padding:7px 12px 7px 8px;border:0;border-radius:999px;display:flex;align-items:center;gap:11px;color:#fff;background:linear-gradient(135deg,var(--emma-green),#4e9d39);box-shadow:0 18px 42px #2d662442,0 4px 14px #2d66242e;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.widget-launcher:hover{transform:translateY(-2px);box-shadow:0 22px 48px #2d66244f,0 5px 16px #2d662433}.widget-launcher:focus-visible,.widget-actions button:focus-visible,.starter-grid button:focus-visible,.send:focus-visible{outline:3px solid rgba(96,174,72,.28);outline-offset:3px}.launcher-icon{position:relative;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;color:#fff;background:#ffffff2b;border:1px solid rgba(255,255,255,.28)}.launcher-icon i{position:absolute;right:1px;top:2px;width:10px;height:10px;border-radius:50%;background:#dbffd0;border:2px solid var(--emma-green)}.launcher-copy{display:flex;flex-direction:column;align-items:flex-start;line-height:1.15}.launcher-copy b{font-size:16px;font-weight:750;letter-spacing:-.01em}.launcher-copy small{margin-top:5px;color:#ffffffd1;font-size:11px}.launcher-arrow{margin-left:auto;opacity:.78;display:grid;place-items:center}.emma-widget{position:fixed;z-index:10;right:24px;bottom:calc(24px + env(safe-area-inset-bottom));width:min(440px,calc(100vw - 32px));height:min(720px,calc(100dvh - 48px));min-height:520px;display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(61,115,50,.16);border-radius:26px;background:#f9fcf8;box-shadow:0 30px 75px #1c3a1d38,0 7px 22px #1c3a1d1f;animation:widget-in .28s cubic-bezier(.2,.75,.25,1) both}.widget-header{flex:0 0 92px;min-height:92px;padding:18px 18px 18px 20px;display:flex;align-items:center;justify-content:space-between;color:#fff;background:linear-gradient(135deg,var(--emma-green),#55a33e);border-bottom:1px solid rgba(32,91,28,.16)}.agent-identity{display:flex;align-items:center;gap:13px;min-width:0}.agent-avatar{width:54px;height:54px;flex:0 0 auto;border-radius:17px;display:grid;place-items:center;background:#ffffff26;border:1px solid rgba(255,255,255,.3);box-shadow:inset 0 1px #ffffff29}.agent-identity>span:last-child{min-width:0}.agent-identity b{display:block;font-size:21px;line-height:1.15;letter-spacing:-.025em}.agent-identity small{display:flex;align-items:center;gap:7px;margin-top:6px;color:#ffffffe6;font-size:11.5px;white-space:nowrap}.agent-identity small i{width:8px;height:8px;border-radius:50%;background:#d9ffcd;box-shadow:0 0 0 4px #e6ffde24}.widget-actions{display:flex;gap:7px;margin-left:8px}.widget-actions button{width:38px;height:38px;border:1px solid rgba(255,255,255,.25);border-radius:50%;display:grid;place-items:center;color:#fff;background:#ffffff1a;cursor:pointer;transition:background .18s ease,transform .18s ease}.widget-actions button:hover{background:#fff3;transform:translateY(-1px)}.widget-content{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;background:radial-gradient(circle at 100% 0,rgba(96,174,72,.09),transparent 40%),linear-gradient(180deg,#f7fbf5,#fbfdfb)}.widget-welcome{flex:1;min-height:0;overflow-y:auto;padding:27px 25px 22px;text-align:center;scrollbar-width:thin;scrollbar-color:#c8dfc1 transparent}.welcome-mark{width:58px;height:58px;margin:0 auto 13px;border-radius:50%;display:grid;place-items:center;color:var(--emma-green);background:#fff;border:1px solid #e1eee0;box-shadow:0 13px 30px #3d68361a}.widget-welcome h1{margin:0;color:#18351d;font-size:24px;line-height:1.25;letter-spacing:-.035em}.welcome-intro{max-width:350px;margin:8px auto 20px;color:#617064;font-size:13.5px;line-height:1.55}.welcome-message{padding:17px 18px;color:#26382a;background:#fff;border:1px solid #e0ebdd;border-radius:18px 18px 18px 6px;text-align:left;font-size:14px;line-height:1.55;box-shadow:0 10px 26px #33592f14}.starter-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:18px}.starter-grid button{min-height:40px;padding:8px 13px;border:1px solid #cfe4c9;border-radius:999px;display:inline-flex;align-items:center;gap:7px;color:#397d2e;background:#ffffffd6;font-size:12px;font-weight:700;cursor:pointer;transition:color .18s ease,background .18s ease,border-color .18s ease,transform .18s ease}.starter-grid button:hover:not(:disabled){color:#fff;background:var(--emma-green);border-color:var(--emma-green);transform:translateY(-1px)}.starter-grid button:disabled{opacity:.5;cursor:default}.message-list{flex:1;min-height:0;padding:22px 17px 14px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#c8dfc1 transparent}.dayline{display:flex;align-items:center;gap:12px;margin:0 0 20px;color:#8a998c;font-size:9px;font-weight:700;letter-spacing:.15em;text-transform:uppercase}.dayline:before,.dayline:after{content:"";height:1px;flex:1;background:#e2ece0}.message-row{display:flex;gap:8px;margin-bottom:20px;animation:message-in .22s ease both}.message-row.user{justify-content:flex-end}.mini-avatar{width:29px;height:29px;flex:0 0 auto;margin-top:17px;border-radius:10px;display:grid;place-items:center;color:#fff;background:var(--emma-green);font-size:12px;font-weight:750;box-shadow:0 5px 13px #4285342e}.message-wrap{max-width:84%}.speaker{display:block;margin:0 0 5px 3px;color:#839086;font-size:9.5px;font-weight:650}.user .speaker{margin-right:3px;text-align:right}.bubble{padding:13px 15px;color:#2d3c30;background:#fff;border:1px solid #dfeade;border-radius:5px 17px 17px;font-size:13px;line-height:1.58;box-shadow:0 7px 20px #2e4d2c12}.user .bubble{color:#fff;background:linear-gradient(135deg,var(--emma-green),#4d9b39);border-color:transparent;border-radius:17px 5px 17px 17px;box-shadow:0 8px 20px #4689372e}.bubble p{margin:0 0 8px}.bubble p:last-child{margin-bottom:0}.bubble ul,.bubble ol{margin:7px 0;padding-left:19px}.bubble li{margin:4px 0}.bubble strong{color:#1f3323;font-weight:750}.user .bubble strong{color:#fff}.bubble h1,.bubble h2,.bubble h3{margin:3px 0 8px;color:#1f3323;font-size:14px;line-height:1.35;letter-spacing:0}.bubble a{color:var(--emma-green-ink);font-weight:700;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;overflow-wrap:anywhere}.user .bubble a{color:#fff}.typing{display:flex;align-items:center;gap:8px;color:#728075}.typing-dots{display:flex;gap:4px}.typing i{width:5px;height:5px;border-radius:50%;display:block;background:var(--emma-green);animation:blink 1.1s infinite}.typing i:nth-child(2){animation-delay:.14s}.typing i:nth-child(3){animation-delay:.28s}.composer-area{flex:0 0 auto;padding:13px 14px calc(11px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #e2ede0}.composer{min-height:58px;padding:6px 6px 6px 17px;border:1.5px solid #bcd9b5;border-radius:999px;display:flex;align-items:center;gap:8px;background:#fff;box-shadow:0 5px 16px #3b5f3612,0 0 0 4px #60ae480e;transition:border-color .18s ease,box-shadow .18s ease}.composer:focus-within{border-color:var(--emma-green);box-shadow:0 6px 18px #3b5f3617,0 0 0 4px #60ae481c}textarea{flex:1;min-width:0;max-height:72px;padding:7px 0;border:0;outline:0;resize:none;color:#26382a;background:transparent;font-size:14px;line-height:22px}textarea::placeholder{color:#89938a;opacity:1}.send{width:45px;height:45px;flex:0 0 auto;border:0;border-radius:50%;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--emma-green),#4c9c38);box-shadow:0 8px 17px #46893738;cursor:pointer;transition:transform .18s ease,opacity .18s ease}.send:hover:not(:disabled){transform:scale(1.04)}.send:disabled{opacity:.32;cursor:default}.powered-by{margin-top:9px;color:#98a19a;font-size:9.5px;text-align:center}.powered-by b{color:#5b9e49;font-weight:750}.setup-banner{position:fixed;z-index:20;left:50%;bottom:calc(16px + env(safe-area-inset-bottom));transform:translate(-50%);max-width:calc(100% - 28px);padding:10px 14px;border-radius:11px;display:flex;align-items:center;gap:8px;color:#513a07;background:#fff1be;box-shadow:0 12px 32px #46340b2e;font-size:11px}@keyframes widget-in{0%{opacity:0;transform:translateY(16px) scale(.975)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes message-in{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes blink{0%,70%,to{opacity:.25;transform:translateY(0)}35%{opacity:1;transform:translateY(-1px)}}@media(max-width:600px){body:not(.embed-parent-desktop) .emma-widget{inset:0;width:100%;height:100vh;height:100dvh;min-height:0;border:0;border-radius:0;box-shadow:none}body:not(.embed-parent-desktop) .widget-header{flex-basis:calc(82px + env(safe-area-inset-top));min-height:calc(82px + env(safe-area-inset-top));padding:calc(13px + env(safe-area-inset-top)) 13px 13px 16px}body:not(.embed-parent-desktop) .agent-avatar{width:48px;height:48px;border-radius:15px}body:not(.embed-parent-desktop) .agent-identity b{font-size:20px}body:not(.embed-parent-desktop) .agent-identity small{font-size:11px}body:not(.embed-parent-desktop) .widget-actions button{width:37px;height:37px}body:not(.embed-parent-desktop) .widget-welcome{padding:clamp(20px,5vh,38px) 18px 17px}body:not(.embed-parent-desktop) .welcome-intro{font-size:13px}body:not(.embed-parent-desktop) .welcome-message{max-width:470px;margin:0 auto}body:not(.embed-parent-desktop) .starter-grid{max-width:470px;margin-left:auto;margin-right:auto}body:not(.embed-parent-desktop) .message-list{padding:18px 12px 10px}body:not(.embed-parent-desktop) .message-wrap{max-width:87%}body:not(.embed-parent-desktop) .bubble{padding:12px 14px;font-size:13px}body:not(.embed-parent-desktop) .composer-area{padding:10px 11px calc(9px + env(safe-area-inset-bottom))}body:not(.embed-parent-desktop) textarea{font-size:16px}body:not(.embed-parent-desktop) .widget-launcher{right:14px;bottom:calc(14px + env(safe-area-inset-bottom));min-width:184px;height:60px}body:not(.embed-parent-desktop) .launcher-icon{width:44px;height:44px}}@media(max-width:380px){.agent-identity small{max-width:185px;overflow:hidden;text-overflow:ellipsis}.widget-actions{gap:5px}.widget-actions button{width:34px;height:34px}.widget-welcome h1{font-size:22px}.welcome-mark{width:52px;height:52px}.starter-grid{gap:7px}.starter-grid button{padding:7px 10px;font-size:11.5px}.powered-by{margin-top:6px}}@media(max-height:610px)and (min-width:601px){.emma-widget{min-height:0;height:calc(100dvh - 24px);right:12px;bottom:12px}.widget-header{flex-basis:78px;min-height:78px;padding-top:12px;padding-bottom:12px}.agent-avatar{width:48px;height:48px}.widget-welcome{padding-top:16px}.welcome-mark{width:48px;height:48px;margin-bottom:8px}.welcome-intro{margin-bottom:12px}.welcome-message{padding:12px 15px}.starter-grid{margin-top:12px}}@media(max-height:610px){body.embed-parent-desktop .emma-widget{min-height:0;height:calc(100dvh - 24px);right:12px;bottom:12px}body.embed-parent-desktop .widget-header{flex-basis:78px;min-height:78px;padding-top:12px;padding-bottom:12px}body.embed-parent-desktop .agent-avatar{width:48px;height:48px}body.embed-parent-desktop .widget-welcome{padding-top:16px}body.embed-parent-desktop .welcome-mark{width:48px;height:48px;margin-bottom:8px}body.embed-parent-desktop .welcome-intro{margin-bottom:12px}body.embed-parent-desktop .welcome-message{padding:12px 15px}body.embed-parent-desktop .starter-grid{margin-top:12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}