/* Liq — Liiquiid's site assistant (widget). Uses the site's CSS variables. */
.liq-launch{position:fixed;right:clamp(14px,2vw,28px);bottom:clamp(14px,2vw,28px);z-index:900;display:flex;align-items:center;gap:.7rem;padding:.55rem 1.2rem .55rem .6rem;border-radius:999px;background:var(--forest-deep);color:var(--ivory);border:1.5px solid rgba(224,182,90,.55);box-shadow:0 18px 40px -14px rgba(16,32,26,.65);font:600 .88rem var(--body);cursor:pointer;transition:transform .5s var(--out),opacity .4s,box-shadow .4s}
body.is-loading .liq-launch{opacity:0;pointer-events:none;transform:translateY(20px)}
.liq-launch:hover{transform:translateY(-3px);box-shadow:0 22px 46px -14px rgba(16,32,26,.75)}
.liq-launch__q{width:40px;height:40px;border-radius:50%;background:var(--gold-bright);color:var(--forest);display:grid;place-items:center;position:relative}
.liq-launch__q svg{width:22px;height:22px}
.liq-launch__q::after{content:"";position:absolute;inset:-5px;border-radius:50%;border:1.5px solid var(--gold-bright);opacity:0;animation:liqPing 2.8s ease-out infinite}
@keyframes liqPing{0%{transform:scale(.8);opacity:.8}100%{transform:scale(1.5);opacity:0}}
.liq-launch.is-open{opacity:0;pointer-events:none;transform:scale(.8)}
@media(max-width:520px){.liq-launch span:last-child{display:none}.liq-launch{padding:.5rem}}

.liq{position:fixed;right:clamp(10px,2vw,28px);bottom:clamp(10px,2vw,28px);z-index:950;width:min(410px,calc(100vw - 20px));height:min(660px,calc(100svh - 28px));display:flex;flex-direction:column;border-radius:28px;overflow:hidden;background:var(--forest-deep);color:var(--ivory);border:1px solid rgba(247,243,232,.14);box-shadow:0 40px 90px -20px rgba(16,32,26,.8);transform-origin:100% 100%;transform:scale(.88) translateY(24px);opacity:0;visibility:hidden;transition:transform .55s var(--out),opacity .35s,visibility 0s .55s}
.liq.open{transform:none;opacity:1;visibility:visible;transition:transform .55s var(--out),opacity .35s}
@media(max-width:520px){.liq{inset:0;width:100%;height:100svh;border-radius:0;transform-origin:50% 100%}}

