:root{--bg:#f5f6f8;--surface:#fff;--border:#d9dce1;--text:#1c1f24;--text-muted:#6b7280;--accent:#2f6feb;--accent-contrast:#fff;--error-bg:#fdeceb;--error-border:#e5534b;--error-text:#8a1f16;--success-bg:#e9f8ee;--success-border:#2f9e52;--success-text:#1c6b37;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font:16px/1.5 system-ui,Segoe UI,Roboto,sans-serif}:root[data-theme=dark]{--bg:#14161a;--surface:#1b1e24;--border:#2e333c;--text:#e6e8eb;--text-muted:#9aa1ac;--accent:#5b9dff;--accent-contrast:#0b1220;--error-bg:#3a1c1c;--error-border:#e5534b;--error-text:#ffb4ac;--success-bg:#14301f;--success-border:#2f9e52;--success-text:#7be0a0;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}h1,h2,h3{color:var(--text)}.site-header{align-items:center;gap:10px;margin-bottom:12px;display:flex}.site-header__brand{color:var(--accent);white-space:nowrap;font-size:15px;font-weight:700;text-decoration:none}.site-header__brand:hover{text-decoration:underline}.site-header__divider{color:var(--text-muted);font-weight:400}.site-header__title{color:var(--text-muted);white-space:nowrap;font-size:15px;font-weight:600}.toolbar-spacer{flex:1}.btn,.toggle-btn{border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:6px;padding:6px 12px;font-size:13px}.btn:hover,.toggle-btn:hover{border-color:var(--accent)}.btn:disabled{opacity:.5;cursor:not-allowed}.icon-btn{padding:6px 10px}.page{min-height:100svh;padding:24px 16px 48px}.shell{max-width:880px;margin:0 auto}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:32px}.eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--accent);margin:0 0 8px;font-size:12px;font-weight:700}h1{margin:0 0 8px;font-size:28px}.subhead{color:var(--text-muted);margin:0 0 24px}.category-tabs{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:8px;margin-bottom:24px;padding-bottom:16px;display:flex}.category-tabs button{border:1px solid var(--border);background:var(--bg);color:var(--text);cursor:pointer;border-radius:999px;padding:8px 16px;font-size:14px}.category-tabs button.active{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.field{flex-direction:column;gap:6px;display:flex}.field label{color:var(--text-muted);font-size:13px;font-weight:600}.field input[type=text]{border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:8px;padding:10px 12px;font-size:15px}.field input[type=range]{accent-color:var(--accent)}.error{color:var(--error-text);min-height:18px;margin:12px 0 0;font-size:13px}.calculator-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;display:grid}.calculator-actions{flex-wrap:wrap;align-items:center;gap:16px;margin-top:20px;display:flex}.formula-used{color:var(--text-muted);margin:0;font-size:13px}.glossary-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.glossary-card{border:1px solid var(--border);background:var(--bg);border-radius:10px;padding:16px}.glossary-card p{margin:8px 0 0;font-size:14px}.glossary-card__header{justify-content:space-between;align-items:baseline;display:flex}.glossary-card__header h3{margin:0;font-size:17px}.glossary-card__symbol{color:var(--accent);font-size:14px;font-weight:700}.glossary-card__unit{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:12px}.glossary-card__analogy,.glossary-card__example{color:var(--text-muted)}.circuit-layout{grid-template-columns:minmax(240px,320px) 1fr;align-items:start;gap:24px;display:grid}@media (width<=640px){.circuit-layout{grid-template-columns:1fr}}.circuit-svg{background:var(--bg);border:1px solid var(--border);border-radius:10px;width:100%}.circuit-wire-base{stroke:var(--border);stroke-width:4px}.circuit-wire-flow{stroke:var(--accent);stroke-width:4px;stroke-dasharray:10 10;animation-name:circuit-flow;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes circuit-flow{0%{stroke-dashoffset:40px}to{stroke-dashoffset:0}}.circuit-battery{fill:var(--surface);stroke:var(--text-muted);stroke-width:2px}.circuit-battery-plus,.circuit-battery-minus{stroke:var(--text);stroke-width:2px}.circuit-resistor{fill:var(--surface);stroke:var(--text-muted);stroke-width:2px}.circuit-led{fill:#ffd54a;transition:opacity .15s}.circuit-led--danger{fill:#e5534b}.circuit-led-outline{stroke:var(--text-muted);stroke-width:2px}.circuit-label{fill:var(--text-muted);font-size:11px}.circuit-controls{flex-direction:column;gap:16px;display:flex}.circuit-readout{border-top:1px solid var(--border);gap:24px;padding-top:16px;display:flex}.circuit-readout__label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:12px;display:block}.circuit-readout__value{font-size:20px;font-weight:700;display:block}.circuit-warning{background:var(--error-bg);border:1px solid var(--error-border);color:var(--error-text);border-radius:8px;margin:0;padding:10px 12px;font-size:13px}.quiz-choices{flex-direction:column;gap:10px;margin:20px 0;display:flex}.quiz-choice{text-align:left;border:1px solid var(--border);background:var(--bg);color:var(--text);cursor:pointer;border-radius:8px;padding:12px 14px;font-size:14px}.quiz-choice:hover:not(:disabled){border-color:var(--accent)}.quiz-choice:disabled{cursor:default}.quiz-choice--correct{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}.quiz-choice--incorrect{background:var(--error-bg);border-color:var(--error-border);color:var(--error-text)}.quiz-feedback{border-radius:8px;padding:12px 14px;font-size:14px}.quiz-feedback p{margin:0}.quiz-feedback p+p{margin-top:6px}.quiz-feedback--correct{background:var(--success-bg);color:var(--success-text)}.quiz-feedback--incorrect{background:var(--error-bg);color:var(--error-text)}.quiz-score{color:var(--text-muted);font-size:14px;font-weight:600}