/* Mistake Booster AI — practice similar / trickier generator (qxmd289) */
.qx-boost{
  position:relative;
  z-index:40;
  margin:16px 0 12px;
  padding:16px 16px 14px;
  border-radius:16px;
  background:linear-gradient(180deg,#eef1fb 0%,#e4e9f8 100%);
  border:1px solid #cfd6ee;
  color:#1e293b;
  box-shadow:0 8px 24px rgba(79,70,229,.08);
  scroll-margin-bottom:calc(140px + env(safe-area-inset-bottom, 0px));
  pointer-events:auto;
  touch-action:manipulation;
}
#qxBoostMount{
  display:block;
  margin-bottom:calc(96px + env(safe-area-inset-bottom, 0px));
  padding-bottom:8px;
}
.qx-boost-foot-gap{
  display:block;
  height:calc(88px + env(safe-area-inset-bottom, 0px));
  width:100%;
  pointer-events:none;
}
#qxBoostCard.qx-boost{
  position:relative;
  z-index:40;
}
.eg-test-root[data-test-theme="dark"] .qx-boost{
  background:linear-gradient(180deg,#2a3148 0%,#232a40 100%);
  border-color:#3d4663;
  color:#e8eefc;
}
.qx-boost-head{display:flex;gap:10px;align-items:flex-start;margin-bottom:12px}
.qx-boost-spark{
  width:28px;height:28px;border-radius:8px;flex:0 0 28px;
  display:grid;place-items:center;background:#7c3aed;color:#fff;font-size:14px;font-weight:800
}
.qx-boost-head h3{margin:0;font-size:16px;font-weight:800;color:#5b21b6;letter-spacing:.01em}
.eg-test-root[data-test-theme="dark"] .qx-boost-head h3{color:#c4b5fd}
.qx-boost-head p{margin:2px 0 0;font-size:13px;line-height:1.4;color:#6d28d9;font-weight:600}
.eg-test-root[data-test-theme="dark"] .qx-boost-head p{color:#ddd6fe}
.qx-boost-box{
  display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;
  background:#fff;border-radius:12px;padding:10px 12px;border:1px solid #e2e8f0;
  pointer-events:auto;
  position:relative;
  z-index:2;
}
.qx-boost-box > .qx-boost-go{
  order:-1;
  width:100%;
  margin-left:0;
}
.eg-test-root[data-test-theme="dark"] .qx-boost-box{background:#1a2236;border-color:#334155}
.qx-boost-lab{font-size:13px;font-weight:800;color:#334155;white-space:nowrap}
.eg-test-root[data-test-theme="dark"] .qx-boost-lab{color:#cbd5e1}
.qx-boost-chips{display:flex;align-items:center;gap:8px;flex-wrap:wrap;pointer-events:auto}
.qx-boost-chip,.qx-boost-pm{
  width:36px;height:36px;border-radius:50%;border:1.5px solid #c7d2fe;
  background:#fff;color:#4338ca;font-weight:800;font-size:14px;cursor:pointer;
  display:inline-grid;place-items:center;padding:0;
  pointer-events:auto;
  touch-action:manipulation;
  position:relative;
  z-index:3;
}
.qx-boost-chip.on{background:#5b21b6;border-color:#5b21b6;color:#fff}
.qx-boost-pm{border-radius:10px;width:34px;height:34px;font-size:16px}
.eg-test-root[data-test-theme="dark"] .qx-boost-chip,
.eg-test-root[data-test-theme="dark"] .qx-boost-pm{background:#0f172a;border-color:#6366f1;color:#c7d2fe}
.eg-test-root[data-test-theme="dark"] .qx-boost-chip.on{background:#7c3aed;border-color:#7c3aed;color:#fff}
.qx-boost-n{min-width:22px;text-align:center;font-weight:800;font-size:14px}
.qx-boost-tog{
  display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:800;
  color:#5b21b6;cursor:pointer;user-select:none;pointer-events:auto
}
.eg-test-root[data-test-theme="dark"] .qx-boost-tog{color:#c4b5fd}
.qx-boost-go{
  margin-left:auto;background:#5b21b6;color:#fff;border:0;border-radius:10px;
  padding:10px 16px;font-weight:800;font-size:13px;cursor:pointer;min-height:44px;
  pointer-events:auto;touch-action:manipulation;position:relative;z-index:3
}
@media (min-width:641px){
  .qx-boost-box > .qx-boost-go{width:auto;margin-left:auto}
}
.qx-boost-go:disabled{opacity:.6;cursor:wait}
.qx-boost-msg{margin:8px 0 0;font-size:12px;font-weight:700;color:#475569}
.qx-boost-msg.err{color:#b91c1c}
.eg-test-root[data-test-theme="dark"] .qx-boost-msg{color:#94a3b8}
.eg-test-root[data-test-theme="dark"] .qx-boost-msg.err{color:#fca5a5}

.qx-boost-preview{
  margin:12px 0 0;
  padding:12px;
  border-radius:12px;
  background:#fff;
  border:1px solid #e2e8f0;
}
.eg-test-root[data-test-theme="dark"] .qx-boost-preview{
  background:#1a2236;border-color:#334155
}
.qx-boost-preview-h{
  margin:0 0 10px;font-size:13px;font-weight:700;line-height:1.4;color:#4338ca
}
.eg-test-root[data-test-theme="dark"] .qx-boost-preview-h{color:#c4b5fd}
.qx-boost-ol{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}
.qx-boost-item{
  padding:10px 12px;border-radius:10px;border:1px solid #e2e8f0;background:#f8fafc
}
.eg-test-root[data-test-theme="dark"] .qx-boost-item{
  background:#0f172a;border-color:#334155
}
.qx-boost-item-k{font-size:11px;font-weight:800;color:#6d28d9;margin-bottom:4px}
.eg-test-root[data-test-theme="dark"] .qx-boost-item-k{color:#c4b5fd}
.qx-boost-item-q{font-size:14px;line-height:1.55;color:#0f172a;overflow:visible;overflow-wrap:break-word;word-break:normal;letter-spacing:0}
.eg-test-root[data-test-theme="dark"] .qx-boost-item-q{color:#e8eefc}
.qx-boost-item-q .katex,.qx-boost-item-q .katex-display,
.qx-boost-otx .katex,.qx-boost-otx .katex-display{
  font-size:1.02em;overflow:visible;letter-spacing:normal
}
.qx-boost-opts{display:grid;gap:6px;margin-top:8px}
.qx-boost-opt{display:flex;gap:8px;align-items:flex-start;font-size:13px;line-height:1.4}
.qx-boost-oltr{
  flex:0 0 22px;width:22px;height:22px;border-radius:50%;
  display:inline-grid;place-items:center;background:#1565C0;color:#fff;
  font-size:11px;font-weight:800
}
.qx-boost-otx{flex:1 1 auto;min-width:0;overflow:visible}
.qx-boost-save,.qx-boost-saveall{
  margin-top:8px;background:#fff;color:#5b21b6;border:1.5px solid #5b21b6;
  border-radius:10px;padding:8px 12px;font-weight:800;font-size:12px;cursor:pointer;
  min-height:40px;pointer-events:auto;touch-action:manipulation
}
.qx-boost-save.on{background:#ecfdf5;border-color:#059669;color:#047857}
.qx-boost-saveall{
  width:100%;background:#5b21b6;color:#fff;border-color:#5b21b6;margin-top:12px
}
.eg-test-root[data-test-theme="dark"] .qx-boost-save{
  background:#0f172a;color:#c4b5fd;border-color:#7c3aed
}
.eg-test-root[data-test-theme="dark"] .qx-boost-save.on{
  background:#064e3b;border-color:#34d399;color:#6ee7b7
}
.eg-test-root[data-test-theme="dark"] .qx-boost-saveall{
  background:#7c3aed;border-color:#7c3aed;color:#fff
}

.qx-boost-settings{
  margin:8px 0 4px;
  position:relative;
  bottom:auto;
  z-index:1;
  box-shadow:none;
}
.eg-fmt-pop .qx-boost-settings,
#pracViewPanel .qx-boost-settings{
  position:relative;
  bottom:auto;
}

@media (max-width:640px){
  .qx-boost-go{width:100%;margin-left:0}
  .qx-boost-box{padding:12px}
}