.mpu{--mpu-paper:#FBFAF6;--mpu-linen:#F1E9DD;--mpu-r-md:var(--radius-md,20px);--mpu-r-lg:var(--radius-lg,32px)}.mpu *,.mpu *:before,.mpu *:after{box-sizing:border-box}.mpu .mpx__grid>*{min-width:0}.mpu .mpx__h2 em{font-style:normal;color:var(--color-primary-dark)}.mpu .mpx__text p+p{margin-top:.6em}.mpu-head{display:grid;justify-items:center;text-align:center;margin-bottom:clamp(26px,4vw,40px)}.mpu-head .mpx__h2{max-width:24ch}.mpu-head .mpx__text{margin-inline:auto}.mpu-note{margin:16px 0 0;text-align:center;font-size:12.5px;color:var(--color-muted)}.mpu-chip{position:absolute;top:12px;left:12px;z-index:3;background:#fffffff0;color:var(--color-muted);border:1px solid var(--color-line);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:3px 9px;border-radius:999px;line-height:1.4}.mpu-quote{margin:24px 0 0;border-left:3px solid var(--color-accent,#F5A524);padding-left:16px;font-size:15.5px;line-height:1.5;color:var(--color-ink)}.mpu-quote b{display:block;font-size:13px;color:var(--color-muted);font-weight:600;margin-top:6px}.mpu-ink{display:block;width:100%;height:auto}.mpu-ink path{fill:#24324a}.mpu button{font-family:var(--font-body);cursor:pointer;color:var(--color-ink)}.mpu button:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}.mpu-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.mpu-step{background:var(--color-surface,#fff);border:1px solid var(--color-line);border-radius:var(--mpu-r-md);overflow:hidden;display:grid;align-content:start}.mpu-step__vis{position:relative;aspect-ratio:4/3;background:var(--mpu-linen);display:grid;place-items:center;overflow:hidden}.mpu-step__vis>svg{width:100%;height:100%}.mpu-step__vis img{width:100%;height:100%;object-fit:cover;display:block}.mpu-step__tx{padding:18px 20px 22px;display:grid;gap:6px}.mpu-step__n{font-family:var(--font-heading);font-weight:800;color:var(--color-accent-text,#8A5600);font-size:13px;letter-spacing:.1em;text-transform:uppercase}.mpu-step h3{margin:0;font-family:var(--font-heading);font-size:19px;line-height:1.2;color:var(--color-ink)}.mpu-step p{margin:0;color:var(--color-muted);font-size:14.5px;line-height:1.55}@media(max-width:899px){.mpu-steps{grid-template-columns:1fr}.mpu-step{grid-template-columns:120px minmax(0,1fr)}.mpu-step__vis{aspect-ratio:auto;min-height:100%}.mpu-step .mpu-chip{display:none}}.mpu-mt__list{display:grid;gap:10px;margin-top:22px}.mpu-mt__list button{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;align-items:center;text-align:left;background:var(--color-surface,#fff);border:1.5px solid var(--color-line);border-radius:16px;padding:12px 16px;min-height:44px}.mpu-mt__list button i{width:44px;height:44px;border-radius:12px;background:var(--color-primary-light,#CFF1EC);color:var(--color-primary-dark);display:grid;place-items:center}.mpu-mt__list button i svg{width:24px;height:24px}.mpu-mt__list button b{display:block;font-family:var(--font-heading);font-size:17px}.mpu-mt__list button span span{font-size:13.5px;color:var(--color-muted)}.mpu-mt__list button[aria-pressed=true]{border-color:var(--color-primary);box-shadow:0 0 0 3px #0fa39a26}.mpu-mt__list button:only-child{cursor:default}.mpu-mt__note{margin-top:14px;font-size:14px;color:var(--color-muted);line-height:1.5}.mpu-mt__note p{margin:0}.mpu-stage{position:relative;background:var(--mpu-linen);border-radius:var(--mpu-r-lg);padding:clamp(44px,5vw,52px) clamp(20px,3vw,36px) clamp(20px,3vw,36px);display:grid;min-height:340px;align-content:center}.mpu-stage__p{display:grid;gap:12px;justify-items:center;width:100%}.mpu-stage__p[hidden]{display:none}.mpu-stage__p>svg{width:100%;max-width:300px;height:auto}.mpu-stage__cap{margin:0;font-family:var(--font-heading);font-weight:700;font-size:17px;text-align:center;color:var(--color-ink)}.mpu-stage__note{margin:0;font-size:13px;color:var(--color-muted);text-align:center;max-width:380px;line-height:1.5}.mpu-wd__chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.mpu-wd__chips button{border:1.5px solid var(--color-line-strong,rgba(14,42,42,.22));background:var(--color-surface,#fff);border-radius:999px;padding:9px 15px;font-weight:600;font-size:14px;min-height:44px}.mpu-wd__chips button[aria-pressed=true]{background:var(--color-ink);border-color:var(--color-ink);color:#fff}.mpu-wd__paper{background:var(--mpu-paper);border-radius:6px;box-shadow:0 14px 28px -18px #0e2a2a73;width:100%;max-width:380px;aspect-ratio:3/2;display:grid;place-items:center;padding:22px}.mpu-wd__paper svg{width:100%;height:auto;max-height:100%}.mpu-wd__meter{width:100%;max-width:380px;display:grid;gap:6px}.mpu-wd__bar{height:8px;border-radius:9px;background:#fff;overflow:hidden}.mpu-wd__bar i{display:block;height:100%;border-radius:9px;background:var(--color-primary);transition:width .35s}.mpu-wd__bar i.is-warn{background:var(--color-accent,#F5A524)}.mpu-wd__meter p{margin:0;font-size:13.5px;color:var(--color-muted);line-height:1.5}.mpu-wd__meter p b,.mpu-wd__meter p strong{color:var(--color-ink)}@media(max-width:899px){.mpu-stage{min-height:0}}.mpu-z{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}.mpu-z__col{background:var(--color-surface,#fff);border:1px solid var(--color-line);border-radius:var(--mpu-r-lg);padding:clamp(20px,3vw,30px);display:grid;gap:16px;align-content:start}.mpu-z__col h3{font-family:var(--font-heading);font-size:21px;line-height:1.2;margin:0;display:flex;gap:10px;align-items:center;color:var(--color-ink)}.mpu-z__col h3 i{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;flex:none}.mpu-z__col h3 svg{width:18px;height:18px}.mpu-z__col--good h3 i{background:var(--color-primary-light,#CFF1EC);color:var(--color-primary-dark)}.mpu-z__col--hard h3 i{background:var(--color-accent-light,#FFF0D2);color:var(--color-accent-text,#8A5600)}.mpu-z__row{display:grid;grid-template-columns:84px minmax(0,1fr);gap:14px;align-items:center}.mpu-z__sw{aspect-ratio:1;border-radius:14px;background:#fdfcf8;border:1px solid var(--color-line);display:grid;place-items:center;overflow:hidden}.mpu-z__sw svg{width:92%;height:92%}.mpu-z__row b{display:block;font-size:15px;color:var(--color-ink)}.mpu-z__row span{font-size:13.5px;color:var(--color-muted);line-height:1.45}@media(max-width:760px){.mpu-z{grid-template-columns:1fr}.mpu-z__row{grid-template-columns:68px minmax(0,1fr)}}.mpu-gcard{background:var(--color-surface,#fff);border:1px solid var(--color-line);border-radius:var(--mpu-r-lg);padding:clamp(24px,4vw,44px);display:grid;gap:12px;justify-items:center;color:var(--color-primary-dark)}.mpu-gcard--hand_fuss{background:var(--mpu-linen);border:0}.mpu-gcard--photo{padding:0;overflow:hidden}.mpu-gcard--photo img{width:100%;height:auto;display:block}.mpu-gcard__cap{margin:0;font-family:var(--font-heading);font-weight:700;font-size:16px;color:var(--color-ink);text-align:center}.mpu-gcard .mpu-note{margin:0}.mpu-dia{width:100%;max-width:440px;height:auto;overflow:visible}.mpu-dia .mpu-lbl{font:600 3.6px var(--font-body);fill:var(--color-muted)}.mpu-dia .mpu-lblb{font:700 4.4px var(--font-heading);fill:var(--color-ink)}.mpu-dia .mpu-dim{stroke:var(--color-ink);stroke-width:.35;fill:none}.mpu-olf{fill:var(--color-primary-dark)}.mpu-coin-o{fill:#c9cdd0}.mpu-coin-i{fill:#d7b460}.mpu-coin-t{font:800 6px var(--font-heading);fill:#7a5a1d}.mpu-og__svg{width:100%;max-width:330px;height:auto}.mpu-hand{fill:#f3d9c4}.mpu-fp{fill:var(--color-primary-dark)}.mpu-fpo{fill:none;stroke:var(--color-primary-dark);stroke-width:.5;stroke-dasharray:1.4 1}.mpu-hw{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.mpu-hw__card{background:var(--color-surface,#fff);border:1px solid var(--color-line);border-radius:var(--mpu-r-md);overflow:hidden;display:grid;align-content:start}.mpu-hw__mini{position:relative;background:var(--mpu-linen);padding:40px 18px 18px;display:grid;place-items:center;aspect-ratio:4/3}.mpu-hw__mini img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.mpu-hw__paper{background:var(--mpu-paper);border-radius:4px;box-shadow:0 8px 16px -10px #0e2a2a66;padding:14px;width:100%;display:grid;place-items:center;aspect-ratio:3/2}.mpu-hw__paper--lined{background-image:repeating-linear-gradient(to bottom,transparent 0 13px,#C9DCEB 13px 14px)}.mpu-hw__paper svg{width:100%;height:auto;max-height:100%}.mpu-hw__tx{padding:16px 18px 20px;display:grid;gap:6px}.mpu-hw__tx b{font-family:var(--font-heading);font-size:17px;color:var(--color-ink)}.mpu-hw__tx p{margin:0;font-size:13.5px;color:var(--color-muted);line-height:1.45}@media(max-width:899px){.mpu-hw{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:420px){.mpu-hw{grid-template-columns:1fr}}@media(max-width:480px){.mpu .mpx__eyebrow{white-space:normal!important;max-width:100%;line-height:1.35}}@media(prefers-reduced-motion:reduce){.mpu-wd__bar i{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/36/assets/mpu.css.map */