#matrix-insight{--mi-ink:#19334d;--mi-teal:#087c76;--mi-purple:#754ab1;--mi-line:#d8e1e9;font:22px/1.8 Tahoma,Arial,sans-serif;color:var(--mi-ink);scroll-margin-top:20px}#matrix-insight *{box-sizing:border-box}#matrix-insight h2{font-size:34px}#matrix-insight h3{font-size:26px}#matrix-insight button,#matrix-insight select,#matrix-insight input{font:inherit;color:var(--mi-ink);background:white;border:1px solid var(--mi-line);border-radius:12px;min-height:54px;padding:9px 15px}#matrix-insight button{cursor:pointer}#matrix-insight button:focus-visible,#matrix-insight input:focus-visible,#matrix-insight select:focus-visible{outline:3px solid #e3b853;outline-offset:3px}#matrix-insight button.active,#matrix-insight .mi-primary{background:var(--mi-ink);color:white}#matrix-insight button:disabled{opacity:.55;cursor:default}#matrix-insight .mi-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:20px 0}#matrix-insight .mi-tabs button{flex:1}#matrix-insight .mi-split{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:20px 0}#matrix-insight .mi-scene{background:linear-gradient(130deg,#ebf7f2,#f1eafa);border:1px solid #dce6e5;border-radius:22px;padding:24px;min-width:0}#matrix-insight .mi-matrix{display:grid;direction:ltr;gap:14px;position:relative;padding:16px 23px;margin:16px auto;max-width:100%;width:max-content}#matrix-insight .mi-matrix:before,#matrix-insight .mi-matrix:after{content:'';position:absolute;top:0;bottom:0;width:10px;border-top:3px solid var(--mi-ink);border-bottom:3px solid var(--mi-ink)}#matrix-insight .mi-matrix:before{left:0;border-left:3px solid var(--mi-ink)}#matrix-insight .mi-matrix:after{right:0;border-right:3px solid var(--mi-ink)}#matrix-insight .mi-matrix.mi-det:before,#matrix-insight .mi-matrix.mi-det:after{border-top:0;border-bottom:0}#matrix-insight .mi-cell{display:grid;place-items:center;min-width:60px;min-height:58px;font-size:31px;border-radius:12px;background:#ffffffb0;transition:background .3s,transform .4s;position:relative}#matrix-insight .mi-cell input{width:70px;text-align:center;font-size:27px;padding:4px;min-width:0}#matrix-insight .mi-cell.mi-main{background:#bce8db;box-shadow:0 0 0 2px var(--mi-teal)}#matrix-insight .mi-cell.mi-other{background:#e2d0f5;box-shadow:0 0 0 2px var(--mi-purple)}#matrix-insight .mi-cell.mi-result{background:#d8f1e7;animation:mi-arrive .55s ease both}#matrix-insight .mi-landing{animation:mi-travel .7s ease both}#matrix-insight .mi-calc{direction:ltr;unicode-bidi:isolate;text-align:center;font-size:28px;overflow-wrap:anywhere;margin:15px 0;line-height:1.8}#matrix-insight .mi-fraction{display:inline-flex;vertical-align:middle;flex-direction:column;align-items:center;margin:0 4px;line-height:1.3;direction:ltr;font-size:25px}#matrix-insight .mi-fraction>span:first-child{border-bottom:2px solid currentColor;min-width:100%;padding:0 5px 3px;text-align:center}#matrix-insight .mi-fraction>span:last-child{padding-top:3px}#matrix-insight .mi-resultbox{padding:18px;background:#edf7f2;border-right:5px solid var(--mi-teal);border-radius:14px;margin:18px 0}#matrix-insight .mi-tip{background:#fff4dc;padding:16px;border-radius:13px;margin:15px 0}#matrix-insight .mi-small{font-size:18px;color:#536579}#matrix-insight .mi-tag{background:#eee7fa;padding:5px 14px;border-radius:30px;display:inline-block;font-size:19px}#matrix-insight .mi-choices{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}#matrix-insight .mi-choices button{font-size:26px;min-height:78px}#matrix-insight .mi-correct{background:#d7f1e6;outline:3px solid var(--mi-teal)}#matrix-insight .mi-wrong{background:#fce7e9;outline:2px solid #a95871}#matrix-insight .mi-output{min-height:65px}#matrix-insight .mi-arrow{font-size:28px;color:var(--mi-teal)}#matrix-insight .mi-board{direction:ltr;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}#matrix-insight .mi-extended .mi-cell{min-width:43px;font-size:25px}#matrix-insight .mi-extended{gap:10px;padding:12px 16px}#matrix-insight .mi-copy{opacity:.7;border:1px dashed #8c9ca9}#matrix-insight .mi-sign{color:var(--mi-purple)}@keyframes mi-travel{from{transform:translate(var(--mi-dx,0),var(--mi-dy,0)) scale(.9)}to{transform:translate(0,0) scale(1)}}@keyframes mi-arrive{from{transform:scale(.85)}to{transform:scale(1)}}@media(max-width:820px){#matrix-insight .mi-split{grid-template-columns:1fr}#matrix-insight .mi-scene{padding:16px}#matrix-insight .mi-calc{font-size:24px}#matrix-insight h2{font-size:29px}}@media(max-width:430px){#matrix-insight .mi-matrix{gap:8px;padding:12px 16px}#matrix-insight .mi-cell{min-width:48px;font-size:26px}#matrix-insight .mi-cell input{width:57px;font-size:24px}#matrix-insight .mi-extended .mi-cell{min-width:31px;font-size:21px}#matrix-insight .mi-extended{gap:6px;padding:10px}#matrix-insight .mi-row button{font-size:19px}}@media(prefers-reduced-motion:reduce){#matrix-insight *{animation:none!important;transition:none!important}}
