[data-theme-toggle]{min-height:42px;white-space:nowrap;touch-action:manipulation}
html[data-simulation=magnetic][data-theme=light]{background:#eef4f8;color:#183449;color-scheme:light;--panel:#fff;--stroke:#bbccd8;--muted:#476377}
html[data-simulation=magnetic][data-theme=light] :is(header,.panel,.dock,.view-tools,.time-tools,.rotate-tools,.mobile-tools,#graph){background:#fffffff2;border-color:#bbccd8;color:#183449}
html[data-simulation=magnetic][data-theme=light] :is(button,select,input[type=number]){background:#f3f7fa;border-color:#afc4d2;color:#183449}
html[data-simulation=magnetic][data-theme=light] :is(button:hover,button.active,button[aria-pressed=true]){background:#d1edf0;border-color:#087b85;color:#075c65}
html[data-simulation=magnetic][data-theme=light] :is(small,p,h2,.range-labels,#status){color:#476377}
html[data-simulation=magnetic][data-theme=light] :is(.reading,.number-value){background:#edf7fa;color:#076574}
html[data-simulation=magnetic][data-theme=light] :is(#reverse,#reset){color:#805000}
html[data-simulation=gas][data-theme=dark]{color-scheme:dark;background:#0c1824;color:#e3eef8;--border:#385268;--purple:#8861bf}
html[data-simulation=gas][data-theme=dark] :is(.panel,.mode-options,.apparatus,.observation,figure,.live-readings){background:#142637;color:#e3eef8;border-color:#385268}
html[data-simulation=gas][data-theme=dark] :is(button,input[type=number]){background:#1c3347;color:#e3eef8;border-color:#46647c}
html[data-simulation=gas][data-theme=dark] :is(header a,.bounds,.scene-caption,.readout>span,.readout small,.domain,#outside,.graph-heading p,#sample-count,footer,.toolbar output){color:#b4c9db}
html[data-simulation=gas][data-theme=dark] :is(h2,.controls fieldset,.controls #force-group,.controls #weight-group){border-color:#385268}
html[data-simulation=gas][data-theme=dark] .hint{background:#302746;color:#d5c1f2}
html[data-simulation=gas][data-theme=dark] :is(header p,#step){color:#cbb3ed}
html[data-simulation=gas][data-theme=dark] .readout strong{color:#65c6f3}
html[data-simulation=gas][data-theme=dark] .temperature strong{color:#ffad8c}
html[data-simulation=gas][data-theme=dark] #gauge text{fill:#b4c9db}
html[data-simulation=gas][data-theme=dark] .mode-options button[aria-pressed=true]{background:#44315f}
html[data-simulation=gas][data-theme=dark] .device-buttons button[aria-pressed=true]{background:#7755aa;color:white}
html[data-simulation=gas][data-theme=dark] #reset{background:#b8482e;color:white}
html[data-simulation=gas][data-theme=dark] #limit{color:#ffb291}
html[data-simulation=gas][data-theme=dark] :is(.graph-heading h2,figcaption){color:#e3eef8}
html[data-simulation=magnetic][data-theme=light] #camera-preset{background:#f3f7fa;color:#183449;border-color:#afc4d2}
html[data-simulation=magnetic][data-theme=light] :is(a,.rotate-tools span){color:#476377}