.mq{--mq-green:#4e9a5c;--mq-green-deep:#3d7c49;--mq-blue:#7bb4e3;--mq-blue-deep:#3f7fb8;--mq-yellow:#f3c44c;--mq-orange:#ef8244;--mq-coral:#f2653a;--mq-navy:#12386b;--mq-cream:#fdf7e7;--mq-cream-deep:#f8efd8;--mq-card:#fff;--mq-ink:#12386b;--mq-ink-soft:#4a6285;--mq-line:#12386b1f;--mq-tint-coral:#fdeee8;--mq-tint-blue:#e4f0fb;--mq-tint-green:#e8f4e9;--mq-tint-yellow:#fdf4dc;color:var(--mq-ink);background:var(--mq-cream)}.dark .mq{--mq-green:#62b070;--mq-green-deep:#4e9a5c;--mq-blue:#8fc2eb;--mq-blue-deep:#6ba6da;--mq-yellow:#f6d06e;--mq-orange:#f5975f;--mq-coral:#f5805a;--mq-navy:#cfe0f5;--mq-cream:#171410;--mq-cream-deep:#1f1b16;--mq-card:#241f19;--mq-ink:#f2ead9;--mq-ink-soft:#b6ab97;--mq-line:#f2ead924;--mq-tint-coral:#f2653a29;--mq-tint-blue:#7bb4e329;--mq-tint-green:#4e9a5c2e;--mq-tint-yellow:#f3c44c29}.mq-display{letter-spacing:-.02em;font-size:clamp(2.75rem,12vw,6.5rem);font-weight:800;line-height:.92}.mq-h2{color:var(--mq-navy);font-size:clamp(1.6rem,5.5vw,2.75rem);font-weight:800;line-height:1.12}.mq-lead{color:var(--mq-ink-soft);font-size:clamp(1rem,3.4vw,1.2rem);line-height:1.65}.mq-eyebrow{letter-spacing:.32em;text-transform:uppercase;color:var(--mq-ink-soft);font-size:clamp(.7rem,2.6vw,.8rem);font-weight:700}.mq-tracked{letter-spacing:.18em}[dir=rtl] .mq-eyebrow,[dir=rtl] .mq-tracked{letter-spacing:normal}.mq-hand{color:var(--mq-navy);font-family:Comic Sans MS,Bradley Hand,Segoe Print,cursive;line-height:1.45}.mq-card{background:var(--mq-card);border:1px solid var(--mq-line);border-radius:1.5rem;box-shadow:0 10px 30px -18px #12386b66}.mq-pill{border-radius:999px}.mq-cta{background:var(--mq-green);color:#fff;border-radius:999px;justify-content:center;align-items:center;gap:.6rem;min-height:3rem;padding:.85rem 2rem;font-weight:700;transition:transform .18s,background-color .18s,box-shadow .18s;display:inline-flex;box-shadow:0 12px 24px -12px #4e9a5cbf}@media (hover:hover){.mq-cta:hover:not(:disabled){background:var(--mq-green-deep);transform:translateY(-2px)}}.mq-cta:active:not(:disabled){transform:translateY(0)}.mq-cta:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.mq-option{background:var(--mq-cream-deep);width:100%;min-height:3.5rem;color:var(--mq-ink);text-align:start;border:2px solid #0000;border-radius:1rem;align-items:center;gap:.85rem;padding:.75rem 1rem;font-weight:600;transition:background-color .15s,border-color .15s,transform .15s;display:flex}@media (hover:hover){.mq-option:hover:not(:disabled){background:var(--mq-tint-blue)}}.mq-option[data-state=selected]{border-color:var(--mq-blue-deep);background:var(--mq-tint-blue)}.mq-option[data-state=correct]{border-color:var(--mq-green);background:var(--mq-tint-green)}.mq-option[data-state=wrong]{border-color:var(--mq-coral);background:var(--mq-tint-coral)}.mq-option:disabled{cursor:default}.mq-badge{background:var(--mq-card);border:1px solid var(--mq-line);width:2rem;height:2rem;color:var(--mq-ink-soft);border-radius:999px;flex:none;place-items:center;font-size:.85rem;font-weight:800;display:grid}.mq-progress{background:var(--mq-cream-deep);border-radius:999px;height:.75rem;overflow:hidden}.mq-progress>span{background:var(--mq-green);border-radius:999px;height:100%;transition:width .4s cubic-bezier(.22,1,.36,1);display:block}.mq-doodle{pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute}@keyframes mq-float{0%,to{transform:translateY(0)rotate(var(--mq-rot,0deg))}50%{transform:translateY(-10px)rotate(var(--mq-rot,0deg))}}@keyframes mq-pop{0%{opacity:0;transform:scale(.85)}60%{opacity:1;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}@keyframes mq-confetti-fall{0%{opacity:1;transform:translateY(-16px)rotate(0)}to{opacity:0;transform:translateY(120px)rotate(320deg)}}.mq-float{animation:5s ease-in-out infinite mq-float}.mq-pop{animation:.45s cubic-bezier(.22,1,.36,1) both mq-pop}@media (prefers-reduced-motion:reduce){.mq-float,.mq-pop,.mq-confetti>*{animation:none!important}.mq-progress>span,.mq-cta{transition:none}}.mq-scroller{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-inline:1rem;grid-auto-columns:minmax(15rem,78vw);grid-auto-flow:column;gap:1rem;margin-inline:-1rem;padding-bottom:.5rem;display:grid;overflow-x:auto}.mq-scroller::-webkit-scrollbar{display:none}.mq-scroller>*{scroll-snap-align:start}@media (min-width:768px){.mq-scroller{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-columns:auto;grid-auto-flow:row;gap:1.25rem;margin-inline:0;padding-inline:0;overflow-x:visible}}@media (min-width:1024px){.mq-scroller{grid-template-columns:repeat(4,minmax(0,1fr))}}
