.mp-wrap{max-width:720px;margin:0 auto;text-align:center;padding:12px}.mp-view.hidden{display:none}.mp-note{color:#ffb020;min-height:1.2em}.mp-q{font-family:Rajdhani,sans-serif;font-weight:700;letter-spacing:.08em;margin:12px 0}
.mp-img{width:min(360px,90%);aspect-ratio:1;margin:0 auto 14px;overflow:hidden;border-radius:16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12)}.mp-img img{width:100%;height:100%;object-fit:contain;transition:all .5s}
.mp-opts{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mp-opt{padding:14px 8px;border-radius:12px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.06);color:#fff;font:600 16px Rajdhani,sans-serif;cursor:pointer}.mp-opt:disabled{opacity:.6;cursor:default}.mp-opt.is-right{background:#1f9d55;opacity:1}.mp-opt.is-wrong{background:#b3261e}
.mp-tl{list-style:none;margin:0 0 16px;padding:0;display:grid;gap:8px;text-align:left}.mp-tl-i{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-radius:12px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14)}.mp-tl-i.is-right{border-color:#1f9d55;background:rgba(31,157,85,.25)}.mp-tl-i.is-wrong{border-color:#b3261e;background:rgba(179,38,30,.25)}.mp-tl-d{color:#ffd23f;margin-left:6px}.mp-tl-b{display:flex;gap:6px}.mp-tl-b button{width:36px;height:36px;border-radius:8px;border:0;background:rgba(255,255,255,.14);color:#fff;cursor:pointer}
.mp-modes{display:flex;gap:8px;justify-content:center;margin:0 0 14px}.mp-mode{padding:10px 18px;border-radius:999px;border:1px solid rgba(255,255,255,.25);background:transparent;color:#fff;font:700 15px Rajdhani,sans-serif;cursor:pointer}.mp-mode.is-on{background:#7c3aed;border-color:#7c3aed}