#multiplication-learning-tool{--ink:#1f2350;--pri:#4b3fd6;--coral:#d9432f;--sun:#ffc233;--mint:#12785a;--mut:#555a85;direction:rtl;text-align:right;max-width:780px;margin:16px auto;padding:14px;box-sizing:border-box;background:linear-gradient(160deg,#eaf1ff,#fff7e3);border-radius:28px;color:var(--ink);font:17px/1.6 Tahoma,"Segoe UI",Arial,sans-serif;position:relative;overflow:hidden}
#multiplication-learning-tool *{box-sizing:border-box}
#multiplication-learning-tool h2,#multiplication-learning-tool h3,#multiplication-learning-tool p{margin:0;padding:0;color:var(--ink);line-height:1.4}
#multiplication-learning-tool button{font-family:inherit;margin:0;-webkit-tap-highlight-color:transparent}
#multiplication-learning-tool .mlt-top{display:flex;align-items:center;gap:8px;margin-bottom:12px}
#multiplication-learning-tool .mlt-h{flex:1;font-size:clamp(18px,5vw,26px);font-weight:800}
#multiplication-learning-tool .mlt-chip{background:#fff;border-radius:99px;padding:5px 12px;font-weight:700;font-size:15px;box-shadow:0 2px 6px #4b3fd622;white-space:nowrap}
#multiplication-learning-tool .mlt-ic,#multiplication-learning-tool .mlt-sm{background:#fff;border:2px solid #d5d9f7;border-radius:14px;min-width:46px;min-height:46px;font-size:20px;cursor:pointer;color:var(--ink)}
#multiplication-learning-tool .mlt-sm{font-size:15px;padding:0 12px;min-height:40px;min-width:0}
#multiplication-learning-tool .mlt-lead{font-size:19px;text-align:center;margin:6px 0 16px;color:var(--mut)}
#multiplication-learning-tool .mlt-grid{display:grid;gap:12px;grid-template-columns:1fr}
#multiplication-learning-tool .mlt-big{display:flex;align-items:center;gap:14px;min-height:80px;border:0;border-radius:22px;padding:12px 18px;background:var(--c);color:#fff;font-size:21px;font-weight:800;cursor:pointer;box-shadow:0 5px 0 #0003;text-align:right;width:100%}
#multiplication-learning-tool .mlt-big span{font-size:36px}
#multiplication-learning-tool .mlt-btn{display:block;width:100%;min-height:56px;border:0;border-radius:18px;background:var(--pri);color:#fff;font-size:19px;font-weight:700;padding:10px 16px;margin-top:12px;cursor:pointer;box-shadow:0 4px 0 #0003}
#multiplication-learning-tool .mlt-alt{background:#fff;color:var(--pri);border:2px solid var(--pri);box-shadow:none}
#multiplication-learning-tool .mlt-soft{background:#fff;border:2px dashed #b9bff0;border-radius:16px;min-height:52px;font-size:17px;font-weight:700;color:var(--ink);cursor:pointer;width:100%}
#multiplication-learning-tool .mlt-card{background:#fff;border-radius:22px;padding:16px;box-shadow:0 6px 18px #4b3fd61f;margin-bottom:12px}
#multiplication-learning-tool .mlt-c{text-align:center}
#multiplication-learning-tool .mlt-tg{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
#multiplication-learning-tool .mlt-tc{background:#fff;border:2px solid #d5d9f7;border-radius:18px;padding:10px;min-height:96px;cursor:pointer;text-align:center;color:var(--ink);font-size:15px}
#multiplication-learning-tool .mlt-tc b{display:block;font-size:19px}
#multiplication-learning-tool .mlt-bar{height:13px;background:#e3e6fb;border-radius:9px;overflow:hidden;margin:6px 0}
#multiplication-learning-tool .mlt-bar i{display:block;height:100%;background:linear-gradient(90deg,#ffc233,#12906a);border-radius:9px;transition:width .5s}
#multiplication-learning-tool .mlt-eq{direction:ltr;unicode-bidi:isolate;display:inline-block}
#multiplication-learning-tool .mlt-q{text-align:center;font-weight:800;font-size:clamp(34px,10vw,54px);margin:10px 0 16px}
#multiplication-learning-tool .mlt-opts{display:grid;grid-template-columns:1fr 1fr;gap:12px}
#multiplication-learning-tool .mlt-opt{min-height:70px;border:3px solid var(--pri);border-radius:18px;background:#fff;color:var(--ink);font-size:28px;font-weight:800;cursor:pointer}
#multiplication-learning-tool .mlt-right{background:#d8f5e8;border-color:var(--mint)}
#multiplication-learning-tool .mlt-wrong{background:#ffe0dc;border-color:var(--coral)}
#multiplication-learning-tool .mlt-in{width:100%;min-height:68px;font-size:32px;text-align:center;border:3px solid var(--pri);border-radius:18px;color:var(--ink);background:#fff;direction:ltr}
#multiplication-learning-tool .mlt-fb{margin-top:12px;border-radius:18px;padding:12px;background:#fff8e1;text-align:center;display:none}
#multiplication-learning-tool .mlt-fb.on{display:block;animation:mlt-pop .3s}
#multiplication-learning-tool .mlt-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:10px}
#multiplication-learning-tool .mlt-row .mlt-sm:last-child{margin-inline-start:auto}
#multiplication-learning-tool .mlt-ap{direction:ltr;font-size:24px;line-height:1.35;text-align:center;margin:4px 0}
#multiplication-learning-tool .mlt-sel{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}
#multiplication-learning-tool .mlt-sel button{width:46px;height:46px;border-radius:12px;border:2px solid var(--pri);background:#fff;font-size:18px;font-weight:800;color:var(--ink);cursor:pointer}
#multiplication-learning-tool .mlt-sel button[aria-pressed=true]{background:var(--pri);color:#fff}
#multiplication-learning-tool .mlt-st{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}
#multiplication-learning-tool .mlt-st div{background:#fff;border-radius:16px;padding:10px;text-align:center;font-size:14px;color:var(--mut)}
#multiplication-learning-tool .mlt-st b{display:block;font-size:24px;color:var(--ink)}
#multiplication-learning-tool .mlt-bds{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}
#multiplication-learning-tool .mlt-bd{background:#fff;border-radius:14px;padding:8px;text-align:center;font-size:14px}
#multiplication-learning-tool .mlt-bd.off{opacity:.45;filter:grayscale(1)}
#multiplication-learning-tool .mlt-bd span{display:block;font-size:30px}
#multiplication-learning-tool .mlt-em{font-size:60px}
#multiplication-learning-tool .mlt-score{font-size:40px;font-weight:800}
#multiplication-learning-tool .mlt-seo{margin-top:14px;font-size:14px;color:var(--mut)}
#multiplication-learning-tool .mlt-seo h3{font-size:16px;margin-bottom:4px}
#multiplication-learning-tool .mlt-tgl{display:flex;justify-content:space-between;align-items:center;width:100%;min-height:56px;background:#fff;border:2px solid #d5d9f7;border-radius:16px;padding:0 14px;font-size:18px;margin-bottom:8px;cursor:pointer;color:var(--ink)}
#multiplication-learning-tool .mlt-li{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0}
#multiplication-learning-tool .mlt-li span{background:#f0f2ff;border-radius:10px;padding:2px 10px}
#multiplication-learning-tool button:focus-visible,#multiplication-learning-tool input:focus-visible{outline:4px solid var(--sun);outline-offset:2px}
#multiplication-learning-tool #mlt-fx{position:fixed;inset:0;pointer-events:none;z-index:99999;overflow:hidden}
#multiplication-learning-tool #mlt-fx i{position:absolute;top:-16px;width:10px;height:14px;border-radius:3px;animation:mlt-fall 1.9s ease-in forwards}
#multiplication-learning-tool #mlt-toast{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);background:var(--ink);color:#fff;padding:10px 18px;border-radius:99px;z-index:99999;display:none;font-weight:700;max-width:90vw;text-align:center}
@media(min-width:560px){#multiplication-learning-tool .mlt-grid{grid-template-columns:1fr 1fr}}
@keyframes mlt-fall{to{transform:translate(var(--x),110vh) rotate(720deg)}}
@keyframes mlt-pop{from{transform:scale(.92);opacity:0}}
@media(prefers-reduced-motion:reduce){#multiplication-learning-tool *{animation:none!important;transition:none!important}}