.quad-calculator{margin-bottom:2rem}.quad-tagline{color:var(--color-text-secondary);margin:0 0 1.5rem;font-size:1.15rem}.quad-top{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}.quad-input,.quad-summary,.quad-learner,.quad-graph,.quad-practice{min-width:0;padding:1.5rem}.quad-calculator h2{margin-top:0;font-size:1.25rem}.quad-calculator h3{margin:0 0 .7rem;font-size:1.1rem}.quad-calculator input,.quad-calculator select,.quad-calculator textarea{background:var(--color-card);width:100%;min-height:48px;color:inherit;font:inherit;border:1px solid #94a3b8;border-radius:.65rem;margin:.4rem 0 1rem;padding:.7rem;display:block}.quad-calculator label{font-weight:600}.quad-calculator input:focus-visible,.quad-calculator button:focus-visible,.quad-calculator select:focus-visible,.quad-calculator summary:focus-visible{outline-offset:3px;outline:3px solid #2563eb}.quad-modes{flex-wrap:wrap;gap:.5rem;margin:1rem 0;display:flex}.quad-modes button,.quad-actions button{background:var(--color-card);min-height:44px;color:inherit;cursor:pointer;font:inherit;border:1px solid #94a3b8;border-radius:.6rem;padding:.6rem .8rem}.quad-modes button[aria-pressed=true]{color:#1d4ed8;background:#eff6ff;border-color:#2563eb}.quad-math{white-space:pre-wrap;overflow-wrap:anywhere;font-family:ui-monospace,monospace;line-height:1.9}.quad-answer{color:#1d4ed8;overflow-wrap:anywhere;font-size:1.75rem;font-weight:700}.quad-muted{color:var(--color-text-secondary);font-size:.9rem}.quad-step-list{gap:1rem;padding:0;list-style:none;display:grid}.quad-step{grid-template-columns:75px minmax(0,1fr);gap:1rem;padding:1.4rem;display:grid}.quad-badge{letter-spacing:.07em;color:#1d4ed8;font-size:.75rem;font-weight:700}.quad-why summary{color:#1d4ed8;cursor:pointer;min-height:30px;font-size:.9rem}.quad-why p{font-size:.95rem}.quad-graph,.quad-learner,.quad-practice{margin-top:1.25rem}.quad-graph svg{aspect-ratio:640/300;color:#475569;width:100%;height:auto;display:block}.quad-fields{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:1rem;display:grid}.quad-actions{flex-wrap:wrap;gap:.65rem;margin-top:1rem;display:flex}.quad-correct{color:#15803d;font-weight:600}.quad-feedback{color:#92400e}.quad-summary{background:linear-gradient(145deg,#eff6ff,#fff)}.quad-calculator button:disabled{opacity:.5;cursor:default}.quad-calculator textarea{min-height:200px}.quad-practice select{max-width:220px}@media (max-width:767px){.quad-top{grid-template-columns:1fr}.quad-input,.quad-summary,.quad-learner,.quad-graph,.quad-practice{padding:1rem}.quad-step{grid-template-columns:1fr;gap:.4rem;padding:1rem}.quad-answer{font-size:1.4rem}.quad-modes{flex-direction:column}.quad-fields{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.quad-calculator *{scroll-behavior:auto;transition:none}}.quad-actions .button-primary{background:var(--color-primary);color:var(--color-card)}