.mt-shell{position:relative;border-color:color-mix(in srgb,var(--color-mentium-purple) 30%,transparent);box-shadow:0 0 0 1px #6c63ff2e,0 24px 60px -24px #6c63ff66}.mt-accent{position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--color-mentium-purple-dark),var(--color-mentium-purple-light),var(--color-mentium-purple-dark))}.mt-score-chip{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .6rem;border-radius:999px;background:color-mix(in srgb,var(--color-mentium-purple) 18%,transparent);border:1px solid color-mix(in srgb,var(--color-mentium-purple) 35%,transparent);color:var(--color-mentium-purple-light);font-size:.72rem;font-weight:600;white-space:nowrap}.mt-qcard{border-radius:1rem;border:1px solid color-mix(in srgb,var(--color-mentium-purple) 20%,transparent);background:color-mix(in srgb,var(--color-mentium-purple) 7%,transparent);padding:1rem 1.15rem}.mt-option{position:relative;display:flex;align-items:center;gap:.7rem;width:100%;text-align:left;border-radius:.85rem;border:1.5px solid var(--color-mentium-line);background:#ffffff06;padding:.85rem 1rem;font-size:.97rem;line-height:1.35;color:var(--color-mentium-on-bg);transition:border-color .15s,background .15s,transform .08s,opacity .2s;cursor:pointer}.mt-option:hover:not(:disabled){border-color:var(--color-mentium-purple);background:color-mix(in srgb,var(--color-mentium-purple) 14%,transparent)}.mt-option:active:not(:disabled){transform:scale(.985)}.mt-option:disabled{cursor:default}.mt-letter{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;flex-shrink:0;border-radius:.5rem;background:color-mix(in srgb,var(--color-mentium-purple) 18%,transparent);color:var(--color-mentium-purple-light);font-size:.8rem;font-weight:700}.mt-otext{flex:1}.mt-mark{display:inline-flex;align-items:center;justify-content:center;width:1.45rem;height:1.45rem;flex-shrink:0;border-radius:999px;font-size:.85rem;font-weight:800;line-height:1}.mt-option.is-correct{border-color:var(--color-correct);background:color-mix(in srgb,var(--color-correct) 22%,transparent)}.mt-option.is-correct .mt-letter,.mt-option.is-correct .mt-mark{background:var(--color-correct);color:#06231a}.mt-option.is-wrong{border-color:var(--color-wrong);background:color-mix(in srgb,var(--color-wrong) 20%,transparent)}.mt-option.is-wrong .mt-letter,.mt-option.is-wrong .mt-mark{background:var(--color-wrong);color:#fff}.mt-option.is-muted{opacity:.42}.mt-option.is-picked{animation:mtPop .28s ease-out}@keyframes mtPop{0%{transform:scale(1)}45%{transform:scale(1.025)}to{transform:scale(1)}}.mt-feedback{display:flex;align-items:center;gap:.65rem;margin-top:1rem;padding:.7rem .85rem;border-radius:.85rem;flex-wrap:wrap}.mt-feedback.is-correct{background:color-mix(in srgb,var(--color-correct) 16%,transparent);border:1px solid color-mix(in srgb,var(--color-correct) 40%,transparent)}.mt-feedback.is-wrong{background:color-mix(in srgb,var(--color-wrong) 14%,transparent);border:1px solid color-mix(in srgb,var(--color-wrong) 38%,transparent)}.mt-feedback-icon{display:inline-flex;align-items:center;justify-content:center;width:1.6rem;height:1.6rem;flex-shrink:0;border-radius:999px;font-size:.95rem;font-weight:800}.mt-feedback.is-correct .mt-feedback-icon{background:var(--color-correct);color:#06231a}.mt-feedback.is-wrong .mt-feedback-icon{background:var(--color-wrong);color:#fff}.mt-feedback-text{font-weight:700;font-size:.95rem}.mt-feedback.is-correct .mt-feedback-text{color:color-mix(in srgb,var(--color-correct) 70%,white)}.mt-feedback.is-wrong .mt-feedback-text{color:color-mix(in srgb,var(--color-wrong) 60%,white)}.mt-feedback-hint{font-size:.8rem;color:var(--color-mentium-on-surface);opacity:.75;width:100%}.mt-next-btn{margin-left:auto}.mt-ring{width:138px;height:138px;border-radius:999px;margin:0 auto;display:grid;place-items:center;background:conic-gradient(var(--mt-ring-color, var(--color-mentium-purple)) calc(var(--mt-pct, 0) * 1%),color-mix(in srgb,var(--color-mentium-on-surface) 12%,transparent) 0)}.mt-ring-inner{width:108px;height:108px;border-radius:999px;background:var(--color-mentium-card);display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1}.mt-ring-score{font-size:2.7rem;font-weight:700}.mt-ring-total{margin-top:.25rem;font-size:.9rem;color:var(--color-mentium-on-surface);opacity:.6}.mt-fade-in{animation:mtFade .25s ease-out}@keyframes mtFade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}