.multiply-magic{--mm-ink:#17263c;--mm-cream:#fffaf0;--mm-yellow:#ffc83d;--mm-coral:#ff6b55;--mm-blue:#4aa8e8;--mm-purple:#7a63d8;background:var(--mm-cream);min-height:100vh;color:var(--mm-ink);font-family:Arial,Helvetica,sans-serif}.multiply-magic *{box-sizing:border-box}.multiply-magic button,.multiply-magic input{font:inherit}.multiply-magic button,.multiply-magic a{-webkit-tap-highlight-color:transparent}.multiply-magic .mm-topbar{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffaf0eb;border-bottom:1px solid #17263c1a;justify-content:space-between;align-items:center;height:76px;padding:0 clamp(22px,5vw,72px);display:flex;position:sticky;top:0}.multiply-magic .mm-brand{letter-spacing:-.025rem;align-items:center;gap:12px;font-size:19px;font-weight:900;display:flex}.multiply-magic .mm-brand-mark{background:var(--mm-yellow);width:38px;height:38px;color:var(--mm-ink);box-shadow:3px 3px 0 var(--mm-ink);border-radius:12px;place-items:center;font-size:27px;display:grid;transform:rotate(-5deg)}.multiply-magic .mm-top-actions{align-items:center;gap:24px;display:flex}.multiply-magic .mm-top-actions>a{text-underline-offset:4px;font-size:13px;font-weight:800;text-decoration:underline}.multiply-magic .mm-stats-mini{gap:10px;font-weight:800;display:flex}.multiply-magic .mm-stats-mini span{background:#fff;border:1px solid #17263c21;border-radius:999px;padding:9px 13px}.multiply-magic .mm-hero{grid-template-columns:1fr 1fr;align-items:center;gap:50px;min-height:610px;padding:70px clamp(22px,7vw,110px) 82px;display:grid;overflow:hidden}.multiply-magic .mm-hero-copy{z-index:2;max-width:620px}.multiply-magic .mm-eyebrow{text-transform:uppercase;letter-spacing:2px;color:var(--mm-purple);margin:0 0 15px;font-size:12px;font-weight:900}.multiply-magic h1{letter-spacing:-.065em;margin:0;font-size:clamp(62px,8vw,116px);font-weight:950;line-height:.85}.multiply-magic h1 span{color:var(--mm-coral)}.multiply-magic .mm-intro{color:#526075;max-width:520px;margin:30px 0;font-size:clamp(18px,2vw,23px);line-height:1.5}.multiply-magic .mm-primary-link{background:var(--mm-ink);color:#fff;box-shadow:5px 5px 0 var(--mm-yellow);border-radius:14px;align-items:center;gap:16px;padding:16px 22px;font-weight:850;transition:transform .2s;display:inline-flex}.multiply-magic .mm-primary-link:hover{transform:translateY(-2px)}.multiply-magic .mm-primary-link span{color:var(--mm-yellow);font-size:22px}.multiply-magic .mm-hero-art{min-width:420px;height:480px;position:relative}.multiply-magic .mm-orbit{border:2px dashed #17263c26;border-radius:50%;position:absolute}.multiply-magic .mm-orbit-one{width:420px;height:420px;animation:35s linear infinite mm-spin;top:20px;left:30px}.multiply-magic .mm-orbit-two{width:290px;height:290px;animation:25s linear infinite reverse mm-spin;top:90px;left:95px}@keyframes mm-spin{to{transform:rotate(360deg)}}.multiply-magic .mm-math-bubble{border:3px solid var(--mm-ink);box-shadow:7px 7px 0 var(--mm-ink);place-items:center;font-weight:950;display:grid;position:absolute}.multiply-magic .mm-bubble-a{background:var(--mm-yellow);border-radius:35% 65% 55% 45%;width:118px;height:118px;font-size:66px;top:120px;left:30px;transform:rotate(-8deg)}.multiply-magic .mm-bubble-x{background:#fff;border-radius:50%;width:70px;height:70px;font-size:38px;top:55px;left:180px}.multiply-magic .mm-bubble-b{background:var(--mm-blue);border-radius:50%;width:120px;height:120px;font-size:66px;top:95px;left:285px;transform:rotate(7deg)}.multiply-magic .mm-bubble-eq{background:#fff;border-radius:22px;width:70px;height:70px;font-size:35px;top:260px;left:165px;transform:rotate(-5deg)}.multiply-magic .mm-bubble-answer{background:var(--mm-coral);color:#fff;border-radius:45% 55% 43% 57%;width:160px;height:125px;font-size:52px;top:280px;left:270px;transform:rotate(5deg)}.multiply-magic .mm-practice-shell{background:var(--mm-ink);color:#fff;padding:82px clamp(22px,7vw,110px) 100px}.multiply-magic .mm-section-heading{justify-content:space-between;align-items:end;gap:30px;max-width:1220px;margin:0 auto 36px;display:flex}.multiply-magic .mm-section-heading h2{letter-spacing:-.05em;margin:0;font-size:clamp(38px,5vw,62px);line-height:1}.multiply-magic .mm-section-heading>p{color:#aeb8c5;max-width:440px;margin:0;font-size:16px;line-height:1.6}.multiply-magic .mm-practice-shell .mm-eyebrow{color:var(--mm-yellow)}.multiply-magic .mm-table-picker{flex-wrap:wrap;gap:9px;max-width:1220px;margin:0 auto 35px;display:flex}.multiply-magic .mm-table-picker button{color:#fff;cursor:pointer;background:#24354d;border:1px solid #ffffff2e;border-radius:15px;min-width:61px;height:59px;padding:0 14px;font-size:19px;font-weight:900;transition:all .18s}.multiply-magic .mm-table-picker button span{opacity:.55;margin-left:2px;font-size:13px}.multiply-magic .mm-table-picker button:hover,.multiply-magic .mm-table-picker button.active{background:var(--mm-yellow);color:var(--mm-ink);border-color:var(--mm-yellow);transform:translateY(-3px);box-shadow:0 5px #b68714}.multiply-magic .mm-table-picker .mm-mix{background:var(--mm-purple);min-width:95px}.multiply-magic .mm-lesson-grid{grid-template-columns:1.08fr .92fr;gap:20px;max-width:1220px;margin:auto;display:grid}.multiply-magic .mm-question-card,.multiply-magic .mm-visual-card{border-radius:28px;min-height:475px;padding:clamp(25px,4vw,50px);position:relative;overflow:hidden}.multiply-magic .mm-question-card{color:var(--mm-ink);background:#fff}.multiply-magic .mm-card-topline{color:#708096;justify-content:space-between;font-size:14px;font-weight:800;display:flex}.multiply-magic .mm-streak{color:#d04a35}.multiply-magic .mm-question-card h3{letter-spacing:-.055em;margin:42px 0 32px;font-size:clamp(55px,7vw,92px);line-height:1}.multiply-magic .mm-question-card h3 span:first-child{color:var(--mm-purple)}.multiply-magic .mm-question-card h3 span:last-child{color:var(--mm-coral)}.multiply-magic .mm-question-card label{text-transform:uppercase;letter-spacing:1.5px;color:#6b7889;margin-bottom:9px;font-size:13px;font-weight:900;display:block}.multiply-magic .mm-answer-row{gap:11px;display:flex}.multiply-magic .mm-answer-row input{min-width:0;color:var(--mm-ink);border:2px solid #dfe4e9;border-radius:15px;outline:none;flex:1;padding:14px 18px;font-size:30px;font-weight:900}.multiply-magic .mm-answer-row input:focus{border-color:var(--mm-blue);box-shadow:0 0 0 4px #4aa8e82e}.multiply-magic .mm-check-button{background:var(--mm-coral);color:#fff;cursor:pointer;border:0;border-radius:15px;padding:0 26px;font-weight:900;box-shadow:0 5px #bb3e2c}.multiply-magic .mm-check-button.next{background:var(--mm-purple);box-shadow:0 5px #4f3b9e}.multiply-magic .mm-feedback{flex-direction:column;gap:3px;min-height:55px;padding-top:16px;display:flex}.multiply-magic .mm-feedback.correct strong{color:#17855a;font-size:20px}.multiply-magic .mm-feedback.wrong strong{color:#c13c2c}.multiply-magic .mm-feedback span{color:#6b7889;font-size:14px}.multiply-magic .mm-hint-toggle{color:#536275;cursor:pointer;background:0 0;border:0;padding:8px 0;font-weight:800;text-decoration:underline}.multiply-magic .mm-visual-card{color:var(--mm-ink);background:#ffcf4c;flex-direction:column;display:flex}.multiply-magic .mm-visual-card .mm-eyebrow{color:#8a6711}.multiply-magic .mm-visual-card h3{letter-spacing:-.03em;margin:0 0 24px;font-size:30px}.multiply-magic .mm-dot-array{gap:8px;width:max-content;max-width:100%;margin:auto;display:grid}.multiply-magic .mm-dot-array span{aspect-ratio:1;background:var(--mm-ink);border-radius:50%;width:clamp(14px,2.2vw,24px);box-shadow:2px 2px #ffffffa6}.multiply-magic .mm-skip-count{text-align:center;word-spacing:4px;margin:24px 0 0;font-weight:900}.multiply-magic .mm-hint-cover{text-align:center;background:#ffcf4c;place-content:center;transition:all .3s;display:grid;position:absolute;inset:0}.multiply-magic .revealed .mm-hint-cover{opacity:0;pointer-events:none;transform:scale(1.05)}.multiply-magic .mm-hint-cover span{color:#17263c2e;font-size:130px;font-weight:950;line-height:1}.multiply-magic .mm-hint-cover p{font-weight:850}.multiply-magic .mm-progress-section{background:var(--mm-cream);padding:90px clamp(22px,7vw,110px)}.multiply-magic .mm-progress-section .mm-section-heading>p{color:#667285}.multiply-magic .mm-progress-grid{grid-template-columns:repeat(4,1fr);gap:15px;max-width:1220px;margin:auto;display:grid}.multiply-magic .mm-progress-grid article{background:#fff;border:1px solid #e9e4d9;border-radius:21px;padding:24px;box-shadow:0 7px #eee7d8}.multiply-magic .mm-metric-icon{border-radius:12px;place-items:center;width:38px;height:38px;margin-bottom:22px;font-weight:950;display:grid}.multiply-magic .mm-metric-icon.yellow{background:var(--mm-yellow)}.multiply-magic .mm-metric-icon.coral{background:var(--mm-coral);color:#fff}.multiply-magic .mm-metric-icon.blue{background:var(--mm-blue)}.multiply-magic .mm-metric-icon.purple{background:var(--mm-purple);color:#fff}.multiply-magic .mm-progress-grid strong{letter-spacing:-.05em;font-size:42px;display:block}.multiply-magic .mm-progress-grid p{color:#667285;margin:5px 0 0;font-weight:700}.multiply-magic .mm-parent-note{background:#e9e2ff;border-radius:24px;justify-content:space-between;align-items:center;gap:30px;max-width:1220px;margin:36px auto 0;padding:34px 40px;display:flex}.multiply-magic .mm-parent-note span{color:var(--mm-purple);text-transform:uppercase;letter-spacing:1.5px;font-size:11px;font-weight:900}.multiply-magic .mm-parent-note h3{margin:8px 0;font-size:25px}.multiply-magic .mm-parent-note p{color:#5e6471;max-width:720px;margin:0;line-height:1.5}.multiply-magic .mm-parent-note button{color:#5542a6;white-space:nowrap;cursor:pointer;background:0 0;border:0;font-weight:800;text-decoration:underline}.multiply-magic .mm-footer{color:#677386;background:#fff;justify-content:center;align-items:center;gap:16px;padding:34px clamp(22px,7vw,110px);font-weight:700;display:flex}.multiply-magic .mm-footer .mm-brand-mark{width:32px;height:32px;box-shadow:2px 2px 0 var(--mm-ink);font-size:22px}@media (max-width:850px){.multiply-magic .mm-hero{grid-template-columns:1fr;padding-top:55px}.multiply-magic .mm-hero-art{transform-origin:0 0;height:390px;transform:scale(.82)}.multiply-magic .mm-lesson-grid{grid-template-columns:1fr}.multiply-magic .mm-section-heading{flex-direction:column;align-items:start}.multiply-magic .mm-progress-grid{grid-template-columns:1fr 1fr}.multiply-magic .mm-parent-note{flex-direction:column;align-items:start}}@media (max-width:520px){.multiply-magic .mm-topbar{height:68px}.multiply-magic .mm-brand>span:last-child,.multiply-magic .mm-top-actions>a{display:none}.multiply-magic .mm-hero{min-height:auto;padding-bottom:35px}.multiply-magic .mm-hero-art{min-width:400px;height:330px;margin-bottom:-90px;transform:scale(.68)}.multiply-magic h1{letter-spacing:-.055em}.multiply-magic .mm-stats-mini{font-size:14px}.multiply-magic .mm-practice-shell{padding-top:64px}.multiply-magic .mm-question-card,.multiply-magic .mm-visual-card{min-height:420px}.multiply-magic .mm-question-card h3{margin:35px 0 30px}.multiply-magic .mm-answer-row{flex-direction:column}.multiply-magic .mm-check-button{height:55px}.multiply-magic .mm-progress-grid{grid-template-columns:1fr}.multiply-magic .mm-parent-note{padding:28px}.multiply-magic .mm-table-picker button{min-width:54px}}@media (prefers-reduced-motion:reduce){.multiply-magic *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.multiply-magic button,.multiply-magic a{touch-action:manipulation;-webkit-tap-highlight-color:#17263c24}.multiply-magic .mm-hint-cover{pointer-events:none}.multiply-magic .mm-check-button{min-height:52px}.multiply-magic .mm-hint-toggle,.multiply-magic .mm-parent-note button{align-items:center;min-height:44px;display:inline-flex}