.personal-chat{--chat-bg:var(--ui-panel,#151513);--chat-text:var(--ui-text,#f4f2eb);--chat-muted:var(--ui-muted,#a8a69e);--chat-line:var(--ui-line,#37352f);--chat-accent:var(--ui-accent-fill,#f4a04c);--chat-ink:var(--ui-accent-ink,#f4a04c);position:fixed;z-index:1100;right:max(22px,env(safe-area-inset-right));bottom:max(22px,env(safe-area-inset-bottom));font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:var(--chat-text);font-size:14px;line-height:1.5;text-align:left}
.personal-chat,.personal-chat *{box-sizing:border-box}.personal-chat [hidden]{display:none!important}.personal-chat button,.personal-chat input,.personal-chat textarea{font:inherit}.personal-chat button{cursor:pointer}.personal-chat svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.personal-chat button:focus-visible,.personal-chat input:focus-visible,.personal-chat textarea:focus-visible,.personal-chat a:focus-visible{outline:1px solid var(--chat-ink);outline-offset:2px}
.personal-chat-toggle{position:relative;display:grid;place-items:center;width:56px;height:56px;border:0;border-radius:50%;background:var(--chat-accent);color:#19130c;box-shadow:0 8px 25px #0003;transition:transform .2s,box-shadow .2s;margin-left:auto}.personal-chat-toggle:hover{transform:translateY(-3px);box-shadow:0 10px 28px #0005}.personal-chat-badge{position:absolute;right:-2px;top:-2px;min-width:22px;height:22px;padding:0 5px;display:grid;place-items:center;border-radius:50%;background:var(--chat-text);color:var(--chat-bg);border:2px solid var(--chat-bg);font-size:11px;font-weight:700}
.personal-chat-panel{width:min(360px,calc(100vw - 32px));height:max(0px,min(530px,calc(var(--chat-viewport,100dvh) - 110px)));min-height:0;margin-bottom:14px;background:var(--chat-bg);border:1px solid var(--chat-line);border-radius:18px;box-shadow:0 20px 70px #0005;display:flex;flex-direction:column;overflow:hidden;animation:personal-chat-enter .18s ease-out}
.personal-chat-header{display:flex;align-items:center;gap:8px;padding:14px 12px;border-bottom:1px solid var(--chat-line);flex:none}.personal-chat-avatar{display:block;flex:none;width:28px;height:28px;border-radius:50%;overflow:hidden}.personal-chat-avatar img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 43%;transform:scale(2.3);transform-origin:36% 35%}.personal-chat-header .personal-chat-avatar{width:42px;height:42px}.personal-chat-header>div{flex:1;min-width:0}.personal-chat-header strong{display:block;font-size:14px;line-height:1.4;font-weight:650}.personal-chat-header span{display:block;font-size:11px;color:var(--chat-muted)}.personal-chat-header button,.personal-chat-header .personal-chat-telegram{flex:none;width:28px;height:32px;padding:0;border:0;display:grid;place-items:center;background:transparent;color:var(--chat-muted);border-radius:6px;font-size:20px}.personal-chat-header button:hover,.personal-chat-header .personal-chat-telegram:hover{color:var(--chat-ink)}.personal-chat-header button svg,.personal-chat-header .personal-chat-telegram svg{width:19px;height:19px}.personal-chat-header [aria-pressed=true]{opacity:.55}
.personal-chat-history{flex:1;min-height:45px;overflow:auto;overscroll-behavior:contain;padding:18px 14px;scrollbar-width:thin}.personal-chat-message{display:flex;align-items:flex-end;gap:8px;margin:0 0 13px;max-width:100%;overflow-wrap:anywhere}.personal-chat-message>div{max-width:calc(100% - 36px);border-radius:13px 13px 13px 3px;padding:10px 12px;background:color-mix(in srgb,var(--chat-text) 6%,var(--chat-bg));border:1px solid var(--chat-line)}.personal-chat-message p{margin:0;white-space:pre-wrap;font-size:13px;line-height:1.5}.personal-chat-message time{display:block;color:var(--chat-muted);font-size:10px;margin-top:4px}.personal-chat-visitor{justify-content:flex-end}.personal-chat-visitor>div{border-radius:13px 13px 3px 13px;background:color-mix(in srgb,var(--chat-accent) 12%,var(--chat-bg));border-color:color-mix(in srgb,var(--chat-accent) 25%,var(--chat-line))}
.personal-chat-form{flex:0 1 auto;min-height:0;padding:12px;border-top:1px solid var(--chat-line);max-height:65%;overflow:auto}.personal-chat-form label:not(.personal-chat-consent):not(.personal-chat-sr){display:block;font-size:11px;margin-bottom:5px;color:var(--chat-muted)}.personal-chat-form input[type=email]{width:100%;border:1px solid var(--chat-line);background:transparent;border-radius:9px;padding:9px 11px;color:var(--chat-text);font-size:16px;min-width:0}.personal-chat-form input:disabled{opacity:.7}.personal-chat-hint{font-size:10px;color:var(--chat-muted);line-height:1.5;margin:7px 0}.personal-chat-consent{display:flex;align-items:flex-start;gap:7px;font-size:10px;color:var(--chat-muted);line-height:1.5;margin:7px 0 11px}.personal-chat-consent input{flex:none;width:15px;height:15px;margin:1px 0 0;accent-color:var(--chat-accent)}.personal-chat-consent a{color:var(--chat-ink);text-decoration:underline;text-underline-offset:2px}.personal-chat-compose{display:flex;gap:8px;align-items:flex-end}.personal-chat-compose textarea{resize:none;width:100%;min-width:0;height:53px;max-height:100px;border:1px solid var(--chat-line);border-radius:10px;background:transparent;color:var(--chat-text);padding:10px 11px;font-size:16px;line-height:1.4}.personal-chat-compose button{flex:none;width:44px;height:44px;border:0;border-radius:10px;background:var(--chat-accent);color:#19130c;display:grid;place-items:center}.personal-chat-compose button:disabled{opacity:.45;cursor:wait}.personal-chat-status{font-size:11px;line-height:1.4;color:var(--chat-muted);margin:7px 0 0;overflow-wrap:anywhere}.personal-chat-status:empty{display:none}.personal-chat-preview{font-size:10px;color:var(--chat-ink);margin:0;padding:5px 14px;border-bottom:1px solid var(--chat-line)}.personal-chat-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.personal-chat [data-chat-turnstile]{width:100%;max-width:100%;overflow:hidden;margin-top:6px}
@keyframes personal-chat-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:650px){.personal-chat{right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom))}.personal-chat-panel{height:max(0px,min(530px,calc(var(--chat-viewport,100dvh) - 104px)))}.personal-chat-toggle{width:52px;height:52px}}
@media(prefers-reduced-motion:reduce){.personal-chat *{animation:none!important;transition:none!important}}

.personal-chat-form input[type=email],.personal-chat-compose textarea{transition:border-color .18s;outline:none!important;box-shadow:none!important}
.personal-chat-form input[type=email]:focus,.personal-chat-compose textarea:focus{border-color:var(--chat-ink);outline:none!important;box-shadow:none!important}
.personal-chat-header .personal-chat-telegram{text-decoration:none}.personal-chat-header strong{overflow-wrap:normal}.personal-chat-header span:not(.personal-chat-avatar){font-size:10px}
.personal-chat-compose .personal-chat-attach{width:30px;background:transparent;color:var(--chat-muted);padding:0}.personal-chat-compose .personal-chat-attach:hover{color:var(--chat-ink)}
.personal-chat-file{display:flex;align-items:center;gap:8px;padding:6px 8px;margin-bottom:8px;border:1px solid var(--chat-line);border-radius:8px;font-size:11px}.personal-chat-file>span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.personal-chat-file button{flex:none;display:grid;place-items:center;background:transparent;border:0;color:var(--chat-muted);width:24px;height:24px;padding:0}.personal-chat-file button svg{width:16px;height:16px}
.personal-chat-download{display:block;font-size:12px;line-height:1.5;margin-top:8px;color:var(--chat-ink);text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.personal-chat-dots{display:flex;align-items:center;gap:5px;padding:12px 14px;border-radius:12px;background:color-mix(in srgb,var(--chat-text) 6%,var(--chat-bg))}.personal-chat-dots i{width:5px;height:5px;border-radius:50%;background:var(--chat-muted);animation:personal-chat-dot 1s ease-in-out infinite}.personal-chat-dots i:nth-child(2){animation-delay:.15s}.personal-chat-dots i:nth-child(3){animation-delay:.3s}
@keyframes personal-chat-dot{0%,70%,100%{opacity:.35;transform:none}35%{opacity:1;transform:translateY(-3px)}}
@media(prefers-reduced-motion:reduce){.personal-chat-dots i{animation:none!important}}

.personal-chat-header .personal-chat-telegram .personal-chat-telegram-icon{fill:currentColor;stroke:none;width:21px;height:21px}