.zu2b-help-root *{box-sizing:border-box;margin:0;padding:0}
.zu2b-help-root{font-family:'Lato',sans-serif}
.zu2b-trigger-bubble{
  position:fixed;bottom:90px;left:24px;z-index:999997;
  max-width:250px;background:#161616;color:#fff;
  border:1px solid rgba(13,192,179,0.4);border-radius:14px;border-bottom-left-radius:4px;
  padding:14px 30px 14px 16px;font-family:'Lato',sans-serif;font-size:13px;line-height:1.5;
  box-shadow:0 8px 24px rgba(0,0,0,0.35), 0 0 20px rgba(13,192,179,0.15);
  cursor:pointer;display:none;
  animation:zu2b-bubble-in 0.3s ease;
}
.zu2b-trigger-bubble.show{display:block}
@keyframes zu2b-bubble-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.zu2b-trigger-close{
  position:absolute;top:6px;right:6px;width:20px;height:20px;
  background:transparent;border:none;color:#888;font-size:16px;line-height:1;
  cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;
  border-radius:50%;transition:background 0.15s,color 0.15s;
}
.zu2b-trigger-close:hover{background:rgba(255,255,255,0.1);color:#fff}
.zu2b-launcher.zu2b-pulsing{animation:zu2b-launcher-pulse 2s infinite}
@keyframes zu2b-launcher-pulse{
  0%,100%{box-shadow:0 4px 20px rgba(0,0,0,0.5), 0 0 0 1px rgba(13,192,179,0.35), 0 0 16px rgba(13,192,179,0.25);}
  50%{box-shadow:0 4px 20px rgba(0,0,0,0.5), 0 0 0 1px rgba(13,192,179,0.7), 0 0 28px rgba(13,192,179,0.55);}
}
.zu2b-launcher{
  position:fixed;bottom:24px;left:24px;z-index:999999;
  width:56px;height:56px;border-radius:50%;
  background:#0d0d0d;border:none;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  overflow:hidden;
  box-shadow:0 4px 20px rgba(0,0,0,0.5), 0 0 0 1px rgba(13,192,179,0.35), 0 0 16px rgba(13,192,179,0.25);
  transition:transform 0.3s,background 0.2s,opacity 0.3s,box-shadow 0.2s;
}
.zu2b-launcher:hover{background:#161616;transform:scale(1.07);box-shadow:0 4px 20px rgba(0,0,0,0.5), 0 0 0 1px rgba(13,192,179,0.55), 0 0 20px rgba(13,192,179,0.4);}
.zu2b-launcher i{font-size:24px;color:#fff}
.zu2b-launcher img{
  width:44px !important;
  height:44px !important;
  max-width:44px !important;
  max-height:44px !important;
  object-fit:contain !important;
  display:block !important;
  pointer-events:none;
}
.zu2b-popup{
  position:fixed;bottom:92px;left:24px;z-index:999998;
  width:440px;border-radius:14px;
  background:#0d0d0d;border:1px solid #262626;
  overflow:hidden;
  box-shadow:0 8px 40px rgba(0,0,0,0.5), 0 0 0 1px rgba(13,192,179,0.08);
  transform:scale(0.93) translateY(12px);opacity:0;pointer-events:none;
  transition:transform 0.22s cubic-bezier(.4,1.3,.6,1),opacity 0.18s;
  max-height:78dvh;
  display:flex;
  flex-direction:column;
}
.zu2b-popup.open{transform:scale(1) translateY(0);opacity:1;pointer-events:all}
@media (max-width:600px){
  .zu2b-popup{
    width:calc(100vw - 24px);
    left:12px;
    right:12px;
    bottom:84px;
    max-height:70dvh;
    display:flex;
    flex-direction:column;
    position:fixed;
  }
  .zu2b-body{
    overflow-y:auto;
    -webkit-overflow-scrolling:touch;
    flex:1;
    overscroll-behavior:contain;
  }
}
.zu2b-header{background:#161616;padding:20px 20px 16px;border-bottom:1px solid #262626}
.zu2b-header h2{
  font-family:'Playfair Display',serif;font-size:18px;font-weight:600;
  color:#fff;margin:0 0 4px;line-height:1.3;
}
.zu2b-header p{font-size:13px;color:rgba(255,255,255,0.65);margin:0}
.zu2b-tabs{
  display:flex;background:rgba(255,255,255,0.06);border-radius:8px;
  margin:12px 0 0;padding:3px;gap:2px;
}
.zu2b-tab{
  flex:1;padding:6px 8px;border:none;border-radius:6px;
  font-family:'Lato',sans-serif;font-size:13px;font-weight:700;
  cursor:pointer;transition:background 0.15s,color 0.15s;
  background:transparent;color:rgba(255,255,255,0.6);
  display:flex;align-items:center;justify-content:center;gap:6px;
}
.zu2b-tab.active{background:#0DC0B3;color:#0d0d0d}
.zu2b-tab i{font-size:15px}
.zu2b-tab[data-tab="batu"]{position:relative;animation:zu2b-tab-glow 3s ease-in-out infinite}
@keyframes zu2b-tab-glow{
  0%,100%{box-shadow:0 0 0 1px rgba(13,192,179,0.25), 0 0 8px rgba(13,192,179,0.15);}
  50%{box-shadow:0 0 0 1px rgba(13,192,179,0.65), 0 0 14px rgba(13,192,179,0.45);}
}
.zu2b-body{padding:16px;min-height:320px;overflow-y:auto;flex:1;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
.zu2b-panel{display:none}
.zu2b-panel.active{display:block}
.zu2b-ask label{
  font-size:11px;font-weight:700;color:#9ca3af;
  text-transform:uppercase;letter-spacing:0.06em;
  display:block;margin-bottom:5px;
}
.zu2b-ask input,.zu2b-ask textarea{
  width:100%;border:1px solid #2a2a2a;border-radius:8px;
  padding:9px 11px;font-family:'Lato',sans-serif;
  font-size:14px;color:#fff;background:#1a1a1a;
  margin-bottom:10px;resize:none;outline:none;
  transition:border-color 0.15s,background 0.15s;
}
.zu2b-ask input::placeholder,.zu2b-ask textarea::placeholder{color:#666}
.zu2b-ask input:focus,.zu2b-ask textarea:focus{border-color:#0DC0B3;background:#1f1f1f}
.zu2b-ask textarea{height:88px}
.zu2b-send{
  width:100%;padding:11px;background:#0DC0B3;color:#0d0d0d;
  border:none;border-radius:8px;font-family:'Lato',sans-serif;
  font-size:14px;font-weight:700;cursor:pointer;
  transition:background 0.15s;
}
.zu2b-send:hover{background:#0aa89c}
.zu2b-send:disabled{background:#2a5a56;color:#6b7d7b;cursor:not-allowed}
.zu2b-transcript-notice{
  font-size:12px;color:#0DC0B3;margin-bottom:10px;
  padding:8px 10px;background:rgba(13,192,179,0.1);border-radius:6px;border:1px solid rgba(13,192,179,0.25);
  display:flex;align-items:center;gap:6px;
}
.zu2b-error{
  font-size:12px;color:#ff8a80;margin-bottom:8px;display:none;
  padding:8px 10px;background:rgba(192,57,43,0.15);border-radius:6px;border:1px solid rgba(192,57,43,0.35);
}
.zu2b-sent{display:none;text-align:center;padding:28px 0 16px}
.zu2b-sent i{font-size:44px;color:#0DC0B3;display:block;margin-bottom:10px}
.zu2b-sent strong{display:block;font-size:15px;color:#fff;margin-bottom:6px}
.zu2b-sent p{font-size:13px;color:#9ca3af}
.zu2b-hosting-link{
  margin-top:14px;padding-top:12px;
  border-top:1px solid #262626;text-align:center;
}
.zu2b-hosting-link a{
  font-size:12px;color:#0DC0B3;text-decoration:none;font-weight:700;
  display:inline-flex;align-items:center;gap:4px;
}
.zu2b-hosting-link a:hover{text-decoration:underline}
.zu2b-hosting-link i{font-size:13px}
.zu2b-faq-item{border:1px solid #ececec;border-radius:8px;margin-bottom:8px;overflow:hidden}
.zu2b-faq-q{
  padding:11px 14px;font-size:13px;font-weight:700;
  color:#222;cursor:pointer;
  display:flex;align-items:center;justify-content:space-between;
  background:#f8f8f8;transition:background 0.12s;user-select:none;
}
.zu2b-faq-q:hover{background:#f0f0f0}
.zu2b-faq-q i{font-size:14px;color:#aaa;transition:transform 0.2s;flex-shrink:0;margin-left:8px}
.zu2b-faq-q.open i{transform:rotate(180deg)}
.zu2b-faq-a{
  max-height:0;overflow:hidden;
  transition:max-height 0.25s ease,padding 0.2s;
  font-size:13px;color:#666;line-height:1.6;
  padding:0 14px;background:#fff;
}
.zu2b-faq-a.open{max-height:200px;padding:10px 14px}
.zu2b-faq-a a{color:#27C1A5;text-decoration:none;font-weight:700}
.zu2b-faq-a a:hover{text-decoration:underline}

.zu2b-topbar-masthead{display:flex;align-items:center;gap:10px;margin-bottom:6px}
.zu2b-chat-log{
  min-height:220px;max-height:420px;overflow-y:auto;
  display:flex;flex-direction:column;gap:8px;margin-bottom:10px;
  padding-right:2px;
}
.zu2b-chat-msg{
  font-size:13px;line-height:1.55;padding:9px 12px;border-radius:12px;
  max-width:85%;word-wrap:break-word;
}
.zu2b-chat-msg.bot{
  background:#1a1a1a;color:#fff;align-self:flex-start;
  border:1px solid rgba(13,192,179,0.15);
  border-bottom-left-radius:4px;
}
.zu2b-chat-msg.user{
  background:#0DC0B3;color:#0d0d0d;align-self:flex-end;
  border-bottom-right-radius:4px;
}
.zu2b-chat-msg.error{
  background:rgba(192,57,43,0.15);color:#ff8a80;align-self:flex-start;
  border:1px solid rgba(192,57,43,0.3);
  border-bottom-left-radius:4px;
}
.zu2b-chat-msg a{color:inherit;font-weight:700}
.zu2b-feedback-row{
  display:flex;align-items:center;gap:6px;align-self:flex-start;
  margin:-4px 0 4px 4px;
}
.zu2b-feedback-label{font-size:11px;color:#666}
.zu2b-feedback-btn{
  background:transparent;border:none;font-size:13px;cursor:pointer;
  padding:2px 4px;border-radius:4px;opacity:0.6;transition:opacity 0.15s,background 0.15s;
}
.zu2b-feedback-btn:hover{opacity:1;background:rgba(255,255,255,0.08)}
.zu2b-feedback-thanks{font-size:11px;color:#0DC0B3}
.zu2b-feedback-input{
  font-size:12px;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:6px;
  color:#fff;padding:4px 8px;flex:1;outline:none;
}
.zu2b-feedback-input:focus{border-color:#0DC0B3}
.zu2b-feedback-input::placeholder{color:#666}
.zu2b-feedback-submit{
  font-size:11px;background:#0DC0B3;color:#0d0d0d;border:none;
  border-radius:6px;padding:4px 10px;cursor:pointer;font-weight:700;
}
.zu2b-chat-typing{
  display:flex;gap:4px;align-self:flex-start;background:#1a1a1a;
  border:1px solid rgba(13,192,179,0.15);
  padding:11px 14px;border-radius:12px;border-bottom-left-radius:4px;
}
.zu2b-chat-typing span{
  width:6px;height:6px;border-radius:50%;background:#0DC0B3;
  animation:zu2b-bounce 1.3s infinite ease-in-out;
}
.zu2b-chat-typing span:nth-child(2){animation-delay:0.15s}
.zu2b-chat-typing span:nth-child(3){animation-delay:0.3s}
@keyframes zu2b-bounce{0%,60%,100%{transform:translateY(0)}30%{transform:translateY(-5px)}}
.zu2b-quick-pills{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}
.zu2b-pill{
  background:transparent;border:1px solid rgba(13,192,179,0.4);color:#0DC0B3;
  font-family:'Lato',sans-serif;font-size:12px;font-weight:600;
  padding:6px 12px;border-radius:999px;cursor:pointer;
  transition:background 0.15s,border-color 0.15s;
}
.zu2b-pill:hover{background:rgba(13,192,179,0.12);border-color:#0DC0B3}
.zu2b-pill-human{border-color:rgba(255,255,255,0.25);color:#9ca3af}
.zu2b-pill-human:hover{background:rgba(255,255,255,0.06);border-color:rgba(255,255,255,0.4)}
.zu2b-chat-input-row{display:flex;gap:6px}
.zu2b-chat-input-row input{
  flex:1;border:1px solid #2a2a2a;border-radius:8px;padding:9px 11px;
  font-family:'Lato',sans-serif;font-size:14px;color:#fff;background:#1a1a1a;
  outline:none;transition:border-color 0.15s,background 0.15s;
}
.zu2b-chat-input-row input::placeholder{color:#666}
.zu2b-chat-input-row input:focus{border-color:#0DC0B3;background:#1f1f1f}
.zu2b-chat-input-row button{
  width:40px;flex-shrink:0;background:#0DC0B3;color:#0d0d0d;border:none;
  border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;
  font-size:16px;transition:background 0.15s;
}
.zu2b-chat-input-row button:hover{background:#0aa89c}
.zu2b-chat-input-row button:disabled{background:#2a5a56;color:#6b7d7b;cursor:not-allowed}
.zu2b-mic-listening{animation:zu2b-mic-pulse 1.2s infinite}
@keyframes zu2b-mic-pulse{
  0%,100%{box-shadow:0 0 0 0 rgba(13,192,179,0.5);}
  50%{box-shadow:0 0 0 6px rgba(13,192,179,0);}
}
.zu2b-tts-toggle{
  display:block;width:100%;text-align:center;background:transparent;border:none;
  color:#8a8f98;font-family:'Lato',sans-serif;font-size:12px;font-weight:600;
  padding:8px 0 0;margin:0;cursor:pointer;transition:color 0.15s;
}
.zu2b-tts-toggle i{font-size:13px;vertical-align:-1px;margin-right:2px}
.zu2b-tts-toggle:hover{color:#0DC0B3}
.zu2b-tts-toggle[aria-pressed="true"]{color:#0DC0B3}
.zu2b-end-chat-link{
  display:block;width:100%;text-align:center;background:transparent;border:none;
  color:#F2C94C;font-family:'Lato',sans-serif;font-size:12px;font-weight:600;
  padding:8px 0 0;margin:0;cursor:pointer;transition:color 0.15s;
}
.zu2b-end-chat-link:hover{color:#0DC0B3}
.zu2b-ai-disclaimer{font-size:11px;color:#666;text-align:center;margin-top:8px;line-height:1.4}