.multiplication-refresh{box-sizing:border-box;width:min(520px,calc(100% - 24px));max-width:520px;max-height:calc(100dvh - 24px);padding:0;border:1px solid #b8c9db;border-radius:22px;background:#fff;color:#172b42;box-shadow:0 24px 80px #122d454d;font-family:Arial,sans-serif;overflow:auto}
.multiplication-refresh:not([open]){display:none}.multiplication-refresh::backdrop{background:#162b456b}.multiplication-refresh *{box-sizing:border-box}.multiplication-refresh .mr-content{padding:22px}.multiplication-refresh .mr-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.multiplication-refresh h2{font-size:24px;line-height:1.2;margin:0}.multiplication-refresh p{font-size:16px;line-height:1.5;margin:12px 0}.multiplication-refresh button,.multiplication-refresh select,.multiplication-refresh input{font:inherit;min-height:44px;border:1px solid #bbcad9;border-radius:12px;background:#f3f7fb;color:#17344f;padding:10px 13px}.multiplication-refresh button{font-weight:700;cursor:pointer;max-width:100%}.multiplication-refresh button:disabled{opacity:.5;cursor:default}.multiplication-refresh .mr-close{flex-shrink:0;font-size:26px;line-height:1;width:44px;padding:7px}.multiplication-refresh .mr-factor-label{display:block;font-size:16px;margin:18px 0 8px}.multiplication-refresh .mr-factor{width:100%;background:#fff}.multiplication-refresh .mr-question{display:block;text-align:center;font-size:34px;font-weight:700;margin:24px 0 14px}.multiplication-refresh .mr-answer-row{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.multiplication-refresh .mr-answer{width:100px;max-width:100%;font-size:24px;text-align:center;background:#fff}.multiplication-refresh .mr-check{background:#225ea8;color:#fff;border-color:#225ea8}.multiplication-refresh .mr-feedback{min-height:24px;color:#804c10}.multiplication-refresh .mr-correct{color:#216b3c}.multiplication-refresh .mr-help{width:100%;background:#edf4fc}.multiplication-refresh .mr-visual{padding:14px 10px;margin:12px 0;background:#f5f8fc;border-radius:14px}.multiplication-refresh .mr-dots{display:flex;flex-direction:column;align-items:center;gap:7px}.multiplication-refresh .mr-dot-row{display:flex;gap:7px}.multiplication-refresh .mr-dot{width:14px;height:14px;border-radius:50%;background:#2867ac;display:block}.multiplication-refresh .mr-dot-row:nth-child(even) .mr-dot{background:#5e89ba}.multiplication-refresh .mr-explanation{margin-bottom:0}.multiplication-refresh .mr-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.multiplication-refresh .mr-return{background:#e8f4ec;color:#1e6540;border-color:#b2d3be}.multiplication-refresh :focus-visible{outline:3px solid #e18b12;outline-offset:3px}.multiplication-refresh.mr-fallback{position:fixed;inset:12px;margin:auto;z-index:10000;box-shadow:0 0 0 100vmax #162b456b}.multiplication-refresh [hidden]{display:none!important}
@media(max-width:380px){.multiplication-refresh .mr-content{padding:16px}.multiplication-refresh h2{font-size:21px}.multiplication-refresh .mr-actions button{width:100%}}
.multiplication-refresh-link{margin:14px 0}.multiplication-refresh-link button{font:inherit;min-height:44px;max-width:100%;padding:10px 14px;border:1px solid #bbcad9;border-radius:12px;background:#edf4fc;color:#174b80;font-weight:700;cursor:pointer}.multiplication-refresh-link button:focus-visible{outline:3px solid #e18b12;outline-offset:3px}