.ai-practice{padding:20px 20px 104px;color:#203b35;background:#fff;min-height:100vh}.ai-practice header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:20px}.ai-practice h1{font-size:24px;margin:0;text-align:center}.ai-practice button{font:inherit;font-weight:700;border:1px solid #cbded7;border-radius:14px;background:#f0f7f4;padding:13px 16px;color:#264a3c;cursor:pointer}.ai-practice button:disabled{cursor:default}.ai-practice button:focus-visible{outline:3px solid #3688e8;outline-offset:2px}.ai-practice .ai-primary{background:#18ae6a;color:white;border-color:#18ae6a}.ai-progress{display:flex;justify-content:space-between;color:#59776a;font-size:17px}.ai-practice .ai-stem{font-size:27px;line-height:1.6;font-weight:800;white-space:pre-wrap;margin:24px 0}.ai-stem small{display:inline-block;font-size:17px;background:#13ae6b;color:white;border-radius:7px;padding:2px 8px}.ai-options{display:grid;gap:14px}.ai-options button{background:#fff;border:1px solid #d9e5e0;text-align:left;font-size:25px;line-height:1.55;padding:16px;white-space:pre-wrap}.ai-options b{display:inline-grid;place-items:center;width:30px;height:30px;border:1px solid #bdcec6;border-radius:50%;font-size:20px;margin-right:10px}.ai-options button.right{background:#e7f6ed;border-color:#26aa68;color:#167345}.ai-options button.wrong{background:#fff0ee;border-color:#da6659;color:#a12d28}.ai-tools{display:flex;gap:12px;margin:22px 0}.ai-feedback{background:#edf8f0;border-radius:18px;padding:18px;margin:20px 0}.ai-feedback p{font-size:23px;font-weight:700;line-height:1.7;white-space:pre-wrap}.ai-feedback h3{font-size:22px;margin:12px 0}.ai-feedback summary{cursor:pointer;font-size:20px}.ai-muted{font-size:17px;line-height:1.6;color:#718379}.ai-practice footer{position:fixed;bottom:0;left:50%;transform:translateX(-50%);display:flex;gap:8px;background:#fff;padding:12px 16px;width:min(100%,600px);box-sizing:border-box;border-top:1px solid #deebe4;z-index:4}.ai-practice footer button{flex:1}.ai-image{display:block;max-width:100%;margin:auto;border:0!important;background:white!important}.ai-image img{max-width:100%;max-height:300px;object-fit:contain}.ai-image-dialog{border:0;border-radius:16px;max-width:94vw}.ai-image-dialog img{display:block;max-width:88vw;max-height:78vh}.ai-card-dialog{border:0;border-radius:18px;max-height:85vh;width:min(90vw,550px)}.ai-number-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:7px;margin-bottom:16px}.ai-number-grid button{padding:8px;border:1px solid #cad8d0;border-radius:8px;background:white}.ai-number-grid button.answered{background:#bfeacc}.ai-history{display:block;width:100%;text-align:left;margin:12px 0;line-height:1.6}.ai-score{font-size:36px;font-weight:800;text-align:center;margin:30px 0}#ai-status{background:#fff4dd;color:#795622;padding:12px;border-radius:12px}.ai-practice>button{margin:8px 4px 8px 0}.ai-practice p{line-height:1.7}.shell:has(.ai-practice){max-width:600px}

/* Same portrait exam layout; no technique or explanation pane in AI papers. */
.ai-exam-page .ai-image{cursor:zoom-in;margin:16px auto;padding:0}
.ai-exam-page .question-picture img{display:block;max-width:100%;max-height:280px;object-fit:contain;margin:auto}
.ai-exam-reading{display:block;margin:22px auto;background:#eaf5fd;color:#2d80b8;border:0;border-radius:12px;padding:10px 24px;font-size:18px}
.ai-exam-page .exam-options>button:disabled{opacity:1;cursor:default}
.ai-exam-page .exam-options>button{white-space:pre-wrap}
.ai-exam-page .exam-bottom{bottom:0}
.ai-exam-page .exam-header-actions>span{font-size:15px}
.shell:has(.ai-exam-page){max-width:440px}

.ai-mistake-practice .ai-stem,.ai-mistake-practice .ai-options button{font-size:var(--exam-font,27px)}
.ai-mistake-practice.reading-bold .ai-stem,.ai-mistake-practice.reading-bold .ai-options button{font-weight:800}
