:root{color-scheme:dark;--background:#102137;--foreground:#edf4ff;--secondary:#1a3553;--muted:#243e59;--muted-foreground:#b4c7db;--border:#45617e;--green:#65dfaa;--ring:#8db2df;--viz-series-1:#8db2df;--viz-series-2:#efba72}*{box-sizing:border-box}body{margin:0;background:var(--background);color:var(--foreground);font:16px/1.5 Arial,Helvetica,sans-serif}a{color:#c5dcf9;text-underline-offset:4px}button,input{font:inherit}button{cursor:pointer}button:disabled,input:disabled{cursor:not-allowed;opacity:.55}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--ring);outline-offset:4px}.sim-shell{max-width:1000px;margin:auto;padding:24px}.sim-header{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:20px}.sim-brand{font-size:20px;font-weight:700;text-decoration:none;letter-spacing:.06em}.sim-header h1{font-size:24px;margin:8px 0}.sim-guide{padding:12px 16px;background:#1a3553;border-left:3px solid #8db2df;margin:0 0 20px;font-size:14px}.sim-guide strong{color:#fff}.sim-footer{margin-top:24px;display:flex;gap:20px;flex-wrap:wrap}.sim-footer a{font-size:14px}.btn{border:1px solid var(--border);padding:12px 16px;border-radius:5px;color:var(--foreground);background:var(--secondary);min-height:44px}.btn:hover:not(:disabled){background:#2b4c6e}.btn-primary{background:#8db2df;color:#102137;border-color:#8db2df;font-weight:600}.btn-primary:hover:not(:disabled){background:#bed7f5}.viz-row,.viz-controls{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.viz-badge{display:inline-flex;border:1px solid var(--border);border-radius:30px;padding:5px 10px;font-size:13px}.text-small{font-size:14px}.text-muted{color:var(--muted-foreground)}.form-label{font-size:14px}.form-range{width:100%;min-height:32px;accent-color:#8db2df}.tabular-nums,output{font-variant-numeric:tabular-nums}hr{border:0;border-top:1px solid var(--border);width:100%;margin:2px 0}#edr-sync h2{font-size:22px}#edr-sync h3{font-size:16px}#edr-sync .single-line text{font-size:14px}#edr-sync .breaker-caption{font-size:12px}#edr-sync .scope .engraved{font-size:12px}#edr-sync .scope{max-width:320px}#edr-sync .switchboard{border-bottom:1px solid var(--border);padding-bottom:16px}#edr-sync .main{align-items:center}.welcome .sim-header,.welcome .sim-footer{display:none}.welcome .sim-shell{padding:16px 24px 24px}.welcome #edr-sync .heading{display:none}.welcome .sim-guide{margin-bottom:12px}.welcome #edr-sync{gap:12px}.welcome #edr-sync .scope{max-width:290px}@media(max-width:600px){.sim-shell,.welcome .sim-shell{padding:16px}.sim-guide{font-size:14px}#edr-sync .main{grid-template-columns:1fr}#edr-sync .settings{gap:12px}#edr-sync .scope{max-width:280px}#edr-sync .viz-controls{display:grid;grid-template-columns:1fr 1fr}#edr-sync .switch-controls{grid-template-columns:auto 1fr}#edr-sync .heading{align-items:flex-start}.sim-header h1{font-size:22px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

#edr-sync .gauge-controls{display:grid;grid-template-columns:minmax(0,1fr) 124px;gap:12px;align-items:center}#edr-sync .gauge-controls .scope{min-width:0;margin:0 auto 16px}#edr-sync .gauge-controls .btn{padding:12px 10px;white-space:normal}#edr-sync .viz-controls{display:flex}@media(max-width:850px){#edr-sync .gauge-controls{grid-template-columns:1fr;justify-items:center;gap:0}#edr-sync .gauge-controls .btn{margin-bottom:16px}}

/* Compact entrance; full load-sharing controls remain on the simulator page. */
#edr-sync .gauge-actions{display:grid;gap:10px}
.welcome .sim-shell{padding:10px 20px 14px}
.welcome .sim-guide{padding:8px 12px;margin-bottom:8px}
.welcome #edr-sync{gap:8px}
.welcome #edr-sync .switchboard{padding-bottom:8px;gap:12px}
.welcome #edr-sync .single-line{max-width:300px}
.welcome #edr-sync .single-line text{font-size:16px}
.welcome #edr-sync .switch-controls{grid-template-columns:auto auto;align-items:center;gap:12px}
.welcome #edr-sync .breaker-face{width:76px;height:100px}
.welcome #edr-sync .breaker-slot{height:48px}
.welcome #edr-sync .breaker-handle{top:19px}
.welcome #edr-sync .breaker-face[data-closed="true"] .breaker-handle{top:2px}
.welcome #edr-sync .main{gap:18px}
.welcome #edr-sync .scope{max-width:250px}
.welcome #edr-sync .scope text{font-size:16px}
.welcome #edr-sync .scope .engraved{font-size:14px;letter-spacing:1px}
.welcome #edr-sync .scope .readout{font-size:26px}
.welcome #edr-sync .settings{gap:6px 18px}
.welcome #edr-sync .settings .control{gap:2px}
.welcome #edr-sync .pot{width:84px;height:84px}
.welcome #edr-sync .pot-face{inset:13px}
.welcome #edr-sync .pot-face:after{height:18px;top:4px}
.welcome #edr-sync .pot-limits{width:112px}
.welcome #edr-sync #edr-event{min-height:0;font-size:14px}
.welcome #edr-sync>hr,.welcome #edr-sync>hr~.control,.welcome #edr-sync>hr~.power,.welcome #edr-sync>hr~.labels{display:none}
.welcome #edr-sync .simulation-note{font-size:12px;line-height:1.4}
@media(min-width:701px){.welcome #edr-sync .gauge-controls{grid-template-columns:minmax(0,1fr) 124px;gap:8px}.welcome #edr-sync .gauge-controls .btn{margin:0}.welcome #edr-sync .gauge-controls .scope{margin-bottom:6px}}
@media(max-width:700px){.welcome #edr-sync .switchboard{grid-template-columns:1fr;gap:6px}.welcome #edr-sync .single-line{max-width:260px;margin:auto}.welcome #edr-sync .switch-controls{justify-content:center}.welcome #edr-sync .gauge-actions{grid-template-columns:1fr 1fr;width:100%}.welcome #edr-sync .gauge-controls .btn{margin-bottom:8px}.welcome #edr-sync .main{grid-template-columns:1fr}.welcome #edr-sync .scope{max-width:250px}.welcome #edr-sync .settings{gap:8px 14px}.welcome .sim-shell{padding:10px 14px}.welcome #edr-sync .pot{width:88px;height:88px}}

/* Stronger type hierarchy and contrast without expanding the control layout. */
:root{--foreground:#f8fbff;--muted-foreground:#cedced}
.sim-brand{font-size:21px;font-weight:700;color:#d4e6ff;letter-spacing:.04em}
.sim-header h1{font-size:26px;font-weight:700;line-height:1.25;color:#fff}
.sim-header>a{font-size:16px;font-weight:600;color:#e3eeff}
.sim-guide{color:#f5f9ff;font-weight:500}
#edr-sync h2,#edr-sync h3{font-weight:700;color:#fff}
#edr-sync .form-label{font-size:15px;font-weight:600;color:#e3edfb}
#edr-sync output{font-size:16px;font-weight:700;color:#fff}
#edr-sync .btn{font-weight:600}
#edr-sync .viz-badge,#edr-sync .check,#edr-sync .pot-limits{font-weight:600}
#edr-sync .scope text,#edr-sync .single-line text{font-weight:600}
#edr-sync .scope .readout{font-weight:700}
#edr-sync .scope .engraved{fill:#d6e3f3;font-weight:600}
#edr-sync .breaker-readout{font-weight:700;color:#fff}
#edr-sync .breaker-caption{font-weight:600;color:#e0eafb}
#edr-sync #edr-event{font-weight:500;color:#f5f9ff}
@media(max-width:600px){.sim-header h1{font-size:23px}}