.math-visual{--mv-ink:#294d45;--mv-muted:#5f756b;--mv-line:#d8e5d8;--mv-blue:#439bc8;width:100%;min-width:0;margin:0;border:1px solid var(--mv-line);border-radius:18px;background:#fbfdf8;color:var(--mv-ink);container-type:inline-size}.prob .view:has(>.math-visual){display:block;width:100%;min-width:0}.learn-card.has-ex:has(.math-visual){grid-template-columns:minmax(0,1fr)}.mv-toolbar{display:flex;align-items:center;gap:7px;padding:5px 11px;border-bottom:1px solid #e1eade;background:#f0f6ed;border-radius:17px 17px 0 0}.mv-picture-title{margin-right:auto;font-size:14px;line-height:1.5;font-weight:700;min-width:0}.mv-controls{display:inline-flex;align-items:center;border:1px solid #d6e2d1;background:#fff;border-radius:10px;padding:2px;flex-shrink:0;gap:1px}.mv-close,.mv-controls button,.mv-expand{display:inline-flex;align-items:center;justify-content:center;min-width:36px;min-height:36px;padding:6px;border:0;background:transparent;border-radius:8px;color:#326954;font:inherit;cursor:pointer;touch-action:manipulation}.mv-close:hover,.mv-controls button:hover:enabled,.mv-expand:hover{background:#e6f1df}.mv-controls button:disabled{color:#a7b3a7;cursor:default}.mv-controls .mv-fit{font-size:13px;min-width:68px;padding-inline:7px;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.mv-expand{gap:5px;font-size:13px;white-space:nowrap;flex-shrink:0}.mv-viewport{width:100%;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#9ab49a #edf4e8;-webkit-overflow-scrolling:touch;border-radius:10px}.mv-viewport:focus-visible{outline:2px solid #287baf;outline-offset:-3px}.math-visual[data-zoom]:not([data-zoom="1"]) .mv-viewport{max-height:min(65dvh,640px)}.mv-board,.mv-stage{min-width:0}.mv-board{padding:14px 12px;transform-origin:top left;container-type:inline-size}.mv-board .mv-diagram>*{margin-inline:auto}.mv-scroll-note{color:#4f6450;font-size:13px;line-height:1.65;text-align:center;padding:8px 10px 10px;margin:0}.mv-dialog{width:min(1050px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);padding:0 22px 16px;border:1px solid #c8d9c4;border-radius:22px;color:var(--mv-ink);background:#fffef9;box-shadow:0 24px 90px #163c3440}.mv-dialog::backdrop{background:#16352ce0;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.mv-dialog-header{display:flex;align-items:center;gap:20px;padding:17px 0;border-bottom:1px solid #dce6d7}.mv-dialog-header h2{font-size:21px;margin:0;font-weight:800}.mv-dialog-header .mv-close{margin-left:auto;width:44px;height:44px;background:#edf4e7}.mv-dialog-tools{display:flex;justify-content:center;padding:12px 0 0}.mv-dialog .mv-controls button{min-width:44px;min-height:42px}.mv-dialog .mv-controls .mv-fit{min-width:82px}.mv-dialog .mv-viewport{max-height:calc(100dvh - 230px)!important}.mv-dialog .mv-board{padding:28px 18px}.mv-dialog .mv-scroll-note{font-size:14px}.mv-board{--object-unit:clamp(48px,12cqw,72px);--object-gap:6px}.mv-object{display:inline-grid;position:relative;place-items:center;width:var(--object-size,var(--object-unit,56px));max-width:100%;aspect-ratio:1;flex-shrink:0;vertical-align:middle}.mv-object>img,.mv-object>svg{display:block;width:100%;height:100%;object-fit:contain;max-width:none;-webkit-user-select:none;user-select:none}.mv-object.is-crossed>img{opacity:.52}.mv-object .mv-cross{position:absolute;inset:0}.mv-shape{width:64px;height:64px;flex-shrink:0;object-fit:contain}.mv-object-grid{display:grid;grid-template-columns:repeat(var(--columns,5),minmax(0,1fr));gap:var(--object-gap);width:min(100%,calc(var(--columns) * (var(--object-unit) + var(--object-gap)) + 20px));max-width:100%;padding:12px;background:#f0f6e9;border:1.5px solid #d1e1c8;border-radius:15px}.mv-object-grid>.mv-object{width:100%}.mv-object-grid:empty{min-width:100px;min-height:84px;border-style:dashed}.mv-object-grid.is-ten{background:#fff7e0;border-color:#dcb15f;border-width:2px}.mv-comparison,.mv-labeled-groups,.mv-object-groups{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:18px;width:100%}.mv-group-with-op{justify-content:center;gap:14px}.mv-group-with-op,.mv-labeled-group{display:flex;align-items:center;max-width:100%;min-width:0}.mv-labeled-group{flex-direction:column;gap:9px}.mv-comparison,.mv-labeled-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));align-items:start}.mv-label{display:block;color:#4d6a57;font-size:15px;font-weight:700;line-height:1.5;text-align:center}.mv-operator{font-size:32px;font-weight:700;color:#9b5f3d;flex-shrink:0}.mv-place-value{display:grid;justify-items:center;gap:22px;width:100%}.mv-place-groups{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:20px;width:100%}.mv-place-column{display:flex;flex-direction:column;align-items:center;gap:11px;max-width:100%;min-width:0}.mv-tens-groups{display:flex;justify-content:center;flex-wrap:wrap;gap:18px;max-width:100%}.mv-ten-bundle{position:relative;max-width:100%;width:min(100%,calc(5 * (var(--object-unit) + var(--object-gap)) + 20px))}.mv-bundle-tag{position:absolute;top:-10px;right:12px;display:grid;place-items:center;min-width:34px;min-height:27px;padding:0 7px;border-radius:9px;background:#f0ca6c;border:1px solid #d6ad50;color:#604d28;font:800 16px Nunito,sans-serif}.mv-empty-group,.mv-unknown{display:grid;place-items:center;width:84px;min-height:84px;border:2px dashed #a5b99a;background:#f0f6e9;border-radius:14px;font-size:36px;font-weight:700}.mv-place-table{border-collapse:separate;border-spacing:0;border:1.5px solid #819d7c;overflow:hidden;border-radius:12px;text-align:center;min-width:min(100%,240px)}.mv-place-table th{background:#eaf1df;font-size:14px;font-weight:600;padding:9px 16px}.mv-place-table td{font:800 34px Nunito,sans-serif;padding:9px 20px;background:#fff;border-top:1px solid #b8ccb0}.mv-place-table td+td,.mv-place-table th+th{border-left:1px solid #b8ccb0}.mv-ten-frames{display:grid;gap:14px;width:min(100%,390px)}.mv-ten-frame{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:12px;gap:8px;border:2px solid #93ac8b;background:#fffef7;border-radius:13px}.mv-counter{display:block;position:relative;width:100%;aspect-ratio:1;border:2px solid #c3d4b9;border-radius:50%;background:#fff}.mv-counter.filled,.mv-counter.removed{background:#63a9cc;border-color:#397c9c}.mv-counter.added{background:#ea9379;border-color:#aa614e}.mv-counter.ghost{border-style:dashed;border-color:#90aa82;background:#edf6e7}.mv-counter.removed{background:#adcedd}.mv-counter svg{width:100%;height:100%}.mv-tally{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:15px}.mv-svg.mv-tally-mark{width:83px;max-width:23%}.mv-coins,.mv-coins>div{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px}.mv-coins{gap:20px}.mv-coins>div{max-width:100%}.mv-svg.mv-coin{width:clamp(52px,16cqw,76px)}.mv-parts{display:grid;justify-items:center;gap:18px}.mv-total{min-width:68px;text-align:center;padding:4px 17px;background:#e8f1dc;border-radius:11px;font-size:32px;font-weight:800}.mv-parts-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:16px;width:100%}.mv-dot-group{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));width:min(100%,240px);padding:12px;gap:7px;background:#edf5e7;border-radius:13px;border:1px solid #c7dabd}.mv-domino{display:flex;border:3px solid #416e5d;border-radius:18px;padding:10px;background:#fffef5;max-width:100%}.mv-domino-half{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:12px;width:clamp(100px,33cqw,146px)}.mv-domino-half+.mv-domino-half{border-left:2px solid #769382}.mv-domino-half>span{width:100%;aspect-ratio:1;border-radius:50%;background:transparent}.mv-domino-half>.filled{background:#416e5d}.mv-order{width:100%;padding:8px 6px}.mv-order-direction{font-size:16px;line-height:1.7;font-weight:700;text-align:center;margin-bottom:14px}.mv-order-row{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-around;gap:4px}.mv-order-cell{width:52px;padding:5px 0;border-radius:12px;flex-shrink:0}.mv-order-cell .mv-object{width:52px}.mv-order-cell.is-marked{background:#f8dd8f;outline:2px solid #bf9640}.mv-svg{display:block;width:min(100%,440px);height:auto;overflow:visible}.math-visual .mv-svg text{font-family:Nunito,Noto Sans KR,sans-serif;font-weight:700;fill:#294d45;stroke:none}.mv-svg.mv-number-line{max-width:none;width:100%}.mv-svg.mv-clock{width:min(100%,300px)}.mv-svg.mv-fraction-pie{width:min(100%,280px)}.mv-svg.mv-box,.mv-svg.mv-fraction-bar,.mv-svg.mv-plane-shape{width:min(100%,520px)}.mv-svg.mv-angle,.mv-svg.mv-circle{width:min(100%,360px)}.mv-svg.mv-story{width:min(100%,180px)}.mv-single-shape{display:grid;place-items:center;padding:10px}.mv-single-shape .mv-shape{width:min(80cqw,240px);height:auto}.learn-card .ex .mv-single-shape .mv-shape{width:min(50cqw,150px)}.mv-pattern{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px}.mv-pattern .mv-shape{width:clamp(46px,13cqw,68px);height:auto}.mv-blank{display:inline-grid;place-items:center;min-width:1.25em;min-height:1.25em;border:2px dashed #ad7950;border-radius:10px;color:#8f5b37;font-size:.8em;background:#fff8e6;vertical-align:middle}.mv-pattern .mv-blank{width:54px;height:54px;font-size:30px}.mv-expression{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.24em;font-family:Nunito,Noto Sans KR,sans-serif;font-size:clamp(26px,7cqw,48px);font-weight:800;line-height:1.65;padding:8px 0;overflow-wrap:anywhere}.mv-expression>span{max-width:100%}.mv-fraction-number{display:inline-flex;flex-direction:column;align-items:stretch;text-align:center;vertical-align:middle;font-size:.82em;line-height:1.3;margin-inline:.12em;min-width:1em}.mv-fraction-number>span{padding-inline:.18em}.mv-fraction-number>span:first-child{border-bottom:2.5px solid}.mv-expression-lines{display:grid;gap:7px}.mv-expression.is-secondary{color:#607464;font-size:clamp(23px,6cqw,36px)}.mv-word{font-size:clamp(28px,8cqw,46px);line-height:1.6;text-align:center;font-weight:800;overflow-wrap:anywhere;padding:10px 16px;border-radius:16px;background:#edf4e4}.mv-sentence{font-size:clamp(22px,6cqw,36px);line-height:2;text-align:center;font-weight:700}.mv-blank.is-word{min-width:3em}.mv-length-bars{display:grid;gap:20px;width:100%;max-width:620px;padding:12px 0}.mv-length-row{display:grid;grid-template-columns:64px minmax(0,1fr);gap:12px;align-items:center}.mv-length-row>span{font-size:15px;font-weight:700;text-align:center}.mv-length-row>span>.mv-object{width:40px}.mv-length-track{width:100%;height:45px;display:flex;align-items:center}.mv-length-track>span{height:42px;min-width:1px;border:1px solid #294d4526;border-radius:9px}.mv-bar-chart{display:flex;align-items:stretch;gap:17px;padding:8px 10px;width:100%;max-width:660px}.mv-bar-column{display:flex;flex-direction:column;align-items:center;flex:1 1;min-width:0}.mv-bar-value{font-size:24px;font-weight:800;padding-bottom:8px}.mv-bar-track{display:flex;align-items:flex-end;justify-content:center;height:190px;width:100%;border-bottom:2px solid #a6bda1}.mv-bar-track>span{width:75%;max-width:70px;border-radius:10px 10px 0 0;border:1px solid #294d4526}.mv-bar-label{display:flex;flex-direction:column;align-items:center;gap:5px;font-size:14px;font-weight:600;text-align:center;padding-top:9px}.mv-bar-label .mv-object{width:48px}.mv-data-table,.mv-pairs-table{border-collapse:separate;border-spacing:0;border:1.5px solid #93af88;border-radius:13px;overflow:hidden;text-align:center;background:#fff}.mv-data-table th,.mv-pairs-table th{padding:12px;background:#ecf3e3;font-size:14px;font-weight:700}.mv-data-table th{overflow-wrap:anywhere}.mv-data-table th .mv-object{width:56px;display:block;margin:0 auto 6px}.mv-data-table th>span:not(.mv-object){display:block}.mv-data-table td,.mv-pairs-table td{padding:12px 15px;font:800 28px Nunito,sans-serif}.mv-data-table tr+tr>*,.mv-pairs-table tr+tr>*{border-top:1px solid #c5d7ba}.mv-data-table td+td,.mv-data-table th+th,.mv-pairs-table td{border-left:1px solid #c5d7ba}.mv-data-table tbody td{border-top:1px solid #c5d7ba}.mv-pairs-table th .mv-shape{width:32px;height:32px}.mv-pairs-table .is-unknown{color:#935d36;background:#fff6de}.choices button{min-width:0;flex-wrap:wrap}.choices button .mv-object,.choices button .mv-shape{width:48px;height:48px;flex-shrink:0}.choices .mv-expression{font-size:27px;padding:2px 0;gap:.12em}.mv-color-swatch{width:24px;height:24px;border:1px solid #294d4540;border-radius:7px;flex-shrink:0}@container (max-width: 480px){.mv-toolbar>.mv-controls{display:none}}@container (max-width: 360px){.mv-picture-title{font-size:14px}.mv-controls button{min-width:42px;min-height:38px}.mv-controls .mv-fit{min-width:90px;font-size:13px}.mv-board{padding:18px 8px 12px;--object-gap:4px}.mv-label{font-size:14px}.mv-place-groups{gap:17px}.mv-place-value{gap:18px}.mv-place-table th{font-size:13px;padding-inline:12px}.mv-place-table td{font-size:31px}.mv-ten-frame{padding:9px;gap:6px}.mv-scroll-note{font-size:13px}.mv-group-with-op{gap:9px}.mv-object-groups{gap:13px}.mv-operator{font-size:27px}}@media (max-width:600px){.learn-card:has(.math-visual){padding:14px;gap:14px}.learn-card .ex:has(.math-visual){padding:10px}.mv-dialog{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);padding:0 12px 10px;border-radius:17px}.mv-dialog-header{padding-block:10px;gap:12px}.mv-dialog-header h2{font-size:17px}.mv-dialog .mv-board{padding:20px 8px}.mv-dialog .mv-scroll-note{font-size:13px}.choices button .mv-object,.choices button .mv-shape{width:44px;height:44px}}