:root{color-scheme:dark;--bg:#101d29;--panel:#192b39;--ink:#eef4f6;--muted:#aebeca;--line:#3b5060;--cyan:#69d7cc;--amber:#ffbc74;--red:#ff9292}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,sans-serif;line-height:1.5}.shell{max-width:1320px;margin:auto;padding:22px}header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px}h1{font-size:clamp(24px,3vw,34px);line-height:1.15;margin:2px 0 8px}h2{font-size:18px;margin:0}h3{font-size:14px;margin:12px 0 6px}.eyebrow{color:var(--cyan);font-size:11px;letter-spacing:2px;margin:0}.subtitle,.note{color:var(--muted);font-size:13px;margin:5px 0}a{color:var(--cyan)}.download{font-size:13px;border:1px solid var(--line);border-radius:8px;padding:9px 14px;white-space:nowrap;text-decoration:none}.monitor{display:grid;grid-template-columns:1.1fr 1fr;gap:16px}.panel{padding:18px;background:var(--panel);border:1px solid var(--line);border-radius:12px;margin-bottom:16px}.monitor .panel{margin-bottom:0}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.status{border:1px solid var(--line);border-radius:20px;padding:3px 10px;font-size:12px;color:var(--amber)}#circuit{width:100%;max-height:355px;display:block}.wire{fill:none;stroke:#d4e0e5;stroke-width:2.7;stroke-linecap:round;stroke-linejoin:round}.symbol{fill:var(--panel);stroke:#d4e0e5;stroke-width:2.4}.label{font-family:system-ui,sans-serif;font-size:15px;fill:#d4e0e5}.tiny{font-size:12px}.current-base{fill:none;stroke:var(--cyan);stroke-width:4;stroke-dasharray:2 16;stroke-linecap:round;animation:flow 1.1s linear infinite}.current-load{fill:none;stroke:var(--amber);stroke-width:4;stroke-dasharray:2 16;stroke-linecap:round;animation:flow 1.1s linear infinite}@keyframes flow{to{stroke-dashoffset:-36}}.legend{display:flex;gap:20px;flex-wrap:wrap;font-size:12px;margin:0}.base-key{color:var(--cyan)}.load-key{color:var(--amber)}.readings{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.readings>div{border-bottom:1px solid var(--line);padding:8px 0}.readings span{font-size:12px;color:var(--muted);display:block}.readings strong{font-size:24px;font-weight:600}.node-row{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:5px;font-size:12px}.node-row span{color:var(--muted)}#transfer{display:block;width:100%;max-height:160px}.workbench{margin-top:16px}.top-controls{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.segmented{display:flex}button,input{font:inherit}button{background:#233b4d;border:1px solid var(--line);color:var(--ink);padding:7px 12px;border-radius:7px;font-size:13px;cursor:pointer}button:hover{border-color:var(--cyan)}button[aria-pressed=true]{border-color:var(--cyan);color:var(--cyan)}button:focus-visible,input:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.control-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.control label{display:block;color:var(--muted);font-size:12px}.control .value-row{display:flex;align-items:center;gap:6px;margin:3px 0}.control input[type=number]{width:90px;background:#0e202d;color:var(--ink);border:1px solid var(--line);border-radius:5px;padding:5px;font-size:14px}.control input[type=range]{width:100%;accent-color:var(--cyan)}.control small{font-size:10px;color:var(--muted)}.control.invalid input{border-color:var(--red)}.error{color:var(--red);margin:10px 0}.warning{color:var(--amber)}.concept-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.concepts p{font-size:14px;text-align:justify}.sources,footer{font-size:12px;color:var(--muted)}footer{text-align:center;padding:10px}svg text{user-select:none}p{margin:10px 0}a:focus-visible{outline:2px solid var(--cyan)}@media(max-width:850px){.monitor{grid-template-columns:1fr}.control-grid{grid-template-columns:repeat(2,1fr)}.concept-grid{grid-template-columns:1fr;gap:0}header{align-items:flex-start;flex-direction:column}.node-row{grid-template-columns:1fr 1fr}#circuit{max-height:340px}}@media(prefers-reduced-motion:reduce){.current-base,.current-load{animation:none}}

.switch-strip{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:6px 0 12px}.press-switch{background:#255247;border-color:var(--cyan);font-size:15px;padding:10px 18px;touch-action:none;user-select:none}.press-switch[aria-pressed=true]{background:var(--cyan);color:#10212a;box-shadow:0 0 15px #69d7cc70}#switch-state{font-size:12px;color:var(--muted)}.load-on{color:#ffe4ad;background:#665039;box-shadow:0 0 12px #ffbc7440}select{max-width:100%;padding:7px;background:#233b4d;color:var(--ink);border:1px solid var(--line);border-radius:7px;font-size:13px}.frequency{font-size:13px;display:flex;align-items:center;gap:6px}.frequency input{width:65px;padding:6px;background:#0e202d;color:var(--ink);border:1px solid var(--line);border-radius:5px}.current-base,.current-load{animation:none}

.current-direction{fill:none;stroke:#d4e0e5;stroke-width:1.5}.voltage-label{font-family:system-ui,sans-serif;font-size:13px;fill:#c6b3ff}.extra-readings{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:8px}.extra-readings span{display:block;color:var(--muted);font-size:12px}.extra-readings strong{font-size:19px}.relay-reading{border:1px solid #725264;border-radius:7px;padding:7px 10px;display:flex;flex-direction:column;font-size:12px;gap:2px;color:#ffa3cc}.relay-reading[hidden]{display:none}.flyback-key{color:#ffa3cc}.current-flyback{fill:none;stroke:#ffa3cc;stroke-width:4;stroke-dasharray:2 16;stroke-linecap:round}.legend{gap:12px}.monitor{align-items:start}#circuit{max-height:365px}.label{font-size:16px}.label.tiny{font-size:12px}

.live-table{width:100%;border-collapse:collapse;table-layout:fixed;margin:12px 0 6px;font-size:13px}.live-table th{color:var(--cyan);font-weight:600;text-align:left;font-size:12px;padding:7px 8px;border-bottom:1px solid var(--line)}.live-table td{padding:6px 8px;border-bottom:1px solid #304655;vertical-align:top}.live-table td+td,.live-table th+th{border-left:1px solid #304655}.live-table td span{display:block;color:var(--muted);font-size:11px}.live-table strong{display:block;font-weight:600;font-variant-numeric:tabular-nums;font-size:16px}.live-table .empty{color:#617888;vertical-align:middle}.readings-key{font-size:11px}.power-strip{display:flex;justify-content:space-between;gap:12px;margin:8px 0;font-size:12px;color:var(--muted)}.power-strip strong{color:var(--ink)}.mechanical-link{fill:none;stroke:#b99dcd;stroke-width:1.5;stroke-dasharray:4 5;pointer-events:none}.interactive-scope{cursor:ew-resize;touch-action:none}.interactive-scope:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.scope-interaction label{display:flex;justify-content:space-between;color:var(--muted);font-size:12px}.scope-interaction input{width:100%;accent-color:var(--cyan)}.scope-interaction .note{font-size:11px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.monitor{align-items:stretch}@media(max-width:450px){.live-table th{font-size:11px;padding:6px}.live-table td{padding:5px 6px}.live-table strong{font-size:14px}}

@media(min-width:851px){.live-table td{padding:7px 8px}.live-table td span{display:inline;font-size:11px}.live-table strong{display:inline;float:right;font-size:15px}.live-table th{font-size:11px}}

.plot-tabs{display:flex;gap:8px;margin-top:12px}.plot-tabs button{padding:5px 10px;font-size:12px}#output-characteristic{width:100%;display:block;max-height:270px}#output-characteristic[hidden],#transfer[hidden]{display:none}#characteristic-note{font-size:11px}#characteristic-point{color:var(--cyan);font-size:12px}

.page-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 18px}.page-tabs a{display:block;border:1px solid var(--line);border-radius:8px;padding:8px 15px;color:var(--muted);font-size:13px;text-decoration:none}.page-tabs a[aria-current=page]{border-color:var(--cyan,var(--base));background:#233b4d;color:var(--cyan,var(--base));font-weight:600}.page-tabs a:hover{border-color:var(--cyan,var(--base))}.page-tabs a:focus-visible{outline:2px solid var(--cyan,var(--base));outline-offset:3px}@media(max-width:500px){.page-tabs{gap:5px}.page-tabs a{font-size:11px;padding:7px 9px}}

.pdf-panel{padding:0;overflow:hidden}.pdf-panel iframe{display:block;width:100%;height:78vh;min-height:520px;border:0;background:#323639}@media(max-width:600px){.pdf-panel iframe{min-height:450px;height:72vh}}

.pdf-toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;padding:9px 12px;background:#233440;border-bottom:1px solid var(--line)}.pdf-toolbar label{display:flex;align-items:center;gap:6px;font-size:12px}.pdf-toolbar input{width:45px;padding:4px;background:#0e202d;color:var(--ink);border:1px solid var(--line);border-radius:5px}.pdf-toolbar select{padding:5px;background:#0e202d;color:var(--ink);border:1px solid var(--line);border-radius:5px}.pdf-toolbar #pdf-status{font-size:12px;color:var(--muted);margin-left:auto}.pdf-toolbar button:disabled{opacity:.5}#pdf-viewer{height:75vh;min-height:480px;overflow:auto;background:#303840;padding:16px;overscroll-behavior:contain}#pdf-paper{position:relative;margin:auto;background:white;color:black;width:max-content;box-shadow:0 2px 12px #0006;--scale-round-x:1px;--scale-round-y:1px}#pdf-canvas{display:block;background:white}#pdf-paper .textLayer{z-index:1}#pdf-paper .textLayer ::selection{background:#69c8ff70}@media(max-width:600px){#pdf-viewer{min-height:380px;height:70vh;padding:8px}.pdf-toolbar{gap:6px}.pdf-toolbar #pdf-status{margin-left:0}}