:root{--ink:#15334a;--muted:#5d7180;--paper:#f7fafb;--panel:#fff;--line:#dbe6eb;--blue:#2578b9;--dark-blue:#0c496f;--teal:#169e99;--amber:#f2ab2c;--coral:#ed6c59;font-family:Inter,ui-rounded,"Avenir Next",system-ui,sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 0 0,#e6f6fd 0,transparent 31rem),var(--paper)}button,input,textarea,select{font:inherit}button{cursor:pointer}.app-shell{max-width:1680px;margin:0 auto;padding:20px 26px 52px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px}.brand,.header-actions,.formula-strip,.section-row,.scene-heading,.cer-heading,.preset-row{display:flex;align-items:center}.brand{gap:13px}.brand-mark{display:grid;width:48px;height:48px;place-items:center;border-radius:15px;color:#fff;font-size:31px;font-weight:900;background:linear-gradient(135deg,var(--teal),var(--blue));box-shadow:0 7px 20px #0078a63b}.eyebrow,.section-kicker{margin:0 0 4px;color:var(--teal);font-size:.72rem;font-weight:800;letter-spacing:.105em;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{margin-bottom:0;font-size:clamp(1.25rem,2.3vw,1.75rem);letter-spacing:-.045em}h2{margin-bottom:7px;font-size:1.2rem;letter-spacing:-.03em}h3{margin-bottom:10px;font-size:1rem}p{color:var(--muted);line-height:1.45}.header-actions{justify-content:flex-end;gap:9px;flex-wrap:wrap}.save-status{padding:7px 10px;color:var(--muted);font-size:.8rem}.save-status.saved{color:#078166}.save-status.warning{color:#a64a22}.button{border:0;border-radius:10px;padding:10px 14px;font-size:.88rem;font-weight:800;transition:transform .15s,box-shadow .15s,background .15s}.button:hover{transform:translateY(-1px)}.button:focus-visible,.mini-button:focus-visible,.text-button:focus-visible{outline:3px solid #ffce61;outline-offset:2px}.button.primary,.run-button{color:#fff;background:var(--dark-blue);box-shadow:0 4px 0 #07314c}.button.primary:hover,.run-button:hover{background:#09618f}.button.secondary{color:var(--dark-blue);background:#e8f4fa;border:1px solid #cbe3ef}.run-button{width:100%;padding:14px;font-size:1rem;display:flex;justify-content:space-between}.wide{width:100%}.text-button{border:0;padding:5px 0;color:var(--dark-blue);font-size:.84rem;font-weight:800;background:transparent;text-decoration:underline}.center{display:block;margin:10px auto 0}.mission-card{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px;padding:19px 22px;border:1px solid #d4e7ef;border-left:7px solid var(--amber);border-radius:15px;background:linear-gradient(100deg,#fffdf5,#f0f9fc)}.mission-card h2{margin:0;font-size:clamp(1.1rem,2vw,1.45rem)}.formula-strip{gap:8px;flex-wrap:wrap}.formula-strip span{padding:7px 11px;border-radius:9px;background:#fff;box-shadow:0 1px 0 #d6e5eb;color:var(--dark-blue);font-size:.86rem}.lab-grid{display:grid;grid-template-columns:minmax(240px,300px) minmax(450px,1fr) minmax(230px,280px);gap:18px;align-items:start}.notebook-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:18px;margin-top:18px}.panel{overflow:hidden;border:1px solid var(--line);border-radius:16px;background:var(--panel);box-shadow:0 5px 20px #1747620d}.control-panel,.results-panel{padding:20px}.panel-heading p{margin-bottom:14px;font-size:.88rem}.panel-heading.compact p{margin-bottom:12px}fieldset{min-width:0;margin:0;padding:16px 0;border:0;border-top:1px solid var(--line)}fieldset:first-of-type{border-top:0;padding-top:0}legend{padding:0;margin-bottom:10px;color:var(--dark-blue);font-size:.84rem;font-weight:800}label{display:block;margin:10px 0 6px;color:#3c596a;font-size:.83rem;font-weight:750}label output{float:right;color:var(--dark-blue);font-variant-numeric:tabular-nums}input[type="range"]{width:100%;accent-color:var(--teal)}.hint{margin:8px 0 0;color:var(--muted);font-size:.75rem;line-height:1.4}.object-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.object-card{position:relative;min-height:68px;padding:9px 6px 7px 42px;border:1px solid #d9e7ec;border-radius:10px;text-align:left;color:var(--ink);background:#fbfdfe}.object-card:hover{border-color:#89bfd9}.object-card.selected{border-color:var(--blue);outline:2px solid #c4e7f7;background:#effaff}.object-icon{position:absolute;top:13px;left:11px;width:22px;height:22px;border-radius:50%;box-shadow:inset -4px -4px 0 #0000001f}.object-card strong,.object-card small{display:block}.object-card strong{font-size:.73rem}.object-card small{margin-top:3px;color:var(--muted);font-size:.68rem}.preset-row{justify-content:space-between;gap:7px;padding:0 0 15px}.mini-button{flex:1;border:1px solid #c9e5e4;border-radius:8px;padding:7px 5px;color:#087b77;font-size:.73rem;font-weight:800;background:#effafa}.mini-button:hover{background:#d9f4f2}.run-prompt{min-height:20px;margin:12px 0 0;font-size:.78rem;text-align:center}.scene-panel{min-height:630px}.scene-heading{justify-content:space-between;padding:20px 20px 12px}.scene-heading h2{margin:0}.toggle-label{margin:0;font-size:.75rem;white-space:nowrap}.toggle-label input{vertical-align:-2px;accent-color:var(--teal)}.canvas-wrap{position:relative;margin:0 16px;overflow:hidden;border:1px solid #cbe4ec;border-radius:13px;background:#bfeafa}#sceneCanvas{display:block;width:100%;height:auto;aspect-ratio:3/2}.scene-key{position:absolute;bottom:10px;left:11px;display:flex;gap:10px;padding:6px 8px;border-radius:8px;color:#315264;font-size:.68rem;background:#ffffffd9}.dot{display:inline-block;width:8px;height:8px;border-radius:50%}.object-dot{background:var(--coral)}.force-arrow{color:#e35d3d;font-style:normal;font-weight:900}.scene-caption{padding:12px 20px 15px;color:#416273;font-size:.82rem;text-align:center}.readings{display:grid;grid-template-columns:1fr 1fr;gap:9px}.reading{min-height:104px;padding:12px;border-radius:12px}.reading p{margin-bottom:9px;font-size:.7rem;font-weight:750;line-height:1.2}.reading strong{display:inline;color:var(--ink);font-size:1.38rem;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.reading span{margin-left:3px;color:var(--muted);font-size:.72rem}.reading.blue{background:#e8f4fc}.reading.amber{background:#fff5dc}.reading.coral{background:#fff0ed}.reading.teal{background:#e5f8f5}.math-note{margin-top:14px;padding:12px;border-left:3px solid var(--amber);border-radius:0 8px 8px 0;background:#fffdf7;font-size:.76rem}.math-note p{margin:5px 0 0;font-size:.74rem}.after-trial{margin-top:15px;padding-top:13px;border-top:1px solid var(--line)}.after-trial textarea,.cer-grid textarea{width:100%;resize:vertical;border:1px solid #cfe0e7;border-radius:9px;padding:9px;color:var(--ink);background:#fbfdfe}.after-trial textarea:focus,.cer-grid textarea:focus,.start-dialog input:focus{outline:2px solid #9bd6eb;border-color:var(--blue)}.after-trial .button{width:100%;margin-top:9px}.hidden{display:none!important}.data-panel,.graph-panel{min-width:0;padding:20px}.section-row{justify-content:space-between;gap:10px;margin-bottom:14px}.section-row h2{margin:0}.count-pill{padding:5px 9px;border-radius:20px;color:var(--dark-blue);font-size:.75rem;font-weight:800;background:#eaf5f9;white-space:nowrap}.table-wrap{max-height:410px;overflow:auto;border:1px solid var(--line);border-radius:10px}table{width:100%;border-collapse:collapse;font-size:.73rem}th{position:sticky;top:0;z-index:1;padding:9px 7px;color:#416273;background:#eef6f8;font-size:.68rem;text-align:left;white-space:nowrap}td{max-width:180px;padding:8px 7px;border-top:1px solid #e5edef;vertical-align:top;line-height:1.3}.empty-row td{padding:24px;color:var(--muted);text-align:center}.delete-trial{border:0;color:#a84938;background:transparent;font-size:1rem}.data-actions{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:11px}.data-actions p{margin:0;font-size:.75rem}#graphMode{max-width:195px;padding:8px;border:1px solid #cbdfe6;border-radius:8px;color:var(--ink);background:#fff;font-size:.78rem}#graphCanvas{display:block;width:100%;height:auto;border:1px solid #dce9ed;border-radius:11px;background:#fcfeff}.graph-description{margin:10px 0 0;font-size:.78rem}.cer-panel{margin-top:18px;padding:22px}.cer-heading{justify-content:space-between;gap:18px}.cer-heading h2,.cer-heading p{margin-bottom:4px}.evidence-tracker{max-width:420px;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.tracker-chip{padding:6px 9px;border:1px solid #dbe6eb;border-radius:999px;color:var(--muted);font-size:.72rem;white-space:nowrap}.tracker-chip.ready{border-color:#a6dfd8;color:#05766e;background:#effbf8}.cer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:17px}.cer-grid label{margin:0}.cer-grid label>span{display:block;color:var(--dark-blue);font-weight:850}.cer-grid small{display:block;min-height:34px;margin:4px 0 7px;color:var(--muted);font-size:.72rem;font-weight:500;line-height:1.35}.start-dialog{width:min(700px,calc(100vw - 28px));padding:0;border:0;border-radius:18px;color:var(--ink);box-shadow:0 25px 80px #002d49a1}.start-dialog::backdrop{background:#073955a3;backdrop-filter:blur(3px)}.start-dialog form{padding:28px}.dialog-art{float:right;display:grid;width:52px;height:52px;place-items:center;border-radius:15px;color:#fff;font-size:35px;font-weight:900;background:linear-gradient(135deg,var(--amber),var(--coral))}.start-dialog h2{margin-bottom:8px;font-size:1.55rem}.dialog-copy{max-width:560px;margin-bottom:21px}.start-options{display:grid;grid-template-columns:1fr 1fr;gap:13px}.start-options section{padding:17px;border:1px solid var(--line);border-radius:12px;background:#fbfdfe}.start-options p{min-height:39px;font-size:.79rem}.start-dialog input{width:100%;padding:9px;border:1px solid #cfe0e7;border-radius:8px}.start-message{min-height:18px;margin:14px 0 0;color:#a64a22;font-size:.79rem;text-align:center}@media(max-width:1100px){.lab-grid{grid-template-columns:minmax(230px,.72fr) minmax(420px,1.45fr)}.results-panel{grid-column:1/-1}.results-panel .readings{grid-template-columns:repeat(4,1fr)}.reading{min-height:88px}}@media(max-width:760px){.app-shell{padding:14px 12px 30px}.topbar,.mission-card,.scene-heading,.cer-heading{align-items:flex-start;flex-direction:column}.header-actions{justify-content:flex-start}.lab-grid,.notebook-grid,.cer-grid,.start-options{grid-template-columns:1fr}.results-panel .readings{grid-template-columns:1fr 1fr}.cer-grid small{min-height:0}.evidence-tracker{justify-content:flex-start}.data-actions{align-items:flex-start;flex-direction:column}}@media print{body{background:#fff}.topbar .header-actions,.control-panel,.scene-panel,.graph-panel,.data-actions .text-button,.start-dialog{display:none!important}.app-shell{max-width:none;padding:0}.lab-grid{display:block}.results-panel,.data-panel{margin:10px 0}.notebook-grid{display:block}.cer-panel{page-break-inside:avoid}.panel,.mission-card{box-shadow:none}.table-wrap{max-height:none;overflow:visible}}