.demo-badge{position:fixed;top:8px;left:50%;transform:translateX(-50%);font:11px/1.3 "Avenir Next",sans-serif;background:#fff;color:#5c6870;padding:5px 10px;border:1px solid #dce3e6;border-radius:3px;z-index:10000;pointer-events:none;white-space:nowrap}
body:not(.telegram-demo) .topbar{height:66px}body:not(.telegram-demo) main{padding-top:20px}body:not(.telegram-demo) label{margin-bottom:8px}body:not(.telegram-demo) fieldset{margin-top:10px;padding-top:12px}body:not(.telegram-demo) .map-section #map{height:300px}body:not(.telegram-demo) footer{margin-top:8px}
.telegram-demo{margin:0;min-height:100vh;background:#e8eee7;color:#1c2931;font:18px/1.55 "Avenir Next",Avenir,"Trebuchet MS",sans-serif;letter-spacing:0;background-image:repeating-linear-gradient(45deg,transparent,transparent 28px,#ffffff22 28px,#ffffff22 29px)}.telegram-demo *{box-sizing:border-box}.telegram-demo [hidden]{display:none!important}.telegram-demo .lucide{width:24px;height:24px;stroke-width:1.7;flex-shrink:0}.telegram-header{height:106px;background:#fff;border-bottom:1px solid #dbe1de;display:flex;align-items:center;gap:16px;padding:20px max(24px,calc((100% - 820px)/2))}.telegram-avatar,.bot-symbol{width:56px;height:56px;border-radius:50%;background:#ef6767;color:white;display:grid;place-items:center}.telegram-avatar .lucide{width:33px;height:33px}.telegram-header strong{display:block;font-size:20px}.telegram-header span{display:block;color:#77817d;font-size:14px}.telegram-tools{display:flex;gap:24px;margin-left:auto;color:#718078}.chat-area{max-width:820px;min-height:calc(100vh - 212px);margin:auto;padding:24px 0 50px;display:flex;flex-direction:column;align-items:flex-start;gap:22px}.chat-date{margin:0 auto 4px;background:#819687b8;border-radius:5px;padding:3px 12px;color:white;font-size:13px}.bot-description{align-self:center;text-align:center;margin:90px 0 60px;max-width:580px}.bot-symbol{width:86px;height:86px;margin:auto}.bot-symbol .lucide{width:52px;height:52px}.bot-description h1{font-size:30px;font-weight:650;margin:18px 0 10px}.bot-description p{font-size:17px;color:#536158}.chat-message{position:relative;padding:18px 24px;max-width:690px;border-radius:8px;box-shadow:0 1px 2px #29372916;font-size:19px;overflow-wrap:anywhere}.chat-message.outgoing{align-self:flex-end;background:#dcf8cf;min-width:160px;margin-bottom:0}.chat-message.incoming{background:#fff;width:690px}.chat-message strong{color:#19846c;font-size:20px}.chat-message p{margin:14px 0}.chat-message small{display:flex;align-items:center;justify-content:flex-end;gap:4px;color:#88958c;font-size:12px}.chat-message small .lucide{width:17px;height:17px;color:#52a66e}.chat-message a{color:#1684b8;text-decoration:none}.chat-composer{background:#fff;border-top:1px solid #dbe1de;min-height:82px;max-width:820px;margin:0 auto 20px;border-radius:8px;display:grid;place-items:center;padding:8px 18px}.chat-composer button{font:700 16px "Avenir Next",sans-serif;letter-spacing:0;color:#2188b9;border:0;background:white;cursor:pointer;width:100%;min-height:58px}.chat-composer button:hover{background:#eff9fd}.chat-composer>div{width:100%;display:flex;align-items:center;gap:20px;color:#8c9890}.chat-composer>div span{flex:1}.link-note{align-self:center;color:#536b5e;font-size:14px;border-top:1px solid #b5c8b8;padding-top:10px}.telegram-demo :focus-visible{outline:2px solid #2188b9;outline-offset:4px}
@media(max-width:700px){.demo-badge{font-size:9px;max-width:90vw}.telegram-header{padding:20px;height:100px}.telegram-tools{gap:10px}.telegram-header strong{font-size:17px}.telegram-header span{font-size:12px}.telegram-avatar{width:44px;height:44px;flex-shrink:0}.chat-area{padding:20px 14px;min-height:calc(100vh - 190px)}.chat-message,.chat-message.incoming{max-width:100%;width:auto;font-size:16px;padding:14px 17px}.chat-composer{margin:0 14px 14px}.bot-description{margin:45px 0}.bot-description h1{font-size:26px}.bot-description p{font-size:15px}.telegram-tools .lucide:first-child{display:none}}