.mq{max-width:640px;margin:0 auto;display:flex;flex-direction:column;gap:12px}.mq .mq-setup{display:flex;flex-direction:column;gap:14px}.mq .mq-title{margin:0;font-size:1.15rem}.mq .mq-group-label{font-size:.85rem;font-weight:700;color:var(--muted);margin-bottom:6px;text-transform:uppercase;letter-spacing:.03em}.mq .mq-chips{display:flex;flex-wrap:wrap;gap:6px}.mq .mq-chip{min-height:40px;white-space:nowrap}.mq .mq-tables{display:grid;grid-template-columns:repeat(6,minmax(0,1fr))}.mq .mq-tables .mq-chip{padding-left:4px;padding-right:4px;font-weight:700;font-variant-numeric:tabular-nums}.mq .mq-start-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px}.mq .mq-start{min-width:160px;min-height:46px;font-size:1.05rem}.mq .mq-hint{margin:-4px 0 0}.mq .mq-play{display:flex;flex-direction:column;gap:10px}.mq .mq-progress{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:4px 12px;font-size:.9rem;font-weight:600;font-variant-numeric:tabular-nums}.mq .mq-label{flex:1 1 auto;text-align:center;font-weight:500}.mq .mq-clock{min-width:4.5em;text-align:right}.mq .mq-bar{height:6px;border-radius:999px;background:var(--surface-2);overflow:hidden}.mq .mq-bar>div{height:100%;width:0;background:var(--accent);border-radius:inherit;transition:width .25s linear}.mq .mq-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px 12px;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.mq .mq-question{font-size:clamp(2rem,11vw,3rem);font-weight:800;line-height:1.1;font-variant-numeric:tabular-nums;white-space:nowrap}.mq .mq-answer{min-width:4.5ch;padding:4px 14px;border-radius:var(--radius-sm);border:2px solid var(--accent);background:var(--surface-2);font-size:clamp(1.8rem,10vw,2.6rem);font-weight:800;line-height:1.2;font-variant-numeric:tabular-nums;transition:border-color .12s,background .12s}.mq .mq-answer.is-empty{color:var(--muted);font-weight:600}.mq .mq-answer.is-right{border-color:var(--good);background:color-mix(in srgb,var(--good) 18%,var(--surface));color:var(--good)}.mq .mq-answer.is-wrong{border-color:var(--bad);background:color-mix(in srgb,var(--bad) 18%,var(--surface));color:var(--bad);text-decoration:line-through}.mq .mq-feedback{min-height:1.6em;font-weight:700;font-size:1.1rem}.mq .mq-feedback.good{color:var(--good)}.mq .mq-feedback.bad{color:var(--bad)}.mq .mq-pad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:100%;max-width:340px;margin:0 auto;touch-action:manipulation}.mq .mq-key{min-height:54px;font:inherit;font-size:1.5rem;font-weight:700;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .1s,transform .06s}.mq .mq-key:hover{background:var(--accent-soft)}.mq .mq-key:active{transform:scale(.96);background:var(--accent-soft)}.mq .mq-key.is-back{color:var(--muted)}.mq .mq-key.is-ok{background:var(--accent);color:var(--accent-text);border-color:var(--accent);font-size:1.2rem}.mq .mq-key.is-ok:hover{filter:brightness(1.08)}.mq .mq-results{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.mq .mq-results p{margin:0}.mq .mq-tiles{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;width:100%}.mq .mq-tile{flex:1 1 110px;max-width:160px;display:flex;flex-direction:column;gap:2px;padding:10px 8px;border-radius:var(--radius-sm);background:var(--surface-2)}.mq .mq-tile b{font-size:1.5rem;line-height:1.1;font-variant-numeric:tabular-nums}.mq .mq-tile span{font-size:.8rem;color:var(--muted);font-weight:600}.mq .mq-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.mq .mq-allgood{text-align:center;color:var(--good);font-weight:600;margin:0}.mq .mq-review-title{margin:6px 0 0;font-size:1.05rem}.mq .mq-review{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px}.mq .mq-review li{display:flex;flex-direction:column;padding:8px 10px;background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--bad);border-radius:var(--radius-sm);font-variant-numeric:tabular-nums}.mq .mq-mastery{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px;display:flex;flex-direction:column;gap:8px}.mq .mq-mastery-head{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:4px 10px}.mq .mq-grid{display:grid;grid-template-columns:repeat(13,minmax(0,1fr));gap:2px;font-variant-numeric:tabular-nums}.mq .mq-gcell{aspect-ratio:1;display:grid;place-items:center;min-width:0;border-radius:3px;font-size:clamp(.5rem,2.3vw,.8rem);font-weight:700;line-height:1;overflow:hidden}.mq .mq-ghead{color:var(--muted);background:transparent;font-size:clamp(.6rem,2.6vw,.85rem)}.mq .mq-ghead.is-sel{color:var(--accent)}.mq .mq-gcell.is-new,.mq .mq-swatch.is-new{background:var(--cell-alt)}.mq .mq-gcell.is-learning,.mq .mq-swatch.is-learning{background:color-mix(in srgb,var(--warn) 45%,var(--surface))}.mq .mq-gcell.is-mastered,.mq .mq-swatch.is-mastered{background:var(--good);color:var(--accent-text)}.mq .mq-gcell.in-sel.is-new{box-shadow:inset 0 0 0 1px var(--accent)}.mq .mq-legend{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:.85rem;color:var(--muted)}.mq .mq-legend span{display:inline-flex;align-items:center;gap:6px}.mq .mq-swatch{display:inline-block;width:14px;height:14px;border-radius:3px;border:1px solid var(--border)}@media (prefers-reduced-motion: reduce){.mq .mq-bar>div,.mq .mq-key,.mq .mq-answer{transition:none}}