:root{font-family:Arial,sans-serif;color:#253d32;background:#f5f3ed;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.5}.preview{min-height:100svh;overflow-x:hidden;background:radial-gradient(ellipse at 82% 72%,#9eac94 0,transparent 47%),#f2f0e8}.brand{position:relative;z-index:1;padding:42px 7%;font-size:38px;letter-spacing:9px;font-weight:700}.brand span{display:block;font-size:9px;letter-spacing:3px;margin-top:9px}.hero{position:relative;z-index:1;margin:65px 7% 100px;max-width:650px}.eyebrow{font-size:10px;letter-spacing:2px}.hero h1{font-family:Georgia,serif;font-size:clamp(48px,7vw,92px);font-weight:400;line-height:1.04;margin:30px 0}.hero>p:not(.eyebrow){max-width:390px;line-height:1.7}.direct{display:inline-block;color:#fff;background:#294936;text-decoration:none;padding:17px 24px;border-radius:30px;margin:22px 0}.hero .preview-note{font-size:11px;color:#657364}.forest{position:absolute;right:4%;bottom:0;width:45%;height:70%;background:repeating-linear-gradient(83deg,transparent 0 55px,#28493622 57px 64px,transparent 67px 105px);clip-path:polygon(10% 100%,5% 35%,20% 48%,30% 0,43% 44%,52% 13%,65% 49%,80% 4%,100% 100%)}.chat-body{height:100svh}.chat-shell{height:100%;max-width:720px;margin:auto;display:flex;flex-direction:column;background:#fbfaf6}.chat-header{display:flex;align-items:center;gap:12px;padding:19px 18px;border-bottom:1px solid #e2e5dd;background:#fff}.avatar{width:48px;height:48px;flex-shrink:0;display:block;object-fit:contain;border-radius:50%;background:#fff}.chat-header strong{font-size:15px}.chat-header small{display:block;font-size:11px;color:#758174;margin-top:5px}.text-button{margin-left:auto;border:0;background:transparent;color:#5d705e;font-size:11px;padding:8px}.messages{flex:1;overflow:auto;padding:22px 17px;display:flex;flex-direction:column;gap:13px}.bubble{max-width:90%;padding:13px 15px;line-height:1.55;font-size:14px;border-radius:16px;white-space:pre-wrap;overflow-wrap:anywhere;flex-shrink:0}.assistant{align-self:flex-start;background:#eaf0e5;border-bottom-left-radius:4px}.user{align-self:flex-end;background:#2f4e3b;color:#fff;border-bottom-right-radius:4px}.status{font-size:12px;color:#6c776b;padding:0 20px;min-height:25px}.retry{margin:0 18px 10px;border:1px solid #c8d3c2;background:#fff;padding:10px;border-radius:10px;color:#2f4e3b}form{display:flex;gap:9px;margin:0 16px;border:1px solid #d9dfd4;border-radius:17px;background:#fff;padding:8px}textarea{flex:1;min-width:0;resize:none;border:0;background:transparent;padding:8px;outline:none;font-size:16px;color:#253d32}form:focus-within{outline:2px solid #9fb390}#send{align-self:center;border:0;width:42px;height:42px;border-radius:13px;background:#2f4e3b;color:white;font-size:24px}.chat-footer{text-align:center;padding:11px 15px 14px;font-size:10px;color:#788372;line-height:1.6}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0)}:focus-visible{outline:2px solid #8b9f5e;outline-offset:3px}@media(max-width:480px){.brand{padding-top:28px}.hero{margin-top:36px}.hero h1{font-size:53px}.forest{width:70%;opacity:.5}.chat-header{padding:14px 12px}.bubble{max-width:95%}}

/* Реплика живого администратора: гость должен видеть, что отвечает человек. */
.bubble.operator{border-left:3px solid #8b9f5e}
.bubble.operator .who{display:block;margin-bottom:4px;font-size:12px;color:#5c6f3a;letter-spacing:.02em}