/* door48: main page "Ask a bot anything" area. Self-contained: every rule is scoped to .ask-bot, so this file, /assets/ask.js
   and the <!-- ASK A BOT SECTION --> block in index.html can be removed or moved together without touching anything else. */
.ask-bot{max-width:1160px;margin:6px auto 0;padding:0 20px}
.ask-bot .ask-box{position:relative;max-width:760px;margin:0 auto;padding:16px 18px 12px;border-radius:16px;color:#e8f0ff;
  background:linear-gradient(180deg,rgba(235,242,255,.12),rgba(120,140,180,.05) 46%,rgba(5,7,15,.6)),#0a0f1f;
  border:1px solid rgba(143,211,255,.38);box-shadow:inset 0 1px 0 rgba(255,255,255,.22),inset 0 -1px 0 rgba(0,0,0,.5),0 0 26px rgba(61,139,255,.22),0 0 46px rgba(180,77,255,.10)}
.ask-bot .ask-box::before{content:"";position:absolute;left:18px;right:18px;top:0;height:1px;background:linear-gradient(90deg,transparent,#8fd3ff,#b44dff,transparent);opacity:.8}
.ask-bot .ask-hd{display:flex;align-items:center;gap:10px;margin:0 0 10px}
.ask-bot .ask-av{flex:none;width:34px;height:34px;border-radius:50%;object-fit:cover;border:1px solid rgba(143,211,255,.6);box-shadow:0 0 12px rgba(61,139,255,.45)}
.ask-bot .ask-h{margin:0;font-family:Orbitron,sans-serif;font-weight:800;font-size:17px;letter-spacing:.06em;line-height:1.15;
  background:linear-gradient(90deg,#fff,#cfe0ff 55%,#d9c2ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.ask-bot .ask-k{display:block;font-family:'JetBrains Mono',monospace;font-weight:500;font-size:10px;letter-spacing:.18em;color:#8fd3ff;margin-top:3px}
.ask-bot .ask-form{display:flex;gap:8px;margin:0}
.ask-bot .ask-in{flex:1;min-width:0;height:44px;padding:0 14px;border-radius:11px;font:500 15px 'Space Grotesk',system-ui,sans-serif;color:#eef4ff;
  background:rgba(5,9,22,.85);border:1px solid rgba(110,160,255,.35);outline:none;transition:border-color .2s,box-shadow .2s}
.ask-bot .ask-in::placeholder{color:#7f93bb}
.ask-bot .ask-in:focus{border-color:#8fd3ff;box-shadow:0 0 0 3px rgba(61,139,255,.22)}
.ask-bot .ask-go{flex:none;height:44px;min-width:84px;padding:0 16px;border:0;border-radius:11px;cursor:pointer;font-family:Orbitron,sans-serif;font-weight:800;font-size:12px;letter-spacing:.12em;
  color:#05070f;background:linear-gradient(90deg,#3d8bff,#8f5bff);box-shadow:0 0 18px rgba(61,139,255,.4);transition:transform .2s,box-shadow .2s,opacity .2s}
.ask-bot .ask-go:hover,.ask-bot .ask-go:focus-visible{transform:translateY(-1px);box-shadow:0 0 26px rgba(143,91,255,.55)}
.ask-bot .ask-go:focus-visible,.ask-bot .ask-more:focus-visible{outline:2px solid #8fd3ff;outline-offset:3px}
.ask-bot .ask-go:disabled,.ask-bot .ask-in:disabled{opacity:.6;cursor:wait;transform:none}
.ask-bot .ask-out{margin:10px 0 0;padding:10px 12px;border-radius:11px;background:rgba(61,139,255,.08);border:1px solid rgba(110,160,255,.22);border-left:3px solid #8fd3ff}
.ask-bot .ask-out[hidden]{display:none}
.ask-bot .ask-a{margin:0;font-size:15px;line-height:1.5;color:#e8f0ff;white-space:pre-wrap;overflow-wrap:anywhere}
.ask-bot .ask-out.wait .ask-a{color:#8fa3c9;font-style:italic}
.ask-bot .ask-out.err{border-left-color:#d9c2ff;background:rgba(180,77,255,.08)}
.ask-bot .ask-out.err .ask-a{color:#d9c2ff}
.ask-bot .ask-ft{display:flex;align-items:center;justify-content:space-between;gap:6px 12px;flex-wrap:wrap;margin-top:9px}
.ask-bot .ask-note{margin:0;font-size:12px;line-height:1.4;color:#8fa3c9}
.ask-bot .ask-n{font-family:'JetBrains Mono',monospace;font-size:11px;color:#d9c2ff;margin-left:6px}
.ask-bot .ask-more{flex:none;font-family:'JetBrains Mono',monospace;font-weight:500;font-size:12px;letter-spacing:.06em;color:#8fd3ff;text-decoration:none;
  padding:5px 10px;border-radius:999px;border:1px solid rgba(143,211,255,.35);background:rgba(61,139,255,.06);transition:border-color .2s,color .2s}
.ask-bot .ask-more:hover{color:#fff;border-color:#8fd3ff}
@media (max-width:520px){
  .ask-bot{padding:0 14px;margin-top:2px}
  .ask-bot .ask-box{padding:13px 13px 10px;border-radius:14px}
  .ask-bot .ask-hd{margin-bottom:9px;gap:9px}
  .ask-bot .ask-av{width:30px;height:30px}
  .ask-bot .ask-h{font-size:15px}
  .ask-bot .ask-in{height:42px;font-size:16px;padding:0 12px}
  .ask-bot .ask-go{height:42px;min-width:72px;padding:0 12px}
  .ask-bot .ask-a{font-size:14.5px}
  .ask-bot .ask-note{font-size:11.5px}
}
@media (prefers-reduced-motion:reduce){.ask-bot .ask-go,.ask-bot .ask-in{transition:none}.ask-bot .ask-go:hover{transform:none}}