.liq__head{display:flex;align-items:center;gap:.8rem;padding:.9rem 1rem;background:linear-gradient(180deg,rgba(247,243,232,.07),transparent);border-bottom:1px solid rgba(247,243,232,.1)}
.liq__avatar{flex:none;width:42px;height:42px;border-radius:50%;background:var(--gold-bright);color:var(--forest);display:grid;place-items:center}
.liq__avatar svg{width:24px;height:24px}
.liq__who{flex:1;min-width:0;line-height:1.25}
.liq__who b{display:block;font:400 1.25rem/1.1 var(--head)}
.liq__who small{font-size:.72rem;color:rgba(247,243,232,.6);display:flex;align-items:center;gap:.4em}
.liq__who small i{width:7px;height:7px;border-radius:50%;background:#7bd88f;box-shadow:0 0 8px #7bd88f}
.liq__team{font:600 .74rem var(--body);padding:.5em .9em;border-radius:999px;border:1.5px solid rgba(224,182,90,.6);color:var(--gold-bright);transition:background .3s,color .3s;white-space:nowrap}
.liq__team:hover{background:var(--gold-bright);color:var(--forest)}
.liq__x{flex:none;width:36px;height:36px;border-radius:50%;background:rgba(247,243,232,.1);display:grid;place-items:center;transition:background .3s}
.liq__x:hover{background:rgba(247,243,232,.2)}
.liq__x svg{width:14px;height:14px}

.liq__feed{flex:1;overflow-y:auto;padding:1rem 1rem .4rem;display:flex;flex-direction:column;gap:.65rem;scroll-behavior:smooth;overscroll-behavior:contain}
.liq__feed::-webkit-scrollbar{width:6px}.liq__feed::-webkit-scrollbar-thumb{background:rgba(247,243,232,.18);border-radius:3px}
.liq__m{max-width:88%;padding:.7em 1em;border-radius:20px;font-size:.93rem;line-height:1.5;animation:liqIn .45s var(--out) both;word-wrap:break-word;overflow-wrap:anywhere}
@keyframes liqIn{from{opacity:0;transform:translateY(12px) scale(.97)}}
.liq__m--bot{align-self:flex-start;background:rgba(247,243,232,.11);border-bottom-left-radius:6px}
.liq__m--me{align-self:flex-end;background:var(--gold-bright);color:var(--forest);border-bottom-right-radius:6px;font-weight:500}
.liq__m p+p{margin-top:.55em}
.liq__m ul{margin:.4em 0 .1em 1.1em}.liq__m li{margin:.15em 0}
.liq__m a{color:var(--gold-bright);text-decoration:underline;text-underline-offset:3px}
.liq__m b{font-weight:700}
.liq__typing{display:flex;gap:5px;padding:.9em 1.1em}
.liq__typing i{width:7px;height:7px;border-radius:50%;background:rgba(247,243,232,.6);animation:liqDot 1.2s infinite}
.liq__typing i:nth-child(2){animation-delay:.15s}.liq__typing i:nth-child(3){animation-delay:.3s}
@keyframes liqDot{0%,60%,100%{transform:translateY(0);opacity:.4}30%{transform:translateY(-5px);opacity:1}}

.liq__chips{display:flex;flex-wrap:wrap;gap:.45rem;padding:.2rem 0 .3rem}
.liq__chips button{padding:.5em .95em;border-radius:999px;border:1.5px solid rgba(247,243,232,.28);font:500 .8rem var(--body);color:var(--ivory);transition:all .3s;text-align:left}
.liq__chips button:hover{background:var(--ivory);color:var(--forest);border-color:var(--ivory)}

.liq__lead{align-self:stretch;max-width:100%;padding:1rem;border-radius:20px;background:rgba(224,182,90,.12);border:1.5px solid rgba(224,182,90,.5);display:grid;gap:.6rem;animation:liqIn .45s var(--out) both}
.liq__lead h4{font:400 1.2rem/1.1 var(--head);color:var(--gold-bright)}
.liq__lead p{font-size:.82rem;color:rgba(247,243,232,.75)}
.liq__lead input,.liq__lead textarea{width:100%;padding:.7em .9em;border-radius:12px;border:1.5px solid rgba(247,243,232,.2);background:rgba(16,32,26,.6);color:var(--ivory);font:inherit;font-size:.88rem}
.liq__lead input:focus,.liq__lead textarea:focus{outline:0;border-color:var(--gold-bright)}
.liq__lead textarea{resize:none;min-height:3.2em}
.liq__lead .hp{position:absolute;left:-9999px}
.liq__lead button[type=submit]{padding:.75em 1em;border-radius:999px;background:var(--gold-bright);color:var(--forest);font:700 .86rem var(--body);transition:transform .3s}
.liq__lead button[type=submit]:hover{transform:translateY(-2px)}
.liq__lead button[disabled]{opacity:.6;cursor:wait}
.liq__lead .err{color:#ff9a8a;font-size:.8rem;min-height:1em}

.liq__form{display:flex;align-items:flex-end;gap:.5rem;padding:.7rem .8rem;border-top:1px solid rgba(247,243,232,.1)}
.liq__form textarea{flex:1;resize:none;max-height:120px;padding:.75em 1em;border-radius:20px;border:1.5px solid rgba(247,243,232,.2);background:rgba(247,243,232,.06);color:var(--ivory);font:inherit;font-size:.93rem;line-height:1.35}
.liq__form textarea:focus{outline:0;border-color:var(--gold-bright)}
.liq__form textarea::placeholder{color:rgba(247,243,232,.45)}
.liq__send{flex:none;width:44px;height:44px;border-radius:50%;background:var(--gold-bright);color:var(--forest);display:grid;place-items:center;transition:transform .3s var(--out),opacity .3s}
.liq__send:hover{transform:scale(1.08)}.liq__send[disabled]{opacity:.4;cursor:default;transform:none}
.liq__send svg{width:18px;height:18px}
.liq__note{padding:0 1rem .7rem;font-size:.66rem;letter-spacing:.04em;color:rgba(247,243,232,.42);text-align:center}
@media (prefers-reduced-motion:reduce){.liq,.liq__m,.liq__lead{animation:none!important;transition:none!important}.liq-launch__q::after{animation:none}}