.ma-panel{gap:10px;display:grid}@media (width>=1024px){.ma-panel{gap:14px}}.ma-progress{background:var(--line-2);border-radius:2px;height:4px;overflow:hidden}.ma-progress div{background:var(--accent);transform-origin:0;height:100%}[dir=rtl] .ma-progress div{transform-origin:100%}.ma-screen{text-align:center;justify-content:center;align-items:center;height:clamp(170px,100svh - 610px,340px);padding:16px;display:flex;container-type:inline-size}@media (width>=1024px){.ma-screen{height:400px;padding:32px}}.ma-stage{flex-direction:column;align-items:center;gap:14px;width:100%;min-width:0;display:flex}.ma-title{letter-spacing:-.01em;color:var(--screen-ink);font-size:24px;font-weight:700;line-height:1.15}.ma-conf{color:var(--screen-muted);font-size:15px}.ma-act{min-width:168px}.ma-run{gap:10px}.ma-q{font-variant-numeric:tabular-nums;letter-spacing:-.01em;white-space:nowrap;color:var(--screen-ink);direction:ltr;font-size:clamp(40px,13cqw,104px);font-weight:300;font-stretch:125%;line-height:1.05}.ma-input{border:0;border-bottom:2px solid var(--accent);width:min(100%,320px);min-height:60px;color:var(--screen-ink);font-variant-numeric:tabular-nums;text-align:center;caret-color:var(--accent);direction:ltr;background:0 0;border-radius:0;outline:none;padding:2px 8px 6px;font-size:clamp(36px,11cqw,76px);font-weight:300;font-stretch:125%;line-height:1.1}.ma-input--wrong{color:var(--accent-dark-text)}.ma-result{gap:8px}.ma-sum{color:var(--screen-muted);font-size:15px}.ma-big{color:var(--screen-ink);direction:ltr;align-items:baseline;gap:10px;display:flex}.ma-big .num{font-size:60px;font-weight:200;line-height:1}.ma-big small{color:var(--screen-muted);font-size:18px}.ma-label{color:var(--accent-dark-text);font-size:17px;font-weight:600}.ma-result .ma-act{margin-top:6px}@media (width>=1024px){.ma-title{font-size:32px}.ma-stage{gap:18px}.ma-result{gap:10px}.ma-big .num{font-size:104px}.ma-big small{font-size:22px}.ma-label{font-size:20px}}.ma-pad{direction:ltr;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;scroll-margin-bottom:96px;display:grid}.ma-key{border:1px solid var(--line);border-radius:var(--radius-xs);background:var(--panel);min-width:0;height:52px;color:var(--ink);font-variant-numeric:tabular-nums;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;padding:0;font-size:24px;font-weight:500;display:flex}.ma-key--zero{grid-column:span 2}.ma-key svg{width:24px;height:24px}.ma-key:active:not(:disabled){background:var(--line-2)}.ma-key:disabled{color:var(--input);cursor:default}@media (height<=700px){.ma-key{height:44px}}.ma-side{gap:16px;padding:16px;display:grid}.ma-setting{gap:8px;display:grid}.ma-setting-label{font-size:14px;font-weight:600}.ma-ops button{font-size:20px;font-weight:500}.ma-best{border-top:1px solid var(--line-2);justify-content:space-between;align-items:baseline;gap:12px;padding-top:14px;font-size:16px;display:flex}.ma-best strong{text-align:end;font-size:26px}.ma-byop{border-top:1px solid var(--line);gap:10px;padding-top:16px;display:grid}.ma-byop-title{font-size:14px;font-weight:600}.ma-byop ul{gap:8px;margin:0;display:grid}.ma-byop li{grid-template-columns:24px minmax(0,1fr) auto;align-items:baseline;gap:10px;font-size:16px;display:grid}.ma-sym{text-align:center;font-size:20px;font-weight:600}@media (prefers-reduced-motion:no-preference){.ma-stage:not(.ma-run){animation:.22s cubic-bezier(.2,.8,.2,1) ma-in}.ma-q{animation:.16s ease-out ma-in}.ma-input--wrong{animation:.3s ease-out ma-shake}}@keyframes ma-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes ma-shake{0%,to{transform:none}25%{transform:translate(-6px)}50%{transform:translate(5px)}75%{transform:translate(-2px)}}