/* TunLab / MAX shared compact contact widget. */
#tlw-root{--tlw-bg:#121d2c;--tlw-panel:#1c2b3e;--tlw-border:#395069;--tlw-txt:#eef4fc;--tlw-muted:#b3c3d5;--tlw-gold:#f1c653;z-index:2147483000;position:fixed;bottom:22px;right:19px;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--tlw-txt);font-size:14px;line-height:1.45;}
#tlw-root *{box-sizing:border-box}
#tlw-root .tlw-unit{position:relative;width:76px;height:118px;margin-left:auto}
#tlw-root .tlw-button{position:absolute;bottom:0;right:0;width:68px;height:65px;border-radius:18px;background:linear-gradient(145deg,#38445f,#181e31);border:1px solid #8592ac;box-shadow:0 7px 22px #0009,inset 0 1px 3px #ffffff45;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;outline-offset:4px;transition:filter .3s,box-shadow .3s;transform-origin:50% 55%}
#tlw-root .tlw-button:hover{box-shadow:0 10px 30px #000b,0 0 0 2px #f1c65388}
#tlw-root .tlw-button svg{width:32px;height:32px}
#tlw-root .tlw-sky{position:absolute;right:3px;top:0;width:68px;height:55px;pointer-events:none;transform-origin:50% 60%;animation:tlw-float 4.3s ease-in-out infinite}
#tlw-root .tlw-sun{position:absolute;width:23px;height:23px;border-radius:50%;background:radial-gradient(circle,#ffe19b,#edb842);top:0;right:4px;box-shadow:0 0 18px #ffc84f70}
#tlw-root .tlw-cloud{position:absolute;top:12px;left:2px;width:59px;height:31px;background:linear-gradient(160deg,#d0dbe8,#748da7);border-radius:23px;box-shadow:0 2px 10px #111d3980}
#tlw-root .tlw-cloud:before{content:"";position:absolute;width:30px;height:30px;background:#bdcedf;top:-13px;left:8px;border-radius:100%}
#tlw-root .tlw-cloud:after{content:"";position:absolute;width:28px;height:26px;background:#a5bad0;top:-9px;left:26px;border-radius:100%}
#tlw-root .tlw-lightning{position:absolute;z-index:2;top:21px;left:26px;opacity:0;color:#fce68b;font-size:20px;text-shadow:0 0 8px #fffaae;animation:tlw-flash 9s linear infinite}
#tlw-root .tlw-rain{position:absolute;top:39px;left:7px;width:57px;height:23px;pointer-events:none}
#tlw-root .tlw-drop{position:absolute;top:0;width:3px;height:8px;border-radius:3px;background:#9cdcff;opacity:0;animation:tlw-fall 1.55s linear infinite}
#tlw-root .tlw-drop:nth-child(1){left:5px;animation-delay:.1s}
#tlw-root .tlw-drop:nth-child(2){left:20px;animation-delay:.5s}
#tlw-root .tlw-drop:nth-child(3){left:35px;animation-delay:.85s}
#tlw-root .tlw-drop:nth-child(4){left:50px;animation-delay:1.2s}
#tlw-root .tlw-glint{position:absolute;inset:0;border-radius:inherit;animation:tlw-glow 7.5s ease-in-out infinite;pointer-events:none}
#tlw-root .tlw-unit:not(.tlw-stopped) .tlw-button{animation:tlw-shake 6.6s ease-in-out infinite}
#tlw-root .tlw-stopped *,#tlw-root .tlw-stopped *:before,#tlw-root .tlw-stopped *:after{animation:none!important}
#tlw-root .tlw-stopped .tlw-sky{opacity:0;transition:opacity .2s}
#tlw-root .tlw-stopped .tlw-button{transform:none}
#tlw-root .tlw-panel{position:absolute;right:0;bottom:78px;width:min(365px,calc(100vw - 24px));height:min(570px,calc(100dvh - 105px));min-height:320px;border:1px solid var(--tlw-border);background:linear-gradient(160deg,#23374c,#111e2d);border-radius:18px;box-shadow:0 16px 65px #000d;overflow:hidden;display:flex;flex-direction:column;color:var(--tlw-txt)}
#tlw-root .tlw-panel[hidden]{display:none}
#tlw-root .tlw-head{padding:16px 17px;background:#192d43;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #456077}
#tlw-root .tlw-head strong{font-size:16px}
#tlw-root .tlw-head small{font-size:11px;color:var(--tlw-muted);display:block;margin-top:3px}
#tlw-root .tlw-close{background:transparent;border:0;color:var(--tlw-txt);font-size:26px;cursor:pointer;line-height:1;padding:5px}
#tlw-root .tlw-chatlog{padding:16px;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:11px;scrollbar-color:#4b6c89 transparent}
#tlw-root .tlw-bubble{max-width:88%;padding:10px 12px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;background:#30435b;border:1px solid #455d77;border-radius:13px;align-self:flex-start}
#tlw-root .tlw-bubble.visitor{background:#665020;border-color:#b48a3f;align-self:flex-end}
#tlw-root .tlw-bubble small{display:block;color:#b6c5d5;font-size:10px;margin-top:4px}
#tlw-root .tlw-compose{border-top:1px solid #486078;background:#142539;padding:13px;display:flex;gap:8px;align-items:end}
#tlw-root .tlw-input{resize:none;min-height:45px;max-height:100px;flex:1;color:#fff;background:#0c1c2c;border:1px solid #55718d;border-radius:10px;padding:11px;font:inherit}
#tlw-root .tlw-input:focus{outline:2px solid #f1c653}
#tlw-root .tlw-send{border:0;background:var(--tlw-gold);color:#1d2735;border-radius:9px;padding:11px 12px;font-weight:800;cursor:pointer;min-height:45px}
#tlw-root .tlw-send:disabled{opacity:.5;cursor:wait}
#tlw-root .tlw-msg{font-size:11px;padding:0 13px 9px;color:#c3d0df;background:#142539;min-height:23px}
#tlw-root .tlw-lead-fields{display:grid;gap:8px;padding:12px}
#tlw-root .tlw-lead-fields input{background:#102135;color:white;border:1px solid #55718d;padding:11px;border-radius:9px}
@keyframes tlw-float{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-4px) rotate(2deg)}}
@keyframes tlw-fall{0%,15%{transform:translateY(-1px);opacity:0}25%{opacity:.8}90%{opacity:.7}100%{transform:translateY(19px);opacity:0}}
@keyframes tlw-flash{0%,42%,44%,46%,100%{opacity:0}43%,45%{opacity:.95}}
@keyframes tlw-shake{0%,59%,65%,100%{transform:rotate(0)}60%{transform:rotate(-3deg)}61%{transform:rotate(3deg)}62%{transform:rotate(-2deg)}63%{transform:rotate(2deg)}}
@keyframes tlw-glow{0%,70%,80%,100%{box-shadow:none}74%{box-shadow:inset 0 0 12px #ffe59b,0 0 18px #f1c65366}}
@media(max-width:600px){#tlw-root{right:13px;bottom:13px}#tlw-root .tlw-panel{bottom:76px;height:min(540px,calc(100dvh - 100px))}}
@media(prefers-reduced-motion:reduce){#tlw-root *,#tlw-root *:before,#tlw-root *:after{animation:none!important;transition:none!important}}


/* TUNLAB-PREMIUM-CLOUD-V2 — polished metallic chat button; visual only */
#tlw-root {
  right: 20px;
  bottom: 18px;
}
#tlw-root .tlw-unit {
  width: 102px;
  height: 150px;
}
#tlw-root .tlw-button {
  width: 78px;
  height: 76px;
  right: 5px;
  bottom: 0;
  border-radius: 22px;
  border: 1px solid rgba(169,193,225,.62);
  background:
    radial-gradient(ellipse at 30% 14%,rgba(255,255,255,.22),transparent 46%),
    linear-gradient(152deg,#536681 0%,#283b59 40%,#121b2d 100%);
  box-shadow:
    0 16px 36px rgba(0,0,0,.50),
    0 0 0 1px rgba(255,255,255,.11) inset,
    0 10px 22px rgba(2,9,25,.25) inset;
  transform-origin: center 54%;
}
#tlw-root .tlw-button svg {
  width: 35px;
  height: 35px;
  filter: drop-shadow(0 2px 4px rgba(0,0,0,.30));
}
#tlw-root .tlw-button:hover {
  border-color: rgba(244,208,125,.86);
  box-shadow: 0 18px 40px #000a,0 0 0 2px #f1c65350,
    inset 0 1px 2px #ffffff44;
}
#tlw-root .tlw-sky {
  width: 94px;
  height: 82px;
  right: 0;
  top: -11px;
  transform-origin: center 60%;
  filter: drop-shadow(0 10px 9px rgba(5,14,26,.38));
  animation: tlw-cloud-premium-float 5.1s ease-in-out infinite;
}
#tlw-root .tlw-sun {
  width: 30px;
  height: 30px;
  top: 7px;
  right: 7px;
  background: radial-gradient(circle at 32% 28%,#ffefb0,#f3cd65 57%,#e7ad40);
  box-shadow: 0 0 14px #f8c95f66,0 0 25px #e8bd4b38;
}
#tlw-root .tlw-cloud {
  width: 80px;
  height: 40px;
  top: 23px;
  left: 5px;
  border-radius: 30px 30px 25px 25px;
  background: linear-gradient(155deg,#dbe7f3 0%,#afc3d8 57%,#7893b3 100%);
  box-shadow: inset 0 2px 3px #ffffff8a,inset 0 -4px 9px #47668236,
    0 4px 11px #13244045;
}
#tlw-root .tlw-cloud:before {
  width: 39px;
  height: 40px;
  top: -18px;
  left: 11px;
  background: linear-gradient(144deg,#e0eaf4,#b5c9de);
  box-shadow: inset 2px 2px 5px #ffffff45;
}
#tlw-root .tlw-cloud:after {
  width: 36px;
  height: 34px;
  top: -12px;
  left: 36px;
  background: linear-gradient(150deg,#ccdaea,#9ab3cd);
}
#tlw-root .tlw-lightning {
  top: 35px;
  left: 42px;
  z-index: 3;
  font-size: 23px;
  color: #fff2aa;
  text-shadow: 0 0 6px #fff4a6,0 0 15px #eecb65b8;
  animation: tlw-cloud-premium-flash 9.4s linear infinite;
}
#tlw-root .tlw-rain {
  width: 73px;
  height: 34px;
  top: 64px;
  left: 12px;
}
#tlw-root .tlw-drop {
  width: 3px;
  height: 10px;
  background: linear-gradient(#d8f4ff,#80c5ed);
  box-shadow: 0 0 5px #9bd6ff59;
  animation: tlw-cloud-premium-rain 1.65s linear infinite;
}
#tlw-root .tlw-drop:nth-child(1){left:7px;animation-delay:.1s}
#tlw-root .tlw-drop:nth-child(2){left:24px;animation-delay:.5s}
#tlw-root .tlw-drop:nth-child(3){left:41px;animation-delay:.9s}
#tlw-root .tlw-drop:nth-child(4){left:58px;animation-delay:1.3s}
#tlw-root .tlw-glint {
  background: linear-gradient(125deg,transparent 15%,#ffffff11 43%,transparent 68%);
  animation: tlw-cloud-premium-glow 8.8s ease-in-out infinite;
}
#tlw-root .tlw-unit:not(.tlw-stopped) .tlw-button {
  animation: tlw-cloud-premium-shake 7.2s ease-in-out infinite;
}
#tlw-root .tlw-panel { bottom: 91px; }
@keyframes tlw-cloud-premium-float {
  0%,100%{transform:translateY(0) rotate(-1.4deg)}
  50%{transform:translateY(-5px) rotate(1.3deg)}
}
@keyframes tlw-cloud-premium-flash {
  0%,40%,42%,44%,100%{opacity:0}
  41%,43%{opacity:.97}
}
@keyframes tlw-cloud-premium-rain {
  0%,16%{transform:translateY(-1px);opacity:0}
  26%{opacity:.85}
  80%{opacity:.68}
  100%{transform:translateY(24px);opacity:0}
}
@keyframes tlw-cloud-premium-shake {
  0%,61%,66%,100%{transform:rotate(0)}
  62%{transform:rotate(-2.7deg)}
  63%{transform:rotate(2.5deg)}
  64%{transform:rotate(-1.6deg)}
  65%{transform:rotate(1.2deg)}
}
@keyframes tlw-cloud-premium-glow {
  0%,72%,82%,100%{box-shadow:none}
  76%{box-shadow:inset 0 0 15px #fff3c032,0 0 22px #f4d37544}
}
@media(max-width:600px){
  #tlw-root{right:13px;bottom:13px}
  #tlw-root .tlw-unit{width:96px;height:143px}
  #tlw-root .tlw-button{width:75px;height:73px}
  #tlw-root .tlw-panel{bottom:86px}
}
@media(prefers-reduced-motion:reduce) {
  #tlw-root *,#tlw-root *:before,#tlw-root *:after{animation:none!important}
}