/* Memory Images */
.mi-page{max-width:1000px;margin:35px auto;padding:28px;background:#fff;border:1px solid #e2e8f0;border-radius:22px;direction:rtl;box-shadow:0 12px 35px rgba(15,23,42,.06)}
.mi-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:22px}
.mi-head h1{margin:0 0 8px;font-size:32px}
.mi-desc{margin:0;color:#64748b}
.mi-progress{white-space:nowrap;background:#f1f5f9;padding:9px 14px;border-radius:999px;font-weight:700;color:#334155}
.mi-memory-stage{min-height:500px;display:flex;flex-direction:column;justify-content:center}
.mi-image{text-align:center;display:block}
.mi-image-frame{min-height:430px;display:flex;align-items:center;justify-content:center;padding:12px;background:#f8fafc;border-radius:18px;border:1px solid #e2e8f0}
.mi-image img{display:block;max-width:100%;max-height:560px;width:auto;height:auto;border-radius:16px;user-select:none;-webkit-user-drag:none;object-fit:contain;margin:auto}
.mi-count{display:block;margin:16px 0 4px;font-size:18px}
.mi-hint{margin:0;color:#64748b}
.mi-image.is-hidden{display:none}
.mi-answer{display:none;padding:28px 10px 12px}
.mi-question-title{text-align:center;margin-bottom:22px}
.mi-question-title span{display:inline-block;font-size:14px;color:#64748b;margin-bottom:7px}
.mi-question-title h2{margin:0;font-size:28px;line-height:1.6}
.mi-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:780px;margin:0 auto}
.mi-option{display:flex;align-items:center;gap:12px;padding:17px 18px;background:#f8fafc;border:1px solid #dbe3ee;border-radius:14px;cursor:pointer;transition:.15s}
.mi-option:hover{border-color:#a5b4fc;background:#eef2ff}
.mi-option input{margin:0}
.mi-option span{font-size:18px;line-height:1.5}
.mi-text-answer{display:block;width:min(100%,700px);margin:0 auto;padding:15px 16px;border:1px solid #cbd5e1;border-radius:12px;font-size:18px;box-sizing:border-box}
.mi-actions{display:flex;justify-content:center;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid #e2e8f0}
.mi-actions button{border:0;border-radius:11px;padding:13px 26px;cursor:pointer;font-weight:700}
.mi-actions #miNext{background:#4f46e5;color:#fff}
.mi-actions #miFinish{background:#dc2626;color:#fff}
.mi-actions button:disabled{opacity:.5;cursor:not-allowed}
@media(max-width:700px){.mi-page{margin:15px;padding:18px}.mi-head{flex-direction:column}.mi-head h1{font-size:25px}.mi-image-frame{min-height:300px}.mi-question-title h2{font-size:22px}.mi-options{grid-template-columns:1fr}.mi-actions{flex-direction:column}.mi-actions button{width:100%}}