.mmviz{flex-direction:column;align-items:center;gap:0;padding:80px 24px 200px;display:flex}.size-selector{flex-direction:column;align-items:center;gap:10px;margin-bottom:40px;display:flex}.size-selector-label{letter-spacing:.12em;text-transform:uppercase;color:var(--ref-gray-dark);font-size:11px}.size-selector-buttons{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.size-btn{border:1px solid var(--ref-gray);color:var(--ref-gray-dark);font-size:13px;font-family:var(--font-course);cursor:pointer;box-shadow:0 1px 1px 0 var(--ref-gray);background:0 0;border-radius:2px;padding:5px 12px;transition:all .15s}.size-btn:hover:not(:disabled){color:var(--ref-black);border-color:var(--ref-gray-dark)}.size-btn--active{background:var(--ref-blue);color:var(--ref-white);border-color:var(--ref-blue)}.size-btn--active:hover:not(:disabled){background:var(--ref-blue-weak);border-color:var(--ref-blue-weak);color:var(--ref-white)}.size-btn:disabled{opacity:.4;cursor:not-allowed}.mmviz-stage{justify-content:center;align-items:center;gap:0;margin-top:140px;display:flex;position:relative}.mmviz-matrix{flex-direction:column;align-items:center;display:flex}.mmviz-matrix-label{display:none}.mmviz-sign{color:var(--ref-gray-dark);font-size:24px;font-family:var(--font-course);-webkit-user-select:none;user-select:none;margin:0 1em;line-height:1}.mmviz-result-equals{color:var(--ref-gray-dark);font-size:24px;font-family:var(--font-course);-webkit-user-select:none;user-select:none;overflow:hidden}.matrix-grid-wrapper{padding:var(--bracket-bar);display:inline-block;position:relative}.matrix-bracket-left,.matrix-bracket-right{width:var(--bracket-bar);background-color:var(--ref-black);position:absolute;top:0;bottom:0}.matrix-bracket-left{left:0}.matrix-bracket-left:before,.matrix-bracket-left:after{content:"";background-color:var(--ref-black);height:var(--bracket-bar);width:var(--bracket-ingress);position:absolute;left:0}.matrix-bracket-left:before{top:0}.matrix-bracket-left:after{bottom:0}.matrix-bracket-right{right:0}.matrix-bracket-right:before,.matrix-bracket-right:after{content:"";background-color:var(--ref-black);height:var(--bracket-bar);width:var(--bracket-ingress);position:absolute;right:0}.matrix-bracket-right:before{top:0}.matrix-bracket-right:after{bottom:0}.matrix-row{flex-direction:row;justify-content:space-between;margin:0;padding:0;display:flex}.matrix-cell{width:var(--cell-w);height:var(--cell-h);font-family:var(--font-course);color:var(--ref-black);background-color:#fff0;border:none;justify-content:center;align-items:center;padding:0;font-size:20px;transition:color .4s .25s,transform .4s .25s,opacity .4s .25s;display:inline-flex}.matrix-cell span{transform-origin:50%;display:inline-block}.matrix-cell-input{width:var(--cell-w);height:var(--cell-h);font-family:var(--font-course);text-align:center;color:var(--ref-black);cursor:text;background-color:#fff0;border:none;outline:none;padding:0;font-size:24px;line-height:49px;display:block}.matrix-cell-input:hover,.matrix-cell-input:focus{box-shadow:inset 0 1px 2px #00000080}.matrix-cell--row-0{transform:scale(.55)translate(-16px)translateY(10px);color:var(--ref-orange)!important}.matrix-cell--row-1{transform:scale(.55)translate(-16px)translateY(10px);color:#10b981!important}.matrix-cell--row-2{transform:scale(.55)translate(-16px)translateY(10px);color:#ec4899!important}.matrix-cell--col-0{transform:scale(.55)translate(16px)translateY(-10px);color:var(--ref-orange)!important}.matrix-cell--col-1{transform:scale(.55)translate(16px)translateY(-10px);color:#10b981!important}.matrix-cell--col-2{transform:scale(.55)translate(16px)translateY(-10px);color:#ec4899!important}.matrix-bracket--error,.matrix-bracket--error:before,.matrix-bracket--error:after{background-color:#ef4444!important}.matrix-cell--error{color:#ef4444!important}.mmviz-warning-box{max-width:600px;color:var(--ref-black);background-color:#ef444414;border:1px solid #ef444459;border-radius:6px;align-items:center;gap:16px;margin:0 auto 32px;padding:18px 24px;display:flex}.warning-icon{font-size:24px;line-height:1}.warning-text strong{color:#ef4444;margin-bottom:4px;font-size:15px;display:block}.warning-text p{color:var(--ref-gray-dark);margin:0;font-size:13.5px;line-height:1.5}.matrix-cell--hidden{opacity:1}.matrix-cell-placeholder{color:var(--ref-gray);-webkit-user-select:none;user-select:none;font-size:18px;font-weight:400}.matrix-cell-placeholder sub{color:var(--ref-gray);font-size:11px}.matrix-cell--active-0{animation:.4s forwards cell-pop;color:var(--ref-orange)!important}.matrix-cell--active-1{animation:.4s forwards cell-pop;color:#10b981!important}.matrix-cell--active-2{animation:.4s forwards cell-pop;color:#ec4899!important}.matrix-cell--revealed{color:var(--ref-black);opacity:1}.matrix-operator-grid{pointer-events:none;position:absolute;top:0;left:0}.matrix-operator-cell{width:var(--cell-w);height:var(--cell-h);font-family:var(--font-course);text-align:center;font-size:24px;line-height:49px;transition:opacity .3s;display:block;position:relative;transform:scale(.6)}.matrix-operator-cell--0,.matrix-operator-cell--0.matrix-operator-cell--plus:after{color:var(--ref-orange)!important}.matrix-operator-cell--1,.matrix-operator-cell--1.matrix-operator-cell--plus:after{color:#10b981!important}.matrix-operator-cell--2,.matrix-operator-cell--2.matrix-operator-cell--plus:after{color:#ec4899!important}.matrix-operator-cell--plus:after{content:"+";text-align:center;width:2em;height:2em;font-size:24px;line-height:49px;display:block;position:absolute;top:0;left:40px}.equation-panel{font-family:var(--font-course);color:var(--ref-gray-dark);overflow-wrap:anywhere;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:min(100%,920px);min-height:40px;margin-top:60px;margin-bottom:24px;padding:0 16px;font-size:18px;display:flex}.mmviz-autofill-btn{border:1px solid var(--ref-blue);color:var(--ref-blue);cursor:pointer;font-family:var(--font-course);-webkit-user-select:none;user-select:none;background:0 0;border-radius:4px;margin-top:4px;padding:8px 20px;font-size:13px;font-weight:700;transition:background-color .15s,color .15s}.mmviz-autofill-btn:hover{background:#308dff0f}.mini-matrix--clickable:hover{transform:scale(1.05);background-color:#308dff1f!important}