.math-workspace{padding:var(--space-4);gap:var(--space-4);border-bottom:1px solid var(--line);background:var(--base);display:grid}.math-mode-panel{gap:var(--space-2);min-width:0;display:grid}.math-field{gap:var(--space-2);min-width:0;color:var(--ink);font-size:13px;font-weight:600;display:grid}.math-field input,.fraction-input-group input,.fraction-operation select{width:100%;min-width:0;height:36px;padding:0 var(--space-3);border-radius:var(--radius-control);color:var(--ink);background:var(--control);box-shadow:0 0 0 1px var(--control-line);font-family:var(--code-font);border:0;font-size:13px}.math-field input[aria-invalid=true],.fraction-input-group input[aria-invalid=true],.fraction-operation select[aria-invalid=true]{box-shadow:0 0 0 1px var(--danger)}.math-input-hint{color:var(--muted);font-size:11px;line-height:1.5}.fraction-expression{align-items:center;gap:var(--space-3);grid-template-columns:minmax(112px,1fr) 56px minmax(112px,1fr) 24px;min-width:0;display:grid}.fraction-input-group{gap:var(--space-1);grid-template-rows:auto auto 2px auto;min-width:0;display:grid}.fraction-operand-label{margin-bottom:var(--space-1);color:var(--muted);text-align:center;font-size:11px;font-weight:600}.fraction-input-group label,.fraction-operation{gap:var(--space-1);min-width:0;color:var(--muted);font-size:11px;font-weight:600;display:grid}.fraction-input-group input{text-align:center;height:44px;font-size:16px}.fraction-rule{width:calc(100% - var(--space-2));background:var(--ink);opacity:.72;height:2px;margin:0 auto}.fraction-operation{align-self:center}.fraction-operation select{width:56px;height:56px;font-family:var(--code-font);text-align:center;text-align-last:center;cursor:pointer;padding:0;font-size:22px;font-weight:650}.fraction-equals{color:var(--muted);font-family:var(--code-font);text-align:center;font-size:24px;font-weight:600}.math-actions{justify-content:flex-end;gap:var(--space-2);display:flex}.math-actions .secondary-button,.math-result-heading .text-button{justify-content:center;align-items:center;gap:var(--space-1);display:inline-flex}.math-results{background:var(--base)}.math-results.is-revealed{animation:.14s ease-out math-result-reveal}@keyframes math-result-reveal{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}.math-result-heading{min-height:44px;padding:var(--space-2) var(--space-4);justify-content:space-between;align-items:center;gap:var(--space-3);border-bottom:1px solid var(--line);display:flex}.math-result-heading h2,.math-working h3{color:var(--ink);margin:0;font-size:14px;line-height:1.3}.math-result-primary,.math-result-details,.math-working dl{min-width:0;margin:0}.math-result-primary>div{padding:var(--space-4);gap:var(--space-1);background:var(--base);display:grid}.math-result-primary dt,.math-result-details dt,.math-working dt{color:var(--muted);font-size:11px;font-weight:500;line-height:1.4}.math-result-primary dd,.math-result-details dd,.math-working dd{min-width:0;color:var(--ink);overflow-wrap:anywhere;margin:0}.math-result-primary dd{font-family:var(--code-font);letter-spacing:-.025em;font-size:clamp(24px,4vw,36px);font-weight:650;line-height:1.2}.math-result-details{border-top:1px solid var(--line);background:var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;display:grid}.math-result-details>div,.math-working dl>div{min-width:0;padding:var(--space-3) var(--space-4);gap:var(--space-1);background:var(--base);display:grid}.math-result-details dd,.math-working dd{font-size:13px;line-height:1.55}.math-result-details dd[dir=ltr],.math-working dd[dir=ltr],.math-factorization-list[dir=ltr]{font-family:var(--code-font);text-align:start;unicode-bidi:isolate}.math-result-details>.math-result-wide{grid-column:1/-1}.math-working{border-top:1px solid var(--line)}.math-working h3{min-height:36px;padding:0 var(--space-4);color:var(--muted);align-items:center;font-size:12px;display:flex}.math-working dl{background:var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;display:grid}.math-factorization-list{padding:var(--space-3) var(--space-4);gap:var(--space-2);border-top:1px solid var(--line);color:var(--ink);font-size:13px;line-height:1.55;display:grid}@media (width<=680px){.math-calculator .converter-topbar{overflow-x:auto}.math-calculator .mode-switch{min-width:max-content}.fraction-expression{gap:var(--space-2);grid-template-columns:minmax(88px,1fr) 48px minmax(88px,1fr) 18px}.fraction-operation select{width:48px;height:48px}.math-field input,.fraction-input-group input,.fraction-operation select,.math-actions .primary-button,.math-actions .secondary-button,.math-result-heading .text-button{min-height:44px}.math-actions{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.math-result-details,.math-working dl{grid-template-columns:minmax(0,1fr)}.math-result-details>.math-result-wide{grid-column:auto}}@media (prefers-reduced-motion:reduce){.math-results.is-revealed{animation:none}}
