:root{--ink:#203d38;--green:#195b4d;--soft:#edf3ec;--line:#dce3da;--muted:#687971;--orange:#c67440;--blue:#318baf;--paper:#fbfcf8;--shadow:0 10px 30px #203d3809;font-family:Inter,"Segoe UI",sans-serif;color:var(--ink);background:#f1f3ed;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,select,.file-button{border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);min-height:36px;padding:7px 12px}button,.file-button{cursor:pointer;font-weight:600}button:hover,.file-button:hover{border-color:#91aaa0;background:#f0f6ef}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,select:focus-visible,input:focus-visible,a:focus-visible,svg:focus-visible{outline:3px solid #dfad4e;outline-offset:3px}a{color:var(--green)}button.primary{background:var(--green);border-color:var(--green);color:#fff}button.primary:hover{background:#124a3f}button.text-button{background:transparent;border:0;color:var(--green);padding:5px;white-space:nowrap}label{font-size:12px;font-weight:600;display:flex;flex-direction:column;gap:6px}input[type=number]{width:100%;border:1px solid var(--line);border-radius:8px;padding:9px}h1,h2,h3,p{margin:0}h1{font-size:clamp(20px,1.8vw,29px);font-weight:650;letter-spacing:-.6px;line-height:1.2}h2{font-size:17px;letter-spacing:-.3px}h3{font-size:17px}.eyebrow{font-size:10px;letter-spacing:1.5px;font-weight:750;color:var(--muted)}.muted{font-size:13px;line-height:1.55;color:var(--muted)}.topbar{height:70px;display:flex;align-items:center;gap:24px;padding:0 26px;border-bottom:1px solid var(--line);background:var(--paper)}.brand{display:flex;align-items:center}.brand img{width:118px;height:auto}.lab-name{font-size:11px;letter-spacing:1.7px;font-weight:750;border-left:1px solid var(--line);padding-left:22px;white-space:nowrap}.lab-name span{display:block;font-size:11px;letter-spacing:0;font-weight:400;margin-top:5px;color:var(--muted)}.topbar nav{margin-left:auto;display:flex;gap:6px;align-items:center}.topbar nav button{background:transparent;border-color:transparent;font-size:12px;padding:6px 9px}.topbar nav button:hover{background:var(--soft)}.count{background:#e3ece2;min-width:21px;display:inline-block;border-radius:5px;padding:2px 5px;margin-left:3px}.lab{height:calc(100dvh - 70px);min-height:550px;display:grid;grid-template-rows:48px auto minmax(0,1fr) 65px;padding:0 26px;max-width:2200px;margin:auto}.workspace-tabs{display:flex;gap:24px;align-items:stretch;border-bottom:1px solid var(--line)}.workspace-tabs button{border:0;border-bottom:2px solid transparent;border-radius:0;padding:0 1px;background:transparent;font-size:12px;font-weight:650;color:var(--muted);display:flex;gap:8px;align-items:center}.workspace-tabs button span{font-size:10px;color:#92a49a}.workspace-tabs button[aria-pressed=true]{border-bottom-color:var(--green);color:var(--green)}.workspace-tabs button[aria-pressed=true] span{color:var(--green)}.experiment-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0}.experiment-heading .eyebrow{margin-bottom:6px;color:var(--orange)}.preset-label{min-width:240px;font-weight:500;color:var(--muted);font-size:10px}.preset-label select{font-size:12px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,31%);gap:16px;min-height:0}.bench-card,.graph-card,.particle-card{border:1px solid var(--line);background:var(--paper);border-radius:14px;box-shadow:var(--shadow);overflow:hidden}.bench-card{display:flex;flex-direction:column;min-height:0}.bench-heading{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;gap:8px}.bench-heading>div{display:flex;align-items:center;gap:7px}.bench-heading button{min-height:26px;padding:3px 7px;border:0;font-size:10px;background:transparent;color:var(--muted)}.badge{padding:5px 9px;border-radius:20px;background:#eaf0e5;color:#56734b;font-size:10px;font-weight:650;white-space:nowrap}.stage-wrap{flex:1;position:relative;min-height:200px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 55% 35%,#fff 0%,#f4f5ee 74%)}#stage{width:100%;height:100%;max-height:700px;touch-action:none;user-select:none;outline-offset:-4px}.bench-tip{position:absolute;bottom:6px;left:12px;right:12px;text-align:center;font-size:10px;color:#6a7e73;pointer-events:none}.object-tools{min-height:63px;border-top:1px solid var(--line);display:flex;align-items:center;gap:9px;padding:9px 14px;flex-wrap:wrap;background:#f8faf5}.object-tools label{font-size:9px;min-width:150px;gap:3px}.object-tools select,.object-tools button{font-size:11px;min-height:30px;padding:5px 8px}.object-tools>button:last-child{margin-left:auto;font-size:10px}.object-tools #object-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.object-tools .compact-select{max-width:160px}.explanation{display:flex;gap:12px;padding:14px 17px;background:#eaf0e5;border-top:1px solid #dbe6d4;align-items:flex-start;min-height:86px}.explanation h2{font-size:12px;margin-bottom:5px}.explanation p{font-size:12px;line-height:1.55;color:#4a6558;max-width:800px}.explanation .text-button{margin-left:auto;font-size:10px}.explain-icon{flex:none;width:22px;height:22px;border:1px solid #8aa27c;border-radius:50%;text-align:center;line-height:20px;font-family:Georgia,serif;font-style:italic;color:#657f58}.evidence{display:grid;grid-template-rows:minmax(200px,1.2fr) minmax(180px,1fr);gap:14px;min-height:0}.graph-card{display:flex;flex-direction:column;padding:17px}.card-heading{display:flex;align-items:center;justify-content:space-between;gap:6px}.card-heading .eyebrow{font-size:9px;letter-spacing:1.1px;margin-bottom:6px}.card-heading h2{font-size:15px}.card-heading select{font-size:10px;padding:4px 6px;min-height:29px;max-width:115px}.graph{flex:1;min-height:115px}.graph svg{width:100%;height:100%;display:block}.legend{display:flex;gap:10px;flex-wrap:wrap;font-size:10px;color:var(--muted)}.legend span:before{content:'';display:inline-block;width:16px;height:3px;background:var(--series);vertical-align:middle;margin-right:5px}.compare-toggle{display:flex;flex-direction:row;align-items:center;font-size:10px;font-weight:400;margin-top:9px;color:var(--muted)}.particle-card{padding:17px;display:flex;flex-direction:column}.particle-card svg{width:100%;flex:1;min-height:65px;max-height:165px}.particle-card p{font-size:11px;line-height:1.5;color:#576d61;margin-top:3px}.particle-card small{font-size:9px;color:#89978e;margin-top:6px}.transport{display:flex;align-items:center;justify-content:space-between;gap:14px}.playback{display:flex;gap:6px;align-items:center}.playback>button{font-size:12px;min-height:36px}.playback .primary{min-width:97px}.speed-label{flex-direction:row;align-items:center;color:var(--muted);font-size:10px;margin-left:8px}.speed-label select{min-height:31px;font-size:11px;padding:3px 6px}.clock{display:flex;align-items:baseline;gap:5px;font-variant-numeric:tabular-nums}.clock>span:first-child{font-size:23px;font-weight:650;letter-spacing:-.8px}.clock small{font-size:11px}.clock #run-state{font-size:9px;margin-left:10px;letter-spacing:1px;color:var(--muted)}.capture{background:#e6eee2;border-color:#cbdcc4;color:var(--green);font-size:12px}.mobile-evidence-tabs{display:none}dialog{border:1px solid var(--line);border-radius:18px;padding:0;background:var(--paper);color:var(--ink);width:min(540px,calc(100vw - 24px));max-height:90dvh;box-shadow:0 30px 90px #183d3833}dialog.wide{width:min(850px,calc(100vw - 24px))}dialog::backdrop{background:#18382d40;backdrop-filter:blur(3px)}dialog>header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--paper);z-index:2}dialog>header h2{font-size:23px;margin-top:5px}dialog>header button{font-size:23px;line-height:1;border:0;background:transparent;min-width:36px}.panel-body{padding:22px 24px;overflow:auto}.panel-body>p,.panel-body>label,.panel-body>div,.panel-body>h3{margin-bottom:16px}.panel-body details{padding:14px 0;border-top:1px solid var(--line);font-size:13px;line-height:1.6}.panel-body details p{margin:10px 0}summary{cursor:pointer;font-weight:650}.steps{padding-left:25px;margin:12px 0 24px}.steps li{padding:8px 0 8px 5px;font-size:14px;line-height:1.7}.steps li::marker{color:var(--orange);font-weight:700}.preset-card{display:block;width:100%;text-align:left;padding:15px;margin-bottom:9px}.preset-card strong,.preset-card small{display:block}.preset-card strong{font-size:14px;margin:6px 0}.preset-card small{font-weight:400;line-height:1.5;color:var(--muted);font-size:12px}.preset-card .badge{font-size:9px}.preset-card.active{border-color:var(--green);background:var(--soft)}.file-actions,.add-grid,.notebook-actions{display:flex;gap:8px;flex-wrap:wrap}.file-button{font-size:13px;display:inline-flex;align-items:center;position:relative}.file-button input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.check{display:flex;flex-direction:row;align-items:center;gap:8px;font-size:13px}input[type=checkbox]{accent-color:var(--green);width:16px;height:16px}hr{border:0;border-top:1px solid var(--line);margin:20px 0}#inspector{display:grid;grid-template-columns:1fr 1fr;gap:14px}#inspector p{grid-column:1/-1}#inspector button{align-self:end}.table-wrap{overflow:auto;max-height:260px;border:1px solid var(--line);border-radius:10px}table{width:100%;border-collapse:collapse;font-size:12px;white-space:nowrap}th{background:#edf3e8;text-align:left;position:sticky;top:0;font-size:10px}th,td{padding:10px;border-bottom:1px solid var(--line)}.analysis-box{border-top:1px solid var(--line);padding:22px 0 4px}.analysis-box p{font-size:13px;line-height:1.6;margin:9px 0 14px;color:var(--muted)}.analysis-inputs{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}#analysis-result{font-size:15px;line-height:1.6;margin:15px 0;color:var(--green)}#candidate-table{display:flex;gap:6px;flex-wrap:wrap;font-size:12px}#candidate-table span{padding:7px;background:#eaf0e5;border-radius:5px}.claim{display:flex;gap:12px;align-items:end;margin-top:16px}.kept-item{display:flex;align-items:center;justify-content:space-between;font-size:12px;border-bottom:1px solid var(--line);padding:6px 0}.kept-item button{font-size:11px;padding:4px 8px;min-height:28px}#toast{position:fixed;bottom:78px;left:50%;transform:translateX(-50%);background:#213f35;color:white;border-radius:10px;padding:12px 18px;font-size:13px;box-shadow:var(--shadow);pointer-events:none;opacity:0;z-index:10;max-width:min(90vw,600px)}#toast.visible{opacity:1}.skip{position:absolute;left:10px;top:-100px;z-index:12;background:white;padding:10px}.skip:focus{top:8px}.object{cursor:grab}.object:active{cursor:grabbing}.object .selection{opacity:0;fill:none;stroke:#5e8b6b;stroke-width:2;stroke-dasharray:5 4}.object.selected .selection,.object:focus-visible .selection{opacity:1}.object.target .selection{opacity:1;stroke:#c78031;stroke-width:3}.object text{pointer-events:none;font-family:Inter,"Segoe UI",sans-serif}.object [data-toggle]{cursor:pointer}.hide-labels .object-label{visibility:hidden}.teacher .stage-wrap{flex:1.3}.teacher .explanation p{font-size:14px}.teacher .graph text{font-size:13px}.teacher .object .digital-reading{font-size:26px}
@media(min-width:1600px){.lab{grid-template-rows:58px auto minmax(0,1fr) 78px}.topbar{height:80px}.lab{height:calc(100dvh - 80px)}.experiment-heading{padding:24px 0}.explanation{padding:20px}.explanation p{font-size:14px}.graph-card,.particle-card{padding:22px}.card-heading h2{font-size:19px}.particle-card p{font-size:14px}.particle-card small{font-size:11px}.workspace{gap:20px}.graph-card .legend{font-size:12px}}
@media(max-width:1100px){.topbar{padding:0 16px;gap:16px}.lab-name{display:none}.lab{padding:0 16px}.workspace{grid-template-columns:minmax(0,1fr) 300px;gap:12px}.workspace-tabs{gap:18px}.experiment-heading{gap:12px}.preset-label{min-width:210px}.object-tools{gap:5px}.object-tools label{min-width:130px}.explanation{padding:11px}.explanation p{font-size:11px}.graph-card,.particle-card{padding:12px}.card-heading{flex-wrap:wrap}.card-heading h2{font-size:14px}.clock #run-state{display:none}}
@media(max-width:800px){.topbar{height:58px;padding:0 12px;gap:6px}.brand img{width:90px}.topbar nav{gap:0}.topbar nav button{font-size:10px;padding:6px}.topbar #teacher{display:none}.topbar #fullscreen{font-size:17px}.count{display:none}.lab{height:calc(100dvh - 58px);min-height:650px;grid-template-rows:45px auto minmax(0,1fr) 70px;padding:0 12px}.workspace-tabs{gap:0;justify-content:space-between}.workspace-tabs button{font-size:10px;gap:4px}.workspace-tabs button span{display:none}.experiment-heading{padding:12px 0;align-items:start}.experiment-heading h1{font-size:20px;max-width:430px}.preset-label{min-width:170px;max-width:200px}.workspace{grid-template-columns:1fr;grid-template-rows:minmax(280px,1.6fr) minmax(175px,1fr);gap:10px}.bench-heading{padding:8px 12px}.bench-heading .eyebrow{font-size:9px}.stage-wrap{min-height:150px}.bench-tip{font-size:9px;bottom:3px}.object-tools{min-height:49px;padding:6px 10px}.object-tools label{min-width:120px}.object-tools .text-button{font-size:9px}.explanation{min-height:60px;padding:9px 12px;gap:8px}.explanation h2{font-size:11px;margin-bottom:3px}.explanation p{font-size:10px;line-height:1.4}.explanation .explain-icon{width:18px;height:18px;font-size:12px;line-height:16px}.evidence{grid-template-columns:1.1fr 1fr;grid-template-rows:1fr;gap:10px}.graph-card,.particle-card{padding:10px}.card-heading h2{font-size:12px}.card-heading .eyebrow{font-size:8px;margin-bottom:3px}.graph{min-height:70px}.particle-card p{font-size:9px}.particle-card small{font-size:8px}.particle-card svg{min-height:50px}.compare-toggle{margin-top:3px}.legend{font-size:8px}.transport{gap:7px;flex-wrap:wrap;align-content:center;justify-content:space-between}.playback{gap:4px}.playback>button{font-size:10px;min-height:32px;padding:5px 8px}.playback .primary{min-width:70px}.speed-label{margin-left:1px;font-size:9px;gap:2px}.speed-label select{font-size:10px}.clock>span:first-child{font-size:18px}.capture{font-size:10px;min-height:32px;padding:5px 9px}}
@media(max-width:520px){.topbar nav button{padding:6px 5px;font-size:9px}.topbar #fullscreen{display:none}.lab{padding:0 8px;min-height:700px;grid-template-rows:40px auto minmax(0,1fr) 84px}.experiment-heading{display:block;padding:10px 3px}.experiment-heading h1{font-size:20px}.experiment-heading .eyebrow{font-size:9px}.preset-label{display:flex;flex-direction:row;align-items:center;max-width:100%;margin-top:9px;gap:6px;font-size:9px}.preset-label select{min-height:28px;padding:3px 6px;flex:1;font-size:10px;max-width:240px}.workspace{grid-template-rows:minmax(310px,1.6fr) minmax(195px,1fr);gap:8px}.stage-wrap{min-height:170px;overflow:auto}.stage-wrap #stage{min-width:460px}.bench-tip{display:none}.bench-heading{padding:6px 10px}.object-tools{gap:6px;padding:6px 8px}.object-tools>button:last-child{display:none}.object-tools label{min-width:120px;max-width:150px}.object-tools #object-actions{flex:1;justify-content:flex-end}.object-tools select,.object-tools button{font-size:10px}.explanation{min-height:70px}.explanation .text-button{font-size:9px}.evidence{display:block;position:relative;padding-top:28px}.mobile-evidence-tabs{display:flex;position:absolute;top:0;left:0;gap:5px}.mobile-evidence-tabs button{padding:3px 10px;min-height:25px;font-size:10px;border-radius:6px 6px 0 0}.mobile-evidence-tabs button[aria-pressed=true]{background:#e3ecdc;border-color:#b7c9ac}.graph-card,.particle-card{height:100%;padding:10px 12px}.particle-card{display:none}.evidence.show-particles .graph-card{display:none}.evidence.show-particles .particle-card{display:flex}.card-heading h2{font-size:13px}.card-heading .eyebrow{font-size:9px}.graph{min-height:65px}.graph-card .compare-toggle{position:absolute;right:12px;bottom:10px}.particle-card p{font-size:11px}.particle-card small{font-size:9px}.particle-card svg{max-height:100px}.transport .playback{width:100%;justify-content:space-between}.transport{padding:7px 2px}.clock{margin-left:3px}.clock #run-state{display:block;font-size:8px}.playback>button{font-size:10px}.capture{font-size:11px}.panel-body{padding:16px}.analysis-inputs{grid-template-columns:1fr}.claim{flex-wrap:wrap}dialog>header{padding:16px}dialog>header h2{font-size:20px}}
@media(max-height:650px) and (min-width:801px){.lab{min-height:450px;grid-template-rows:38px auto minmax(0,1fr) 53px}.topbar{height:54px}.lab{height:calc(100dvh - 54px)}.experiment-heading{padding:10px 0}.experiment-heading h1{font-size:20px}.explanation{min-height:66px;padding:8px 12px}.stage-wrap{min-height:150px}.evidence{grid-template-rows:minmax(130px,1.2fr) minmax(130px,1fr)}.bench-heading{padding:6px 12px}.object-tools{min-height:49px;padding:5px 10px}.graph-card,.particle-card{padding:10px}.particle-card small{display:none}.particle-card p{font-size:10px}.card-heading h2{font-size:12px}.graph{min-height:60px}.particle-card svg{min-height:40px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.compact-readings{display:none;padding:9px 12px;background:#edf3e8;border-bottom:1px solid var(--line);gap:12px;justify-content:space-between}.compact-readings>span{font-size:9px;color:var(--muted);display:block}.compact-readings strong{display:block;font-size:17px;color:var(--ink);margin-top:3px;font-variant-numeric:tabular-nums;font-weight:650}.teacher .compact-readings{display:flex}@media(max-width:520px){.compact-readings{display:flex}.stage-wrap #stage{min-width:0}.bench-heading #labels{display:none}.bench-heading .eyebrow{font-size:8px;letter-spacing:1px}.bench-heading>div{gap:1px}.bench-heading button{font-size:8px;padding:3px 4px}.bench-heading .badge{font-size:8px;padding:4px 6px}.workspace{grid-template-rows:minmax(350px,1.7fr) minmax(165px,1fr)}.stage-wrap{min-height:150px}.explanation p{font-size:10px}.object-tools{min-height:48px}.compact-readings strong{font-size:16px}.graph-card .compare-toggle{bottom:7px}.object-tools select{max-width:142px}.object-tools #object-actions{flex:0 1 auto;gap:4px}}


[hidden]{display:none!important}.focused #power-meter,.focused #cables,.focused:not(.weighing) #balance{display:none}
.collection-controls{display:flex;flex-wrap:wrap;align-items:center;gap:7px;padding:8px 14px;background:#edf4e9;border-top:1px solid #d5e0d0;flex-shrink:0}.collection-controls span{margin-right:auto;font-size:11px;color:#54715e}.collection-controls button{font-size:11px;min-height:29px;padding:5px 9px}.collection-result{padding:13px 0;border-bottom:1px solid var(--line)}.collection-result p{margin:7px 0;font-size:13px;line-height:1.5}.collection-result strong{color:#246b5b}.collection-lab #focus-sample,.collection-lab #whole-bench{display:none}.collection-lab .bench-tip{display:none}.collection-lab .stage-wrap{min-height:220px}.collection-lab .compact-readings{display:none}.collection-lab .object-tools{flex-shrink:0}.collection-lab .explanation{flex-shrink:0}
@media(max-width:520px){.collection-lab .stage-wrap{overflow-x:auto;min-height:190px}.collection-lab .stage-wrap #stage{min-width:650px;width:650px;height:100%;max-width:none}.collection-controls{padding:5px 8px;gap:4px}.collection-controls span{font-size:9px;flex-basis:100%}.collection-controls button{font-size:10px;min-height:26px}.collection-lab .workspace{grid-template-rows:minmax(355px,1.7fr) minmax(150px,1fr)}.collection-lab .explanation{min-height:62px;padding:7px}.collection-lab .object-tools label{max-width:125px;min-width:110px}.collection-lab .object-tools #object-actions{flex-wrap:wrap}.collection-lab .object-tools button{padding:5px}.collection-lab .bench-heading:after{content:'Swipe bench ↔';font-size:9px;color:#597568}.collection-lab .bench-heading .eyebrow{display:none}}
@media(max-height:550px){.collection-lab .bench-card{height:460px;min-height:460px}}


@media(max-height:550px){.lab{min-height:0;grid-template-rows:32px auto minmax(0,1fr) 54px;overflow:hidden}.experiment-heading{padding:7px 0}.experiment-heading h1{font-size:17px}.workspace{display:block;overflow:auto;overscroll-behavior:contain;padding-right:4px}.bench-card{height:365px;min-height:365px}.stage-wrap{min-height:170px}.evidence{height:220px;margin-top:10px}.transport{flex-wrap:nowrap}.transport .playback{width:auto}.clock>span:first-child{font-size:17px}.explanation{min-height:64px}.object-tools{min-height:48px}.particle-card svg{max-height:100px}}


@media(min-width:801px) and (max-height:800px){.bench-card.compact-focus{position:relative}.compact-focus .compact-readings{display:flex;position:absolute;top:44px;left:14px;right:14px;z-index:1;background:transparent;border:0;pointer-events:none;padding:6px 8px}.compact-focus .compact-readings strong{font-size:19px}.compact-focus .compact-readings>span{font-size:10px}.teacher .compact-focus .compact-readings{position:static;pointer-events:auto}}
.collection-lab .bench-card{overflow:auto;overscroll-behavior:contain}.collection-lab .stage-wrap{min-height:300px;flex-shrink:0}.collection-lab .bench-heading{padding:7px 14px;flex-shrink:0}.collection-lab .object-tools{min-height:47px;padding:6px 12px}.collection-lab .explanation{padding:9px 12px;min-height:68px}.collection-lab .explanation p{font-size:11px}.collection-controls{padding:5px 12px}
@media(max-width:520px){.collection-lab .stage-wrap{display:block;min-height:340px;max-height:340px;overflow-x:auto;overflow-y:hidden}.collection-lab .stage-wrap #stage{height:340px!important;width:650px!important;min-width:650px;max-height:none;display:block;flex:none}.collection-lab .bench-heading:after{content:'Swipe bench ↔ · scroll for controls ↓'}.collection-lab .bench-heading{position:sticky;top:0;background:var(--paper);z-index:2}.collection-lab .explanation{min-height:84px}}