:root{color-scheme:dark;--bg:#081424;--panel:#10243a;--border:#2a4660;--cyan:#56d9ee;--muted:#a7bed0;--white:#ecf6ff;--orange:#ff991f;--green:#55dfae}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(ellipse at 50% 0%,#244661,#06101d 80%);font:14px/1.4 system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:var(--white)}body{padding:10px}.shell{max-width:1700px;margin:auto;border:1px solid #355a76;border-radius:17px;overflow:hidden;background:linear-gradient(160deg,#102940,#0a1829);box-shadow:0 24px 80px #0007}.top{display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:83px;padding:14px 25px;border-bottom:1px solid #31526a;background:linear-gradient(120deg,#142f47,#112337)}.mark{display:flex;gap:11px;align-items:center;font-size:17px;font-weight:900;letter-spacing:1px;white-space:nowrap}.mark b{color:#63ddf2}.mark small{display:block;font-size:10px;letter-spacing:2.3px;color:#f8ac42;margin-top:2px}.bolt{font-size:32px;filter:drop-shadow(0 0 9px #ffac4480)}.heading{display:flex;flex-direction:column;align-items:center;text-align:center}.heading strong{font-size:22px}.heading span{color:#b3cde0;font-size:13px}.state{font-size:10px;font-weight:800;letter-spacing:1px;color:#bfd2df;white-space:nowrap}.state i{display:inline-block;width:10px;height:10px;border-radius:50%;background:#f2b75d;margin-right:8px}.state i.live{background:#59eaa6;box-shadow:0 0 13px #55dfae}.tabs{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;padding:9px 16px;background:#091a2a;border-bottom:1px solid #35516c}.tabs button{cursor:pointer;color:#c5d7e3;border:1px solid #37526d;border-radius:9px;background:#152b40;padding:10px 5px;font-weight:700;white-space:nowrap}.tabs button b{display:inline-grid;place-items:center;border-radius:5px;margin-right:7px;width:22px;height:22px;background:#29445a;color:#69dff0}.tabs button.selected{border-color:#fbb45d;color:#fff;background:linear-gradient(#704c24,#2e3541);box-shadow:inset 0 0 18px #ffa53b20}.tabs button.selected b{background:#ffa22b;color:#172536}.work{padding:12px 17px 8px}.module-head{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:63px}.eyebrow{color:#ffb95d;font-size:10px;letter-spacing:1.8px;font-weight:900}h1{font-size:21px;margin:2px 0 5px;font-weight:850}.actions{display:flex;gap:6px}.actions button{padding:9px 12px;border-radius:8px;border:1px solid #4a627a;background:#23384c;color:#eaf5ff;font-weight:750;cursor:pointer}.actions button.orange{background:linear-gradient(#ffc15b,#ff8d0a);color:#162132;border-color:#fac36c;box-shadow:0 3px 0 #ad5200,0 0 18px #ff9c2433}.workspace{display:grid;grid-template-columns:minmax(245px,.89fr) minmax(420px,1.72fr) minmax(250px,.93fr);gap:11px;height:clamp(440px,62vh,610px)}.panel{border-radius:13px;border:1px solid var(--border);background:linear-gradient(145deg,#132d45,#0c2033);min-height:0;overflow:hidden}.panel-head{padding:10px 14px;border-bottom:1px solid #2d4960;color:#dceeff;letter-spacing:1.3px;font-size:11px;font-weight:900;display:flex;justify-content:space-between;align-items:center;gap:5px}.panel-head small{letter-spacing:0;font-weight:500;color:#8caabb;font-size:10px}.parameters{display:flex;flex-direction:column}.controls{overflow:auto;padding:12px 13px;flex:1;scrollbar-width:thin}.control{margin-bottom:14px}.control .labelrow{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:12px}.control label{color:#dceaf5}.control output{color:#68e2ee;font-variant-numeric:tabular-nums;font-size:13px;font-weight:850;white-space:nowrap}.control input[type=range]{width:100%;accent-color:#ff9f2b;cursor:pointer;margin:9px 0 0}.rangefoot{display:flex;justify-content:space-between;color:#7e9bb1;font-size:10px}.hint{margin:0 12px 12px;border-radius:9px;border:1px solid #35576f;padding:10px;font-size:11px;color:#aec2d0;background:#0a192a}.visual{display:flex;flex-direction:column}.viz{position:relative;min-height:0;flex:1;margin:9px;overflow:hidden;border-radius:9px;background:radial-gradient(circle at 48% 40%,#1d3c55 0%,#071827 77%);border:1px solid #2d4c64}.viz canvas,.viz svg{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:none}.viz canvas.active,.viz svg.active{display:block}.vizoverlay{position:absolute;top:10px;left:12px;right:12px;display:flex;justify-content:space-between;gap:10px;pointer-events:none;font-size:11px;color:#cee7ef;font-weight:800;text-shadow:0 2px 5px #000}.vizoverlay span{padding:5px 10px;border:1px solid #406480;border-radius:7px;background:#081929b9}.vizfooter{min-height:33px;padding:0 12px 9px;font-size:11px;color:#a7c4d8}.results{display:flex;flex-direction:column}.results-list{padding:9px 11px;overflow:auto;flex:1;scrollbar-width:thin}.metric{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:10px 7px;border-bottom:1px solid #29435a}.metric label{font-size:11px;color:#b3c7d8}.metric strong{font-size:15px;color:#effbff;font-weight:850;white-space:nowrap;font-variant-numeric:tabular-nums}.metric strong.positive{color:#61e9ae}.insight{border-radius:9px;background:#132e42;border:1px solid #345b6c;margin:7px 10px 12px;padding:10px;font-size:11px;color:#cbdfed}.insight b{display:block;color:#ffbd67;font-size:11px;margin-bottom:4px}.bottom{display:flex;align-items:center;gap:14px;justify-content:space-between;padding:10px 2px 3px;min-height:38px}.equation{color:#7eebf0;font-size:13px;font-weight:750}.disclaimer{font-size:10px;color:#94adbe;text-align:right}footer{display:flex;justify-content:space-between;padding:10px 22px;background:#0b1b2b;border-top:1px solid #2c455a;font-size:11px;color:#7e9cb1}footer a{color:#ffb75d;text-decoration:none;font-weight:800}#circuit text,#phasors text{font-family:system-ui,Arial,sans-serif;fill:#e7f7ff}#circuit .wire{fill:none;stroke:#d7e6ed;stroke-width:5;stroke-linejoin:round}#circuit .part{fill:#21364a;stroke:#ffbe69;stroke-width:3;rx:3}#circuit .branch{fill:none;stroke:#a1d9ec;stroke-width:5}#circuit .node{fill:#ffb85f}#circuit .c-label{fill:#fce8ba;font-size:20px;font-weight:800}#circuit .c-sub{fill:#a3bdcb;font-size:17px}#phasors .gridline{stroke:#355269;stroke-width:1}#phasors .axis{stroke:#7491a7;stroke-width:2}#phasors .p-label{font-size:18px;font-weight:750}.change{font-size:10px;color:#79d8a7}button:focus-visible,input:focus-visible{outline:2px solid #55ddff;outline-offset:2px}@media(max-width:1050px){body{padding:0}.shell{border-radius:0}.top{padding:12px}.heading strong{font-size:18px}.state{display:none}.workspace{grid-template-columns:minmax(220px,1fr) minmax(390px,1.7fr);height:auto}.parameters{min-height:390px}.visual{min-height:450px}.results{grid-column:1/-1;min-height:180px}.results-list{display:grid;grid-template-columns:repeat(3,1fr)}.tabs button{font-size:11px}.tabs button b{margin-right:3px}}@media(max-width:690px){.top{flex-direction:column;gap:6px;text-align:center}.tabs{grid-template-columns:repeat(5,minmax(0,1fr));padding:7px 3px;gap:3px}.tabs button{padding:8px 1px;font-size:0}.tabs button b{font-size:13px;margin:0}.module-head{align-items:flex-start;flex-direction:column}.workspace{display:flex;flex-direction:column}.parameters{min-height:180px}.controls{display:grid;grid-template-columns:1fr 1fr;gap:0 15px}.visual{min-height:350px}.results{min-height:200px}.results-list{grid-template-columns:repeat(2,1fr)}.bottom{display:block}.disclaimer{text-align:left;display:block;margin-top:6px}.heading strong{font-size:18px}}