:root{--mf-primary:var(--main-primary);--mf-primary-light:#6366f11a;--mf-success:var(--main-success);--mf-success-light:#10b9811a;--mf-warning:var(--main-warning);--mf-warning-light:#f59e0b1a;--mf-error:var(--main-error);--mf-error-light:#ef44441a;--mf-text:#1f2937;--mf-text-muted:#64748b;--mf-bg:#fff;--mf-bg-secondary:#f8fafc;--mf-border:#e2e8f0;--mf-radius:var(--main-radius);--mf-radius-lg:var(--main-radius-lg);--mf-shadow:var(--main-shadow-sm);--mf-transition:.2s ease}._mf-container{max-width:540px;margin:0 auto}._mf-main-card{background:var(--mf-bg);border-radius:var(--mf-radius-lg);box-shadow:var(--mf-shadow);border-style:solid;border-width:1px;border-color:var(--mf-border);overflow:hidden}._mf-section{padding:var(--main-space-5)}._mf-section-header{margin-bottom:var(--main-space-3);justify-content:space-between;align-items:center;display:flex}._mf-section-label{align-items:center;gap:var(--main-space-2);font-size:var(--main-text-sm);color:var(--mf-text-muted);font-weight:500;display:flex}._mf-section-label svg{color:var(--mf-primary)}._mf-divider{background:var(--mf-border);height:1px;margin:0}._mf-input-row{gap:var(--main-space-3);align-items:flex-end;display:flex}._mf-input{padding:var(--main-space-3) var(--main-space-4);border-style:solid;border-width:2px;border-color:var(--mf-border);border-radius:var(--mf-radius);font-size:var(--main-text-lg);color:var(--mf-text);background:var(--mf-bg);transition:border-color var(--mf-transition), box-shadow var(--mf-transition);text-align:center;flex:1;font-weight:500}._mf-input:focus{border-color:var(--mf-primary);box-shadow:0 0 0 3px var(--mf-primary-light);outline:none}._mf-input::placeholder{color:var(--mf-text-muted);opacity:.6}._mf-input-small{text-align:center;flex:none;width:80px}._mf-result-section{padding:var(--main-space-5);background:var(--mf-bg-secondary)}._mf-result-card{align-items:center;gap:var(--main-space-2);padding:var(--main-space-5);background:var(--mf-bg);border-radius:var(--mf-radius-lg);border-style:solid;border-width:1px;border-color:var(--mf-border);flex-direction:column;display:flex}._mf-result-formula{font-size:var(--main-text-sm);color:var(--mf-text-muted)}._mf-formula-text{font-family:var(--main-font-mono)}._mf-result-value{font-size:var(--main-text-3xl);color:var(--mf-primary);font-weight:700;font-family:var(--main-font-mono);word-break:break-all;text-align:center;max-width:100%}._mf-result-value-large{font-size:var(--main-text-xl);line-height:1.4}._mf-hidden{display:none!important}@media (max-width:768px){._mf-container{padding-left:1rem;padding-right:1rem}._mf-section,._mf-result-section{padding:var(--main-space-4)}._mf-result-value{font-size:var(--main-text-2xl)}}._mf-tabs{gap:var(--main-space-2);margin-bottom:var(--main-space-4);padding:var(--main-space-1);background:var(--mf-bg);border-radius:var(--mf-radius-lg);box-shadow:var(--mf-shadow);border-style:solid;border-width:1px;border-color:var(--mf-border);scrollbar-width:none;display:flex;overflow-x:auto}._mf-tabs::-webkit-scrollbar{display:none}._mf-tab{align-items:center;gap:var(--main-space-1);min-width:70px;padding:var(--main-space-3) var(--main-space-2);color:var(--mf-text-muted);font-size:var(--main-text-sm);cursor:pointer;border-radius:var(--mf-radius);transition:color var(--mf-transition), background var(--mf-transition);white-space:nowrap;background:0 0;border:none;flex-direction:column;flex:1;font-weight:500;display:flex}._mf-tab svg{flex-shrink:0;width:16px;height:16px}._mf-tab:hover{color:var(--mf-text);background:var(--mf-bg-secondary)}._mf-tab._mf-tab-active{color:var(--mf-primary);background:var(--mf-primary-light)}._mf-tab-content{display:none}._mf-tab-content._mf-tab-active{display:block}@media (max-width:768px){._mf-tabs{gap:var(--main-space-1)}._mf-tab{min-width:60px;padding:var(--main-space-2);font-size:var(--main-text-xs)}}._mf-log-types{gap:var(--main-space-2);display:flex}._mf-log-type{align-items:center;gap:var(--main-space-1);padding:var(--main-space-3);border-style:solid;border-width:2px;border-color:var(--mf-border);background:var(--mf-bg);border-radius:var(--mf-radius);cursor:pointer;transition:border-color var(--mf-transition), background var(--mf-transition);flex-direction:column;flex:1;display:flex}._mf-log-type:hover,._mf-log-type._mf-log-type-active{border-color:var(--mf-primary);background:var(--mf-primary-light)}._mf-log-symbol{font-size:var(--main-text-lg);color:var(--mf-text);font-weight:600;font-family:var(--main-font-mono)}._mf-log-type._mf-log-type-active ._mf-log-symbol{color:var(--mf-primary)}._mf-log-name{font-size:var(--main-text-xs);color:var(--mf-text-muted)}@media (max-width:768px){._mf-log-type{padding:var(--main-space-2)}._mf-log-symbol{font-size:var(--main-text-base)}}._mf-fact-steps{margin-top:var(--main-space-4);padding:var(--main-space-4);background:var(--mf-bg);border-radius:var(--mf-radius);border-style:dashed;border-width:1px;border-color:var(--mf-border)}._mf-steps-header{align-items:center;gap:var(--main-space-2);font-size:var(--main-text-sm);color:var(--mf-text-muted);margin-bottom:var(--main-space-3);font-weight:500;display:flex}._mf-steps-header svg{color:var(--mf-primary)}._mf-steps-content{font-family:var(--main-font-mono);font-size:var(--main-text-sm);color:var(--mf-text);word-break:break-all;line-height:1.8}._mf-steps-content .step-number{color:var(--mf-primary);font-weight:600}._mf-steps-content .step-operator{color:var(--mf-text-muted);margin:0 var(--main-space-1)}._mf-abs-visual{margin-top:var(--main-space-4);padding:var(--main-space-4);background:var(--mf-bg);border-radius:var(--mf-radius);border-style:solid;border-width:1px;border-color:var(--mf-border)}._mf-number-line{justify-content:center;align-items:center;height:60px;display:flex;position:relative}._mf-line{background:var(--mf-border);width:100%;height:2px;position:absolute}._mf-zero{background:var(--mf-bg);border-style:solid;border-width:2px;border-color:var(--mf-text-muted);width:24px;height:24px;font-size:var(--main-text-xs);color:var(--mf-text-muted);z-index:1;border-radius:50%;justify-content:center;align-items:center;font-weight:600;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}._mf-point{width:28px;height:28px;font-size:var(--main-text-xs);z-index:2;border-radius:50%;justify-content:center;align-items:center;font-weight:600;transition:left .3s;display:flex;position:absolute;top:50%;transform:translate(-50%,-50%)}._mf-point-original{background:var(--mf-error-light);color:var(--mf-error);border-style:solid;border-width:2px;border-color:var(--mf-error)}._mf-point-result{background:var(--mf-success-light);color:var(--mf-success);border-style:solid;border-width:2px;border-color:var(--mf-success)}._mf-point-label{font-size:var(--main-text-xs);white-space:nowrap;position:absolute;top:-24px;left:50%;transform:translate(-50%)}._mf-input-row-rounding{align-items:flex-end}._mf-precision-group{gap:var(--main-space-1);flex-direction:column;display:flex}._mf-precision-group label{font-size:var(--main-text-xs);color:var(--mf-text-muted);text-align:center}._mf-round-results{gap:var(--main-space-3);grid-template-columns:repeat(2,1fr);display:grid}._mf-round-card{align-items:center;gap:var(--main-space-3);padding:var(--main-space-3);background:var(--mf-bg);border-radius:var(--mf-radius);border-style:solid;border-width:1px;border-color:var(--mf-border);display:flex;position:relative}._mf-round-icon{border-radius:var(--mf-radius);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}._mf-round-icon-round{background:var(--mf-primary-light);color:var(--mf-primary)}._mf-round-icon-floor{background:var(--mf-success-light);color:var(--mf-success)}._mf-round-icon-ceil{background:var(--mf-warning-light);color:var(--mf-warning)}._mf-round-icon-trunc{background:var(--mf-error-light);color:var(--mf-error)}._mf-round-content{flex:1;min-width:0}._mf-round-label{font-family:var(--main-font-mono);font-size:var(--main-text-sm);color:var(--mf-text);font-weight:600}._mf-round-desc{font-size:var(--main-text-xs);color:var(--mf-text-muted)}._mf-round-value{font-family:var(--main-font-mono);font-size:var(--main-text-lg);color:var(--mf-text);font-weight:600}@media (max-width:768px){._mf-input-row-rounding{flex-wrap:wrap}._mf-input-row-rounding ._mf-input:first-child{flex:100%}._mf-precision-group{flex:1}._mf-precision-group ._mf-input-small{width:100%}._mf-round-results{grid-template-columns:1fr}}._mf-input-row-modulo{align-items:flex-end}._mf-mod-input-group{gap:var(--main-space-1);flex-direction:column;flex:1;min-width:0;display:flex}._mf-mod-input-group label{font-size:var(--main-text-xs);color:var(--mf-text-muted)}._mf-mod-input-group ._mf-input{width:100%;min-width:0}._mf-mod-operator{padding:var(--main-space-3);font-family:var(--main-font-mono);font-size:var(--main-text-lg);color:var(--mf-text-muted);flex-shrink:0;font-weight:600}._mf-mod-explain{margin-top:var(--main-space-4);padding:var(--main-space-4);background:var(--mf-bg);border-radius:var(--mf-radius);border-style:dashed;border-width:1px;border-color:var(--mf-border)}._mf-explain-header{align-items:center;gap:var(--main-space-2);font-size:var(--main-text-sm);color:var(--mf-text-muted);margin-bottom:var(--main-space-3);font-weight:500;display:flex}._mf-explain-header svg{color:var(--mf-primary)}._mf-explain-content{font-size:var(--main-text-sm);color:var(--mf-text);line-height:1.6}._mf-explain-content .formula{margin:var(--main-space-2) 0;padding:var(--main-space-2) var(--main-space-3);background:var(--mf-bg-secondary);border-radius:var(--mf-radius);font-family:var(--main-font-mono);font-size:var(--main-text-sm);display:block}._mf-explain-content .highlight{color:var(--mf-primary);font-weight:600}@media (max-width:768px){._mf-input-row-modulo{flex-wrap:wrap}._mf-mod-input-group{flex:calc(50% - 2rem)}._mf-mod-operator{flex:none}}