.biomodes-ask{
  --bak-ground:#eef2f2; --bak-panel:#e4ecec; --bak-ink:#16231f; --bak-ink-dim:#4c5c58;
  --bak-rule:rgba(22,35,31,.14); --bak-accent:#2d96bd;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;
  color:var(--bak-ink);
}
[theme=dark] .biomodes-ask{ --bak-ground:#0f1a1c; --bak-panel:#132123; --bak-ink:#dce8e6; --bak-ink-dim:#8fa5a1; --bak-rule:rgba(220,232,230,.14); --bak-accent:#5fb8d9; }
[theme=black] .biomodes-ask{ --bak-ground:#000; --bak-panel:#0a0a0a; --bak-ink:#d9d9d9; --bak-ink-dim:#8a8a8a; --bak-rule:rgba(255,255,255,.14); --bak-accent:#5fb8d9; }
.bak-mono{ font-family:ui-monospace,"Cascadia Code","SF Mono",Menlo,Consolas,monospace; font-variant-numeric:tabular-nums; }

.bak-row{ display:flex; gap:.6rem; margin:1rem 0; }
@media (max-width:560px){ .bak-row{ flex-direction:column; } }
.bak-input{
  flex:1; font:inherit; font-size:.92rem; padding:.65rem .9rem; border-radius:8px;
  border:1px solid var(--bak-rule); background:var(--bak-panel); color:var(--bak-ink);
}
.bak-input:focus{ outline:2px solid var(--bak-accent); outline-offset:1px; }
.bak-submit{
  font:inherit; font-size:.88rem; font-weight:600; cursor:pointer; white-space:nowrap;
  padding:.65rem 1.2rem; border-radius:8px; border:1px solid var(--bak-accent);
  background:var(--bak-accent); color:#fff;
}
.bak-submit:hover{ opacity:.9; }
.bak-submit:disabled{ opacity:.5; cursor:default; }

.bak-hint{ font-size:.76rem; color:var(--bak-ink-dim); margin:-.4rem 0 .8rem; }

.bak-examples{ display:flex; flex-wrap:wrap; gap:.4rem; margin:0 0 .8rem; }
.bak-example-chip{
  font:inherit; font-size:.76rem; cursor:pointer; text-align:left;
  padding:.3rem .7rem; border-radius:9px; border:1px solid var(--bak-rule);
  background:var(--bak-panel); color:var(--bak-ink-dim);
}
.bak-example-chip:hover{ border-color:var(--bak-accent); color:var(--bak-ink); }
.bak-example-chip:disabled{ opacity:.5; cursor:default; }

.bak-quota{ font-size:.72rem; color:var(--bak-ink-dim); margin:-.4rem 0 .8rem; font-variant-numeric:tabular-nums; }
.bak-quota.low{ color:var(--bak-accent); }

.bak-recent{ margin:0 0 .8rem; }
.bak-recent-title{ font-size:.66rem; text-transform:uppercase; letter-spacing:.08em; color:var(--bak-ink-dim); margin-bottom:.4rem; }
.bak-recent-list{ display:flex; flex-wrap:wrap; gap:.4rem; }
.bak-recent-item{
  font:inherit; font-size:.76rem; cursor:pointer; text-align:left;
  padding:.2rem .6rem; border-radius:9px; border:none;
  background:var(--bak-rule); color:var(--bak-ink);
}
.bak-recent-item:hover{ background:var(--bak-accent); color:#fff; }

.bak-result{ display:none; margin-top:1rem; padding:1.1rem 1.2rem; border-radius:10px; background:var(--bak-panel); border:1px solid var(--bak-rule); }
.bak-result.show{ display:block; }
.bak-result.loading{ color:var(--bak-ink-dim); font-size:.88rem; }
.bak-result.error{ color:var(--bak-ink-dim); border-color:var(--bak-accent); }
.bak-answer{ font-size:.92rem; line-height:1.6; margin:0; }
.bak-sources{ margin-top:.9rem; padding-top:.8rem; border-top:1px dashed var(--bak-rule); }
.bak-sources-title{ font-size:.66rem; text-transform:uppercase; letter-spacing:.08em; color:var(--bak-ink-dim); margin-bottom:.4rem; }
.bak-sources-list{ display:flex; flex-wrap:wrap; gap:.4rem; }
.bak-source-link{ font-size:.76rem; padding:.2rem .6rem; border-radius:9px; background:var(--bak-rule); color:var(--bak-ink); text-decoration:none; }
.bak-source-link:hover{ background:var(--bak-accent); color:#fff; }