.practice-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;display:flex;align-items:center;justify-content:center;padding:24px;background:#0006}.practice-modal{width:100%;max-width:460px;box-sizing:border-box;display:flex;flex-direction:column;gap:20px;padding:24px;border:1px solid #ebebeb;border-radius:12px;background:#fff;font-family:Inter,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.practice-modal--320{min-height:320px}.practice-modal--360{min-height:360px}.practice-modal--380{min-height:380px}.practice-modal--rubric{max-width:560px;gap:16px;padding:43px;border-radius:16px;box-shadow:0 8px 24px #0000001f;overflow:visible}.practice-modal-overlay--rubric{align-items:flex-start;overflow-y:auto}.practice-modal-overlay--rubric .practice-modal__close{font-size:20px}.practice-modal__header{display:flex;align-items:center;justify-content:space-between;gap:12px}.practice-modal__title{margin:0;font-size:18px;font-weight:600;color:#1a1a1a}.practice-modal__close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid #f1f5f9;border-radius:6px;background:#fff;color:#94a3b8;font-size:18px;font-weight:600;line-height:1;cursor:pointer}.practice-modal__body{flex:1;min-height:0}.practice-modal__body--center{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:8px 0}.practice-modal__warning-icon{display:flex;align-items:center;justify-content:center;width:57px;height:57px;border:1px solid #f3f4f6;border-radius:8px;background:#fff0e8;color:#ff5c00;font-size:30px;font-weight:700}.practice-modal__description{margin:0;font-size:16px;line-height:1.4;text-align:center;color:#888;white-space:pre-line}.practice-modal__description--lg{font-size:18px}.practice-modal__stat{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 0;width:100%}.practice-modal__stat-value{font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:28px;font-weight:700;line-height:1;color:#f90a0a}.practice-modal__stat-label{font-size:14px;line-height:1.4;color:#888}.practice-modal__footer{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px}.practice-modal__btn{padding:10px 20px;border-radius:9999px;font-family:inherit;font-size:14px;font-weight:600;line-height:1.2;letter-spacing:.01em;cursor:pointer;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.practice-modal__btn:disabled{opacity:.45;cursor:not-allowed}.practice-modal__btn--outline{border:1px solid #007aff;background:#fff;color:#007aff}.practice-modal__btn--primary{border:1px solid #007aff;background:#007aff;color:#fff;box-shadow:0 4px 12px #007aff40}.practice-stem-image-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1300;display:flex;align-items:center;justify-content:center;padding:24px;background:#0f172ab8;box-sizing:border-box}.practice-stem-image-modal__close{position:absolute;top:20px;right:20px;display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid rgba(255,255,255,.35);border-radius:8px;background:#ffffff1f;color:#fff;font-family:inherit;font-size:22px;line-height:1;cursor:pointer}.practice-stem-image-modal__image{display:block;max-width:min(960px,100%);max-height:min(90vh,900px);width:auto;height:auto;object-fit:contain;border-radius:8px;background:#fff;box-shadow:0 12px 40px #00000059}