:root{--mc-primary:#6366f1;--mc-primary-hover:#4f46e5;--mc-primary-light:#6366f114;--mc-primary-soft:#6366f126;--mc-text:#1e293b;--mc-text-muted:#64748b;--mc-text-light:#94a3b8;--mc-bg:#fff;--mc-bg-secondary:#f8fafc;--mc-bg-tertiary:#f1f5f9;--mc-bg-gradient:linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);--mc-border:#e2e8f0;--mc-border-light:#f1f5f9;--mc-border-focus:var(--mc-primary);--mc-input-bg:#fff;--mc-error:#ef4444;--mc-error-light:#ef444414;--mc-success:#10b981;--mc-success-light:#10b98114;--mc-success-soft:#10b98126;--mc-warning:#f59e0b;--mc-warning-light:#f59e0b14;--mc-warning-dark:#b45309;--mc-radius:8px;--mc-radius-lg:12px;--mc-radius-xl:20px;--mc-radius-2xl:24px;--mc-shadow:0 1px 2px #0000000a, 0 1px 3px #00000008;--mc-shadow-md:0 4px 6px #0000000a, 0 2px 4px #00000005;--mc-shadow-lg:0 10px 25px #0000000f, 0 4px 10px #00000008;--mc-shadow-xl:0 20px 40px #00000014, 0 8px 16px #0000000a;--mc-shadow-glow:0 0 20px #6366f126;--mc-cell-size:52px;--mc-cell-gap:8px;--mc-transition:.2s cubic-bezier(.4, 0, .2, 1);--mc-transition-fast:.15s cubic-bezier(.4, 0, .2, 1)}._mc-container{gap:var(--main-space-6);flex-direction:column;max-width:1000px;margin:0 auto;display:flex}._mc-main{gap:var(--main-space-5);flex-wrap:wrap;justify-content:center;align-items:flex-start;display:flex}._mc-hidden{display:none!important}._mc-hint{justify-content:center;align-items:center;gap:var(--main-space-2);padding:var(--main-space-4);color:var(--mc-text-light);font-size:var(--main-text-xs);text-align:center;background:var(--mc-bg-secondary);border-radius:var(--mc-radius-lg);border-style:dashed;border-width:1px;border-color:var(--mc-border);display:flex}._mc-hint svg{opacity:.5}@media (max-width:768px){._mc-container{gap:var(--main-space-4);padding-left:.75rem;padding-right:.75rem}._mc-main{align-items:center;gap:var(--main-space-3);flex-direction:column}._mc-hint{display:none}}._mc-operation-bar{background:var(--mc-bg);border-radius:var(--mc-radius-2xl);padding:var(--main-space-5);box-shadow:var(--mc-shadow-md);border-style:solid;border-width:1px;border-color:var(--mc-border)}._mc-operation-groups{gap:var(--main-space-6);flex-wrap:wrap;justify-content:center;display:flex}._mc-op-group{gap:var(--main-space-3);flex-direction:column;align-items:center;display:flex}._mc-op-group-label{color:var(--mc-text-light);text-transform:uppercase;letter-spacing:1px;font-size:11px;font-weight:600}._mc-op-group-btns{background:var(--mc-bg-secondary);border-radius:var(--mc-radius-lg);gap:4px;padding:5px;display:flex}._mc-op-tab{border-radius:var(--mc-radius);color:var(--mc-text-muted);font-size:var(--main-text-sm);cursor:pointer;transition:all var(--mc-transition);font-weight:600;font-family:var(--main-font-mono);white-space:nowrap;background:0 0;border:none;padding:.625rem 1rem;position:relative}._mc-op-tab:hover{color:var(--mc-text);background:var(--mc-bg)}._mc-op-tab-active{background:var(--mc-bg);color:var(--mc-primary);box-shadow:var(--mc-shadow-md)}._mc-op-tab-active:after{content:"";background:var(--mc-primary);border-radius:2px;width:20px;height:3px;position:absolute;bottom:-5px;left:50%;transform:translate(-50%)}@media (max-width:640px){._mc-operation-bar{padding:var(--main-space-4);border-radius:var(--mc-radius-xl)}._mc-operation-groups{gap:var(--main-space-4)}._mc-op-tab{font-size:var(--main-text-xs);padding:.5rem .75rem}._mc-op-group-label{font-size:10px}._mc-op-tab-active:after{width:16px;height:2px;bottom:-4px}}._mc-matrix-panel{background:var(--mc-bg);border-radius:var(--mc-radius-2xl);padding:var(--main-space-5);box-shadow:var(--mc-shadow-md);border-style:solid;border-width:2px;border-color:var(--mc-border);min-width:280px;transition:all var(--mc-transition)}._mc-matrix-panel:focus-within{box-shadow:var(--mc-shadow-lg), var(--mc-shadow-glow);border-color:var(--mc-primary)}._mc-matrix-panel._mc-dimension-mismatch{border-color:var(--mc-warning);box-shadow:0 0 0 4px var(--mc-warning-light)}._mc-panel-header{margin-bottom:var(--main-space-4);justify-content:space-between;align-items:center;gap:var(--main-space-3);display:flex}._mc-panel-title{align-items:center;gap:var(--main-space-3);display:flex}._mc-panel-label{color:var(--mc-primary);font-weight:800;font-size:var(--main-text-2xl);font-family:var(--main-font-mono);background:linear-gradient(135deg, var(--mc-primary-light) 0%, var(--mc-primary-soft) 100%);border-radius:var(--mc-radius-lg);justify-content:center;align-items:center;width:36px;height:36px;display:flex;box-shadow:inset 0 1px 2px #ffffff80}._mc-preset-sizes{background:var(--mc-bg-secondary);border-radius:var(--mc-radius);gap:3px;padding:4px;display:flex}._mc-preset-btn{color:var(--mc-text-muted);font-size:var(--main-text-xs);font-family:var(--main-font-mono);cursor:pointer;transition:all var(--mc-transition-fast);background:0 0;border:none;border-radius:6px;padding:.375rem .625rem;font-weight:600}._mc-preset-btn:hover{color:var(--mc-text);background:var(--mc-bg)}._mc-preset-btn._mc-preset-active{background:var(--mc-bg);color:var(--mc-primary);box-shadow:var(--mc-shadow)}._mc-size-controls{align-items:center;gap:var(--main-space-2);display:flex}._mc-size-group{background:var(--mc-bg-secondary);border-radius:var(--mc-radius);align-items:center;gap:3px;padding:4px;display:flex}._mc-size-btn{width:28px;height:28px;color:var(--mc-text-muted);cursor:pointer;transition:all var(--mc-transition-fast);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;display:flex}._mc-size-btn:hover{background:var(--mc-bg);color:var(--mc-primary)}._mc-size-btn:active{background:var(--mc-bg-tertiary)}._mc-size-value{text-align:center;min-width:24px;font-size:var(--main-text-sm);color:var(--mc-text);font-weight:700;font-family:var(--main-font-mono)}._mc-size-x{color:var(--mc-text-light);font-size:var(--main-text-sm);font-weight:500}._mc-matrix-wrapper{padding:var(--main-space-3) 0;justify-content:center;display:flex}._mc-matrix-grid{gap:var(--mc-cell-gap);padding:var(--main-space-4) var(--main-space-5);background:var(--mc-bg-gradient);border-radius:var(--mc-radius-xl);min-height:180px;display:inline-grid;position:relative}._mc-matrix-grid:before,._mc-matrix-grid:after{content:"";background:linear-gradient(180deg, var(--mc-primary) 0%, var(--mc-primary-hover) 100%);opacity:.3;border-radius:3px;width:5px;position:absolute;top:12px;bottom:12px}._mc-matrix-grid:before{left:8px}._mc-matrix-grid:after{right:8px}._mc-cell{width:var(--mc-cell-size);height:var(--mc-cell-size);border-style:solid;border-width:2px;border-color:var(--mc-border-light);border-radius:var(--mc-radius);background:var(--mc-input-bg);text-align:center;font-size:var(--main-text-base);font-family:var(--main-font-mono);color:var(--mc-text);transition:all var(--mc-transition-fast);box-shadow:var(--mc-shadow);-moz-appearance:textfield;font-weight:600}._mc-cell::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}._mc-cell::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}._mc-cell:hover{border-color:var(--mc-border);box-shadow:var(--mc-shadow-md)}._mc-cell:focus{border-color:var(--mc-primary);box-shadow:0 0 0 4px var(--mc-primary-light), var(--mc-shadow-md);outline:none}._mc-cell::placeholder{color:var(--mc-text-light);font-weight:400}._mc-quick-actions{gap:var(--main-space-2);margin-top:var(--main-space-4);flex-wrap:wrap;justify-content:center;display:flex}._mc-quick-btn{background:var(--mc-bg-secondary);color:var(--mc-text-muted);font-size:var(--main-text-xs);border-radius:var(--mc-radius);cursor:pointer;transition:all var(--mc-transition-fast);border:none;align-items:center;gap:5px;padding:.5rem .75rem;font-weight:600;display:flex}._mc-quick-btn:hover{background:var(--mc-bg-tertiary);color:var(--mc-text)}._mc-quick-btn._mc-quick-btn-danger:hover{background:var(--mc-error-light);color:var(--mc-error)}._mc-operator-symbol{background:linear-gradient(135deg, var(--mc-primary-light) 0%, var(--mc-primary-soft) 100%);width:56px;height:56px;margin:var(--main-space-4) 0;box-shadow:var(--mc-shadow-md);border-radius:50%;justify-content:center;align-self:center;align-items:center;display:flex}._mc-operator-text{font-size:var(--main-text-2xl);color:var(--mc-primary);font-weight:700;font-family:var(--main-font-mono)}._mc-scalar-panel,._mc-power-panel{align-items:center;gap:var(--main-space-4);background:var(--mc-bg);border-radius:var(--mc-radius-2xl);padding:var(--main-space-5);box-shadow:var(--mc-shadow-md);border-style:solid;border-width:2px;border-color:var(--mc-border);flex-direction:column;align-self:center;display:flex}._mc-scalar-wrapper,._mc-power-wrapper{align-items:center;gap:var(--main-space-3);display:flex}._mc-scalar-label,._mc-power-label{color:var(--mc-primary);font-weight:800;font-size:var(--main-text-2xl);font-family:var(--main-font-mono);background:linear-gradient(135deg, var(--mc-primary-light) 0%, var(--mc-primary-soft) 100%);border-radius:var(--mc-radius-lg);justify-content:center;align-items:center;width:36px;height:36px;display:flex}._mc-scalar-eq,._mc-power-eq{color:var(--mc-text-light);font-size:var(--main-text-xl);font-weight:500}._mc-scalar-input,._mc-power-input{border-style:solid;border-width:2px;border-color:var(--mc-border-light);border-radius:var(--mc-radius);background:var(--mc-bg-secondary);text-align:center;width:90px;height:48px;font-size:var(--main-text-xl);font-family:var(--main-font-mono);color:var(--mc-text);transition:all var(--mc-transition-fast);font-weight:700}._mc-scalar-input:focus,._mc-power-input:focus{border-color:var(--mc-primary);box-shadow:0 0 0 4px var(--mc-primary-light);outline:none}._mc-scalar-presets,._mc-power-presets{gap:var(--main-space-2);display:flex}._mc-scalar-preset,._mc-power-preset{background:var(--mc-bg-secondary);color:var(--mc-text-muted);font-size:var(--main-text-sm);font-family:var(--main-font-mono);border-radius:var(--mc-radius);cursor:pointer;transition:all var(--mc-transition-fast);border:none;padding:.5rem .875rem;font-weight:600}._mc-scalar-preset:hover,._mc-power-preset:hover{background:var(--mc-bg-tertiary);color:var(--mc-text)}._mc-scalar-preset._mc-scalar-preset-active,._mc-power-preset._mc-power-preset-active{background:var(--mc-primary-light);color:var(--mc-primary)}._mc-dimension-warning{justify-content:center;align-items:center;gap:var(--main-space-3);padding:var(--main-space-4);background:linear-gradient(135deg, var(--mc-warning-light) 0%, #f59e0b1f 100%);border-radius:var(--mc-radius-xl);border-style:solid;border-width:1px;border-color:var(--mc-warning);animation:.3s mc-warning-appear;display:flex}@keyframes mc-warning-appear{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}._mc-warning-icon{color:var(--mc-warning);align-items:center;display:flex}._mc-warning-text{color:var(--mc-warning-dark);font-size:var(--main-text-sm);font-weight:600}._mc-sync-btn{align-items:center;gap:var(--main-space-2);background:linear-gradient(135deg, var(--mc-warning) 0%, #d97706 100%);color:#fff;border-radius:var(--mc-radius);font-size:var(--main-text-sm);cursor:pointer;transition:all var(--mc-transition-fast);white-space:nowrap;border:none;padding:.625rem 1rem;font-weight:600;display:flex;box-shadow:0 2px 8px #f59e0b4d}._mc-sync-btn:hover{box-shadow:0 4px 12px #f59e0b66}._mc-action-bar{justify-content:center;gap:var(--main-space-4);flex-wrap:wrap;display:flex}._mc-swap-btn{align-items:center;gap:var(--main-space-2);background:var(--mc-bg);color:var(--mc-text-muted);border-style:solid;border-width:2px;border-color:var(--mc-border);border-radius:var(--mc-radius-xl);font-size:var(--main-text-sm);cursor:pointer;transition:all var(--mc-transition);padding:.875rem 1.5rem;font-weight:600;display:flex}._mc-swap-btn:hover{background:var(--mc-bg-secondary);color:var(--mc-primary);border-color:var(--mc-primary)}._mc-calculate-btn{align-items:center;gap:var(--main-space-3);background:linear-gradient(135deg, var(--mc-primary) 0%, #818cf8 50%, var(--mc-primary-hover) 100%);color:#fff;border-radius:var(--mc-radius-xl);font-size:var(--main-text-base);cursor:pointer;transition:all var(--mc-transition);background-size:200% 200%;border:none;padding:1rem 2.5rem;font-weight:700;animation:3s infinite mc-gradient-shift;display:flex;box-shadow:0 6px 20px #6366f159}@keyframes mc-gradient-shift{0%,to{background-position:0%}50%{background-position:100%}}._mc-calculate-btn:hover{box-shadow:0 8px 28px #6366f173}._mc-calculate-btn:active{box-shadow:0 4px 12px #6366f14d}._mc-calculate-btn span:first-child{font-size:var(--main-text-2xl);font-weight:800}@media (max-width:640px){._mc-matrix-panel{--mc-cell-size:44px;width:100%;min-width:auto;padding:var(--main-space-4);border-radius:var(--mc-radius-xl)}._mc-cell{font-size:var(--main-text-sm)}._mc-panel-header{align-items:flex-start;gap:var(--main-space-3);flex-direction:column}._mc-panel-title{justify-content:space-between;width:100%}._mc-operator-symbol{width:44px;height:44px;margin:var(--main-space-2) 0}._mc-calculate-btn{justify-content:center;width:100%;padding:1rem 1.5rem}._mc-swap-btn{justify-content:center;width:100%}._mc-dimension-warning{text-align:center;gap:var(--main-space-2);flex-direction:column}._mc-sync-btn{justify-content:center;width:100%}}._mc-result-panel{background:var(--mc-bg);border-radius:var(--mc-radius-2xl);padding:var(--main-space-6);box-shadow:var(--mc-shadow-xl);border-style:solid;border-width:2px;border-color:var(--mc-success);animation:.4s cubic-bezier(.4,0,.2,1) mc-result-appear;position:relative;overflow:hidden}._mc-result-panel:before{content:"";background:linear-gradient(90deg, var(--mc-success) 0%, #34d399 50%, var(--mc-success) 100%);height:4px;position:absolute;top:0;left:0;right:0}@keyframes mc-result-appear{0%{opacity:0;transform:translateY(-15px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}._mc-result-header{margin-bottom:var(--main-space-5);justify-content:space-between;align-items:center;gap:var(--main-space-4);flex-wrap:wrap;display:flex}._mc-result-title{align-items:center;gap:var(--main-space-3);display:flex}._mc-result-icon{background:linear-gradient(135deg, var(--mc-success-light) 0%, var(--mc-success-soft) 100%);width:40px;height:40px;color:var(--mc-success);font-size:var(--main-text-xl);border-radius:50%;justify-content:center;align-items:center;font-weight:800;display:flex;box-shadow:0 4px 12px #10b98133}._mc-result-label{color:var(--mc-text);font-weight:700;font-size:var(--main-text-xl);font-family:var(--main-font-mono)}._mc-result-actions{align-items:center;gap:var(--main-space-3);display:flex}._mc-fraction-toggle{align-items:center;gap:var(--main-space-2);cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--mc-bg-secondary);border-radius:var(--mc-radius);transition:all var(--mc-transition-fast);padding:.5rem .75rem;display:flex}._mc-fraction-toggle:hover{background:var(--mc-bg-tertiary)}._mc-fraction-toggle input{display:none}._mc-toggle-slider{background:var(--mc-bg-tertiary);width:40px;height:22px;transition:all var(--mc-transition);border-style:solid;border-width:1px;border-color:var(--mc-border);border-radius:11px;position:relative}._mc-toggle-slider:after{content:"";background:var(--mc-bg);width:16px;height:16px;box-shadow:var(--mc-shadow-md);transition:all var(--mc-transition);border-radius:50%;position:absolute;top:2px;left:2px}._mc-fraction-toggle input:checked+._mc-toggle-slider{background:var(--mc-primary);border-color:var(--mc-primary)}._mc-fraction-toggle input:checked+._mc-toggle-slider:after{left:20px}._mc-toggle-label{font-size:var(--main-text-sm);color:var(--mc-text-muted);font-weight:500}._mc-result-btn{background:var(--mc-bg-secondary);color:var(--mc-text-muted);font-size:var(--main-text-sm);border-radius:var(--mc-radius);cursor:pointer;transition:all var(--mc-transition-fast);border:none;align-items:center;gap:8px;padding:.625rem 1rem;font-weight:600;display:flex}._mc-result-btn:hover{background:var(--mc-bg-tertiary);color:var(--mc-text)}._mc-result-btn._mc-result-btn-primary{background:linear-gradient(135deg, var(--mc-primary-light) 0%, var(--mc-primary-soft) 100%);color:var(--mc-primary)}._mc-result-btn._mc-result-btn-primary:hover{background:linear-gradient(135deg, var(--mc-primary) 0%, var(--mc-primary-hover) 100%);color:#fff;box-shadow:0 4px 12px #6366f14d}._mc-result-content{padding:var(--main-space-6);background:var(--mc-bg-gradient);border-radius:var(--mc-radius-xl);justify-content:center;min-height:140px;display:flex;overflow-x:auto}._mc-result-matrix{gap:var(--mc-cell-gap);padding:var(--main-space-5);display:inline-grid;position:relative}._mc-result-matrix:before,._mc-result-matrix:after{content:"";background:linear-gradient(180deg, var(--mc-success) 0%, #34d399 100%);border-radius:3px;width:5px;position:absolute;top:12px;bottom:12px}._mc-result-matrix:before{left:8px}._mc-result-matrix:after{right:8px}._mc-result-cell{width:var(--mc-cell-size);height:var(--mc-cell-size);background:var(--mc-bg);border-radius:var(--mc-radius);font-size:var(--main-text-base);font-family:var(--main-font-mono);color:var(--mc-text);box-shadow:var(--mc-shadow-md);border-style:solid;border-width:1px;border-color:var(--mc-border-light);justify-content:center;align-items:center;font-weight:700;display:flex}._mc-result-scalar{font-size:3rem;font-family:var(--main-font-mono);color:var(--mc-success);padding:var(--main-space-5);text-shadow:0 2px 4px #10b98133;justify-content:center;align-items:center;font-weight:800;display:flex}._mc-fraction{flex-direction:column;align-items:center;font-size:.8em;line-height:1;display:inline-flex}._mc-fraction-num{text-align:center;border-bottom:2px solid;min-width:18px;padding-bottom:3px}._mc-fraction-den{text-align:center;min-width:18px;padding-top:3px}._mc-result-error{padding:var(--main-space-5);background:linear-gradient(135deg, var(--mc-error-light) 0%, #ef44441f 100%);border-radius:var(--mc-radius-lg);color:var(--mc-error);font-size:var(--main-text-sm);text-align:center;margin-top:var(--main-space-4);border-style:solid;border-width:1px;border-color:var(--mc-error);font-weight:600}@media (max-width:640px){._mc-result-panel{--mc-cell-size:44px;padding:var(--main-space-4);border-radius:var(--mc-radius-xl)}._mc-result-header{flex-direction:column;align-items:flex-start}._mc-result-actions{justify-content:space-between;width:100%}._mc-result-cell{font-size:var(--main-text-sm)}._mc-result-scalar{font-size:2.5rem}}