.electric-flux-lab{--ef-ink:#233c40;--ef-muted:#5c7073;--ef-coral:#dc5b50;--ef-aqua:#3c9297;--ef-paper:#fffcf3;--ef-line:#c4ceca;color:var(--ef-ink);font:14px/1.6 Inter,Arial,sans-serif}.electric-flux-lab h3{font-size:clamp(23px,3vw,32px);line-height:1.2;letter-spacing:-.03em;margin:10px 0}.electric-flux-lab header p,.ef-source{color:var(--ef-muted)}.ef-scene{overflow-x:auto;border:1px solid var(--ef-line);border-radius:14px;background:var(--ef-paper)}.ef-svg{width:100%;min-width:720px;display:block;font:16px Inter,Arial,sans-serif}.ef-text{fill:var(--ef-ink)}.ef-small{fill:var(--ef-muted);font-size:12px}.ef-field{stroke:var(--ef-coral);fill:var(--ef-coral);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.ef-normal{stroke:var(--ef-aqua);fill:var(--ef-aqua);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.ef-normal-label{fill:var(--ef-aqua);font-size:13px;font-weight:600}.ef-field,.ef-normal{fill:none}.ef-surface{fill:var(--ef-aqua);fill-opacity:.2;stroke:var(--ef-aqua);stroke-width:2}.ef-angle{fill:none;stroke:var(--ef-ink);stroke-width:1.5}.ef-equation{fill:var(--ef-ink);font-size:27px;font-weight:600}.ef-result{fill:var(--ef-coral);font-size:23px;font-weight:600}.ef-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0}.ef-controls label{display:grid;gap:7px}.ef-controls output{font-variant-numeric:tabular-nums;color:var(--ef-coral)}.ef-controls input{width:100%;accent-color:var(--ef-coral)}.ef-buttons{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.ef-controls button,.ef-practice button{border:1px solid var(--ef-line);border-radius:8px;padding:9px 13px;background:var(--ef-paper);color:var(--ef-ink);font:inherit;cursor:pointer}.ef-controls button[aria-pressed=true]{background:var(--ef-coral);color:var(--ef-paper)}.ef-controls select,.ef-practice input{background:var(--ef-paper);color:var(--ef-ink);padding:10px;border:1px solid var(--ef-line);border-radius:8px;max-width:100%;font:inherit}.ef-teaching,.ef-practice{border:1px solid var(--ef-line);border-radius:12px;padding:18px;margin:14px 0}.ef-teaching h4{margin:0}.ef-formula{font-size:19px;color:var(--ef-coral)}.ef-practice label{display:grid;gap:8px;margin-bottom:10px}.ef-practice input{width:230px}.ef-source{font-size:12px}.electric-flux-lab :focus-visible{outline:3px solid var(--ef-coral);outline-offset:3px}html[data-theme=dark] .electric-flux-lab{--ef-ink:#edf4f3;--ef-muted:#bdcccf;--ef-coral:#ffad9f;--ef-aqua:#7bcdd1;--ef-paper:#1a2633;--ef-line:#647a83}@media(max-width:700px){.ef-controls{grid-template-columns:1fr}.ef-scene{border-radius:9px}.ef-teaching,.ef-practice{padding:13px}}
.electric-flux-lab>header{display:block;height:auto;min-height:0;padding:0;border:0;background:transparent}
.ef-svg[data-ef-stage="0"] .ef-normal{stroke-width:4}.ef-svg[data-ef-stage="1"] .ef-field{stroke-width:3.5}.ef-svg[data-ef-stage="2"] .ef-surface{stroke-width:4;fill-opacity:.35}.ef-svg[data-ef-stage="3"] .ef-result{font-weight:750;font-size:24px}