/* The existing consultation flow, in ANIUMA's monochrome interface. */
body { padding-bottom: 0; }
.ask-bar { left: auto; right: 24px; bottom: 22px; transform: none; width: auto; max-width: calc(100% - 40px); border-radius: 0; border: 1px solid #d6d6d6; padding: 8px 14px 8px 8px; gap: 12px; box-shadow: 0 6px 25px #0000000b; cursor: pointer; }
.ask-bar:active { transform: scale(.97); }
.ask-bar .ask-ai { border-radius: 0; width: 29px; height: 29px; background: var(--ink); color: #fff; font-family: Manrope, sans-serif; }
.ask-bar .ask-ph { font-size: 12px; color: var(--ink); }
.ask-bar .ask-go { color: var(--ink); margin-left: 12px; }
.ask-open .ask-bar { transform: translateY(90px); }
.ask-ov { background: #0006; z-index: 100; }
.ask-ov[aria-hidden="true"] { pointer-events: none; }
.ask-panel { background: #fff; width: min(480px, 100%); box-shadow: -20px 0 80px #00000014; }
.ask-panel:focus { outline: none; }
.ask-head { padding: 20px; gap: 11px; }
.ask-head > div:nth-child(2) { min-width: 0; }
.ask-head .n { font-size: 13px; }
.ask-head .s { font-size: 11px; color: #666; }
.ask-head .ask-ai, .ask-msg .ask-ai { background: var(--ink); color: #fff; border-radius: 0; }
.ask-close { display: block; }
.ask-close, .ask-reset { min-width: 36px; min-height: 44px; }
.ask-close::before, .ask-close::after { top: 21px; }
.ask-log { scrollbar-width: thin; scrollbar-color: #ccc transparent; padding: 24px 20px; }
.ask-log:focus-visible { outline: 2px solid var(--ink); outline-offset: -4px; }
.ask-input { padding: 15px 18px; background: #fff; }
.ask-input input { border-radius: 0 !important; background: #fff; }
.ask-input input:focus-visible { outline: 2px solid var(--ink); outline-offset: 2px; }
.ask-input input::placeholder { color: #777; font-size: 12px; }
.ask-input button { border-radius: 0 !important; background: var(--ink); min-height: 44px; }
.ask-input button:disabled { cursor: wait; opacity: .45; }
.ask-chips { padding: 0 20px 18px; }
.ask-chips[hidden] { display: none; }
.ask-chip { border-radius: 0 !important; color: var(--ink); min-height: 40px; text-align: left; line-height: 1.7; padding: 9px 13px; }
.ask-chip:active { background: #f0f0ef; }
.ask-msg .bub { border-radius: 0; border-color: #ddd; background: #f5f5f5; font-size: 13px; }
.ask-msg.me .bub { border-radius: 0; background: var(--ink); }
.ask-note { color: #666; background: #fff; font-size: 10px; line-height: 1.7; padding: 0 18px max(14px, env(safe-area-inset-bottom)); }
.menu-is-open .ask-bar { opacity: 0; pointer-events: none; }
@media (max-width: 720px) {
  .ask-panel { width: 100%; border-radius: 0 !important; height: 92dvh; }
  .ask-head { padding: 7px 16px 14px; gap: 9px; }
  .ask-head .n { font-size: 12px; }
  .ask-head .s { font-size: 10px; }
  .ask-head .ask-ai { width: 30px; height: 30px; }
  .ask-log { padding: 18px 16px; }
  .ask-input { padding: 12px 16px; }
  .ask-grab span { background: #ccc; width: 34px; height: 3px; }
}
@media (max-width: 600px) {
  .ask-bar { right: 16px; bottom: max(16px, env(safe-area-inset-bottom)); padding-right: 12px; gap: 10px; }
  .ask-bar .ask-ph { font-size: 11px; }
  .ask-bar .ask-go { margin-left: 5px; }
}
@media (prefers-reduced-motion: reduce) {
  .ask-bar, .ask-ov, .ask-panel, .ask-chip, .ask-send, .ask-reset { transition: none !important; }
  .ask-log { scroll-behavior: auto !important; }
  .ask-typing .bub i, .ask-msg .bub.typing::after { animation: none !important; }
  .ask-msg .bub.typing::after { display: none; }
}