.cm{--cm-red: #d62828;--cm-blue: #1f5fd6;--cm-green: #1d8a3a;--cm-orange: #e8780c;--cm-purple: #7b35c9;--cm-pink: #e0408f;max-width:620px;margin:0 auto;width:100%;display:grid;gap:12px}:root[data-theme=dark] .cm{--cm-red: #ff5a5a;--cm-blue: #5b95ff;--cm-green: #3fcf6a;--cm-orange: #ff9a3d;--cm-purple: #b07dff;--cm-pink: #ff73b5}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .cm{--cm-red: #ff5a5a;--cm-blue: #5b95ff;--cm-green: #3fcf6a;--cm-orange: #ff9a3d;--cm-purple: #b07dff;--cm-pink: #ff73b5}}.cm-modes,.hm-modes{justify-self:center}.cm-bar{height:6px;border-radius:3px;background:var(--surface-2);overflow:hidden}.cm-bar-fill{height:100%;background:var(--accent);transform-origin:left center}.cm-stage{position:relative}.cm-card{min-height:220px;background:var(--surface);border:2px solid var(--border);border-radius:var(--radius);display:grid;place-content:center;text-align:center;gap:10px;padding:18px 12px;position:relative;user-select:none;-webkit-user-select:none}.cm-word{font-size:clamp(2.6rem,14vw,4.4rem);font-weight:900;letter-spacing:.04em;line-height:1}.cm-question{color:var(--muted);font-weight:600}.cm-mult{position:absolute;top:8px;right:12px;font-weight:800;color:var(--accent);font-variant-numeric:tabular-nums}.cm-good{animation:cm-good .3s ease-out}.cm-bad{animation:cm-bad .35s ease-out}@keyframes cm-good{0%{border-color:var(--good);box-shadow:0 0 0 4px color-mix(in srgb,var(--good) 35%,transparent)}}@keyframes cm-bad{0%{border-color:var(--bad);transform:translate(0)}25%{transform:translate(-6px)}50%{transform:translate(6px)}to{transform:translate(0)}}@media (prefers-reduced-motion: reduce){.cm-good,.cm-bad{animation:none}}.cm-cover{position:absolute;inset:0;border-radius:var(--radius);background:color-mix(in srgb,var(--surface) 92%,transparent);display:grid;place-content:center;justify-items:center;gap:8px;text-align:center;padding:16px}.cm-cover[hidden]{display:none}.cm-cover b{font-size:1.6rem}.cm-cover p{margin:0;color:var(--muted);max-width:36ch}.cm-answers{display:grid;gap:10px}.cm-answers-2,.cm-answers-4{grid-template-columns:1fr 1fr}.cm-ans{min-height:60px;font-size:1.2rem;font-weight:800;display:flex;justify-content:center;align-items:center;gap:8px;touch-action:manipulation}.cm-ans kbd{font-size:.7rem;color:var(--muted);border:1px solid var(--border);border-radius:4px;padding:0 4px;font-family:var(--mono);font-weight:400}.cm-yes{border-color:var(--good)}.cm-no{border-color:var(--bad)}.cm-bestline{margin:0;font-size:.9rem;text-align:center}@media (min-width: 560px){.cm-answers-4{grid-template-columns:repeat(4,1fr)}}@media (hover: none){.cm-ans kbd{display:none}}.hm{max-width:620px;margin:0 auto;width:100%;display:grid;gap:12px}.hm-dots{display:flex;gap:6px;justify-content:center;flex-wrap:wrap}.hm-dot{min-width:46px;padding:4px 8px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--muted);text-align:center;font-size:.85rem;font-variant-numeric:tabular-nums}.hm-dot-done{background:var(--accent-soft);color:var(--text);border-color:var(--accent);font-weight:700}.hm-dot-now{border:2px solid var(--accent)}.hm-swatches{display:grid;grid-template-columns:1fr 1fr;gap:10px}.hm-swatch{position:relative;height:clamp(130px,34vw,200px);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow);display:grid;place-items:center;transition:background .05s}.hm-label{position:absolute;top:8px;left:8px;background:var(--surface);color:var(--text);font-size:.75rem;font-weight:700;padding:2px 8px;border-radius:999px}.hm-count{font-size:2.4rem;font-weight:900;color:#fff;text-shadow:0 1px 4px rgb(0 0 0 / .5)}.hm-hidden{background:repeating-linear-gradient(45deg,var(--surface-2) 0 12px,var(--surface) 12px 24px)!important}.hm-hidden .hm-count{color:var(--muted);text-shadow:none}.hm-sliders{display:grid;gap:10px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px}.hm-row{display:grid;grid-template-columns:86px 1fr 48px;align-items:center;gap:8px}.hm-name{font-weight:600;font-size:.9rem}.hm-val{text-align:right;font-variant-numeric:tabular-nums;font-size:.9rem}.hm-range{-webkit-appearance:none;appearance:none;width:100%;height:26px;border-radius:13px;border:1px solid var(--border);margin:0;background:linear-gradient(to right,#ec1313,#ecec13,#13ec13,#13ecec,#1313ec,#ec13ec,#ec1317);touch-action:pan-y}.hm-range::-webkit-slider-thumb{-webkit-appearance:none;width:28px;height:28px;border-radius:50%;background:#fff;border:3px solid #222;box-shadow:0 1px 4px #0006;cursor:grab}.hm-range::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:#fff;border:3px solid #222;cursor:grab}.hm-range:disabled{opacity:.55}.hm-range:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.hm-lock{justify-self:center;min-width:180px;min-height:48px;font-size:1.05rem}.hm-result{text-align:center;display:grid;gap:4px}.hm-result p{margin:0}.hm-score b{font-size:2.2rem;font-weight:900;font-variant-numeric:tabular-nums}.hm-score span{color:var(--muted);margin-left:4px}.hm-codes{font-size:.8rem;font-family:var(--mono)}@media (max-width: 400px){.hm-row{grid-template-columns:70px 1fr 44px}}