.cmt{--cg:#052424;--lime:#abff02;--mono:"Geist Mono",ui-monospace,monospace;
  background:var(--cg);color:#eafff0;border-radius:18px;padding:26px 22px;margin:28px 0;
  font-family:var(--mono);position:relative;overflow:hidden;
  background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);
  background-size:26px 26px;}
.cmt__k{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--lime);margin:0 0 6px;}
.cmt__t{font-size:1.5rem;line-height:1.15;margin:0 0 8px;color:#fff;}
.cmt__sub{font-size:.9rem;line-height:1.5;opacity:.82;margin:0 0 18px;max-width:44ch;}
.cmt__row{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin:0 0 14px;}
.cmt__lab{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;opacity:.66;min-width:92px;}
.cmt label{display:inline-flex;align-items:center;gap:6px;font-size:.86rem;cursor:pointer;}
.cmt input[type=radio],.cmt input[type=checkbox]{accent-color:var(--lime);width:16px;height:16px;cursor:pointer;}
.cmt__modes{display:inline-flex;gap:8px;flex-wrap:wrap;}
.cmt__mode{font-family:var(--mono);font-size:.82rem;padding:8px 14px;border-radius:999px;
  border:1px solid rgba(171,255,2,.35);background:transparent;color:#eafff0;cursor:pointer;transition:.15s;}
.cmt__mode.is-on{background:var(--lime);color:var(--cg);border-color:var(--lime);font-weight:700;}
.cmt__best{font-size:.82rem;opacity:.8;margin:2px 0 16px;}
.cmt__best b{color:var(--lime);}
.cmt__go,.cmt__again{font-family:var(--mono);font-weight:700;font-size:.95rem;
  background:var(--lime);color:var(--cg);border:0;border-radius:999px;padding:13px 30px;cursor:pointer;transition:.15s;}
.cmt__go:hover,.cmt__again:hover{filter:brightness(1.08);}
.cmt__bar{height:6px;border-radius:6px;background:rgba(255,255,255,.12);overflow:hidden;margin:0 0 14px;}
.cmt__barfill{display:block;height:100%;width:100%;background:var(--lime);transition:width 1s linear;}
.cmt__hud{display:flex;justify-content:space-between;gap:10px;font-size:.8rem;letter-spacing:.06em;
  text-transform:uppercase;opacity:.9;margin:0 0 16px;flex-wrap:wrap;}
.cmt__hud b{color:var(--lime);font-size:1.05rem;}
.cmt__stage{text-align:center;padding:8px 0 4px;}
.cmt__q{font-size:2.6rem;font-weight:700;color:#fff;letter-spacing:.02em;min-height:1.2em;}
.cmt__in{font-family:var(--mono);font-size:1.8rem;text-align:center;width:min(220px,80%);
  margin:16px auto 0;display:block;background:rgba(255,255,255,.06);border:2px solid rgba(171,255,2,.4);
  border-radius:12px;color:#fff;padding:10px 8px;outline:none;}
.cmt__in:focus{border-color:var(--lime);}
.cmt__fb{min-height:1.4em;margin-top:12px;font-size:.95rem;font-weight:700;}
.cmt__fb.ok{color:var(--lime);}
.cmt__fb.no{color:#ff8a8a;}
.cmt__res{font-size:1.15rem;margin:0 0 14px;}
.cmt__res b,.cmt__final{color:var(--lime);font-size:1.5rem;}
.cmt__stats{display:flex;justify-content:center;gap:22px;flex-wrap:wrap;font-size:.78rem;
  letter-spacing:.05em;text-transform:uppercase;opacity:.85;margin:0 0 14px;}
.cmt__stats b{display:block;color:var(--lime);font-size:1.25rem;margin-top:3px;}
.cmt__msg{font-size:.95rem;color:var(--lime);margin:0 0 6px;}
.cmt__againwrap{text-align:center;margin:16px 0 0;}
@media(max-width:520px){.cmt__t{font-size:1.3rem;}.cmt__q{font-size:2.1rem;}.cmt__lab{min-width:100%;}}