.kbw-mo {
  container-type:inline-size;
  color:#1a1a1a;
  font:normal 1rem/1.45 var(--font-body,system-ui,sans-serif);
  overflow-wrap:anywhere;
  min-width:0;
}
.kbw-mo *, .kbw-mo *::before, .kbw-mo *::after { box-sizing:border-box }
.kbw-mo [hidden] { display:none !important }
.kbw-mo p, .kbw-mo fieldset { margin:0 }
.kbw-mo .mo-sr, .kbw-mo .mo-modes input {
  position:absolute; width:1px; height:1px; overflow:hidden;
  clip-path:inset(50%); white-space:nowrap;
}
.kbw-mo .mo-title { font-size:1.15rem; font-weight:700 }
.kbw-mo .mo-intro { font-size:.95rem; color:#4d5560; margin:.25rem 0 1rem }
.kbw-mo .mo-controls { display:grid; gap:.85rem 1.5rem }
.kbw-mo .mo-controls > *, .kbw-mo .mo-row > * { min-width:0 }
.kbw-mo fieldset { border:0; padding:0; min-inline-size:0 }
.kbw-mo label, .kbw-mo legend { font-size:.95rem; font-weight:650; padding:0 }
.kbw-mo input[type=text], .kbw-mo select, .kbw-mo button {
  color:inherit; font:inherit; font-size:max(1rem,16px); min-width:44px; min-height:44px;
  border:1px solid #6b7078; border-radius:8px; background:#fff; padding:.35rem .625rem;
}
.kbw-mo input[type=text], .kbw-mo select {
  width:100%; max-width:100%; margin:.25rem 0 .125rem; font-variant-numeric:tabular-nums;
}
.kbw-mo input[type=text][aria-invalid=true] { border-color:#a8261b }
.kbw-mo input:disabled, .kbw-mo select:disabled { opacity:1; color:#4d5560; background:#f6f8fa }
.kbw-mo button, .kbw-mo select, .kbw-mo summary, .kbw-mo .mo-check, .kbw-mo .mo-modes label { cursor:pointer }
.kbw-mo :focus-visible, .kbw-mo .mo-modes input:focus-visible + span { outline:3px solid #8d4f0a; outline-offset:2px }
.kbw-mo .mo-hash { display:grid; grid-template-columns:minmax(0,1fr) 6.5rem; gap:.5rem; position:relative }
.kbw-mo .mo-check {
  display:flex; align-items:center; gap:.55rem; min-height:44px;
  font-weight:500;
}
.kbw-mo .mo-check input { width:1.1rem; height:1.1rem; accent-color:#8d4f0a; flex:none; margin:0 }
.kbw-mo .mo-modes { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); margin:.25rem 0 .5rem }
.kbw-mo .mo-modes label { position:relative; display:flex }
.kbw-mo .mo-modes span {
  width:100%; min-height:48px; display:grid; place-items:center; text-align:center;
  padding:.25rem .3rem; border:1px solid #6b7078; line-height:1.2; background:#fff;
}
.kbw-mo .mo-modes label:first-child span { border-radius:8px 0 0 8px }
.kbw-mo .mo-modes label:last-child span { border-left:0; border-radius:0 8px 8px 0 }
.kbw-mo .mo-modes input:checked + span { color:#fff; background:#a55c0e }
.kbw-mo .mo-modes input:focus-visible + span { position:relative; z-index:1 }
.kbw-mo .mo-pct { display:grid; gap:.5rem }
.kbw-mo .mo-echo { min-height:1.45em; font-size:.875rem; color:#4d5560 }
.kbw-mo .mo-choices { display:flex; flex-wrap:wrap; gap:.4rem; margin:.25rem 0 }
.kbw-mo .mo-verdict {
  display:grid; margin:1.25rem 0 .9rem; padding:.9rem 1.1rem;
  background:var(--color-bg-alt,#f6f8fa); border-left:4px solid #4a5361; border-radius:0 8px 8px 0;
  font-size:1.0625rem; font-weight:600; line-height:1.55;
}
.kbw-mo[data-tone=over] .mo-verdict { border-color:#1e73be }
.kbw-mo[data-tone=error] .mo-verdict { border-color:#a8261b; color:#a8261b }
.kbw-mo[data-tone=pending] .mo-verdict { border-color:#6b7078 }
.kbw-mo .mo-verdict > * { grid-area:1 / 1; min-width:0 }
.kbw-mo .kbw-mo-sizer { visibility:hidden }
.kbw-mo .kbw-mo-sizer::before { content:attr(data-t); visibility:hidden }
.kbw-mo .mo-results { display:grid; gap:.9rem }
.kbw-mo .mo-row { display:grid; gap:.35rem .75rem; align-items:center }
.kbw-mo .mo-label { font-size:.95rem; font-weight:650 }
.kbw-mo .mo-value, .kbw-mo .mo-basis { font-size:.9rem; color:#4d5560; font-variant-numeric:tabular-nums }
.kbw-mo .mo-value { min-height:1.45em }
.kbw-mo .mo-track { height:24px; border:1px solid #8a8f98; border-radius:6px; background:#e7e9ec; overflow:hidden }
.kbw-mo .mo-earn, .kbw-mo .mo-promise { height:100%; min-width:3px; transition:width 150ms ease-out }
.kbw-mo .mo-earn { width:var(--mo-earned); background:#4a5361 }
.kbw-mo .mo-promise { width:var(--mo-promised); display:flex }
.kbw-mo .mo-promise i { min-width:3px; display:block; height:100% }
.kbw-mo .mo-promise i:first-child {
  flex:1 1 var(--mo-split); background:#fff; border:2.5px dashed #4a5361;
}
.kbw-mo .mo-promise i:last-child { flex:1 1 calc(100% - var(--mo-split)); background:#1e73be }
.kbw-mo[data-bars=tiny] .mo-promise i:first-child { flex:0 0 3px; border-inline-width:1px }
.kbw-mo[data-bars=within] .mo-promise i:first-child { flex:1 1 100% }
.kbw-mo[data-bars=within] .mo-promise i:last-child,
.kbw-mo[data-bars=unknown] .mo-promise i:first-child { display:none }
.kbw-mo[data-bars=unknown] .mo-promise i:last-child { flex:1 1 100%; background:#6b7078 }
.kbw-mo[data-no-earn=true] .mo-earn, .kbw-mo[data-no-promise=true] .mo-promise { visibility:hidden }
.kbw-mo .mo-legends { display:grid; gap:.2rem; font-size:.875rem }
.kbw-mo .mo-legends p { display:flex; align-items:baseline; gap:.45rem; min-height:1.45em }
.kbw-mo .mo-legends p:last-child { color:#165a96; font-weight:650 }
.kbw-mo .mo-legends i { flex:0 0 14px; height:14px; align-self:flex-start; margin-top:.2rem }
.kbw-mo .mo-legends p:first-child i { border:2px dashed #4a5361; background:#fff }
.kbw-mo .mo-legends p:last-child i { background:#1e73be }
.kbw-mo .mo-legends p:has(span:empty) i { visibility:hidden }
.kbw-mo .mo-legends p[data-empty] i { visibility:hidden }
.kbw-mo .mo-basis { margin:.65rem 0 .75rem; min-height:1.45em }
.kbw-mo .mo-basis button { background:transparent; border:0; text-decoration:underline; color:#8d4f0a }
.kbw-mo .mo-note {
  background:#fff3e2; border:1px solid #f6dcb5; border-radius:12px; padding:.75rem 1rem;
  font-size:.95rem;
}
.kbw-mo details { margin-top:.45rem }
.kbw-mo summary { min-height:44px; display:flex; align-items:center; gap:.65rem; font-size:.95rem; font-weight:650 }
.kbw-mo summary::-webkit-details-marker { display:none }
.kbw-mo summary::before { content:""; flex:0 0 .5rem; height:.5rem; border:solid currentColor; border-width:0 2px 2px 0; transform:rotate(-45deg) }
.kbw-mo details[open] summary::before { transform:rotate(45deg) }
.kbw-mo .mo-sum { min-height:1.45em; margin-bottom:.65rem; font-size:.9rem; font-variant-numeric:tabular-nums }
.kbw-mo #kbw-mo-hp { display:block; width:9rem }
.kbw-mo .mo-hint { font-size:.875rem; color:#4d5560 }
.kbw-mo .mo-hint a { color:#8d4f0a; display:inline-flex; align-items:center; min-height:44px; min-width:44px }
.kbw-mo [data-mo=fix] button, .kbw-mo .mo-choices button { border:2px solid #8d4f0a; color:#8d4f0a; margin-top:.25rem }
@container (min-width:600px) {
  .kbw-mo .mo-title { font-size:1.25rem }
  .kbw-mo .mo-controls { grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.25rem 1.5rem }
  .kbw-mo .mo-hash { grid-template-columns:minmax(0,1fr) 7.5rem }
  .kbw-mo .mo-pct { grid-template-columns:repeat(2,minmax(0,1fr)) }
  .kbw-mo .mo-row { grid-template-columns:minmax(0,38fr) minmax(0,62fr) }
  .kbw-mo .mo-track { height:28px }
  .kbw-mo .mo-legends { padding-inline-start:38%; }
}
@media (prefers-reduced-motion:reduce) {
  .kbw-mo .mo-earn, .kbw-mo .mo-promise { transition:none }
}
@media (forced-colors:active) {
  .kbw-mo .mo-track, .kbw-mo .mo-earn, .kbw-mo .mo-promise i, .kbw-mo .mo-legends i { border:1px solid CanvasText; forced-color-adjust:none; background:Canvas }
  .kbw-mo .mo-earn, .kbw-mo .mo-promise i:last-child, .kbw-mo .mo-legends p:last-child i { background:Highlight }
  .kbw-mo .mo-promise i:first-child, .kbw-mo .mo-legends p:first-child i { border:1px dashed CanvasText }
  .kbw-mo .mo-modes input:checked + span { forced-color-adjust:none; color:HighlightText; background:Highlight }
}