/* AI Samuraj | all selectors scoped to avoid impacting website */
#kobukai-ai{
  --as-bg:#10151b;
  --as-bg2:#0f1318;
  --as-gold:#d9ae72;
  --as-red:#a0433d;
  position:fixed;
  right:22px;
  bottom:22px;
  z-index:2147482000;
  font:14px/1.5 system-ui,-apple-system,Segoe UI,sans-serif;
  color:#faf6ef;
}
#kobukai-ai *,#kobukai-ai *::before,#kobukai-ai *::after{box-sizing:border-box}
#kobukai-ai button{font:inherit;cursor:pointer}
#kobukai-ai .as-trigger{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid #b98c53;
  border-radius:999px;
  width:84px;
  height:84px;
  background:radial-gradient(circle at 30% 20%,#433e3b,#161a20 72%);
  box-shadow:0 10px 32px #0008,0 0 0 6px #c99b5a18;
  color:var(--as-gold);
  transition:transform .2s;
}
#kobukai-ai .as-trigger:hover{transform:translateY(-3px) scale(1.02)}
#kobukai-ai .as-trigger:focus-visible,#kobukai-ai button:focus-visible,#kobukai-ai input:focus-visible{outline:2px solid var(--as-gold);outline-offset:3px}
#kobukai-ai .as-trigger img{
  width:56px;
  height:56px;
  object-fit:contain;
  display:block;
  filter:drop-shadow(0 2px 7px rgba(0,0,0,.35));
}
#kobukai-ai .as-pulse{position:absolute;width:9px;height:9px;border-radius:50%;background:#72dca4;right:12px;top:10px;box-shadow:0 0 8px #72dca4}
#kobukai-ai .as-panel{
  position:absolute;
  right:0;
  bottom:98px;
  width:min(405px,calc(100vw - 24px));
  height:min(625px,calc(100dvh - 120px));
  display:flex;
  flex-direction:column;
  background:linear-gradient(160deg,#181f27,#0e1218);
  border:1px solid #806244;
  border-radius:18px;
  box-shadow:0 25px 65px #000b;
  overflow:hidden;
  opacity:0;
  visibility:hidden;
  transform:translateY(9px) scale(.98);
  transition:opacity .2s,transform .2s,visibility .2s;
}
#kobukai-ai .as-panel.as-open{opacity:1;visibility:visible;transform:none}
#kobukai-ai .as-head{display:flex;align-items:center;gap:12px;padding:15px;background:linear-gradient(100deg,#32302e,#181d23);border-bottom:1px solid #806244}
#kobukai-ai .as-mark{
  width:56px;
  height:56px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#0c1117;
  border:1px solid #9e7546;
  color:var(--as-gold);
  flex:0 0 auto;
}
#kobukai-ai .as-mark img{
  width:42px;
  height:42px;
  object-fit:contain;
  display:block;
  filter:drop-shadow(0 2px 7px rgba(0,0,0,.35));
}
#kobukai-ai .as-brand{flex:1;min-width:0}
#kobukai-ai .as-brand strong{display:block;color:#ecc993;font-weight:750;letter-spacing:1px;font-size:16px}
#kobukai-ai .as-brand small{font-size:11px;color:#c8c1b5}
#kobukai-ai .as-close{background:none;border:none;color:#e6dbce;font-size:28px;line-height:1;padding:5px}
#kobukai-ai .as-feed{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:12px;padding:17px;scroll-behavior:smooth}
#kobukai-ai .as-bubble{max-width:94%;white-space:pre-wrap;overflow-wrap:anywhere;padding:11px 13px;border-radius:14px;line-height:1.55;font-size:13px}
#kobukai-ai .as-assistant{background:#242c34;color:#faf8f4;border:1px solid #37414b;align-self:flex-start}
#kobukai-ai .as-user{background:#5c4331;border:1px solid #936d48;color:#fff;align-self:flex-end}
#kobukai-ai .as-quick{display:flex;gap:7px;flex-wrap:wrap;padding:11px 14px;border-top:1px solid #333942}
#kobukai-ai .as-quick button{border:1px solid #826545;color:#f6cf9a;background:#26282a;border-radius:25px;font-size:11px;padding:7px 10px}
#kobukai-ai .as-form{display:flex;gap:8px;padding:0 12px 10px}
#kobukai-ai .as-form input{flex:1;min-width:0;color:#fff;background:#232a33;border:1px solid #555a60;border-radius:10px;padding:12px;font:inherit;font-size:13px}
#kobukai-ai .as-send{border:0;background:var(--as-gold);color:#1a1b1b;border-radius:10px;padding:0 15px;font-weight:800}
#kobukai-ai .as-send:disabled{opacity:.5;cursor:default}
#kobukai-ai .as-foot{font-size:10px;text-align:center;color:#a3a4a7;padding:0 10px 9px}
#kobukai-ai .as-status{font-size:11px;color:#efbd76;padding:0 15px 8px;min-height:13px}
#kobukai-ai .as-hide{display:none!important}
@media(max-width:540px){
  #kobukai-ai{right:12px;bottom:12px}
  #kobukai-ai .as-trigger{width:78px;height:78px}
  #kobukai-ai .as-trigger img{width:52px;height:52px}
  #kobukai-ai .as-panel{bottom:92px;width:calc(100vw - 24px);height:min(650px,calc(100dvh - 116px))}
}
@media(prefers-reduced-motion:reduce){#kobukai-ai *,#kobukai-ai *::before{transition:none!important;scroll-behavior:auto!important}}

/* AI Samuraj: level badge and responsive language picker */
#kobukai-ai .as-head{position:relative}
#kobukai-ai .as-brand small{display:block}
#kobukai-ai .as-level{display:inline-flex;align-items:center;margin-top:5px;padding:2px 7px;border:1px solid rgba(217,174,114,.5);border-radius:999px;color:#e6c18e;font-size:9px;font-weight:800;letter-spacing:.08em;line-height:1.4}
#kobukai-ai .as-head-tools{position:relative;display:flex;align-items:center;gap:5px;flex:0 0 auto}
#kobukai-ai .as-lang-toggle{display:flex;align-items:center;gap:4px;min-height:34px;padding:5px 7px;border:1px solid #806244;border-radius:9px;background:#20252b;color:#f5e2c4;font-size:11px;font-weight:800;line-height:1}
#kobukai-ai .as-lang-toggle .as-lang-flag{font-size:15px}
#kobukai-ai .as-lang-toggle .as-lang-code{letter-spacing:.05em}
#kobukai-ai .as-lang-menu{position:absolute;z-index:5;top:calc(100% + 9px);right:0;display:grid;grid-template-columns:1fr 1fr;gap:5px;width:min(300px,calc(100vw - 42px));padding:9px;border:1px solid #806244;border-radius:12px;background:linear-gradient(160deg,#181f27,#0e1218);box-shadow:0 14px 35px #000b}
#kobukai-ai .as-lang-menu[hidden]{display:none!important}
#kobukai-ai .as-lang-option{display:flex;align-items:center;gap:7px;min-width:0;min-height:38px;padding:6px 8px;border:1px solid #343b43;border-radius:8px;background:#1b222a;color:#f5f1ea;text-align:left;font-size:11px;line-height:1.2}
#kobukai-ai .as-lang-option:hover,#kobukai-ai .as-lang-option[aria-pressed="true"]{border-color:#c69a5f;background:#2a2926;color:#f5d29a}
#kobukai-ai .as-lang-option .as-lang-flag{flex:0 0 auto;font-size:15px}
#kobukai-ai .as-lang-option .as-lang-name{overflow:hidden;text-overflow:ellipsis}
#kobukai-ai .as-close{flex:0 0 auto}
#kobukai-ai .as-trigger-level{position:absolute;left:50%;top:-12px;transform:translateX(-50%);white-space:nowrap;padding:3px 7px;border:1px solid rgba(217,174,114,.65);border-radius:999px;background:#15191e;color:#f0d09f;font-size:9px;font-weight:850;letter-spacing:.08em;box-shadow:0 4px 12px #0008}
@media(max-width:540px){
  #kobukai-ai .as-head{gap:8px;padding:11px}
  #kobukai-ai .as-mark{width:46px;height:46px}
  #kobukai-ai .as-mark img{width:35px;height:35px}
  #kobukai-ai .as-brand strong{font-size:14px}
  #kobukai-ai .as-brand small{font-size:10px}
  #kobukai-ai .as-level{font-size:8px}
  #kobukai-ai .as-lang-toggle{min-height:32px;padding:5px 6px}
  #kobukai-ai .as-close{font-size:25px;padding:4px}
  #kobukai-ai .as-lang-menu{width:min(270px,calc(100vw - 32px))}
  #kobukai-ai .as-lang-option{font-size:10px;padding:5px 6px}
}