: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,.mode-toggle{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:8px;margin-bottom:24px;padding-bottom:16px;display:flex}.mode-toggle{border-bottom:none;margin-bottom:20px;padding-bottom:0}.category-tabs button,.mode-toggle 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,.mode-toggle button.active{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.tab-panel{min-height:200px}.field{flex-direction:column;gap:6px;display:flex}.field label{color:var(--text-muted);font-size:13px;font-weight:600}.field input[type=text],.field input[type=number],.field select{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-actions{flex-wrap:wrap;align-items:center;gap:16px;margin-top:20px;display:flex}.decoder-layout{grid-template-columns:minmax(240px,320px) 1fr;align-items:start;gap:24px;display:grid}@media (width<=640px){.decoder-layout{grid-template-columns:1fr}}.component-svg{background:var(--bg);border:1px solid var(--border);border-radius:10px;width:100%}.component-label{fill:var(--text-muted);font-size:11px}.decoder-controls{flex-direction:column;gap:16px;display:flex}.band-picker-group{flex-direction:column;gap:8px;display:flex}.band-picker-group__label{color:var(--text-muted);font-size:13px;font-weight:600}.band-picker{flex-wrap:wrap;gap:8px;display:flex}.swatch{border:1px solid var(--border);cursor:pointer;border-radius:50%;width:28px;height:28px;padding:0}.swatch:hover{border-color:var(--accent)}.swatch[aria-pressed=true]{box-shadow:0 0 0 2px var(--accent);border-color:var(--accent)}.result-panel{border-top:1px solid var(--border);flex-wrap:wrap;gap:24px;padding-top:16px;display:flex}.result-panel__label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:12px;display:block}.result-panel__value{font-size:20px;font-weight:700;display:block}.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)}.reference-section+.reference-section{border-top:1px solid var(--border);margin-top:32px;padding-top:24px}.pinout-layout{grid-template-columns:minmax(240px,320px) 1fr;align-items:start;gap:24px;display:grid}@media (width<=640px){.pinout-layout{grid-template-columns:1fr}}.pinout-details p{color:var(--text-muted);margin:6px 0 0;font-size:14px}.pinout-details h3{margin:0;font-size:17px}.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}