@import "https://fonts.googleapis.com/css2?family=DM+Serif+Display&family=DM+Sans:wght@300;400;500&display=swap";:root{--cream:#f5f0e8;--ink:#1c1c1a;--green:#2d6a4f;--greenl:#52b788;--red:#d62828;--shadow:#1c1c1a21}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:#22221a;justify-content:center;align-items:center;width:100%;height:100%;font-family:DM Sans,sans-serif;display:flex;overflow:hidden}#wrap{transform-origin:50%;flex-shrink:0;width:375px;height:812px;position:relative}#phone{background:var(--cream);border-radius:52px;position:absolute;inset:0;overflow:hidden;box-shadow:0 0 0 10px #111,0 0 0 13px #3a3a3a,0 36px 80px #000c}#phone:before{content:"";z-index:200;background:#111;border-radius:0 0 22px 22px;width:120px;height:32px;position:absolute;top:0;left:50%;transform:translate(-50%)}#phone:after{content:"";z-index:200;background:#1c1c1a38;border-radius:3px;width:110px;height:5px;position:absolute;bottom:9px;left:50%;transform:translate(-50%)}.splash{background:var(--cream);z-index:50;flex-direction:column;justify-content:center;align-items:center;padding-top:36px;display:flex;position:absolute;inset:0}.logo-block{flex-direction:column;align-items:stretch;gap:4px;width:260px;display:flex;overflow:hidden}.logo-row{opacity:0;justify-content:space-between;align-items:baseline;font-family:DM Serif Display,serif;font-size:80px;line-height:1;display:flex}.logo-row span{display:inline-block}.direct-row{color:var(--ink)}.root-row{color:var(--green)}.tagline{letter-spacing:.22em;text-transform:uppercase;color:var(--green);opacity:0;margin-top:20px;font-size:10.5px;font-weight:500}.splash-plant{transform-origin:bottom;opacity:0;width:54px;height:92px;display:none;position:absolute;bottom:90px;right:36px;transform:scaleY(0)}@keyframes sway{0%{transform:rotate(0)}20%{transform:rotate(6deg)}47%{transform:rotate(-5deg)}68%{transform:rotate(4.5deg)}85%{transform:rotate(-2.5deg)}to{transform:rotate(0)}}.app-screen{opacity:0;pointer-events:none;flex-direction:column;display:flex;position:absolute;inset:0}.app-screen.visible{opacity:1;pointer-events:all;transition:opacity .7s}.app-header{background:var(--cream);z-index:10;border-bottom:1.5px solid #2d6a4f1f;flex-shrink:0;justify-content:space-between;align-items:center;padding:44px 20px 12px;display:flex}.header-logo{flex-direction:column;gap:1px;width:84px;display:flex}.hrow{justify-content:space-between;font-family:DM Serif Display,serif;font-size:26px;line-height:1;display:flex}.hrow-direct{color:var(--ink)}.hrow-root{color:var(--green)}@keyframes swayH{0%{transform:rotate(0)}20%{transform:rotate(5.5deg)}47%{transform:rotate(-4.5deg)}68%{transform:rotate(4deg)}85%{transform:rotate(-2.5deg)}to{transform:rotate(0)}}.swaying{animation:4.2s ease-in-out infinite swayH}.status-bar{color:#1c1c1a66;letter-spacing:.06em;text-align:center;background:var(--cream);border-bottom:1px solid #2d6a4f0f;flex-shrink:0;padding:7px 20px;font-size:10.5px}.chat{scroll-behavior:smooth;flex-direction:column;flex:1;gap:13px;padding:18px 16px 8px;display:flex;overflow-y:auto}.chat::-webkit-scrollbar{display:none}.bubble{border-radius:20px;max-width:82%;padding:11px 15px;font-size:14px;font-weight:300;line-height:1.55;animation:.32s cubic-bezier(.34,1.56,.64,1) both popIn}@keyframes popIn{0%{opacity:0;transform:scale(.72)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.bubble.agent{color:var(--ink);box-shadow:0 2px 12px var(--shadow);background:#fff;border-bottom-left-radius:5px;align-self:flex-start}.bubble.user{background:var(--green);color:#fff;border-bottom-right-radius:5px;align-self:flex-end;box-shadow:0 2px 12px #2d6a4f4d}.typing-indicator{box-shadow:0 2px 12px var(--shadow);background:#fff;border-radius:20px 20px 20px 5px;align-self:flex-start;padding:11px 16px}.typing-indicator span{background:#ccc;border-radius:50%;width:7px;height:7px;margin:0 2px;animation:1.2s infinite tdot;display:inline-block}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes tdot{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-7px)}}.voice-bar{background:var(--cream);border-top:1.5px solid #2d6a4f1a;flex-shrink:0;padding:10px 18px 28px}.waveform{opacity:0;justify-content:center;align-items:center;gap:3px;height:26px;margin-bottom:10px;transition:opacity .3s;display:flex}.waveform.active{opacity:1}.wbar{background:var(--greenl);border-radius:2px;width:3px;transition:height 90ms}.mic-row{justify-content:center;align-items:center;display:flex}.mic-btn{background:var(--green);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;transition:transform .15s,background .2s;display:flex;position:relative;box-shadow:0 6px 22px #2d6a4f59}.mic-btn:active{transform:scale(.92)}.mic-btn.listening{background:var(--red);animation:1.4s ease-in-out infinite pulse}@keyframes pulse{0%,to{box-shadow:0 6px 22px #d6282859,0 0 #d628284d}50%{box-shadow:0 6px 28px #d6282880,0 0 0 16px #d6282800}}.mic-label{color:#1c1c1a66;letter-spacing:.04em;white-space:nowrap;font-size:10.5px;position:absolute;bottom:-20px;left:50%;transform:translate(-50%)}.mic-btn:disabled{opacity:.45;cursor:not-allowed}.fallback-form{width:100%;margin-bottom:12px}.fallback-input{resize:none;width:100%;color:var(--ink);background:#fff;border:1.5px solid #2d6a4f40;border-radius:12px;margin-bottom:8px;padding:10px 12px;font-family:inherit;font-size:14px;font-weight:400}.fallback-input:focus{border-color:var(--green);outline:none}.fallback-actions{justify-content:flex-end;gap:8px;display:flex}.fallback-cancel{color:var(--ink);cursor:pointer;background:0 0;border:1px solid #1c1c1a33;border-radius:999px;padding:8px 14px;font-family:inherit;font-size:12px}.fallback-send{background:var(--green);color:#fff;cursor:pointer;border:none;border-radius:999px;padding:8px 18px;font-family:inherit;font-size:12px;font-weight:500}.fallback-send:disabled{opacity:.5;cursor:not-allowed}