.mpx{--ink:#24364b;--blue:#385170;--green:#22a477;--lime:#89d34f;--orange:#ffad32;position:relative;overflow:hidden;font-family:Arial,sans-serif;color:var(--ink);background:linear-gradient(145deg,#f7fbff,#edf8f2);border-radius:22px;padding:22px;box-shadow:0 14px 38px rgba(28,55,82,.16)}
.mpx.mpx-embedded{box-sizing:border-box;display:block;width:100%;max-width:none;min-width:0;margin:0;clear:both;text-align:left;container:mpx-embed/inline-size}
.mpx-step-equivalent{display:flex;align-items:center;gap:7px}
.mpx *{box-sizing:border-box}.mpx-top{display:flex;justify-content:space-between;gap:14px;align-items:center;flex-wrap:wrap}.mpx-brand small{display:block;text-transform:uppercase;letter-spacing:.1em;color:var(--green);font-weight:900;font-size:11px}.mpx-brand strong{font-size:21px;color:var(--blue)}.mpx-stats{display:flex;gap:7px;flex-wrap:wrap}.mpx-pill{background:#fff;border:1px solid #d9e7e2;border-radius:999px;padding:7px 11px;font-size:13px;font-weight:800;transition:.25s}.mpx-pill.bump{transform:scale(1.12);background:#e7faee}
.mpx-identity{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.mpx-name{border:0;background:#fff;border-radius:999px;padding:7px 11px;color:var(--blue);font-weight:900;cursor:pointer;box-shadow:0 2px 8px rgba(36,54,75,.08)}.mpx-highscores{border:1px solid #d7b75e;background:#fff9df;border-radius:999px;padding:7px 11px;color:#755500;font-weight:900;cursor:pointer}.mpx-change-topic{border:1px solid #a9c5d4;background:#eef8fd;border-radius:999px;padding:7px 11px;color:#285d78;font-weight:900;cursor:pointer}.mpx-quiz-link{border:1px solid #b9a7ea;background:#f2eeff;border-radius:999px;padding:7px 11px;color:#514090;font-weight:900;text-decoration:none}
.mpx-testbar{display:none;margin:-5px -5px 15px;padding:11px 13px;background:#34265f;color:#fff;border-radius:13px;gap:7px;align-items:center;flex-wrap:wrap}.mpx-testbar.show{display:flex}.mpx-testbar strong{margin-right:auto}.mpx-testbar button,.mpx-testbar select{border:1px solid rgba(255,255,255,.35);background:#fff;color:#34265f;border-radius:8px;padding:7px 9px;font-size:12px;font-weight:800;cursor:pointer}.mpx-testbar .danger{background:#ffe7e7;color:#8c2929}.mpx-testbar .exit{background:transparent;color:#fff}
.mpx-daily{margin-top:16px;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;background:linear-gradient(90deg,#385170,#496b8d);color:#fff;border-radius:15px;padding:12px 15px}.mpx-daily-icon{font-size:28px}.mpx-daily strong{display:block}.mpx-daily small{opacity:.85}.mpx-daily-bar{width:130px;height:9px;background:rgba(255,255,255,.22);border-radius:10px;overflow:hidden}.mpx-daily-bar i{display:block;height:100%;background:#ffd060;width:0;transition:.35s}
.mpx-net{margin-top:12px;background:rgba(255,255,255,.72);border:1px solid #dce9e4;border-radius:16px;padding:13px}.mpx-net-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}.mpx-net-head strong{font-size:14px}.mpx-net-head span{font-size:12px;color:#6b8191}.mpx-nodes{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.mpx-node{text-align:center;background:#fff;border:1px solid #dce6eb;border-radius:12px;padding:9px 5px 8px;min-width:0}.mpx-node.focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(255,173,50,.14)}.mpx-node-icon{width:34px;height:34px;margin:0 auto 5px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#e6edf1;filter:grayscale(1);font-size:17px}.mpx-node.on .mpx-node-icon{background:linear-gradient(145deg,#c9f2d9,#f4ffd8);filter:none}.mpx-node-name{font-size:10px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mpx-node-bar{height:4px;background:#e5ecef;border-radius:4px;margin-top:6px;overflow:hidden}.mpx-node-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--green),var(--lime));width:0;transition:width .45s}
.mpx-skill-world{display:none;max-width:980px;margin:18px auto 0;text-align:center}.mpx-skill-world.show{display:block;animation:mpxIn .3s ease}.mpx-skill-world h2{margin:4px 0 2px;color:#263f63;font-size:clamp(25px,4vw,38px)}.mpx-skill-world>p{margin:0 0 13px;color:#61798c}.mpx-all-skills{position:relative;z-index:3;border:2px solid #ffbd48;border-radius:999px;background:linear-gradient(135deg,#ff9f32,#ffd45f);color:#493000;padding:12px 24px;font-size:16px;font-weight:950;cursor:pointer;box-shadow:0 8px 22px rgba(219,139,28,.28)}.mpx-all-skills small{display:block;font-size:11px;font-weight:750}.mpx-world-map{position:relative;height:650px;margin-top:-6px;border-radius:28px;overflow:hidden;background:radial-gradient(circle at 18% 15%,rgba(255,255,255,.9) 0 2px,transparent 3px),radial-gradient(circle at 82% 22%,rgba(255,255,255,.75) 0 2px,transparent 3px),linear-gradient(180deg,#172e57 0,#315f7a 48%,#75aa80 100%);box-shadow:inset 0 0 70px rgba(12,30,57,.35),0 18px 42px rgba(34,62,79,.2)}.mpx-world-map:before,.mpx-world-map:after{content:"";position:absolute;left:-8%;right:-8%;bottom:-100px;height:260px;border-radius:50%;background:#89b878;opacity:.78}.mpx-world-map:after{left:35%;right:-18%;bottom:-135px;background:#5c926c}.mpx-world-paths{position:absolute;inset:0;width:100%;height:100%;z-index:1}.mpx-world-path{fill:none;stroke:rgba(230,242,226,.28);stroke-width:7;stroke-linecap:round}.mpx-world-path.lit{stroke:#b9f277;filter:drop-shadow(0 0 6px #99dd60)}.mpx-skill-node{position:absolute;z-index:2;width:132px;min-height:82px;transform:translate(-50%,-50%);border:2px solid rgba(255,255,255,.5);border-radius:20px;background:linear-gradient(145deg,#8f9ba4,#586979);color:#fff;padding:9px 7px 8px;cursor:pointer;box-shadow:0 8px 18px rgba(11,27,48,.32),inset 0 1px rgba(255,255,255,.35);transition:transform .18s,box-shadow .18s,filter .25s}.mpx-skill-node:hover,.mpx-skill-node:focus{transform:translate(-50%,-50%) scale(1.06);outline:0}.mpx-skill-node.status-red{background:linear-gradient(145deg,#f06b61,#b93f48)}.mpx-skill-node.status-orange{background:linear-gradient(145deg,#ffae42,#df6f31)}.mpx-skill-node.status-yellow{background:linear-gradient(145deg,#f0d555,#ba9e29);color:#3f390d}.mpx-skill-node.status-green{background:linear-gradient(145deg,#58c785,#21845f)}.mpx-skill-node.recommended{border-color:#e5ff9b;box-shadow:0 0 0 5px rgba(208,255,113,.22),0 0 24px #b9ed65,0 9px 20px rgba(11,27,48,.35);animation:mpxRecommend 1.8s ease-in-out infinite}.mpx-skill-icon{display:block;font-size:27px;line-height:30px}.mpx-skill-name{display:block;font-size:12px;line-height:1.13;font-weight:950}.mpx-skill-state{display:block;margin-top:4px;font-size:9px;opacity:.86}.mpx-task-nav{display:none;max-width:820px;margin:17px auto 10px;align-items:center;justify-content:space-between;gap:10px}.mpx-task-nav.show{display:flex}.mpx-task-nav strong{font-size:18px;color:var(--blue)}.mpx-other-exercises{border:1px solid #9bb6c8;border-radius:999px;background:#fff;color:#315979;padding:9px 14px;font-weight:900;cursor:pointer}.skill-world-enabled .mpx-daily,.skill-world-enabled .mpx-net,.skill-world-enabled .mpx-modes{display:none}.skill-world-enabled .mpx-change-topic,.skill-world-enabled .mpx-quiz-link,.skill-world-enabled .mpx-highscores,.skill-world-enabled #mpx-streak,.skill-world-enabled #mpx-solved{display:none}.skill-world-enabled .mpx-brand strong{font-size:18px}.skill-world-enabled .mpx-top{border-bottom:1px solid rgba(70,103,121,.13);padding-bottom:11px}.skill-world-enabled.world-open .mpx-card,.skill-world-enabled.world-open .mpx-feedback,.skill-world-enabled.world-open .mpx-task-nav{display:none!important}@keyframes mpxRecommend{50%{box-shadow:0 0 0 8px rgba(208,255,113,.12),0 0 34px #c7fa70,0 9px 20px rgba(11,27,48,.35)}}
@media(max-width:680px){.mpx-world-map{height:1130px}.mpx-skill-node{width:128px}.mpx-skill-world h2{font-size:28px}.skill-world-enabled .mpx-top{gap:8px}.skill-world-enabled .mpx-brand{width:100%}.mpx-task-nav{align-items:flex-start}.mpx-task-nav strong{font-size:16px}.mpx-other-exercises{padding:8px 11px;font-size:12px}}
.mpx-onboarding-layer{position:fixed;inset:0;z-index:2147482000;pointer-events:none}.mpx-onboarding-bubble{position:fixed;z-index:2147482002;border:2px solid #f2b23e;border-radius:18px;background:#fffdf5;padding:17px 42px 16px 18px;color:#24364b;box-shadow:0 18px 54px rgba(16,39,61,.34);pointer-events:auto;animation:mpxOnboardingIn .28s ease}.mpx-onboarding-bubble>span{display:block;margin-bottom:3px;color:#238764;font-size:10px;font-weight:950;letter-spacing:.09em;text-transform:uppercase}.mpx-onboarding-bubble h3{margin:0 0 6px;color:#294f70;font-size:20px;line-height:1.2}.mpx-onboarding-bubble p{margin:0;line-height:1.45}.mpx-onboarding-skip{position:absolute;right:10px;top:9px;width:30px;height:30px;border:0;border-radius:50%;background:#edf2f5;color:#536b7c;font-size:21px;line-height:28px;cursor:pointer}.mpx-onboarding-controls{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin-top:13px}.mpx-onboarding-controls button{border:0;border-radius:10px;padding:9px 12px;font-weight:900;cursor:pointer}.mpx-onboarding-next{background:linear-gradient(135deg,#ff9e2f,#ffc654);color:#493000}.mpx-onboarding-back{background:#e8eef3;color:#385170}.mpx-onboarding-arrow{position:absolute;display:block;width:0;height:0;border:12px solid transparent;filter:drop-shadow(0 2px 0 #f2b23e)}.mpx-onboarding-arrow.up{left:50%;top:-25px;border-bottom-color:#fffdf5;transform:translateX(-50%)}.mpx-onboarding-arrow.down{left:50%;bottom:-25px;border-top-color:#fffdf5;transform:translateX(-50%)}.mpx-onboarding-arrow.none{display:none}.mpx-onboarding-target{position:relative;z-index:2147482001!important;outline:4px solid #ffbd48!important;outline-offset:5px;animation:mpxOnboardingPulse 1.25s ease-in-out infinite!important}.mpx-world-map.mpx-onboarding-target{outline-offset:2px}.mpx-skill-node.mpx-onboarding-target{position:absolute}.mpx-onboarding-target.mpx-primary,.mpx-onboarding-target.mpx-other-exercises,.mpx-onboarding-target.mpx-all-skills{isolation:isolate}@keyframes mpxOnboardingIn{from{opacity:0;transform:translateY(7px) scale(.98)}to{opacity:1;transform:none}}@keyframes mpxOnboardingPulse{50%{outline-color:#86db54;box-shadow:0 0 0 9px rgba(137,211,79,.22),0 0 30px rgba(255,173,50,.42)}}
@media(max-width:560px){.mpx-onboarding-bubble{padding:15px 39px 14px 15px}.mpx-onboarding-bubble h3{font-size:18px}.mpx-onboarding-bubble p{font-size:14px}.mpx-onboarding-controls button{flex:1;min-width:105px}.mpx-onboarding-target{outline-offset:3px}}
@media(prefers-reduced-motion:reduce){.mpx-onboarding-bubble,.mpx-onboarding-target{animation:none!important}}
/* Die transparente Führungsebene muss über dem hervorgehobenen Ziel liegen.
   Sonst verdeckt der große Skillbaum die darin liegende Sprechblase. */
.mpx-onboarding-layer{z-index:2147483000}.mpx-onboarding-bubble{z-index:1}
.mpx-all-skills{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:3px solid #fff2bf;border-radius:16px;background:linear-gradient(135deg,#ff8c24,#ffd45f);padding:13px 25px;font-size:17px;box-shadow:0 0 0 3px #e99a27,0 9px 24px rgba(219,139,28,.34);transition:.18s}.mpx-all-skills:hover,.mpx-all-skills:focus{transform:translateY(-2px);box-shadow:0 0 0 3px #e99a27,0 13px 29px rgba(219,139,28,.4);outline:0}.mpx-world-map{margin-top:9px}.mpx-task-nav{gap:13px}.mpx-task-nav strong{white-space:nowrap}.mpx-current-progress{flex:1;min-width:100px}.mpx-current-progress-track{height:11px;border-radius:99px;background:#d9e1e5;overflow:hidden;box-shadow:inset 0 1px 3px rgba(24,48,65,.16)}.mpx-current-progress-track i{display:block;width:0;height:100%;border-radius:inherit;background:#aab5bb;transition:width .45s,background .3s}.mpx-current-progress small{display:block;margin-top:3px;color:#637988;font-size:10px}.mpx-other-exercises{display:flex;align-items:center;gap:9px;border:2px solid #416d91;border-radius:14px;background:linear-gradient(145deg,#456f94,#294d70);color:#fff;padding:9px 13px;box-shadow:0 5px 12px rgba(42,77,112,.2)}.mpx-other-exercises:before{content:"";width:27px;height:22px;background:radial-gradient(circle,#d6ff85 0 3px,transparent 4px) 2px 1px/13px 11px,radial-gradient(circle,#fff 0 2px,transparent 3px) 8px 7px/13px 11px;filter:drop-shadow(0 0 3px rgba(214,255,133,.75))}.mpx-other-exercises small{display:block;font-size:9px;font-weight:700;opacity:.84}.mpx-mastery-choice{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:14px}.mpx-mastery-choice button{border:0;border-radius:12px;padding:12px;font-weight:900;cursor:pointer}.mpx-mastery-next{background:linear-gradient(135deg,#41ad76,#8ed45d);color:#123e2b}.mpx-mastery-stay{background:#edf2f5;color:#385170}
@media(max-width:680px){.mpx-task-nav{align-items:center;flex-wrap:wrap}.mpx-current-progress{order:3;flex-basis:100%}.mpx-other-exercises{margin-left:auto;padding:8px 10px}.mpx-mastery-choice{grid-template-columns:1fr}}
.mpx-chip.mastery{display:none;background:linear-gradient(135deg,#fff0ad,#ffd25e);border-color:#e7b83f;color:#654900}.mpx-chip.mastery.show{display:inline-block}
.mpx-mastery-choice{grid-template-columns:repeat(3,1fr)}.mpx-mastery-tree{background:#e8f0f8;color:#315979}.mpx-mastery-tree small{display:block;font-size:10px;margin-top:3px;font-weight:700}
.mpx-overall-power{display:flex;align-items:center;gap:12px;max-width:540px;margin:12px auto 17px;padding:10px 14px;border:1px solid rgba(211,241,173,.45);border-radius:14px;background:rgba(11,34,62,.38);color:#fff;text-align:left;box-shadow:inset 0 1px rgba(255,255,255,.12)}.mpx-overall-power strong{white-space:nowrap;font-size:14px}.mpx-overall-track{flex:1;height:12px;border-radius:99px;background:rgba(255,255,255,.18);overflow:hidden}.mpx-overall-track i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ff685e,#ffc84f 55%,#83e170);transition:width .55s}.mpx-overall-power span{min-width:38px;font-size:18px;font-weight:950;color:#dfff9d}
@media(max-width:680px){.mpx-mastery-choice{grid-template-columns:1fr}}
.mpx-modes{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;max-width:820px;margin:17px auto}.mpx-mode{border:1px solid #c7d6df;background:#fff;color:var(--blue);border-radius:11px;padding:10px 7px;font-size:12px;font-weight:850;cursor:pointer}.mpx-mode.active{background:var(--blue);color:#fff;border-color:var(--blue)}
.mpx-feedback{display:none;max-width:820px;margin:0 auto 14px;padding:14px 16px;border-radius:13px;animation:mpxIn .24s ease}.mpx-feedback.show{display:block}.mpx-feedback.good{background:#e2f8eb;border:1px solid #84d3a5}.mpx-feedback.try{background:#fff3d9;border:1px solid #edc767}.mpx-feedback.mission{background:#eaf2ff;border:1px solid #8ab4e5}.mpx-feedback-title{font-size:17px;font-weight:900;margin-bottom:5px}.mpx-solution{margin-top:8px;padding-top:8px;border-top:1px solid rgba(56,81,112,.14)}.mpx-intervention{display:none;margin-top:11px;padding:12px 14px;background:#fff;border:2px solid #ffca68;border-radius:11px;text-align:left}.mpx-intervention.show{display:block;animation:mpxPop .28s ease}.mpx-methods{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.mpx-method{border:1px solid #a9bbc8;background:#fff;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800;color:var(--blue);cursor:pointer}.mpx-method.active{background:var(--blue);color:#fff}.mpx-method-body{margin-top:8px;padding:10px;background:rgba(255,255,255,.68);border-radius:9px}
.mpx-current-example{margin:0 0 12px;padding:11px 13px;border-left:4px solid #ffad32;border-radius:9px;background:#fff7e5;color:#314b60}.mpx-current-example>strong{display:block;margin-bottom:7px;color:#8a5700}.mpx-current-prompt{font-weight:800}.mpx-current-solution{margin-top:7px;padding-top:7px;border-top:1px solid rgba(138,87,0,.18)}
.mpx-auto{display:none;margin-top:11px}.mpx-auto.show{display:block}.mpx-auto-bar{height:5px;background:rgba(34,164,119,.18);border-radius:6px;overflow:hidden;margin-bottom:8px}.mpx-auto-bar i{display:block;height:100%;width:100%;background:var(--green);transform-origin:left;animation:mpxCountdown 2.8s linear forwards}.mpx-auto-actions{display:flex;gap:8px;flex-wrap:wrap}.mpx-auto-actions button{border:1px solid #9db7aa;background:#fff;border-radius:9px;padding:7px 10px;color:var(--blue);font-weight:800;cursor:pointer}
.mpx-card{max-width:820px;margin:0 auto;background:#fff;border:1px solid #d9e5ea;border-radius:18px;padding:24px;text-align:center;transition:.18s}.mpx-card.loading{opacity:.5;transform:translateY(3px);pointer-events:none}.mpx-taskmeta{display:flex;justify-content:center;gap:7px;flex-wrap:wrap;margin-bottom:13px}.mpx-chip{border-radius:999px;background:#edf4f7;padding:5px 9px;font-size:11px;font-weight:850;color:#557084}.mpx-chip.hard{background:#fff0d7;color:#9a5a00}.mpx-chip.focus{background:#fff0d7;color:#875000}.mpx-chip.repair{background:#e9edff;color:#4d5eb4}.mpx-question{font-size:22px;line-height:1.48;font-weight:720;min-height:86px;padding:12px 0}.mpx-question strong{white-space:nowrap}.mp-story-tag{display:inline-block;background:#385170;color:#fff;border-radius:6px;padding:3px 7px;margin-right:5px;font-size:10px;letter-spacing:.08em;vertical-align:middle;white-space:nowrap}.mp-mini-question{display:block;margin-top:11px;color:#567287}.mp-wrong-work{display:block;width:max-content;max-width:100%;margin:10px auto;padding:7px 10px;background:#fff0f0;border-radius:8px;color:#9b3a3a;text-decoration:line-through}
.mpx-story{display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center;max-width:470px;margin:0 auto;padding:13px 15px;background:#f4f7f9;border-radius:13px;text-align:left}.mpx-story-price{font-size:27px;color:var(--blue);font-weight:900}.mpx-versus{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:9px;max-width:560px;margin:0 auto}.mpx-versus div{background:#f2f6f8;border-radius:12px;padding:12px}.mpx-versus b{display:block;color:var(--green);font-size:20px}.mpx-versus strong{white-space:normal}.mpx-table{display:grid;grid-template-columns:1fr 1fr;max-width:300px;margin:14px auto 0;border:1px solid #cbdbe3;border-radius:10px;overflow:hidden;font-size:17px}.mpx-table>*{padding:7px;border-bottom:1px solid #dce7ec}.mpx-table>*:nth-last-child(-n+2){border-bottom:0}.mpx-table strong{background:#f0f7f9}
.mpx-entry{margin:18px auto 11px}.mpx-number-wrap{display:flex;justify-content:center;align-items:center;gap:8px}.mpx-number{width:170px!important;border:2px solid #98aebb!important;border-radius:11px!important;padding:11px!important;text-align:center;font-size:22px!important;background:#fbfdff}.mpx-number:focus{outline:0;border-color:var(--green)!important;box-shadow:0 0 0 4px rgba(34,164,119,.13)}.mpx-unit{font-size:21px;font-weight:850}.mpx-choices{display:grid;gap:8px;max-width:560px;margin:0 auto}.mpx-choice{border:2px solid #d7e1e6;background:#fff;border-radius:11px;padding:11px;color:var(--ink);font-weight:750;cursor:pointer}.mpx-choice.selected{border-color:var(--green);background:#eaf9f0}
.mpx-fraction-entry{display:grid;grid-template-rows:1fr 3px 1fr;width:105px;gap:5px;margin:0 auto}.mpx-fraction-entry input{width:105px!important;border:2px solid #98aebb!important;border-radius:9px!important;padding:8px!important;text-align:center;font-size:20px!important}.mpx-frac-line{background:var(--ink);border-radius:3px}.mpx-frac{display:inline-grid;grid-template-rows:auto 2px auto;min-width:38px;gap:2px;text-align:center;vertical-align:middle;margin:0 3px}.mpx-frac i{display:block;width:100%;height:2px;background:currentColor}.mpx-frac b{font-weight:800}.mpx-compare-entry{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:nowrap;width:max-content;max-width:100%;margin:0 auto}.mpx-compare-signs{display:flex;gap:5px}.mpx-compare-signs button{width:43px;height:43px;border:2px solid #b8c9d1;border-radius:9px;background:#fff;font-size:21px;font-weight:900;cursor:pointer}.mpx-compare-signs button.selected{border-color:var(--green);background:#eaf9f0}.mpx-compare-right{font-size:23px;font-weight:850}@media(max-width:560px){.mpx-compare-entry{width:100%;flex-wrap:wrap}}
.mpx-equation-builder{max-width:560px;margin:auto}.mpx-equation-display{min-height:55px;display:flex;align-items:center;justify-content:center;background:#f2f7fa;border:2px dashed #9db2bd;border-radius:12px;padding:9px;font-size:24px;font-weight:900;color:var(--blue)}.mpx-equation-display.empty{font-size:14px;font-weight:700;color:#78909c}.mpx-equation-tokens{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:11px}.mpx-equation-token{min-width:48px;border:2px solid #c9d8df;background:#fff;border-radius:10px;padding:9px 12px;font-size:19px;font-weight:900;color:var(--ink);cursor:pointer}.mpx-equation-token:hover{border-color:var(--green);background:#effaf3}.mpx-equation-tools{display:flex;justify-content:center;gap:8px;margin-top:9px}.mpx-equation-tools button{border:0;border-radius:8px;background:#e8eef2;color:var(--blue);padding:7px 11px;font-weight:800;cursor:pointer}
.mpx-share i{display:block;height:45px;border:1px solid #9fb4bf;background:#fff;border-radius:4px}.mpx-share i.filled{background:linear-gradient(145deg,var(--green),var(--lime));border-color:#299d76}
.mpx-actions{display:flex;gap:9px;max-width:600px;margin:0 auto}.mpx-primary,.mpx-secondary{border:0;border-radius:11px;padding:12px 15px;font-weight:900;cursor:pointer}.mpx-primary{flex:1;background:linear-gradient(90deg,#ff9d2f,#ffc143);color:#402900;box-shadow:0 6px 15px rgba(231,143,28,.25)}.mpx-secondary{display:none;background:#e7eef8;color:#385170}.mpx-secondary.show{display:block}.mpx-help{margin-top:13px}.mpx-help summary{cursor:pointer;font-weight:750;color:#4c718a;font-size:13px}.mpx-help div{max-width:600px;margin:8px auto 0;padding:10px;background:#edf5fa;border-radius:9px;text-align:left;font-size:13px}
.mpx-learn{display:none;margin:13px auto 0;border:1px solid #8faed0;background:#eef5ff;color:#294f78;border-radius:10px;padding:9px 13px;font-weight:900;cursor:pointer}.mpx-learn.show{display:block}
.mpx-review-direct{display:block;margin:11px 0 0 auto;border:1px solid #8d75c6;background:#f4f0ff;color:#4f3788;border-radius:9px;padding:8px 11px;font-weight:900;cursor:pointer}
.mpx-lesson-v2{margin-top:14px}.mpx-lesson-lead{font-size:16px;line-height:1.55;background:#f1f7fb;border-radius:13px;padding:13px 15px}.mpx-lesson-goal{border-left:4px solid var(--orange);background:#fff8e9;padding:10px 12px;margin:12px 0;border-radius:8px}.mpx-path-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:13px 0}.mpx-path-tab{border:1px solid #9db3c3;background:#fff;border-radius:999px;padding:8px 13px;color:var(--blue);font-weight:900;cursor:pointer}.mpx-path-tab.active{background:var(--blue);color:#fff}.mpx-path{background:linear-gradient(145deg,#f7fbff,#f1faf5);border:1px solid #d7e5e2;border-radius:16px;padding:16px}.mpx-path-intro{line-height:1.5}.mpx-lesson-visual{background:#fff;border-radius:13px;padding:15px;margin:13px 0;overflow:auto}.mpx-step-list{display:grid;gap:8px}.mpx-step{display:none;grid-template-columns:29px 1fr;gap:9px;align-items:start;background:#fff;border:1px solid #dce6eb;border-radius:11px;padding:10px;animation:mpxIn .2s ease}.mpx-step.show{display:grid}.mpx-step>span{display:flex;align-items:center;justify-content:center;width:27px;height:27px;border-radius:50%;background:var(--green);color:#fff;font-weight:900}.mpx-step>div{line-height:1.45;padding-top:3px}.mpx-step-next{display:block;margin:11px auto 0;border:0;border-radius:9px;background:#e7eef8;color:var(--blue);padding:9px 13px;font-weight:900;cursor:pointer}.mpx-thinkcheck{display:none;margin-top:12px;background:#fff4d8;border:1px solid #efc266;border-radius:11px;padding:11px 13px;line-height:1.45}.mpx-thinkcheck.show{display:block}.mpx-lesson-start{display:block;width:100%;margin-top:14px}
.mpx-written{width:250px;margin:auto;font-variant-numeric:tabular-nums}.mpx-written>div{display:grid;grid-template-columns:28px repeat(3,48px);justify-content:center;text-align:center;font-size:26px;line-height:1.2}.mpx-written .mpx-place-head{font-size:11px;color:#718796;margin-bottom:4px}.mpx-written .mpx-carry{min-height:22px;color:#d06e00;font-size:15px}.mpx-written-result{border-top:3px solid var(--ink);padding-top:4px}.mpx-written b{font-weight:850}.mpx-bundles,.mpx-split,.mpx-division{display:flex;gap:8px;align-items:center;justify-content:center;flex-wrap:wrap}.mpx-bundles span{background:#eaf3ff;border-radius:9px;padding:8px;font-weight:800}.mpx-split,.mpx-division{flex-direction:column}.mpx-split>strong,.mpx-division>strong{font-size:25px}.mpx-split>div,.mpx-division>div{display:flex;gap:8px;flex-wrap:wrap}.mpx-split b,.mpx-division span{background:#edf8f2;padding:9px;border-radius:8px}.mpx-split em,.mpx-division b{font-size:20px;font-style:normal;color:#16805b}.mpx-rule3{display:grid;grid-template-columns:1fr 1fr;max-width:400px;margin:auto;border:2px solid #b9cbd5;border-radius:12px;overflow:hidden;text-align:center}.mpx-rule3>div{padding:9px;border-right:1px solid #d7e2e7;border-bottom:1px solid #d7e2e7}.mpx-rule3>div:nth-child(2n){border-right:0}.mpx-rule3>div:nth-last-child(-n+2){border-bottom:0}.mpx-rule3 .head{background:var(--blue);color:#fff;font-weight:900}.mpx-rule3 small{color:#b75f00;font-weight:900}.mpx-formula{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-width:460px;margin:auto}.mpx-formula>span,.mpx-formula>em{grid-column:1/-1;text-align:center;padding:11px;border-radius:9px;font-size:20px;font-style:normal}.mpx-formula>span{background:var(--blue);color:#fff}.mpx-formula>div{background:#eef7f2;border-radius:9px;padding:9px;text-align:center}.mpx-formula>div small{display:block}.mpx-formula>em{background:#fff2d5}.mpx-frac-demo{min-width:100px;flex:1}.mpx-frac-demo>div{display:grid;gap:2px}.mpx-frac-demo i{display:block;height:32px;border:1px solid #9cafba;background:#fff}.mpx-frac-demo i.on{background:linear-gradient(145deg,var(--green),var(--lime))}.mpx-frac-demo>strong{display:block;text-align:center;margin-top:5px}.mpx-frac-row{display:flex;align-items:center;justify-content:center;gap:10px;min-width:520px}.mpx-frac-row>b{font-size:24px}.mpx-frac-transform{display:grid;gap:10px;max-width:480px;margin:auto}.mpx-area-model{max-width:390px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:8px;text-align:center}.mpx-area-model span{background:#e9f4ff;padding:13px;border-radius:9px}.mpx-area-model strong{grid-column:1/-1;background:#e9f9ef;padding:13px;border-radius:9px}.mpx-balance{position:relative;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;max-width:520px;margin:11px auto 25px;text-align:center}.mpx-balance>div{border-bottom:5px solid #6d8492;padding:11px;background:#eef4f7;border-radius:10px 10px 4px 4px;font-size:20px;font-weight:850}.mpx-balance>b{font-size:22px}.mpx-balance>small{position:absolute;left:0;right:0;bottom:-22px;color:#b65e00;font-weight:900}.mpx-groups{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;max-width:500px;margin:auto}.mpx-groups>div{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.mpx-groups i{font-style:normal;background:#eaf6ff;border:1px solid #a8c2d2;padding:8px;border-radius:7px;text-align:center;font-weight:900}
.mpx-float{position:absolute;z-index:4;font-weight:900;color:#15895e;pointer-events:none;animation:mpxFloat 1s ease forwards}.mpx-burst{position:absolute;width:8px;height:8px;border-radius:50%;pointer-events:none;animation:mpxBurst .8s ease forwards}
.mpx-modal{display:none;position:absolute;z-index:20;inset:0;background:rgba(25,42,59,.78);padding:18px;align-items:flex-start;justify-content:center;overflow:auto}.mpx-modal.show{display:flex}.mpx-modal-card{width:min(740px,100%);margin-top:35px;background:#fff;border-radius:20px;padding:23px;box-shadow:0 20px 55px rgba(0,0,0,.3);animation:mpxPop .25s ease}.mpx-modal-card h3{margin:0 0 8px;color:var(--blue)}.mpx-modal-close{float:right;border:0;background:#edf2f5;border-radius:50%;width:32px;height:32px;font-weight:900;cursor:pointer}.mpx-name-row{display:flex;gap:8px;margin-top:14px}.mpx-name-input{flex:1;min-width:0;border:2px solid #9fb3bf;border-radius:10px;padding:10px;font-size:17px}.mpx-modal-primary{border:0;background:var(--blue);color:#fff;border-radius:10px;padding:10px 14px;font-weight:900;cursor:pointer}.mpx-records{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:14px}.mpx-record{background:#f3f7f8;border-radius:12px;padding:12px;text-align:center}.mpx-record strong{display:block;font-size:22px;color:var(--blue)}.mpx-level-icon{font-size:52px;text-align:center}.mpx-level-progress{height:9px;background:#e3ebef;border-radius:10px;overflow:hidden;margin-top:6px}.mpx-level-progress i{display:block;height:100%;background:linear-gradient(90deg,var(--green),var(--lime))}
.mpx-modal.mpx-learning-modal{position:fixed;align-items:center;overflow:hidden}.mpx-learning-modal .mpx-modal-card{width:min(960px,100%);max-height:calc(100dvh - 24px);margin:0;overflow:auto}.mpx-choice-status{min-height:22px;margin:13px 0 0!important;color:#28765e!important;font-weight:850}.mpx-learning-choice button:disabled{cursor:wait;opacity:.55;transform:none}.mpx-small-number-input{width:84px;border:2px solid #91aab8;border-radius:9px;padding:8px;text-align:center;font-size:23px;font-weight:900}.mpx-repeat-fractions{display:flex;align-items:center;justify-content:center;gap:11px;flex-wrap:wrap;max-width:720px;margin:22px auto}.mpx-repeat-fractions>div{display:grid;gap:5px;min-width:72px;padding:10px;border-radius:12px;background:#f3f8fb;font-size:25px}.mpx-repeat-fractions small{color:#627988;font-size:10px;font-weight:800}.mpx-repeat-fractions>strong{font-size:23px}.mpx-share-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;max-width:700px;margin:18px auto}.mpx-share-groups>div{padding:10px;border:2px solid #cbdbe3;border-radius:13px;background:#f6fafc}.mpx-share-groups>div>strong{display:block;margin-bottom:8px;color:var(--blue)}.mpx-share-groups>div>span{display:flex;justify-content:center;gap:5px;flex-wrap:wrap}.mpx-share-groups i{padding:5px 7px;border-radius:7px;background:#e4f5eb;color:#17684f;font-style:normal;font-weight:850}.mpx-cross-lesson [data-cross-lesson].selected{border-color:#ffad32;background:#fff2d2;box-shadow:0 0 0 3px rgba(255,173,50,.17)}
.mpx-topic-list{display:grid;gap:9px;margin-top:14px}.mpx-topic-card{display:block;border:1px solid #cfdee5;background:#f7fbfd;border-radius:12px;padding:12px;text-decoration:none;color:var(--ink)}.mpx-topic-card:hover{border-color:var(--green);background:#f0fbf4}.mpx-topic-card strong{display:block;color:var(--blue)}.mpx-topic-card small{display:block;margin-top:3px;color:#627989}.mpx-daily-choice{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:15px}.mpx-daily-choice button,.mpx-daily-choice a{border:0;border-radius:13px;padding:14px;text-align:left;text-decoration:none;cursor:pointer;font-weight:800}.mpx-daily-choice strong{display:block;margin-bottom:4px}.mpx-stay{background:#e8f8ee;color:#176b4d}.mpx-explore{background:#eef2ff;color:#3e5191}
@keyframes mpxIn{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:none}}@keyframes mpxPop{from{opacity:0;transform:scale(.95)}to{opacity:1;transform:none}}@keyframes mpxCountdown{to{transform:scaleX(0)}}@keyframes mpxFloat{0%{opacity:0;transform:translate(-50%,7px) scale(.8)}25%{opacity:1}100%{opacity:0;transform:translate(-50%,-55px) scale(1.2)}}@keyframes mpxBurst{to{opacity:0;transform:translate(var(--x),var(--y)) scale(.1)}}
@media(max-width:760px){.mpx{padding:13px}.mpx-nodes{grid-template-columns:repeat(3,1fr)}.mpx-question{font-size:19px}.mpx-card{padding:17px 11px}.mpx-modes{grid-template-columns:1fr 1fr}.mpx-actions{flex-direction:column}.mpx-secondary{width:100%}.mpx-daily{grid-template-columns:auto 1fr}.mpx-daily-bar{grid-column:1/-1;width:100%}.mpx-story{grid-template-columns:auto 1fr}.mpx-story-price{grid-column:1/-1;text-align:center}.mpx-versus{grid-template-columns:1fr}.mpx-versus>span{font-size:12px}.mpx-daily-choice{grid-template-columns:1fr}.mpx-modal{padding:7px}.mpx-modal-card{margin-top:8px;padding:15px}.mpx-path{padding:11px}.mpx-lesson-visual{padding:10px}.mpx-rule3>div{padding:7px 4px}.mpx-frac-row{min-width:450px}.mpx-written>div{grid-template-columns:24px repeat(3,42px)}}
.mpx-shape-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center;max-width:560px;margin:auto}.mpx-circle-demo{text-align:center}.mpx-circle{width:145px;aspect-ratio:1;margin:auto;border-radius:50%;border:2px solid #8299a7;background:repeating-conic-gradient(from -90deg,transparent 0 calc(360deg/var(--parts) - 1deg),#fff calc(360deg/var(--parts) - 1deg) calc(360deg/var(--parts))),conic-gradient(from -90deg,var(--green) 0 var(--slice),#fff var(--slice) 360deg)}.mpx-circle-demo strong,.mpx-circle-demo small{display:block;margin-top:6px}.mpx-circle-demo small{color:#687d89}.mpx-transform-stage{position:relative;min-height:105px;max-width:480px;margin:auto;padding-bottom:36px}.mpx-transform-shape{position:absolute;inset:0 0 36px}.mpx-transform-shape.to{opacity:0}.mpx-transform-stage.play .from{animation:mpxFrom 3.6s both}.mpx-transform-stage.play .to{animation:mpxTo 3.6s both}.mpx-replay{position:absolute;bottom:0;left:50%;transform:translateX(-50%);border:0;border-radius:999px;background:#385170;color:#fff;padding:7px 12px;font-weight:800;cursor:pointer;white-space:nowrap}@keyframes mpxFrom{0%,38%{opacity:1}55%,100%{opacity:0}}@keyframes mpxTo{0%,38%{opacity:0}55%,100%{opacity:1}}.mpx-equal-bars{display:grid;gap:10px;max-width:480px;margin:auto}.mpx-equal-bars>div{width:100%}.mpx-equal-bars .mpx-frac-demo{width:100%}.mpx-visual-equation{text-align:center;font-size:20px}.mpx-area-wrap{max-width:500px;margin:auto}.mpx-area-question,.mpx-area-rule{text-align:center;line-height:1.45}.mpx-area-rule{background:#fff2d5;border-radius:9px;padding:9px}.mpx-area-grid{display:grid;border:3px solid #385170;aspect-ratio:5/3}.mpx-area-grid i{border:1px solid #b6c6cf;background:#fff}.mpx-area-grid i.row-on{background:#dff5e8}.mpx-area-grid i.col-on{background:#ddecfa}.mpx-area-grid i.overlap{background:#2ca67a;animation:mpxOverlap 2.8s ease-in-out infinite}@keyframes mpxOverlap{0%,25%{background:#ddecfa}50%,100%{background:#2ca67a}}.mpx-area-key{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px;text-align:center}.mpx-area-key span,.mpx-area-key strong{padding:7px;border-radius:7px}.mpx-area-key b{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:#385170;color:#fff;margin-right:4px}.mpx-area-key .rows{background:#dff5e8}.mpx-area-key .cols{background:#ddecfa}.mpx-area-key strong{grid-column:1/-1;background:#d8f1e7}.mpx-balance{position:relative;display:grid;grid-template-columns:1fr 70px 1fr;align-items:end;gap:0;max-width:520px;margin:16px auto 46px;padding-bottom:24px;text-align:center}.mpx-balance .mpx-pan{position:relative;border:3px solid #6d8492;border-top:0;border-radius:0 0 50% 50%;padding:12px 7px 8px;background:#eef4f7;font-size:20px;font-weight:850}.mpx-balance .mpx-pan:before,.mpx-balance .mpx-pan:after{content:"";position:absolute;top:-25px;width:2px;height:28px;background:#6d8492}.mpx-balance .mpx-pan:before{left:12%}.mpx-balance .mpx-pan:after{right:12%}.mpx-balance .mpx-beam{height:8px;background:#385170;align-self:center;position:relative;margin-top:-8px}.mpx-balance .mpx-beam:after{content:"";position:absolute;left:50%;top:7px;transform:translateX(-50%);border-left:25px solid transparent;border-right:25px solid transparent;border-top:38px solid #6d8492}.mpx-balance>small{position:absolute;left:0;right:0;bottom:-22px;color:#b65e00;font-weight:900}.mpx-division>em{font-style:normal;background:#fff2d5;padding:8px 12px;border-radius:8px;font-weight:850}
@media(max-width:760px){.mpx-shape-pair{grid-template-columns:1fr}.mpx-balance{grid-template-columns:1fr 45px 1fr}.mpx-circle{width:120px}}
.mpx-balance .mpx-beam{padding:0;border:0;border-radius:0}
.mpx-balance-lesson{position:relative;max-width:620px;min-height:330px;margin:auto;padding:10px 12px 45px;overflow:hidden}.mpx-balance-caption{position:relative;height:45px;text-align:center;font-size:22px;font-weight:900;color:#385170}.mpx-balance-caption span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0}.mpx-balance-caption .before{opacity:1}.mpx-scale{position:relative;height:190px;margin-top:8px}.mpx-scale-beam{position:absolute;left:8%;right:8%;top:82px;height:9px;border-radius:9px;background:#385170;transform-origin:50% 50%}.mpx-scale-pan{position:absolute;top:-62px;width:39%;height:68px;border:4px solid #718794;border-top:0;border-radius:0 0 50% 50%;background:#eef6fa}.mpx-scale-pan:before,.mpx-scale-pan:after{content:"";position:absolute;top:-48px;width:3px;height:51px;background:#718794;transform-origin:bottom}.mpx-scale-pan:before{left:12%;transform:rotate(13deg)}.mpx-scale-pan:after{right:12%;transform:rotate(-13deg)}.mpx-scale-pan.left{left:0}.mpx-scale-pan.right{right:0}.mpx-scale-load{position:absolute;left:6px;right:6px;bottom:10px;display:flex;justify-content:center;align-items:end;gap:6px}.mpx-weight{display:inline-flex;align-items:center;justify-content:center;min-width:46px;height:40px;border-radius:8px;background:#fff;border:2px solid #9bb0bd;box-shadow:0 4px 0 #c9d6dc;font-size:19px}.mpx-weight.variable{background:#dff5e8;border-color:#4caf83}.mpx-weight.remove{background:#fff0d3;border-color:#e7a838}.mpx-weight.result{background:#e3edff;border-color:#7898d1}.mpx-scale-stand{position:absolute;left:50%;top:88px;transform:translateX(-50%);width:120px;height:99px;border-bottom:9px solid #718794}.mpx-scale-stand:before{content:"";position:absolute;left:50%;transform:translateX(-50%);border-left:46px solid transparent;border-right:46px solid transparent;border-bottom:90px solid #718794}.mpx-scale-stand:after{content:"";position:absolute;left:50%;top:20px;transform:translateX(-50%);border-left:32px solid transparent;border-right:32px solid transparent;border-bottom:64px solid #eef5f8}.mpx-scale-stand i{position:absolute;z-index:2;left:50%;top:-11px;transform:translateX(-50%);width:22px;height:22px;border-radius:50%;background:#ffad32;border:4px solid #385170}.mpx-operation-pair{position:absolute;left:11%;right:11%;top:63px;display:flex;justify-content:space-between;pointer-events:none}.mpx-operation-pair span{opacity:0;background:#d95f52;color:#fff;border-radius:999px;padding:7px 12px;font-weight:900;box-shadow:0 5px 13px rgba(120,45,35,.18)}.mpx-balance-replay{position:absolute;bottom:3px;left:50%;transform:translateX(-50%);border:0;border-radius:999px;background:#385170;color:#fff;padding:8px 13px;font-weight:850;cursor:pointer;white-space:nowrap}.mpx-balance-lesson.play .mpx-balance-caption .before{animation:mpxCapBefore 7s both}.mpx-balance-lesson.play .mpx-balance-caption .during{animation:mpxCapDuring 7s both}.mpx-balance-lesson.play .mpx-balance-caption .after{animation:mpxCapAfter 7s both}.mpx-balance-lesson.play .mpx-operation-pair span{animation:mpxOperation 7s both}.mpx-balance-lesson.play .mpx-scale-beam{animation:mpxBeam 7s ease-in-out both}.mpx-balance-lesson.play .mpx-scale-pan.left .remove{animation:mpxRemoveLeft 7s ease-in both}.mpx-balance-lesson.play .mpx-scale-pan.right .remove{animation:mpxRemoveRight 7s ease-in both}@keyframes mpxCapBefore{0%,23%{opacity:1}29%,100%{opacity:0}}@keyframes mpxCapDuring{0%,22%{opacity:0}29%,68%{opacity:1}74%,100%{opacity:0}}@keyframes mpxCapAfter{0%,70%{opacity:0}78%,100%{opacity:1}}@keyframes mpxOperation{0%,25%{opacity:0;transform:translateY(-10px)}32%,58%{opacity:1;transform:none}69%,100%{opacity:0;transform:translateY(28px)}}@keyframes mpxBeam{0%,31%{transform:rotate(0)}40%,54%{transform:rotate(4deg)}64%,100%{transform:rotate(0)}}@keyframes mpxRemoveLeft{0%,31%{opacity:1;transform:none}43%,100%{opacity:0;transform:translateY(-65px) rotate(-9deg)}}@keyframes mpxRemoveRight{0%,51%{opacity:1;transform:none}64%,100%{opacity:0;transform:translateY(-65px) rotate(9deg)}}@media(prefers-reduced-motion:reduce){.mpx-balance-lesson.play .mpx-balance-caption span,.mpx-balance-lesson.play .mpx-operation-pair span,.mpx-balance-lesson.play .mpx-scale-beam,.mpx-balance-lesson.play .mpx-weight.remove{animation:none}.mpx-balance-caption .before{display:none}.mpx-balance-caption .after{opacity:1}.mpx-weight.remove{display:none}}
.mpx-balance-lesson.play .mpx-scale-pan{animation:mpxPanLevel 7s ease-in-out both}@keyframes mpxPanLevel{0%,31%{transform:rotate(0)}40%,54%{transform:rotate(-4deg)}64%,100%{transform:rotate(0)}}
.mpx-step-work,.mpx-cross-work{max-width:650px;margin:16px auto;padding:16px;border:1px solid #d5e2e8;border-radius:15px;background:#f7fbfd;text-align:left}.mpx-step-title{margin:8px 0 6px;font-size:13px;font-weight:900;color:#385170}.mpx-step-row{display:flex;align-items:center;justify-content:center;gap:14px;padding:8px;border-radius:12px;background:#fff}.mpx-step-row.result{max-width:210px;margin:0 auto}.mpx-step-fraction{text-align:center}.mpx-step-fraction small{display:block;margin-bottom:4px;color:#637988;font-size:10px}.mpx-step-op{font-size:25px;font-weight:900}.mpx-step-direct{display:block;margin:12px auto 4px;border:0;background:transparent;color:#386b91;text-decoration:underline;font-weight:800;cursor:pointer}.mpx-step-note{display:block;text-align:center;color:#6d7f8b}.mpx-step-work.direct .mpx-step-title:first-child,.mpx-step-work.direct .mpx-step-title:first-child+.mpx-step-row{display:none}.mpx-cross-work>p{text-align:center;margin:0 0 13px;color:#536b7c}.mpx-cross-expression{display:flex;justify-content:center;align-items:center;gap:18px;font-size:25px}.mpx-cross-frac{display:grid;grid-template-rows:1fr 3px 1fr;gap:4px}.mpx-cross-frac i{display:block;background:#24364b;border-radius:4px}.mpx-cross-frac button{min-width:52px;border:2px solid transparent;border-radius:10px;background:#fff;padding:8px;font-size:22px;font-weight:900;color:#24364b;cursor:pointer}.mpx-cross-frac button.selected{border-color:#ffad32;background:#fff2d2;box-shadow:0 0 0 3px rgba(255,173,50,.17)}.mpx-cross-tool{display:flex;justify-content:center;align-items:end;gap:9px;flex-wrap:wrap;margin-top:15px}.mpx-cross-tool label{font-size:12px;font-weight:800}.mpx-cross-tool input{display:block;width:110px;margin-top:4px;border:1px solid #9eb5c3;border-radius:9px;padding:8px;font-size:17px}.mpx-cross-tool button{border:0;border-radius:9px;background:#385170;color:#fff;padding:10px 14px;font-weight:900;cursor:pointer}.mpx-cross-message{min-height:20px;margin-top:9px;text-align:center;color:#9a6412;font-weight:800;font-size:12px}@media(max-width:520px){.mpx-step-row{gap:6px}.mpx-step-work{padding:10px}.mpx-step-fraction .mpx-fraction-entry input{width:56px}}
.mpx-calculation-flow{display:grid;grid-template-columns:auto auto auto auto auto;align-items:center;justify-content:center;gap:13px;padding-bottom:25px;font-size:25px}.mpx-flow-source,.mpx-flow-common,.mpx-flow-result{display:flex;align-items:center;justify-content:center;gap:10px}.mpx-flow-common{position:relative}.mpx-flow-common small{position:absolute;left:0;right:0;bottom:-22px;color:#9a6412;font-size:11px;font-weight:900;white-space:nowrap}.mpx-calculation-flow .mpx-fraction-entry,.mpx-calculation-flow .mpx-fraction-entry input{width:52px!important}.mpx-calculation-flow .mpx-fraction-entry input{height:38px;padding:3px!important}.mpx-step-work.direct .mpx-flow-equals.first,.mpx-step-work.direct .mpx-flow-common{display:none}.mpx-cross-result{display:none;align-items:center;gap:13px}.mpx-cross-result .mpx-fraction-entry,.mpx-cross-result .mpx-fraction-entry input{width:62px!important}.mpx-cross-result .mpx-fraction-entry input{padding:5px!important}.mpx-cross-work.ready-to-multiply>p,.mpx-cross-work.ready-to-multiply .mpx-cross-tool{display:none}.mpx-cross-work.ready-to-multiply .mpx-cross-result{display:flex;animation:mpxIn .25s ease}.mpx-cross-work.ready-to-multiply .mpx-cross-message{margin-top:11px;color:var(--green)}
.mpx-inline-calculation{display:flex;align-items:center;justify-content:center;gap:12px;font-size:27px;font-weight:850;white-space:nowrap}.mpx-inline-calculation .mpx-fraction-entry,.mpx-inline-calculation .mpx-fraction-entry input{width:62px!important}.mpx-inline-calculation .mpx-fraction-entry input{height:40px;padding:4px!important}.mpx-division-flow{padding-bottom:30px}.mpx-number-flow{display:flex;align-items:center;justify-content:center;gap:9px;flex-wrap:wrap;font-size:22px;font-weight:800}.mpx-number-flow input{width:92px;border:2px solid #98aebb;border-radius:9px;padding:8px;text-align:center;font-size:20px}.mpx-number-result{display:flex;align-items:center;gap:5px}.mpx-step-conversion{text-align:center;margin-bottom:12px;font-size:18px}.mpx-point-picker{max-width:620px;margin:14px auto 4px;padding:24px 35px 8px}.mpx-point-line{height:72px;position:relative;margin:0 14px}.mpx-point-rail{position:absolute;left:0;right:0;top:30px;height:5px;border-radius:5px;background:#385170}.mpx-point-line button{position:absolute;top:17px;transform:translateX(-50%);width:27px;height:32px;border:0;background:transparent;cursor:pointer;padding:0}.mpx-point-line button i{display:block;width:4px;height:30px;margin:auto;background:#385170;border-radius:3px}.mpx-point-line button.selected:after{content:"";position:absolute;left:50%;top:-6px;transform:translateX(-50%);width:18px;height:18px;border-radius:50%;background:#ff9f2f;box-shadow:0 0 0 4px #fff2ce}.mpx-point-line .zero,.mpx-point-line .middle,.mpx-point-line .one{position:absolute;top:49px;font-weight:900}.mpx-point-line .zero{left:0;transform:translateX(-50%)}.mpx-point-line .one{right:0;transform:translateX(50%)}.mpx-point-count{display:block;text-align:center;color:#637988}
.mpx-primary:disabled{cursor:not-allowed;opacity:.42;box-shadow:none}
.mpx-visual-shade{display:grid;justify-items:center;gap:9px;margin:10px auto}.mpx-shade-bar{display:grid;width:min(430px,92%);height:82px;gap:3px}.mpx-shade-bar button{border:2px solid #8ca4b1;background:#fff;border-radius:5px;cursor:pointer}.mpx-shade-bar button:hover,.mpx-shade-bar button:focus{outline:3px solid rgba(255,173,50,.35);outline-offset:1px}.mpx-shade-circle path:hover,.mpx-shade-circle path:focus{outline:none;stroke:#e28b16;stroke-width:2.5}.mpx-shade-bar button.selected,.mpx-shade-circle path.selected{fill:#31ad7f;background:linear-gradient(145deg,#22a477,#89d34f)}.mpx-shade-circle{width:190px;height:190px;overflow:visible}.mpx-shade-circle path{fill:#fff;stroke:#6e8795;stroke-width:1.5;cursor:pointer;transition:fill .16s}.mpx-shade-count{color:#657b88;font-weight:850}
@media(max-width:620px){.mpx-calculation-flow{grid-template-columns:28px 1fr;row-gap:10px}.mpx-flow-source{grid-column:1/-1}.mpx-flow-equals.first{grid-column:1}.mpx-flow-common{grid-column:2}.mpx-flow-equals.second{grid-column:1}.mpx-flow-result{grid-column:2}.mpx-step-work.direct .mpx-flow-result{grid-column:2}.mpx-step-work{padding:10px}.mpx-cross-expression{gap:10px;flex-wrap:wrap}.mpx-cross-result{flex-basis:100%;justify-content:center}}
@media(max-width:620px){.mpx-inline-calculation{font-size:22px;gap:8px}.mpx-division-flow{grid-template-columns:28px 1fr}.mpx-division-flow>.mpx-flow-source{grid-column:1/-1}.mpx-number-flow{font-size:18px}.mpx-point-picker{padding-left:22px;padding-right:22px}}
/* Eingebundene Trainer reagieren auf ihre Inhaltsspalte, nicht nur auf das Browserfenster. */
@container mpx-embed (max-width:760px){.mpx-embedded{padding:13px}.mpx-embedded .mpx-nodes{grid-template-columns:repeat(3,1fr)}.mpx-embedded .mpx-question{font-size:19px}.mpx-embedded .mpx-card{padding:17px 11px}.mpx-embedded .mpx-modes{grid-template-columns:1fr 1fr}.mpx-embedded .mpx-actions{flex-direction:column}.mpx-embedded .mpx-secondary{width:100%}.mpx-embedded .mpx-daily{grid-template-columns:auto 1fr}.mpx-embedded .mpx-daily-bar{grid-column:1/-1;width:100%}.mpx-embedded .mpx-story{grid-template-columns:auto 1fr}.mpx-embedded .mpx-story-price{grid-column:1/-1;text-align:center}.mpx-embedded .mpx-versus{grid-template-columns:1fr}.mpx-embedded .mpx-versus>span{font-size:12px}.mpx-embedded .mpx-daily-choice{grid-template-columns:1fr}.mpx-embedded .mpx-modal{padding:7px}.mpx-embedded .mpx-modal-card{margin-top:8px;padding:15px}.mpx-embedded .mpx-path{padding:11px}.mpx-embedded .mpx-lesson-visual{padding:10px}.mpx-embedded .mpx-rule3>div{padding:7px 4px}.mpx-embedded .mpx-written>div{grid-template-columns:24px repeat(3,42px)}.mpx-embedded .mpx-shape-pair{grid-template-columns:1fr}.mpx-embedded .mpx-balance{grid-template-columns:1fr 45px 1fr}.mpx-embedded .mpx-circle{width:120px}}
@container mpx-embed (max-width:680px){.mpx-embedded .mpx-world-map{height:1130px}.mpx-embedded .mpx-skill-node{width:128px}.mpx-embedded .mpx-skill-world h2{font-size:28px}.mpx-embedded.skill-world-enabled .mpx-top{gap:8px}.mpx-embedded.skill-world-enabled .mpx-brand{width:100%}.mpx-embedded .mpx-task-nav{align-items:center;flex-wrap:wrap}.mpx-embedded .mpx-task-nav strong{font-size:16px}.mpx-embedded .mpx-current-progress{order:3;flex-basis:100%}.mpx-embedded .mpx-other-exercises{margin-left:auto;padding:8px 10px;font-size:12px}.mpx-embedded .mpx-mastery-choice{grid-template-columns:1fr}}
.mpx-skill-node:focus-visible{outline:3px solid #fff;outline-offset:3px}
@container mpx-embed (max-width:620px){.mpx-embedded .mpx-calculation-flow{grid-template-columns:28px 1fr;row-gap:10px}.mpx-embedded .mpx-flow-source{grid-column:1/-1}.mpx-embedded .mpx-flow-equals.first{grid-column:1}.mpx-embedded .mpx-flow-common{grid-column:2}.mpx-embedded .mpx-flow-equals.second{grid-column:1}.mpx-embedded .mpx-flow-result{grid-column:2}.mpx-embedded .mpx-step-work.direct .mpx-flow-result{grid-column:2}.mpx-embedded .mpx-step-work{padding:10px}.mpx-embedded .mpx-cross-expression{gap:10px;flex-wrap:wrap}.mpx-embedded .mpx-cross-result{flex-basis:100%;justify-content:center}}
@container mpx-embed (max-width:520px){.mpx-embedded .mpx-step-row{gap:6px}.mpx-embedded .mpx-step-work{padding:10px}.mpx-embedded .mpx-step-fraction .mpx-fraction-entry input{width:56px}}
.mpx-learning-choice{text-align:center}.mpx-learning-kicker{display:inline-block;margin-bottom:7px;padding:5px 10px;border-radius:999px;background:#fff0cc;color:#915a00;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.mpx-learning-choice h3{margin:5px 0 8px;font-size:27px;color:#24364b}.mpx-learning-choice>p{margin:0 auto 18px;max-width:520px;color:#526979}.mpx-learning-choice>div{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mpx-learning-choice button{min-height:105px;border:2px solid #ccdae2;border-radius:16px;background:#fff;padding:14px;color:#29435b;font-size:17px;font-weight:900;cursor:pointer;box-shadow:0 5px 14px rgba(37,63,82,.08)}.mpx-learning-choice button small{display:block;margin-top:7px;color:#637988;font-size:12px;font-weight:650}.mpx-learning-choice button.learn{border-color:#ffad32;background:linear-gradient(145deg,#fff7df,#fff)}.mpx-learning-choice button.practice{border-color:#9eb9d0}.mpx-learning-choice button:hover,.mpx-learning-choice button:focus{transform:translateY(-2px);box-shadow:0 8px 18px rgba(37,63,82,.14)}.mpx-learning-guide{margin:0 auto 14px;padding:10px 13px;border-left:4px solid #ffad32;border-radius:8px;background:#fff5d9;color:#6c4a0e;font-size:14px}.mpx-learning-guide.small{background:#edf6ff;border-left-color:#4f91c6;color:#315b7b}.mpx-fraction-entry input[readonly]{background:#fff2c9;border-color:#e4a135;color:#805300}@media(max-width:560px){.mpx-learning-choice>div{grid-template-columns:1fr}.mpx-learning-choice button{min-height:82px}}
.mpx-context-lesson{margin-top:13px}.mpx-context-memory{padding:12px 14px;border-left:4px solid var(--green);border-radius:9px;background:#edf9f3}.mpx-fraction-movie{margin:16px 0;padding:15px;border:1px solid #cedee7;border-radius:17px;background:linear-gradient(145deg,#f5fbff,#f5fcf7);overflow:hidden}.mpx-movie-caption{position:relative;height:30px;text-align:center;font-size:17px;font-weight:900;color:var(--blue)}.mpx-movie-caption>span,.mpx-movie-equation>span{position:absolute;inset:0;opacity:0}.mpx-movie-scene{position:relative;min-height:155px}.mpx-movie-original,.mpx-movie-common,.mpx-movie-result{position:absolute;inset:0;display:grid;align-content:center;gap:13px;opacity:0}.mpx-context-bar>div{display:grid;gap:1px;height:42px}.mpx-context-bar i{display:block;border:1px solid #9cb0bb;background:#fff}.mpx-context-bar i.on{background:linear-gradient(145deg,var(--green),var(--lime))}.mpx-context-bar i.group-end{border-right:3px solid #536c7b}.mpx-context-bar strong{display:block;margin-top:4px;text-align:center}.mpx-movie-equation{position:relative;height:42px;text-align:center;font-size:23px;font-weight:900}.mpx-movie-controls{display:flex;justify-content:center;gap:8px}.mpx-movie-controls button{border:1px solid #9db3c3;border-radius:999px;background:#fff;padding:7px 12px;color:var(--blue);font-weight:850;cursor:pointer}.mpx-fraction-movie.play .mpx-movie-caption>.one,.mpx-fraction-movie.play .mpx-movie-equation>.one{animation:mpxMovieOne 12s both}.mpx-fraction-movie.play .mpx-movie-caption>.two,.mpx-fraction-movie.play .mpx-movie-equation>.two{animation:mpxMovieTwo 12s both}.mpx-fraction-movie.play .mpx-movie-caption>.three,.mpx-fraction-movie.play .mpx-movie-equation>.three{animation:mpxMovieThree 12s both}.mpx-fraction-movie.play .mpx-movie-original{animation:mpxMovieOne 12s both}.mpx-fraction-movie.play .mpx-movie-common{animation:mpxMovieTwo 12s both}.mpx-fraction-movie.play .mpx-movie-result{animation:mpxMovieThree 12s both}.mpx-fraction-movie.paused *{animation-play-state:paused!important}@keyframes mpxMovieOne{0%,27%{opacity:1;transform:none}34%,100%{opacity:0;transform:translateY(-5px)}}@keyframes mpxMovieTwo{0%,27%{opacity:0;transform:translateY(5px)}34%,62%{opacity:1;transform:none}69%,100%{opacity:0;transform:translateY(-5px)}}@keyframes mpxMovieThree{0%,62%{opacity:0;transform:translateY(5px)}70%,100%{opacity:1;transform:none}}.mpx-context-steps{display:grid;gap:8px}.mpx-context-steps>div{display:grid;grid-template-columns:34px 1fr;align-items:center;gap:9px;padding:9px;border-radius:11px;background:#f4f8fa}.mpx-context-steps>div>span{display:flex;width:30px;height:30px;align-items:center;justify-content:center;border-radius:50%;background:var(--green);color:#fff;font-weight:900}.mpx-context-steps p{margin:0;line-height:1.55}.mpx-context-back{display:block;width:100%;margin-top:14px}@media(max-width:560px){.mpx-movie-scene{min-height:175px}.mpx-context-bar>div{height:34px}.mpx-movie-equation{font-size:19px}}@media(prefers-reduced-motion:reduce){.mpx-fraction-movie.play .mpx-movie-caption span,.mpx-fraction-movie.play .mpx-movie-equation span,.mpx-fraction-movie.play .mpx-movie-original,.mpx-fraction-movie.play .mpx-movie-common,.mpx-fraction-movie.play .mpx-movie-result{animation:none}.mpx-movie-caption .three,.mpx-movie-equation .three,.mpx-movie-result{opacity:1}}
.mpx-task-share{display:grid;gap:4px;max-width:520px;margin:16px auto}.mpx-task-share i{display:block;height:62px;border:2px solid #9eb4c0;border-radius:5px;background:#fff}.mpx-task-share i.filled{background:linear-gradient(145deg,#31ac7e,#8bd44f);border-color:#258b69}.mpx-number-line{position:relative;height:76px;max-width:560px;margin:25px auto 4px;border-top:4px solid #385170}.mpx-number-line i{position:absolute;top:-10px;width:3px;height:20px;background:#385170;transform:translateX(-50%)}.mpx-number-line i.marked:after{content:"";position:absolute;left:50%;top:-19px;width:18px;height:18px;border-radius:50%;background:#ffad32;border:3px solid #fff;box-shadow:0 0 0 2px #d77d00;transform:translateX(-50%)}.mpx-number-line span{position:absolute;top:16px;font-weight:900}.mpx-number-line .zero{left:0;transform:translateX(-50%)}.mpx-number-line .one{right:0;transform:translateX(50%)}
.mpx-guided-lesson{height:min(620px,calc(100dvh - 76px));min-height:360px;display:flex;flex-direction:column}.mpx-slide-progress{display:flex;justify-content:center;gap:7px;margin:3px 0 18px}.mpx-slide-progress i{width:34px;height:5px;border-radius:5px;background:#d7e1e6}.mpx-slide-progress i.on{background:linear-gradient(90deg,var(--green),var(--lime))}.mpx-guided-screen{flex:1;min-height:0;overflow:auto;text-align:center;animation:mpxIn .2s ease}.mpx-slide-kicker{display:inline-block;margin-bottom:8px;padding:5px 10px;border-radius:999px;background:#fff0cc;color:#8e5900;font-size:12px;font-weight:900;text-transform:uppercase}.mpx-guided-screen h3{margin:3px 0 10px;font-size:25px}.mpx-guided-screen>p{max-width:610px;margin:10px auto;line-height:1.55}.mpx-slide-nav{display:flex;flex:0 0 auto;justify-content:space-between;gap:10px;margin-top:12px;border-top:1px solid #e0e8ec;padding-top:13px;background:#fff}.mpx-slide-nav button{border:0;border-radius:10px;padding:11px 17px;font-weight:900;cursor:pointer}.mpx-slide-nav .back{background:#edf2f5;color:var(--blue)}.mpx-slide-nav .next{margin-left:auto;background:var(--blue);color:#fff}.mpx-memory-task,.mpx-final-calculation{display:flex;align-items:center;justify-content:center;gap:13px;margin:24px auto;font-size:27px}.mpx-memory-answer{display:grid;grid-template-rows:42px 3px 32px;width:62px;gap:3px}.mpx-memory-answer input{width:100%;min-width:0;border:2px solid #91aab8;border-radius:8px;text-align:center;font-size:22px;font-weight:900}.mpx-memory-answer i{background:var(--ink)}.mpx-memory-answer b{font-size:22px}.mpx-memory-message{min-height:32px;color:#197b5b;font-weight:850}.mpx-problem-pair{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;max-width:650px;margin:20px auto}.mpx-problem-pair>div{display:grid;grid-template-columns:70px 1fr;align-items:center;gap:9px;padding:12px;border-radius:13px;background:#f4f8fa}.mpx-problem-pair>strong{font-size:28px}.mpx-problem-pair .mpx-context-bar>strong{font-size:12px;color:#657b88}.mpx-next-idea,.mpx-context-summary{max-width:570px;margin:15px auto;padding:12px;border-left:4px solid var(--orange);border-radius:8px;background:#fff4d8;font-weight:800}.mpx-inline-transform{max-width:650px;margin:18px auto;padding:15px;border-radius:15px;background:#f3f8fb}.mpx-transform-equation{display:flex;align-items:center;justify-content:center;gap:12px;font-size:26px}.mpx-factor{display:table;margin:8px auto 0;padding:5px 9px;border-radius:999px;background:#fff0cc;color:#885600;font-size:14px;font-weight:900}.mpx-transform-bars{position:relative;min-height:92px;margin-top:14px}.mpx-transform-bars>.before,.mpx-transform-bars>.after{position:absolute;inset:0;display:grid;align-content:center}.mpx-transform-bars>.after{opacity:0}.mpx-inline-transform.play .mpx-transform-bars>.before{animation:mpxTransformBefore 5s both}.mpx-inline-transform.play .mpx-transform-bars>.after{animation:mpxTransformAfter 5s both}.mpx-transform-replay{margin-top:5px;border:1px solid #9db3c3;border-radius:999px;background:#fff;padding:7px 12px;color:var(--blue);font-weight:850;cursor:pointer}@keyframes mpxTransformBefore{0%,35%{opacity:1;transform:none}52%,100%{opacity:0;transform:scaleY(.88)}}@keyframes mpxTransformAfter{0%,38%{opacity:0;transform:scaleY(.88)}55%,100%{opacity:1;transform:none}}@media(max-width:620px){.mpx-guided-lesson{height:calc(100dvh - 42px);min-height:0}.mpx-problem-pair{grid-template-columns:1fr}.mpx-problem-pair>strong{line-height:15px}.mpx-problem-pair>div{grid-template-columns:62px 1fr}.mpx-transform-equation{font-size:22px}.mpx-final-calculation{font-size:21px;gap:8px;flex-wrap:wrap}}
.mpx-conservation{position:relative;min-height:95px;max-width:590px;margin:18px auto 10px}.mpx-conservation>.before,.mpx-conservation>.after{position:absolute;inset:0;display:grid;align-content:center}.mpx-conservation>.after{opacity:0}.mpx-conservation.split>.before{animation:mpxTransformBefore 1.2s both}.mpx-conservation.split>.after{animation:mpxTransformAfter 1.2s both}.mpx-split-action{border:0;border-radius:999px;background:linear-gradient(135deg,#ff9f32,#ffd45f);padding:10px 17px;color:#543600;font-weight:900;cursor:pointer}.mpx-split-action:disabled{opacity:.58;cursor:default}.mpx-conservation-question{display:none;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin:14px auto 7px}.mpx-conservation-question.show{display:flex}.mpx-conservation-question>strong{width:100%;margin-bottom:2px}.mpx-conservation-question>button{border:1px solid #9db3c3;border-radius:999px;background:#fff;padding:8px 13px;color:var(--blue);font-weight:850;cursor:pointer}.mpx-expand-current,.mpx-counting-bar{max-width:590px;margin:19px auto;padding:14px;border-radius:14px;background:#f3f8fb}.mpx-expand-equation{display:flex;align-items:center;justify-content:center;gap:12px;max-width:470px;margin:17px auto 5px;padding:12px;border-radius:13px;background:#fff3d5}.mpx-expand-equation>span{color:#75520e;font-weight:800}.mpx-expand-equation>strong{font-size:23px}.mpx-expand-final{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;margin:28px auto;font-size:26px}.mpx-expand-same{max-width:560px;margin:0 auto;padding:13px;border-left:4px solid var(--green);border-radius:9px;background:#edf9f3;font-weight:850}@media(max-width:560px){.mpx-expand-final{gap:9px;font-size:21px}.mpx-expand-equation{flex-direction:column;gap:4px}.mpx-conservation{min-height:88px}}
.mpx-conservation.grouped>.before{animation:mpxTransformBefore 1.2s both}.mpx-conservation.grouped>.after{animation:mpxTransformAfter 1.2s both}.mpx-reduce-demo .mpx-context-bar i.group-end,.mpx-reduce-transform .mpx-transform-bars>.before .mpx-context-bar i.group-end{border-right:4px solid #385170}
.mpx-equivalent-options,.mpx-equivalent-factors{display:flex;align-items:stretch;justify-content:center;gap:10px;flex-wrap:wrap;max-width:590px;margin:18px auto}.mpx-equivalent-options button,.mpx-equivalent-factors button{min-width:92px;border:2px solid #b6c8d3;border-radius:13px;background:#fff;padding:12px 17px;color:var(--blue);font-size:20px;font-weight:900;cursor:pointer;transition:border-color .15s,background .15s,transform .15s}.mpx-equivalent-options button:hover,.mpx-equivalent-factors button:hover{border-color:var(--blue);transform:translateY(-1px)}.mpx-equivalent-options button.correct,.mpx-equivalent-factors button.correct{border-color:var(--green);background:#e8f8ef;color:#116c4f}.mpx-equivalent-options .mpx-frac{font-size:24px}.mpx-guided-screen .mpx-equivalent-options button:focus-visible,.mpx-guided-screen .mpx-equivalent-factors button:focus-visible{outline:3px solid #f4ad31;outline-offset:2px}@media(max-width:480px){.mpx-equivalent-options button,.mpx-equivalent-factors button{min-width:78px;padding:10px 12px}}
.mpx-same-numerator-pair{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:14px;max-width:650px;margin:18px auto}.mpx-same-numerator-pair>div{display:grid;grid-template-columns:60px 1fr;align-items:center;gap:9px;padding:12px;border-radius:13px;background:#f3f8fb}.mpx-same-numerator-pair .mpx-identify-strip{margin:0}.mpx-same-numerator-pair .mpx-context-bar{min-width:0}@media(max-width:590px){.mpx-same-numerator-pair{grid-template-columns:1fr}.mpx-same-numerator-pair>div{grid-template-columns:55px 1fr}}
.mpx-area-model{max-width:500px;margin:17px auto;padding:14px;border-radius:15px;background:#f3f8fb}.mpx-area-grid{display:grid;aspect-ratio:2/1;max-height:235px;border:3px solid #385170;background:#fff}.mpx-area-grid>i{min-width:0;min-height:0;border-right:1px solid #8196a4;border-bottom:1px solid #8196a4;background:#fff;transition:background .65s,box-shadow .65s}.mpx-area-grid>i.column{background:#b9dff5}.mpx-area-grid>i.overlap{background:linear-gradient(145deg,#39b682,#8bd44f);box-shadow:inset 0 0 0 2px rgba(22,116,81,.2)}.mpx-area-model.interactive .mpx-area-grid>i.overlap{background:#b9dff5;box-shadow:none}.mpx-area-model.interactive.taken .mpx-area-grid>i.overlap{background:linear-gradient(145deg,#39b682,#8bd44f);box-shadow:inset 0 0 0 2px rgba(22,116,81,.2);animation:mpxAreaReveal .7s both}.mpx-area-model>strong{display:block;margin-top:9px;color:var(--blue)}.mpx-multiply-meaning{display:flex;justify-content:center;align-items:center;min-height:70px;margin:15px auto;padding:13px;border-radius:14px;background:#fff3d5;font-size:25px}.mpx-multiply-meaning>strong{display:flex;align-items:center;gap:10px}@keyframes mpxAreaReveal{0%{transform:scale(.9);filter:saturate(.4)}100%{transform:none;filter:none}}@media(max-width:560px){.mpx-area-model{padding:10px}.mpx-area-grid{max-height:180px}.mpx-multiply-meaning{font-size:21px}}
.mpx-division-discovery.converted>.before{animation:mpxTransformBefore 1.2s both}.mpx-division-discovery.converted>.after{animation:mpxTransformAfter 1.2s both}.mpx-fit-comparison{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;max-width:680px;margin:18px auto;padding:14px;border-radius:15px;background:#f3f8fb}.mpx-fit-comparison>strong{font-size:27px}.mpx-fit-comparison .mpx-context-bar>strong{font-size:13px}.mpx-reciprocal-reason{display:grid;gap:9px;max-width:620px;margin:18px auto;text-align:left}.mpx-reciprocal-reason>div{display:grid;grid-template-columns:34px 1fr;align-items:center;gap:10px;padding:11px;border-radius:12px;background:#f3f8fb}.mpx-reciprocal-reason>div>b{display:flex;width:31px;height:31px;align-items:center;justify-content:center;border-radius:50%;background:var(--green);color:#fff}.mpx-reciprocal-reason>div>span{line-height:1.5}.mpx-division-turn{display:flex;align-items:center;justify-content:center;gap:13px;flex-wrap:wrap;margin:25px auto;padding:17px;border-radius:15px;background:#fff3d5;font-size:26px}.mpx-division-turn>.turn-source{opacity:.55}.mpx-division-turn>.turn-result{padding:7px;border-radius:10px;background:#e7f8ee;animation:mpxAreaReveal .7s both}@media(max-width:590px){.mpx-fit-comparison{grid-template-columns:1fr}.mpx-fit-comparison>strong{line-height:12px}.mpx-division-turn{gap:8px;font-size:21px}}
.mpx-mixed-discovery{position:relative;min-height:285px;max-width:650px;margin:12px auto}.mpx-mixed-discovery>.whole-view,.mpx-mixed-discovery>.parts-view{position:absolute;inset:0}.mpx-mixed-discovery>.parts-view{opacity:0}.mpx-mixed-discovery.divided>.whole-view{animation:mpxTransformBefore 1.2s both}.mpx-mixed-discovery.divided>.parts-view{animation:mpxTransformAfter 1.2s both}.mpx-mixed-visual{display:grid;gap:8px;max-width:620px;margin:15px auto;padding:13px;border-radius:15px;background:#f3f8fb}.mpx-mixed-visual>.mpx-context-bar{display:grid;grid-template-columns:1fr 110px;align-items:center;gap:9px}.mpx-mixed-visual>.mpx-context-bar>strong{margin:0;text-align:left;font-size:12px}.mpx-mixed-visual>strong{margin-top:4px;color:var(--blue)}.mpx-whole-block{display:grid;grid-template-columns:1fr 110px;align-items:center;gap:9px}.mpx-whole-block>i{display:block;height:42px;border:2px solid #6f8795;background:linear-gradient(145deg,var(--green),var(--lime))}.mpx-whole-block>strong{text-align:left;font-size:12px}.mpx-mixed-sum,.mpx-mixed-rule{display:flex;align-items:center;justify-content:center;gap:13px;flex-wrap:wrap;margin:20px auto;font-size:26px}.mpx-mixed-rule{padding:16px;border-radius:15px;background:#fff3d5}@media(max-width:560px){.mpx-mixed-discovery{min-height:320px}.mpx-mixed-visual>.mpx-context-bar,.mpx-whole-block{grid-template-columns:1fr 82px}.mpx-mixed-sum,.mpx-mixed-rule{gap:8px;font-size:21px}}
.mpx-common-comparison>div{background:#edf8f3}.mpx-compare-final{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;margin:28px auto;padding:18px;border-radius:15px;background:#fff3d5;font-size:27px}.mpx-compare-final>span{display:flex;align-items:center;gap:11px}.mpx-compare-final>strong{font-size:31px;color:#9a5700}@media(max-width:560px){.mpx-compare-final{gap:10px;font-size:21px}.mpx-compare-final>strong{font-size:25px}}
.mpx-add-same-movie{position:relative;max-width:650px;min-height:215px;margin:18px auto;padding:15px;border-radius:15px;background:#f3f8fb;overflow:hidden}.mpx-add-same-movie .terms,.mpx-add-same-movie .result{position:absolute;inset:15px;display:flex;align-items:center;justify-content:center;gap:14px}.mpx-add-same-movie .terms>div,.mpx-add-same-movie .result>div{display:grid;gap:8px;min-width:0}.mpx-add-same-movie .terms>b,.mpx-add-same-movie .result>b{font-size:28px}.mpx-add-same-movie .result{opacity:0;transform:translateY(12px)}.mpx-add-same-movie.play .terms{animation:mpxAddTerms 4.8s both}.mpx-add-same-movie.play .result{animation:mpxAddResult 4.8s both}@keyframes mpxAddTerms{0%,42%{opacity:1;transform:none}62%,100%{opacity:0;transform:translateY(-10px)}}@keyframes mpxAddResult{0%,48%{opacity:0;transform:translateY(12px)}68%,100%{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.mpx-add-same-movie.play .terms{display:none;animation:none}.mpx-add-same-movie.play .result{opacity:1;transform:none;animation:none}}
.mpx-quotient-bridge{display:flex;align-items:center;justify-content:center;gap:22px;max-width:430px;margin:22px auto;padding:22px;border-radius:16px;background:#f3f8fb;font-size:30px}.mpx-quotient-bridge>b{color:var(--orange)}
.mpx-quantity-discovery{position:relative;min-height:245px;max-width:680px;margin:12px auto}.mpx-quantity-discovery>.loose-view,.mpx-quantity-discovery>.group-view{position:absolute;inset:0;display:grid;align-content:center}.mpx-quantity-discovery>.group-view{opacity:0}.mpx-quantity-discovery.grouped>.loose-view{animation:mpxTransformBefore 1.2s both}.mpx-quantity-discovery.grouped>.group-view{animation:mpxTransformAfter 1.2s both}.mpx-loose-objects{display:grid;grid-template-columns:repeat(10,18px);justify-content:center;gap:7px;margin-bottom:12px}.mpx-loose-objects>i,.mpx-object-group>div>i{display:block;width:18px;height:18px;border-radius:50%;background:linear-gradient(145deg,#ffb43c,#ffdb72);border:2px solid #c47a12}.mpx-object-groups{display:grid;gap:8px;max-width:680px;margin:17px auto}.mpx-object-group{display:grid;align-content:space-between;min-height:112px;padding:9px 5px;border:2px solid #b5c7d1;border-radius:12px;background:#fff}.mpx-object-group.taken{border-color:#238764;background:#e8f8ef;box-shadow:0 0 0 3px rgba(34,164,119,.12)}.mpx-object-group>div{display:flex;justify-content:center;align-content:center;gap:5px;flex-wrap:wrap}.mpx-object-group>strong{margin-top:8px;color:#607684;font-size:11px}.mpx-quantity-rule{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin:22px auto;padding:16px;border-radius:15px;background:#fff3d5;font-size:21px;font-weight:850}.mpx-quantity-rule>span{padding:8px;border-radius:10px;background:#fff}@media(max-width:620px){.mpx-object-groups{grid-template-columns:repeat(2,1fr)!important}.mpx-object-group{min-height:90px}.mpx-quantity-discovery{min-height:350px}.mpx-loose-objects{grid-template-columns:repeat(5,18px)}.mpx-quantity-rule{gap:7px;font-size:17px}}
.mpx-recover-discovery{position:relative;min-height:240px;max-width:650px;margin:12px auto}.mpx-recover-discovery>.combined-view,.mpx-recover-discovery>.separated-view{position:absolute;inset:0;display:grid;align-content:center;gap:12px}.mpx-recover-discovery>.separated-view{opacity:0}.mpx-recover-discovery.separated>.combined-view{animation:mpxTransformBefore 1.2s both}.mpx-recover-discovery.separated>.separated-view{animation:mpxTransformAfter 1.2s both}.mpx-known-block{display:grid;place-items:center;max-width:340px;min-height:72px;margin:0 auto;padding:10px 30px;border:3px solid #238764;border-radius:14px;background:#e8f8ef;color:#17664d;font-size:30px;font-weight:900}.mpx-known-block>strong{font-size:12px}.mpx-recover-parts{display:grid;gap:8px;max-width:650px;margin:18px auto}.mpx-recover-part{display:grid;gap:5px;min-height:85px;padding:8px;border:2px dashed #aabdc7;border-radius:11px;background:#fff}.mpx-recover-part>i{display:block;border-radius:6px;background:#edf2f4}.mpx-recover-part.known{border-style:solid;border-color:#238764;background:#e8f8ef}.mpx-recover-part.known>i{background:linear-gradient(145deg,var(--green),var(--lime))}.mpx-recover-part>strong{font-size:12px;color:#607684}.mpx-recover-complete .mpx-recover-part{border-color:#238764;background:#e8f8ef}.mpx-recover-complete .mpx-recover-part>i{background:linear-gradient(145deg,var(--green),var(--lime))}@media(max-width:560px){.mpx-recover-discovery{min-height:285px}.mpx-recover-part{min-height:68px;padding:5px}.mpx-recover-parts{gap:4px}}
.mpx-learning-number-line{position:relative;max-width:650px;height:105px;margin:28px auto 12px;padding:0 8px}.mpx-learning-number-line .segments{position:absolute;left:8px;right:8px;top:31px;display:grid;height:14px}.mpx-learning-number-line .segments>i{border-top:5px solid #385170;background:#e7eef2}.mpx-learning-number-line .segments>i.travelled{border-color:#258b69;background:linear-gradient(90deg,#42bd88,#8bd44f)}.mpx-learning-number-line .ticks{position:absolute;left:8px;right:8px;top:25px;height:28px}.mpx-learning-number-line .ticks>b{position:absolute;width:3px;height:25px;background:#385170;transform:translateX(-50%)}.mpx-learning-number-line .ticks>b.marked:after{content:"";position:absolute;left:50%;top:-20px;width:19px;height:19px;border:3px solid #fff;border-radius:50%;background:#ffad32;box-shadow:0 0 0 2px #d77d00;transform:translateX(-50%)}.mpx-learning-number-line>span{position:absolute;top:58px;font-weight:900}.mpx-learning-number-line>.zero{left:8px;transform:translateX(-50%)}.mpx-learning-number-line>.one{right:8px;transform:translateX(50%)}.mpx-learning-number-line.unpartitioned .segments{display:block;border-top:5px solid #385170;background:none}.mpx-learning-number-line.unpartitioned .segments>i{display:none}.mpx-learning-number-line.unpartitioned .ticks>b:not(:first-child):not(:last-child){display:none}.mpx-line-count{display:grid;gap:3px;max-width:650px;margin:-30px auto 18px}.mpx-line-count>span{padding-top:5px;border-left:1px solid #9bb0bc;color:#607684;font-size:10px;font-weight:800}@media(max-width:560px){.mpx-learning-number-line{margin-left:12px;margin-right:12px}.mpx-line-count>span{font-size:0}.mpx-line-count>span:before{content:"•";font-size:11px}}
.mpx-subtract-memory,.mpx-subtract-final{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:13px;max-width:700px;margin:18px auto;padding:14px;border-radius:15px;background:#f3f8fb}.mpx-subtract-away{padding:8px 11px;border-radius:999px;background:#fff0cc;color:#8a5700;font-weight:900}.mpx-subtract-final>strong{color:#9b5700}@media(max-width:600px){.mpx-subtract-memory,.mpx-subtract-final{grid-template-columns:1fr}.mpx-subtract-memory .mpx-context-bar,.mpx-subtract-final .mpx-context-bar{width:100%}}
.mpx-add-discovery{position:relative;min-height:190px;max-width:680px;margin:10px auto}.mpx-add-discovery>.apart,.mpx-add-discovery>.together{position:absolute;inset:0;display:grid;align-content:center;gap:14px}.mpx-add-discovery>.together{opacity:0}.mpx-add-discovery.combined>.apart{animation:mpxTransformBefore 1.2s both}.mpx-add-discovery.combined>.together{animation:mpxTransformAfter 1.2s both}.mpx-add-pieces{display:grid;gap:6px;max-width:620px;margin:12px auto}.mpx-add-pieces>div{display:grid;height:48px}.mpx-add-pieces i{border:1px solid #8da3b0;background:#fff}.mpx-add-pieces i.first{background:#63b8e8}.mpx-add-pieces i.second{background:#ffbd4a}.mpx-add-pieces.combined i.first,.mpx-add-pieces.combined i.second{box-shadow:inset 0 0 0 2px rgba(255,255,255,.35)}.mpx-add-pieces>strong{color:#567080;font-size:12px}.mpx-add-current{max-width:650px;margin:19px auto;padding:13px;border-radius:15px;background:#f3f8fb}.mpx-add-denominator{display:flex;align-items:center;justify-content:center;gap:18px;margin:28px auto}.mpx-add-denominator>span{padding:16px 22px;border:3px solid #258b69;border-radius:14px;background:#e9f8f0;color:#17674e;font-size:25px;font-weight:900}.mpx-add-denominator>strong{color:#8a5700}@media(max-width:560px){.mpx-add-discovery{min-height:225px}.mpx-add-pieces>div{height:40px}.mpx-add-denominator{gap:8px}.mpx-add-denominator>span{padding:12px 15px;font-size:20px}}

/* Fachneutrale Geometrie-Darstellung: Maße bleiben gut lesbar, ohne dass
   Aufgabenbilder als fertige Lösungen erscheinen. */
.mpx-geo-figure{width:min(100%,440px);margin:4px auto 12px;padding:10px 14px 8px;border:1px solid #c8dbe4;border-radius:16px;background:linear-gradient(145deg,#f8fcfe,#eef8f3);box-shadow:inset 0 1px #fff}.mpx-geo-figure svg{display:block;width:100%;height:auto;max-height:230px}.mpx-geo-figure text{fill:#314f68;font:700 13px Arial,sans-serif}.mpx-geo-figure figcaption{margin-top:3px;color:#607887;font-size:12px;font-weight:650;line-height:1.35}.mpx-geo-shape{fill:rgba(83,180,139,.17);stroke:#315979;stroke-width:4;stroke-linejoin:round}.mpx-geo-cutout{fill:#fff;stroke:#d07b29;stroke-width:3;stroke-dasharray:7 5}.mpx-geo-height{stroke:#d97824;stroke-width:3;stroke-dasharray:7 5}.mpx-geo-radius{stroke:#d97824;stroke-width:4}.mpx-geo-divider{stroke:#617b8d;stroke-width:2;stroke-dasharray:5 4}.mpx-geo-tick{fill:none;stroke:#d97824;stroke-width:2.5}.mpx-geo-formula{display:grid;gap:5px;max-width:520px;margin:16px auto;padding:15px 18px;border:2px solid #80c9aa;border-radius:14px;background:#edf9f3;text-align:center}.mpx-geo-formula strong{color:#1f7658;font-size:24px}.mpx-geo-formula span{color:#496575;font-size:13px;line-height:1.4}.mpx-question>.mpx-learning-guide+.mpx-geo-figure{margin-top:10px}@media(max-width:520px){.mpx-geo-figure{padding:7px 8px 5px}.mpx-geo-figure text{font-size:11px}.mpx-geo-formula strong{font-size:20px}}
.mpx-geo-grid{display:grid;gap:3px;width:min(100%,420px);margin:8px auto 14px;padding:9px;border:2px solid #315979;border-radius:12px;background:#dfe9ee}.mpx-geo-grid>i{display:block;aspect-ratio:1;border:1px solid #7e99a9;border-radius:3px;background:linear-gradient(145deg,#e4f7ed,#9ed8bc)}.mpx-geo-compare{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:480px;margin:8px auto 14px}.mpx-geo-compare>div{display:grid;gap:4px;padding:13px;border:2px solid #9bb7c7;border-radius:13px;background:#f3f8fa}.mpx-geo-compare strong{color:#315979}.mpx-geo-compare span{font-size:16px;font-weight:750}@media(max-width:440px){.mpx-geo-compare{grid-template-columns:1fr}}
.mpx-identify-strip{display:grid;gap:7px;max-width:620px;margin:20px auto}.mpx-identify-strip>div{display:grid;height:64px;border:2px solid #718995;border-radius:9px;overflow:hidden;background:#fff}.mpx-identify-strip i{border-right:2px solid #718995;background:#f6f9fa}.mpx-identify-strip i:last-child{border-right:0}.mpx-identify-strip i.marked{background:linear-gradient(145deg,var(--green),var(--lime))}.mpx-identify-strip>strong{color:#607684;font-size:12px}.mpx-fraction-anatomy{display:grid;grid-template-columns:minmax(145px,1fr) 74px minmax(145px,1fr);grid-template-areas:"top-label top-number ." ". line ." ". bottom-number bottom-label";align-items:center;gap:4px 14px;max-width:570px;margin:24px auto}.mpx-fraction-anatomy .top-label{grid-area:top-label;text-align:right}.mpx-fraction-anatomy .bottom-label{grid-area:bottom-label;text-align:left}.mpx-fraction-anatomy .number{font-size:31px;font-weight:900}.mpx-fraction-anatomy .top{grid-area:top-number}.mpx-fraction-anatomy .bottom{grid-area:bottom-number}.mpx-fraction-anatomy .fraction-line{grid-area:line;height:4px;border-radius:4px;background:var(--ink)}.mpx-fraction-anatomy strong,.mpx-fraction-anatomy small{display:block}.mpx-fraction-anatomy small{color:#607684;line-height:1.25}.mpx-fraction-anatomy .active{color:#9a5700}.mpx-fraction-anatomy .number.active{border-radius:9px;background:#fff0cc;box-shadow:0 0 0 6px #fff0cc}@media(max-width:560px){.mpx-identify-strip>div{height:50px}.mpx-fraction-anatomy{grid-template-columns:minmax(105px,1fr) 58px minmax(105px,1fr);gap:4px 8px}.mpx-fraction-anatomy .number{font-size:26px}.mpx-fraction-anatomy small{font-size:10px}}
.mpx-lesson-bar-picker{display:grid;max-width:620px;height:70px;margin:24px auto 8px;border:2px solid #718995;border-radius:10px;overflow:hidden}.mpx-lesson-bar-picker>button{border:0;border-right:2px solid #718995;background:#fff;cursor:pointer}.mpx-lesson-bar-picker>button:last-child{border-right:0}.mpx-lesson-bar-picker>button:hover{background:#edf7f2}.mpx-lesson-bar-picker>button.selected{background:linear-gradient(145deg,var(--green),var(--lime));box-shadow:inset 0 0 0 3px rgba(255,255,255,.38)}.mpx-lesson-bar-count{display:block;color:#607684;font-size:12px}@media(max-width:560px){.mpx-lesson-bar-picker{height:56px}}
.mpx-lesson-circle,.mpx-lesson-circle-whole{display:block;width:205px;height:205px;margin:18px auto}.mpx-lesson-circle-whole{box-sizing:border-box;border:3px solid #6e8795;border-radius:50%;background:#fff}.mpx-lesson-circle path{fill:#fff;stroke:#6e8795;stroke-width:1.5}.mpx-lesson-circle path[data-circle-shade]{cursor:pointer}.mpx-lesson-circle path[data-circle-shade]:hover,.mpx-lesson-circle path[data-circle-shade]:focus{outline:none;fill:#edf7f2}.mpx-lesson-circle path.selected,.mpx-lesson-circle path.selected:hover,.mpx-lesson-circle path.selected:focus{fill:#31ad7f;outline:none}.mpx-lesson-circle .center{fill:#385170;pointer-events:none}.mpx-circle-count{display:block;margin-top:-10px;color:#607684;font-size:12px}@media(max-width:560px){.mpx-lesson-circle,.mpx-lesson-circle-whole{width:170px;height:170px}}

.mpx-point-line .middle{position:absolute;top:49px;font-weight:900;transform:translateX(-50%)}
.mpx-range-line .ticks button{position:absolute;top:0;width:4px;height:28px;padding:0;border:0;border-radius:2px;background:#385170;transform:translateX(-50%);cursor:pointer}.mpx-range-line .ticks button.marked:after{content:"";position:absolute;left:50%;top:-19px;width:18px;height:18px;border:3px solid #fff;border-radius:50%;background:#ffad32;box-shadow:0 0 0 2px #d77d00;transform:translateX(-50%)}.mpx-range-line>.middle{position:absolute;top:58px;font-weight:900;transform:translateX(-50%)}
.mpx-cross-lesson .mpx-cross-frac>b{display:flex;min-width:52px;min-height:43px;align-items:center;justify-content:center;padding:8px;font-size:22px}