.eq{justify-content:center;align-items:center;gap:var(--space-2);flex-wrap:wrap;max-width:1240px;margin-inline:auto;display:flex}.eq__term{justify-items:center;gap:var(--space-2);width:116px;padding:var(--space-5) var(--space-2) var(--space-4);border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm);text-align:center;cursor:default;transition:border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-base) var(--ease-out), transform var(--dur-base) var(--ease-spring);display:grid;position:relative}.eq__term:hover,.eq__term:focus-visible{border-color:var(--accent);box-shadow:var(--shadow-glow);transform:translateY(-4px)}.eq__label{font-size:var(--text-sm);font-weight:600}.eq__note{z-index:var(--z-raised);border-radius:var(--radius-sm);background:var(--fg);width:220px;color:var(--bg);font-size:var(--text-xs);opacity:0;visibility:hidden;transition:opacity var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out), visibility 0s linear var(--dur-fast);pointer-events:none;padding:10px 12px;line-height:1.45;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%,6px)}.eq__term:hover .eq__note,.eq__term:focus-visible .eq__note{opacity:1;visibility:visible;transition-delay:0s;transform:translate(-50%)}.eq__op{width:28px;height:28px;color:var(--fg-muted);place-items:center;display:grid}.eq__op svg{width:18px;height:18px}.eq__sum{justify-items:center;gap:var(--space-4);margin-top:var(--space-5);display:grid}.eq__op--equals{width:40px;height:40px;color:var(--accent)}.eq__op--equals svg{width:26px;height:26px}.eq__result{justify-items:center;gap:var(--space-2);padding:var(--space-6) clamp(2rem, 1rem + 4vw, 4.5rem);border-radius:var(--radius-xl);background:var(--surface);box-shadow:var(--shadow-lg);text-align:center;isolation:isolate;display:grid;position:relative}.eq__result:before{content:"";z-index:-1;border-radius:inherit;background:var(--brand);animation:eq-flow 6s var(--ease-in-out) infinite alternate;background-size:200% 200%;position:absolute;inset:-2px}.eq__result:after{content:"";z-index:-1;border-radius:inherit;background:var(--surface);position:absolute;inset:0}@keyframes eq-flow{0%{background-position:0%}to{background-position:100%}}@media (prefers-reduced-motion:reduce){.eq__result:before{animation:none}}.eq__mark{width:52px;height:38px;color:var(--brand)}.eq__result-label{font-size:var(--text-3xl);letter-spacing:var(--tracking-display);background:var(--brand);color:#0000;-webkit-background-clip:text;background-clip:text;font-weight:650;line-height:1.05}.eq__result-caption{color:var(--fg-soft);max-width:44ch}.equation .band__foot{justify-content:center}@media (width<=1199px){.eq{grid-template-columns:repeat(4,minmax(0,1fr));max-width:720px;display:grid}.eq__term{width:auto}.eq__op{display:none}}@media (width<=640px){.eq{grid-template-columns:repeat(3,minmax(0,1fr))}.eq__term{width:auto;padding:var(--space-4) var(--space-2) var(--space-3)}.eq__op,.eq__note{display:none}}