.home .filter-row{margin:24px 0 20px;padding-left:0}.home .filter-row #count{display:block;color:#5c7890}.theme-photo.science-photo{background-size:cover!important;background-position:center!important;display:grid;place-items:center;color:#234b5c;font-size:22px;background-color:#c4d4dd}.home .theme-text p{min-height:42px}.home .quiet{white-space:nowrap}.home .theme-card:focus-visible{outline:4px solid #19aca8}.home .subjects a,.home .stage-nav a{min-height:48px}.home .filter{min-height:44px}.science-lab{height:100dvh;overflow:hidden;background:#102c3a;color:#d8eaf1}.science-lab .site-header{height:58px;padding:0 18px}.science-lab .brand strong{font-size:20px}.science-lab .crumb{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.science-layout{height:calc(100dvh - 118px);display:grid;grid-template-columns:180px minmax(300px,1fr) 292px;gap:10px;padding:10px}.science-library,.science-inspector{background:#173c4c;border:1px solid #395a68;border-radius:10px;overflow:auto;padding:14px;scrollbar-width:thin}.science-library h2,.science-inspector h2{font-size:20px;margin:0 0 14px}.science-library button{width:100%;min-height:52px;text-align:left;margin-bottom:8px;font-size:15px}.science-library a{display:block;font-size:14px;line-height:1.6;margin:14px 0;color:#a8d8df}.science-stage{position:relative;min-width:0;overflow:hidden;border-radius:10px;border:1px solid #4a6572;background:#b5c9d3}.science-stage #view{position:absolute;inset:0;touch-action:none}.science-stage #view canvas{display:block;width:100%;height:100%;touch-action:none}.science-stage #legacyFrame{width:100%;height:100%;border:0;display:block;background:#d6e2e8}.science-navigation{position:absolute;left:12px;bottom:12px;z-index:5;display:flex;align-items:center;gap:3px;max-width:calc(100% - 24px);flex-wrap:wrap;padding:6px;border-radius:9px;background:#163d4eea}.science-navigation button{border:0;background:transparent;min-height:44px;padding:7px 10px;font-size:14px}.science-navigation button.active{background:#176e70}.science-navigation span{font-size:13px;padding:0 7px}.science-inspector section{border-top:1px solid #3a5868;padding-top:15px;margin-top:16px}.science-inspector h3{font-size:16px;margin:0 0 12px}.science-inspector p,.science-inspector li{font-size:14px;line-height:1.8;color:#bfd4de}.science-inspector ol{padding-left:20px}.science-inspector .control{margin:17px 0}.science-inspector .control label{display:flex;justify-content:space-between;gap:8px;font-size:14px}.science-inspector .control output{color:#74e4d0;font-size:15px;white-space:nowrap}.science-inspector input[type=range]{width:100%;min-height:36px;accent-color:#22b8ac;touch-action:pan-y}.science-inspector select{width:100%;padding:10px;margin-top:8px;border-radius:6px;color:#edf7f9;background:#244854;border:1px solid #527380}.science-readout{border:1px solid #406471;border-radius:8px;padding:11px 13px;margin-bottom:9px;background:#103440}.science-readout small{display:block;color:#a0c8d8;margin-bottom:8px;font-size:13px}.science-readout strong{font-size:29px;color:#76e0cd;overflow-wrap:anywhere}.science-readout strong small{display:inline;font-size:14px;color:inherit;margin-left:5px}.science-note{padding:12px;background:#1c4956;border-radius:7px}.science-controls{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.science-controls button{min-height:44px}.science-sample{position:absolute;top:12px;left:12px;z-index:4;padding:8px 12px;border-radius:6px;background:#e8f3f5de;color:#234b5e;font-size:14px;max-width:85%}.science-clock{font-variant-numeric:tabular-nums;font-size:16px;color:#a6e0d8}.science-inspector .record-item{font-size:13px;padding:9px;border:1px solid #355c6c;border-radius:5px;margin:6px 0;line-height:1.7}.science-error{position:absolute;inset:0;background:#173e50;color:#fff;padding:35px;z-index:15}.science-screen .science-layout{height:calc(100dvh - 60px)}.science-screen .site-header{display:none}.science-lab:fullscreen{background:#102c3a}.science-inspector details{font-size:14px;line-height:1.7;color:#b2cdd8}.science-box{position:absolute;border:3px solid #12aaa6;background:#18bbb529;pointer-events:none;z-index:10}.science-selected{outline:3px solid #2bd7bd}.science-lab.hide-values .science-readout strong{visibility:hidden}.science-lab.hide-values .record-item{visibility:hidden}.science-lab.hide-values #legacyFrame{filter:none}.science-lab #legacyMask{position:absolute;inset:0;display:none;place-items:center;background:#173d50ed;color:white;font-size:24px;z-index:7}.science-lab.hide-values #legacyMask{display:grid}.science-timeline{width:100%;accent-color:#26b9a9;min-height:36px}.science-inspector button{min-height:44px}.science-lab .boundary{white-space:pre-wrap}.science-view-hint{position:absolute;right:12px;top:12px;z-index:6;background:#123847dd;color:#e7fbfa;padding:8px;border-radius:6px;font-size:14px}.science-tips{font-size:13px;color:#6a8799;margin-top:12px}
@media(max-width:1100px){.science-layout{grid-template-columns:150px minmax(240px,1fr) 255px}.science-library,.science-inspector{padding:10px}.science-readout strong{font-size:25px}.science-lab .brand small{display:none}.home .theme-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.science-lab{overflow:auto;height:auto;min-height:100dvh}.science-layout{height:auto;grid-template-columns:1fr;padding:8px}.science-library{display:flex;overflow:auto;gap:8px;align-items:center;max-height:100px}.science-library h2{display:none}.science-library button{min-width:135px;width:auto;margin:0}.science-library a{white-space:nowrap}.science-stage{height:65dvh;min-height:400px;grid-row:2}.science-inspector{max-height:none}.science-lab .crumb{display:none}.science-lab .site-header{gap:8px}.science-lab .brand strong{font-size:17px}.science-screen .science-layout{height:auto}.home .site-header{padding:0 12px;gap:10px}.home .brand small,.home .site-header>.quiet{display:none}.home .stage-nav a{padding:10px 18px}.home .subjects{gap:10px;padding:0 12px}.home .page-heading{flex-direction:column;align-items:stretch}.home .search{min-width:0;width:100%}.home .filter-row{flex-wrap:wrap}.home .filter-row #count{width:100%;margin:5px 0}.home .theme-grid{grid-template-columns:1fr}.home .home-main{padding:20px 16px}.home footer{display:block;line-height:1.8}}

.science-selection{display:none;position:absolute;border:2px solid #10bbaa;background:#10bbaa22;pointer-events:none;z-index:10}.science-reading span{display:block}.science-reading strong{display:block}.science-navigation [hidden]{display:none}.science-library button.active{background:#146f75}.science-legacy{background:#e6eff5}.legacy-lesson .science-stage{min-width:0}.legacy-lesson .science-inspector #controls{font-size:13px;line-height:1.8}.science-lab .science-stage #legacyMask{display:none}.hide-values #records{visibility:hidden}

#readouts{display:block}.science-inspector .control{display:block;margin:17px 0}.science-inspector .control>span{display:block;font-size:14px}.science-inspector .control output{color:#74e4d0}.science-inspector .control input:not([type=range]){width:100%;min-height:40px;background:#244854;color:white;border:1px solid #527380}.science-inspector #controls>button{margin:4px 3px;max-width:100%;font-size:14px}.legacy-lesson .science-readout strong{font-size:21px;line-height:1.5}.native-bench .science-layout{display:block}.native-bench .science-stage{height:100%}.native-bench .science-library,.native-bench .science-inspector{display:none}.legacy-records-toggle{position:absolute;right:16px;top:8px;z-index:8;min-height:44px}.native-bench.legacy-details .science-inspector{display:block;position:absolute;right:10px;top:180px;bottom:15px;width:310px;z-index:20}.native-bench .science-sample{display:none}

.diagram-navigation-overlay{position:absolute;inset:0;z-index:3;touch-action:none;background:#17445308;cursor:crosshair}.diagram-navigation-overlay[hidden]{display:none!important}.legacy-lesson .science-navigation{z-index:15}