:root{color:#edf6ff;background:#06131f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 25% -10%,#11344d 0,#06131f 40rem)}button,input{font:inherit}select{width:100%;border:1px solid #385d73;border-radius:8px;padding:8px;background:#071a2a;color:#edf6ff}button:focus-visible,input:focus-visible{outline:3px solid #ffe2a0;outline-offset:3px}.lab-shell{max-width:1200px;margin:0 auto;padding:40px 22px 60px}.lab-hidden{display:none}.lab-tabs{display:flex;gap:8px;max-width:1156px;margin:22px auto -14px;padding:0 22px}.lab-tab{border:1px solid #31546a;background:#0a1d2e;color:#a9c8d9;padding:9px 13px;font-size:.84rem}.lab-tab.is-active{background:#52d3c6;border-color:#52d3c6;color:#032923}.lab-header{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:26px}.eyebrow,.panel-kicker{margin:0 0 7px;color:#75d4cc;font-size:.72rem;font-weight:800;letter-spacing:.14em}h1,h2,p{margin-top:0}h1{margin-bottom:8px;font-size:clamp(2.5rem,6vw,4.65rem);line-height:.95;letter-spacing:-.07em}h2{font-size:1.08rem;letter-spacing:-.02em}.lede{max-width:580px;margin-bottom:0;color:#a9c0d8;line-height:1.55}.system-status{display:inline-flex;align-items:center;gap:9px;flex:0 0 auto;margin-bottom:5px;color:#b8d9f4;font-size:.9rem}.status-dot{width:9px;height:9px;border-radius:50%;background:#52d3c6;box-shadow:0 0 0 4px #52d3c621}.lab-grid{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:18px}.visual-panel,.measurements,.controls,.notebook{border:1px solid #214158;border-radius:18px;background:#0a1d2ef0;box-shadow:0 16px 40px #00000026}.visual-panel{padding:18px 18px 14px;min-width:0}.panel-heading,.notebook-heading{display:flex;align-items:start;justify-content:space-between;gap:18px}.auto-scale{border:1px solid #31546a;border-radius:99px;padding:5px 9px;color:#a8c9d8;font-size:.74rem;white-space:nowrap}#simulation,#oscillation-simulation{position:relative;width:100%;margin-top:12px;overflow:hidden;border:1px solid #1d415a;border-radius:12px;background:#09243a}#simulation>.scenery-canvas{display:block;transform-origin:top left}#oscillation-simulation>.scenery-canvas{display:block;transform-origin:top left}.simulation-note{margin:11px 1px 0;color:#88a8bd;font-size:.78rem;line-height:1.4}.energy-readout{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px}.energy-readout span{padding:8px;border:1px solid #214158;border-radius:8px;color:#8eafc2;font-size:.72rem}.energy-readout strong{display:block;margin-top:3px;color:#e5f5ff;font-size:.85rem}.live-graph{margin-top:10px;padding:9px 11px;border:1px solid #214158;border-radius:9px;background:#071a2a}.live-graph>div{display:flex;justify-content:space-between;color:#c9e4f3;font-size:.72rem}.live-graph span{color:#789bb0}.live-graph svg{display:block;width:100%;height:58px;margin-top:7px;overflow:visible}.live-graph line{stroke:#31546a;stroke-width:1;vector-effect:non-scaling-stroke}.live-graph polyline{fill:none;stroke:#52d3c6;stroke-width:2;vector-effect:non-scaling-stroke}.visual-aid-toggle{align-self:center;grid-template-columns:auto 1fr;align-items:center}.visual-aid-toggle input{width:auto}.measurements{padding:22px}.measurements h2{margin-bottom:19px}.measurements dl{display:grid;grid-template-columns:1fr;gap:0;margin:0}.measurements dl div{padding:12px 0;border-top:1px solid #214158}.measurements dl div:first-child{padding-top:0;border-top:0}dt{color:#97b4ca;font-size:.78rem}dd{margin:4px 0 0;font-size:1.28rem;font-weight:750;letter-spacing:-.03em}dd span{color:#b9d0e0;font-size:.8rem;font-weight:600;letter-spacing:0}.empty-measurement{color:#97b4ca;font-size:.9rem;line-height:1.5}.agent-activity{margin:13px 3px 0;color:#98bacf;font-size:.86rem}.controls{display:grid;grid-template-columns:1.25fr repeat(4,minmax(115px,1fr)) auto;gap:18px;align-items:end;padding:20px;margin-top:18px}.oscillator-controls{grid-template-columns:1.25fr repeat(5,minmax(118px,1fr)) auto}.controls-heading h2{margin-bottom:0}label{display:grid;gap:7px;color:#b8d9f4;font-size:.82rem}output{color:#fff;font-weight:750}input{width:100%;accent-color:#52d3c6;cursor:pointer}.control-actions{display:grid;gap:8px}button{border:0;border-radius:10px;padding:11px 15px;background:#52d3c6;color:#032923;font-weight:800;cursor:pointer;white-space:nowrap;transition:transform .15s ease,background .15s ease}button:hover:not(:disabled){transform:translateY(-1px);background:#74e0d6}button:disabled{opacity:.55;cursor:progress}.secondary-button,.replay-button{border:1px solid #385d73;background:transparent;color:#c7e4f4}.secondary-button:hover:not(:disabled),.replay-button:hover:not(:disabled){background:#16354a}.notebook{margin-top:18px;padding:22px}.notebook-heading{align-items:end}.notebook-heading h2{margin-bottom:0}.notebook-heading p:last-child{margin:0;color:#9ebdce;font-size:.86rem}.range-chart{min-height:238px;margin-top:18px;border:1px solid #1e4056;border-radius:12px;background:#071a2a;padding:8px}.range-chart svg{display:block;width:100%;height:220px;overflow:visible}.range-chart text{fill:#a8c3d4;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:11px}.range-chart .chart-label{fill:#d5ebf6;font-size:12px;font-weight:700}.chart-empty{display:grid;min-height:220px;place-items:center;margin:0;color:#789bb0;text-align:center;font-size:.9rem}.oscillation-chart{min-height:110px;margin-top:18px;padding:14px;border:1px solid #1e4056;border-radius:12px;background:#071a2a}.chart-title{margin:0 0 12px;color:#c9e4f3;font-size:.82rem;font-weight:700}.bar-row{display:grid;grid-template-columns:88px 1fr 54px;align-items:center;gap:10px;margin-top:8px;color:#a8c3d4;font-size:.78rem}.bar-row i{height:10px;min-width:8px;border-radius:99px;background:linear-gradient(90deg,#52d3c6,#8bdbf4)}.table-wrap{margin-top:16px;overflow-x:auto}table{width:100%;min-width:700px;border-collapse:collapse;text-align:left;font-size:.84rem}th{padding:10px 12px;color:#93b1c4;font-size:.73rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase}td{padding:13px 12px;border-top:1px solid #214158;color:#cde1ed}td strong{color:#fff}.replay-button{padding:6px 9px;font-size:.76rem}.empty-row{padding:24px 12px;color:#8baabd;text-align:center}.comparison-note{margin:13px 0 0;color:#88a9bb;font-size:.8rem;line-height:1.45}@media(max-width:980px){.lab-grid{display:block}.measurements{margin-top:16px}}@media(max-width:1060px){.controls{grid-template-columns:repeat(4,1fr)}.controls-heading{grid-column:1 / -1}.control-actions{grid-column:span 4;grid-template-columns:1fr 1fr}}@media(max-width:760px){.lab-shell{padding:28px 14px 44px}.lab-tabs{margin:14px auto -10px;padding:0 14px}.lab-header,.lab-grid{display:block}.system-status{margin-top:17px}.measurements{margin-top:16px}.visual-panel{padding:14px 10px 12px}.auto-scale{display:none}.controls{grid-template-columns:1fr}.controls-heading,.control-actions{grid-column:auto}.control-actions{grid-template-columns:1fr}.notebook{padding:16px}.energy-readout{grid-template-columns:1fr 1fr}.notebook-heading{display:block}.notebook-heading p:last-child{margin-top:8px}}