:root{color-scheme:light;--ground:#ffffff;--surface:#ffffff;--surface-2:#f5f6f8;--ink:#202938;--ink-2:#425168;--muted:#596579;--line:#dce1e8;--line-strong:#c3cad5;--accent:#2459a8;--accent-strong:#1c4786;--accent-soft:#eef4ff;--accent-edge:#a5b8d5;--accent-ink:#ffffff;--stage:#f5f6f8;--baseline:#9aa5b5;--warn:#825115;--fail:#992d32;--fail-soft:#faeeee;--force-gravity:#c8693f;--force-suction:#2459a8;--force-reaction:#5b6b8a;--force-thrust:#a16207;--force-torque:#6d28d9;--mono:ui-monospace,SFMono-Regular,Consolas,monospace;--sans:Arial,Helvetica,sans-serif;font:15px/1.6 var(--sans);background:var(--ground);color:var(--ink)}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;border:1px solid var(--line);background:transparent;color:var(--ink);padding:.55rem .85rem;border-radius:5px;min-height:42px;font-size:.82rem;font-weight:550}button:hover{border-color:var(--accent);background:var(--accent-soft)}button:disabled{opacity:.45;cursor:default}button.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}button.primary:hover{background:var(--accent-strong)}a{color:var(--accent);text-underline-offset:4px}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible,summary:focus-visible,canvas:focus-visible{outline:3px solid var(--accent);outline-offset:4px}[hidden]{display:none!important}.skip{position:absolute;left:12px;top:-80px;background:var(--surface);padding:12px;z-index:20}.skip:focus{top:8px}.masthead{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1380px)/2));border-bottom:1px solid var(--line);background:var(--surface)}.brand{display:inline-flex;align-items:center;gap:10px;font-size:20px;font-weight:700;letter-spacing:-.6px;color:var(--ink);text-decoration:none}.brand span{font:12px var(--mono);border-left:1px solid var(--line);padding-left:14px;margin-left:6px;color:var(--muted);letter-spacing:0}.masthead nav{display:flex;gap:26px;font-size:13px}.masthead nav a{text-decoration:none;color:var(--ink)}main{max-width:1380px;margin:auto;padding:0 24px}.hero{display:flex;justify-content:space-between;gap:60px;padding:54px 0 40px}.eyebrow{font:10px/1.5 var(--mono);letter-spacing:1.6px;font-weight:600;color:var(--muted);margin:0 0 12px}h1{font-size:clamp(34px,4vw,54px);font-weight:550;letter-spacing:-2px;line-height:1.07;margin:15px 0 20px}h1 span{color:var(--muted)}.hero>div>p:last-child{max-width:660px;font-size:16px;line-height:1.6;color:var(--ink-2);margin-bottom:0}.hero aside{min-width:270px;align-self:flex-end;padding:10px 0 12px 26px;border-left:1px solid var(--line);font-size:12px;font-weight:600}.hero aside p{font-weight:400;color:var(--muted);line-height:1.9}.hero aside a{font-size:11px}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);margin-right:7px}.lab{border:1px solid var(--line);border-radius:9px;overflow:hidden;background:var(--surface);box-shadow:0 1px 2px #2029380f,0 2px 8px #2029380d}.trial-tabs{display:grid;grid-template-columns:repeat(4,1fr);background:var(--surface-2);padding:6px;gap:6px}.trial-tabs button{border:0;display:flex;align-items:center;gap:12px;border-radius:5px;justify-content:center;min-height:47px}.trial-tabs button span{font:11px var(--mono);color:var(--muted)}.trial-tabs button[aria-pressed=true]{background:var(--surface);box-shadow:0 1px 3px #20293814;color:var(--accent)}.trial-tabs button[aria-pressed=true] span{color:var(--accent)}.studio{display:grid;grid-template-columns:minmax(0,1fr) 305px;min-height:530px}.visual{background:var(--surface-2);color:var(--ink);position:relative;min-width:0}.scene-top{position:absolute;z-index:3;top:22px;left:25px;right:22px;display:flex;justify-content:space-between;gap:10px;pointer-events:none}.scene-eyebrow{font:9px var(--mono);letter-spacing:1.7px;color:var(--muted)}.scene-top h2{font-size:23px;font-weight:450;letter-spacing:-.5px;margin:9px 0}.live-tag{font:9px var(--mono);color:var(--muted);background:color-mix(in srgb,var(--surface) 80%,transparent);border:1px solid var(--line);padding:6px 9px;border-radius:20px;align-self:flex-start}.viewport{height:450px;position:relative;overflow:hidden}#scene{width:100%;height:100%;display:block;touch-action:none;cursor:grab}#scene:active{cursor:grabbing}#labels{position:absolute;inset:0;pointer-events:none}#labels>button{position:absolute;transform:translate(-50%,-50%);font:9px var(--mono);color:var(--accent);padding:5px 8px;border:1px solid var(--line-strong);background:color-mix(in srgb,var(--surface) 92%,transparent);border-radius:4px;white-space:nowrap}#labels b{font-weight:400;color:var(--ink);margin-left:5px}#sceneFallback{position:absolute;left:10%;right:10%;top:38%;font-size:14px;color:var(--muted)}.scene-tools{padding:0 20px;display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}.scene-tools button{color:var(--ink);border-color:var(--line-strong);min-height:34px;padding:5px 10px;font-size:10px}.scene-tools button[aria-pressed=true]{color:var(--accent);background:var(--accent-soft)}.scene-tools label{font-size:10px;color:var(--ink-2);display:inline-flex;align-items:center;margin-left:12px;gap:5px}.scene-note{font:9px var(--mono);color:var(--muted);padding:0 20px;margin:10px 0 16px}.telemetry{padding:24px 24px 16px;background:var(--surface);border-left:1px solid var(--line)}.phase .eyebrow{font-size:9px;margin-bottom:7px}.phase h3{font-size:19px;line-height:1.2;margin:0 0 8px;font-weight:550;letter-spacing:-.3px}.phase p{font-size:12px;color:var(--muted);line-height:1.65;min-height:58px;margin:0 0 14px}.forces-list{margin:10px 0 22px}.forces-list>div{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:9px 0;font-size:11px}.forces-list dd{margin:0;font:12px var(--mono);color:var(--ink)}.forces-list i{display:inline-block;width:6px;height:6px;border-radius:2px;margin-right:7px}.gravity{background:var(--force-gravity)}.suction{background:var(--force-suction)}.reaction{background:var(--force-reaction)}.thrust{background:var(--force-thrust)}.torque{background:var(--force-torque)}.equation-card{border:1px solid var(--line);border-radius:5px;padding:12px;background:var(--surface-2)}.equation-card>span{font:8px var(--mono);letter-spacing:1.2px;color:var(--muted)}.equation-card>div{font:18px/1.5 Georgia,serif;margin-top:8px}.equation-card p{font:10px/1.7 var(--mono);color:var(--muted);margin:5px 0 0;overflow-wrap:anywhere}.status{font-size:11px;color:var(--accent);margin-top:14px;padding-left:10px;border-left:3px solid var(--accent);line-height:1.5}.status.warn{color:var(--warn);border-color:var(--warn)}.scope-note{font-size:10px;line-height:1.6;color:var(--muted);margin:12px 0 0}.transport{display:flex;align-items:center;gap:12px;padding:16px 22px;border-bottom:1px solid var(--line)}.transport button{flex-shrink:0}.time-label{display:grid;grid-template-columns:1fr auto;flex:1;font:10px var(--mono);gap:4px 10px}.time-label input{grid-column:1/-1;width:100%;margin:3px 0;min-height:22px}.speed-label{font-size:9px;color:var(--muted);display:grid;gap:2px;min-width:68px}.speed-label select{font-size:11px;padding:3px 8px;border:1px solid var(--line);background:var(--surface);border-radius:4px;min-height:29px}input[type=range]{accent-color:var(--accent)}.key-results{display:grid;grid-template-columns:repeat(4,1fr);padding:22px;gap:20px}.key-results>div{border-right:1px solid var(--line)}.key-results>div:last-child{border:0}.key-results span{font-size:10px;color:var(--muted);display:block}.key-results strong{font:25px/1.7 var(--mono);letter-spacing:-1px;font-weight:400;display:block}.key-results small{font-size:9px;color:var(--muted);display:block}.run-status{font:10px/1.6 var(--mono);margin:0;padding:10px 22px;background:var(--surface-2);color:var(--ink-2);border-top:1px solid var(--line)}.run-status.error{color:var(--fail);background:var(--fail-soft)}.workspace{display:grid;grid-template-columns:380px minmax(0,1fr);gap:48px;margin:58px 0}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}h2{font-size:25px;letter-spacing:-.7px;font-weight:550;line-height:1.2;margin:0}.section-heading .eyebrow{font-size:9px;margin:0 0 9px}.section-heading button{font-size:10px;white-space:nowrap;min-height:34px;padding:5px 10px}fieldset{border:0;padding:20px 0;margin:0;border-top:1px solid var(--line)}legend{font-weight:600;font-size:12px;padding:0 8px 0 0}label{font-size:10px;color:var(--ink-2);display:block;margin-bottom:10px}form input:not([type=range]),form select{width:100%;min-height:39px;border:1px solid var(--line-strong);background:var(--surface);border-radius:4px;padding:8px 10px;color:var(--ink);font-size:12px;margin-top:5px}form input[type=range]{width:100%;margin-top:10px;display:block}form output{float:right;font:11px var(--mono)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px}.pack-summary{font:11px/1.7 var(--mono);background:var(--surface-2);padding:12px;border-radius:4px;margin:10px 0;color:var(--ink-2)}.basis{font-size:10px;color:var(--muted);line-height:1.75;overflow-wrap:anywhere}.run-button{width:100%;margin-top:14px}.settings details{font-size:11px;margin-top:8px}.settings details>div{margin-top:16px}.chart-caption{font-size:11px;color:var(--muted);margin:0 0 20px}.plot-card{padding:17px 18px 9px;background:var(--surface);border:1px solid var(--line);border-radius:5px;margin-bottom:16px}.plot-card header{display:flex;justify-content:space-between;align-items:center}.plot-card h3{font-size:12px;font-weight:550;margin:0}.plot-card header span{font:10px var(--mono);color:var(--muted)}.plot-card canvas{width:100%;height:150px;display:block;touch-action:none;cursor:crosshair}.plot-card p{font-size:9px;color:var(--muted);margin:5px 0 0}.line{width:12px;height:2px;display:inline-block;background:var(--accent);vertical-align:middle;margin:0 5px 0 10px}.line:first-child{margin-left:0}.line.baseline{background:var(--baseline)}.result-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:20px}.result-actions button{font-size:10px;min-height:36px}.summary-text{font:11px/1.8 var(--mono);border-top:1px solid var(--line);padding-top:14px;color:var(--ink-2)}.comparison{font-size:11px;background:var(--surface-2);padding:16px;border-radius:4px;margin-top:20px}.comparison table{width:100%;border-collapse:collapse}.comparison td,.comparison th{text-align:left;padding:5px 8px}.inspect{padding:36px;background:var(--surface);border:1px solid var(--line);border-radius:7px;margin-bottom:65px}.badge{font:10px var(--mono);border:1px solid var(--line);padding:7px 10px;border-radius:20px;color:var(--muted)}.system-map{display:flex;gap:14px;align-items:center;margin:28px 0}.system-map>div{flex:1;padding:18px;border:1px solid var(--line);border-radius:4px;background:var(--surface);min-width:0}.system-map b,.system-map small{display:block}.system-map>div>span{font:9px var(--mono);color:var(--muted)}.system-map b{font-size:12px;font-weight:550;margin:9px 0 4px}.system-map small{font-size:10px;color:var(--muted)}.connector{color:var(--muted)}.inspect>p{font-size:12px;max-width:900px;color:var(--muted)}details{border-top:1px solid var(--line);padding:15px 0}summary{cursor:pointer;font-size:12px;font-weight:550}details[open] summary{margin-bottom:16px}.inspect details:last-child{padding-bottom:0}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:11px;text-align:left}caption{text-align:left;color:var(--muted);margin:10px 0}td,th{padding:9px 12px;border-bottom:1px solid var(--line)}th{background:var(--surface-2)}td:nth-child(even){font-family:var(--mono)}.method{display:grid;grid-template-columns:1fr 1.4fr;gap:90px;margin-bottom:75px;padding-top:10px}.method h2{font-size:34px;line-height:1.15;letter-spacing:-1px}.method>div>p:not(.eyebrow){font-size:13px;line-height:1.9;color:var(--muted);max-width:440px}.method>div>a{font-size:12px}.method-details p,.method-details li{font-size:12px;line-height:1.9;color:var(--ink-2)}.method-details summary{font-size:13px}.method-details ul{padding-left:19px}footer{border-top:1px solid var(--line);max-width:1332px;margin:auto;padding:28px 0;display:flex;gap:30px;align-items:center;font-size:11px;color:var(--muted)}footer .brand{font-size:17px}footer p{flex:1}footer a:last-child{font-size:11px}.no-script{padding:25px;text-align:center}#diagram{max-width:100%;overflow:hidden}.example-diagram-node{font-size:12px}
@media(min-width:1500px){.viewport{height:470px}}@media(max-width:1100px){.studio{grid-template-columns:minmax(0,1fr) 275px}.telemetry{padding:20px}.hero{gap:24px}.hero aside{min-width:230px}.workspace{grid-template-columns:330px minmax(0,1fr);gap:28px}.system-map{gap:8px}.system-map>div{padding:12px}.method{gap:40px}.scene-top{left:18px}.live-tag{font-size:8px}}@media(max-width:820px){.hero aside{display:none}.hero{padding:32px 0}.studio{grid-template-columns:1fr}.viewport{height:460px}.telemetry{display:grid;grid-template-columns:1fr 1fr;gap:0 26px;border-left:0;border-top:1px solid var(--line)}.phase{grid-column:1}.forces-list{grid-column:2;grid-row:1/4;margin:0}.phase p{min-height:0}.scope-note{grid-column:1/-1}.equation-card{grid-column:1}.status{grid-column:1}.workspace{grid-template-columns:1fr 1.3fr;gap:24px}.key-results strong{font-size:21px}.key-results{gap:12px}.system-map{flex-wrap:wrap}.system-map>div{flex:1 1 35%}.system-map>.connector:nth-of-type(4){display:none}.method{grid-template-columns:1fr;gap:20px}.method>div>p:not(.eyebrow){max-width:100%}footer{padding:24px;gap:15px}.inspect{padding:24px}.trial-tabs button{font-size:11px;gap:6px}.trial-tabs button span{font-size:9px}}
@media(max-width:600px){main{padding:0 14px}.masthead{height:63px;padding:0 16px}.brand{font-size:18px}.brand span{display:none}.masthead nav{gap:15px;font-size:10px}h1{font-size:40px;letter-spacing:-1.7px}.hero>div>p:last-child{font-size:13px}.eyebrow{font-size:9px}.hero{padding:28px 0 26px}.trial-tabs{grid-template-columns:1fr 1fr;gap:4px}.trial-tabs button{justify-content:flex-start;padding:8px 13px;min-height:42px}.viewport{height:330px}.scene-top{top:16px;left:16px;right:16px}.scene-top h2{font-size:19px}.scene-eyebrow{font-size:7px;letter-spacing:1px}.live-tag{font-size:7px;padding:4px 7px}.scene-tools{padding:0 12px;gap:8px}.scene-tools label{margin-left:7px;font-size:9px}.scene-tools button{font-size:9px;padding:5px 7px}.scene-note{padding:0 12px;font-size:8px}.telemetry{padding:18px;gap:0 16px}.phase h3{font-size:17px}.phase p{font-size:10px}.forces-list>div{font-size:9px;padding:9px 0}.forces-list dd{font-size:10px}.equation-card{padding:8px}.equation-card>div{font-size:15px}.equation-card p{font-size:8px}.status{font-size:10px}.scope-note{font-size:9px}.transport{padding:12px;gap:8px}.transport button{padding:5px 9px;font-size:11px;min-height:36px}.speed-label{min-width:55px}.time-label{font-size:9px}.key-results{grid-template-columns:1fr 1fr;padding:16px;gap:18px}.key-results>div:nth-child(2){border:0}.key-results strong{font-size:24px}.run-status{font-size:8px;padding:10px 16px}.workspace{grid-template-columns:1fr;margin:36px 0;gap:32px}.section-heading h2{font-size:23px}fieldset{padding:17px 0}.settings label{font-size:11px}.settings .basis{font-size:11px}.plot-card canvas{height:155px}.inspect{padding:20px 16px;margin-bottom:40px}.inspect .section-heading{align-items:flex-start;flex-direction:column}.system-map{display:grid;grid-template-columns:1fr 1fr;gap:10px}.system-map .connector{display:none}.system-map>div{padding:13px}.system-map b{font-size:11px}.system-map small{font-size:9px}.method{margin-bottom:35px}.method h2{font-size:29px}.method-details summary{font-size:12px}footer{flex-wrap:wrap}footer p{order:3;flex-basis:100%;margin:0}footer>a:last-child{margin-left:auto}#labels>button{font-size:7px;padding:3px 5px}.badge{font-size:9px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}

#labels>button{pointer-events:auto;min-height:30px;font-weight:400;cursor:pointer}#labels>button:hover{background:var(--accent-soft);border-color:var(--accent)}.part-inspector{border-top:1px solid var(--line);padding:20px 22px;background:var(--surface)}.part-picker{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.part-picker>span{font:9px var(--mono);letter-spacing:1.1px;margin-right:15px;color:var(--muted)}.part-picker button{font-size:10px;min-height:34px;padding:6px 12px}.part-picker button[aria-pressed=true]{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.part-header{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:18px 0 14px}.part-header h3{font-size:15px;font-weight:550;margin:0 0 5px}.part-header p{font-size:11px;color:var(--muted);max-width:900px;margin:0}.part-header button{font-size:9px;min-height:32px;white-space:nowrap}.part-blocks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.part-block{border:1px solid var(--line);background:var(--surface);border-radius:5px;padding:12px;position:relative;min-width:0}.part-block:before{content:'';width:6px;height:6px;position:absolute;left:-4px;top:46%;border:1px solid var(--accent-edge);background:var(--accent-soft);border-radius:50%}.part-block:after{content:'';width:6px;height:6px;position:absolute;right:-4px;top:46%;border:1px solid var(--accent-edge);background:var(--accent-soft);border-radius:50%}.part-block>span{font:8px var(--mono);color:var(--muted);letter-spacing:.6px}.part-block>strong{display:block;font-size:10px;font-weight:550;margin:7px 0;min-height:27px;line-height:1.4}.part-block>output{font:17px var(--mono);color:var(--ink)}.part-block>small{display:block;font:8px/1.6 var(--mono);color:var(--muted);overflow-wrap:anywhere;margin-top:6px}.part-connections{font:9px/1.8 var(--mono);color:var(--ink-2);margin-bottom:0;overflow-wrap:anywhere}
@media(max-width:820px){.part-blocks{grid-template-columns:repeat(2,minmax(0,1fr))}.part-header{align-items:flex-start}.part-header button{white-space:normal;max-width:110px}.part-picker>span{flex-basis:100%;margin:0}.part-inspector{padding:17px}.part-header p{font-size:10px}.part-block>strong{min-height:0}.part-connections{font-size:8px}}

.build-link{display:inline-block;margin:0 0 12px;font-weight:650}.reproduce{margin:48px 0;padding:30px;background:var(--surface);border:1px solid var(--line);border-radius:8px;scroll-margin-top:18px}.reproduce>.section-heading>a{font-size:11px;white-space:nowrap}.reproduce-intro{max-width:920px;font-size:13px;color:var(--muted)}.reproduce-actions,.assembly-actions{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0 12px}.reproduce-actions button{font-size:11px}.build-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin:25px 0}.build-steps button{font-size:11px;text-align:left;min-height:52px}.build-steps button[aria-pressed=true]{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.build-steps button.complete:after{content:' ✓';color:var(--accent)}.build-steps button[aria-pressed=true].complete:after{color:var(--accent-ink)}.build-heading{display:flex;align-items:center;gap:30px;justify-content:space-between}.build-heading h3{margin:0 0 8px;font-size:19px}.build-heading p{font-size:12px;line-height:1.8;color:var(--muted);max-width:900px}.build-heading button{flex-shrink:0;font-size:11px}.recipe-table{max-height:400px;overflow:auto;border:1px solid var(--line)}.recipe-table table{min-width:970px;font-size:10px}.recipe-table thead{position:sticky;top:0;z-index:1}.recipe-table td,.recipe-table th{vertical-align:top;padding:10px;font-family:var(--sans);max-width:250px}.recipe-table td small,.recipe-table th small{display:block;font-weight:400;color:var(--muted);margin-top:4px}.recipe-table td div+div{margin-top:9px}.recipe-table code{font:10px/1.5 var(--mono);overflow-wrap:anywhere}.recipe-table caption{padding:0 10px}.assembly-heading{display:flex;justify-content:space-between;align-items:center;gap:30px;margin:24px 0 15px}.assembly-heading>div{flex:1}.assembly-heading strong{font:11px var(--mono);display:block}.assembly-heading progress{width:100%;max-width:600px;height:7px;accent-color:var(--accent);display:block;margin-top:10px}.assembly-heading button{font-size:10px}.reproduce pre{font:11px/1.7 var(--mono);overflow:auto;background:var(--surface-2);padding:16px;border:1px solid var(--line)}#assemblyDiagram{max-width:100%;overflow:hidden}#assemblyDiagram .example-diagram-viewport{height:380px;max-height:60vh}#reproductionResult{margin:16px 0}#reproductionChecks{margin-top:20px}#reproductionChecks caption{font-size:10px}#blockScope{margin-top:20px}#blockScope label{font-size:10px;margin:0}#blockSignal{display:block;max-width:100%;width:330px;margin-top:5px;padding:7px;border:1px solid var(--line);border-radius:4px;background:var(--surface);color:var(--ink);font:11px var(--mono)}#blockSignalValue{font:12px var(--mono);white-space:nowrap}#blockChart{height:210px}
@media(max-width:820px){.reproduce{padding:22px}.build-steps{grid-template-columns:repeat(3,1fr)}.build-heading{gap:18px}.build-heading button{max-width:150px}.build-heading p{font-size:11px}#blockScope header{align-items:flex-start;gap:12px;flex-wrap:wrap}#blockSignal{width:100%}}
@media(max-width:600px){.reproduce{padding:20px 14px;margin:30px 0}.reproduce>.section-heading{align-items:flex-start;flex-direction:column}.build-steps{grid-template-columns:1fr 1fr}.build-steps button{font-size:10px;min-height:45px}.build-heading{align-items:flex-start;flex-direction:column;gap:8px}.build-heading button{max-width:none}.reproduce-actions{gap:6px}.reproduce-actions button{font-size:10px;padding:8px}.assembly-heading{gap:10px}.assembly-heading strong{font-size:9px}.assembly-heading button{font-size:9px}.recipe-table{max-height:340px}.reproduce-intro{font-size:12px}}

.rebuild-shortcut{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 20px;padding:12px 16px;border:1px solid var(--line);border-radius:5px;background:var(--surface-2)}.rebuild-shortcut a{font-size:12px;font-weight:650}.rebuild-shortcut span{font:9px var(--mono);color:var(--muted)}@media(max-width:600px){.rebuild-shortcut{align-items:flex-start;flex-direction:column;gap:4px;padding:11px}.rebuild-shortcut a{font-size:11px}.rebuild-shortcut span{font-size:8px}}

.journey{margin:0 0 28px;padding:30px;border:1px solid var(--line);border-radius:9px;background:var(--surface);scroll-margin-top:18px}.journey-heading{display:flex;align-items:end;justify-content:space-between;gap:34px}.journey-heading>p{max-width:470px;margin:0;color:var(--muted);font-size:12px}.journey-steps{list-style:none;margin:26px 0 20px;padding:0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px}.journey-steps li{min-width:0}.journey-steps a{height:100%;display:block;padding:14px 12px;border:1px solid var(--line);border-radius:5px;background:var(--surface);color:var(--ink);text-decoration:none;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.journey-steps a:hover{transform:translateY(-2px);border-color:var(--accent-edge);box-shadow:0 2px 8px #20293812}.journey-steps span{display:block;font:9px var(--mono);color:var(--accent);letter-spacing:1px}.journey-steps b{display:block;margin:12px 0 5px;font-size:11px;line-height:1.35;font-weight:650}.journey-steps small{display:block;color:var(--muted);font-size:9px;line-height:1.5}.journey-flow{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;padding:14px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font:9px var(--mono);letter-spacing:.4px;color:var(--ink-2)}.journey-flow i{font-style:normal;color:var(--muted)}.journey-start{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-top:20px}.journey-start strong{font-size:12px}.journey-start p{margin:4px 0 0;max-width:820px;color:var(--muted);font-size:11px}.primary-link{flex-shrink:0;display:inline-block;border-radius:5px;background:var(--accent);color:var(--accent-ink);text-decoration:none;padding:11px 16px;font-size:11px;font-weight:650}.primary-link:hover{background:var(--accent-strong)}.result-actions>span{align-self:center;font:8px var(--mono);letter-spacing:1px;color:var(--muted);margin-right:4px}#lab,#playback,#subsystems,#reproduce,#inputs,#results,#outputs,#blocks{scroll-margin-top:18px}
.whole-run{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr;align-items:stretch;gap:9px;margin:28px 0 0;padding:22px;border-radius:7px;background:var(--surface-2);color:var(--ink)}.whole-run>i{align-self:center;color:var(--muted);font-style:normal}.whole-run-stage{position:relative;min-width:0;padding:4px}.run-number{font:8px var(--mono);letter-spacing:1px;color:var(--accent)}.run-icon{height:48px;margin:15px 0 12px;display:flex;align-items:center;color:var(--accent);font:32px var(--mono)}.energy-icon{color:var(--accent)}.motion-icon{color:var(--accent)}.evidence-icon{color:var(--accent)}.block-icon{gap:5px}.block-icon b{width:15px;height:15px;border:1px solid var(--accent);border-radius:2px;background:var(--surface)}.block-icon b+ b{margin-top:18px}.whole-run-stage h3{margin:0 0 7px;color:var(--ink);font-size:12px}.whole-run-stage p{margin:0;color:var(--ink-2);font-size:10px;line-height:1.55}.whole-run-stage small{display:block;margin-top:13px;color:var(--muted);font:8px var(--mono);text-transform:uppercase}.whole-run-explanation{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:18px 20px;border:1px solid var(--line);border-top:0;border-radius:0 0 7px 7px;background:var(--surface)}.whole-run-explanation strong{font-size:11px}.whole-run-explanation p{margin:0;color:var(--muted);font-size:11px}.detail-intro{margin-top:30px;padding-top:24px;border-top:1px solid var(--line)}.detail-intro h3{max-width:680px;margin:5px 0 0;font-size:15px;line-height:1.35}.primary-link{flex-shrink:0;display:inline-block;border-radius:5px;background:var(--accent);color:var(--accent-ink);text-decoration:none;padding:11px 16px;font-size:11px;font-weight:650}.primary-link:hover{background:var(--accent-strong)}.result-actions>span{align-self:center;font:8px var(--mono);letter-spacing:1px;color:var(--muted);margin-right:4px}#lab,#playback,#subsystems,#reproduce,#inputs,#results,#outputs,#blocks{scroll-margin-top:18px}
@media(max-width:1100px){.journey-steps{grid-template-columns:repeat(4,1fr)}.journey-steps li:last-child{grid-column:span 2}}
@media(max-width:1100px){.whole-run{grid-template-columns:1fr auto 1fr auto 1fr}.whole-run-stage:nth-of-type(n+4){margin-top:10px}.whole-run>i:nth-of-type(n+3){display:none}}
@media(max-width:820px){.journey{padding:24px}.journey-heading{align-items:flex-start;flex-direction:column;gap:10px}.whole-run{grid-template-columns:1fr 1fr;gap:8px}.whole-run>i{display:none}.whole-run-stage{padding:12px;border:1px solid var(--line);border-radius:5px}.whole-run-stage:last-of-type{grid-column:1/-1}.run-icon{height:35px;margin:10px 0}.whole-run-explanation{grid-template-columns:1fr}.whole-run-explanation .primary-link{justify-self:start}.journey-steps{grid-template-columns:repeat(2,1fr)}.journey-steps li:last-child{grid-column:auto}}
@media(max-width:600px){.journey{padding:18px 14px;margin-bottom:18px}.whole-run{grid-template-columns:1fr;padding:12px}.whole-run-stage:last-of-type{grid-column:auto}.whole-run-explanation{padding:15px}.whole-run-explanation .primary-link{width:100%;text-align:center}.journey-steps{gap:6px;margin:20px 0 14px}.journey-steps a{padding:11px 10px}.journey-steps b{margin-top:8px}.primary-link{width:100%;text-align:center}}

.garage-embed .masthead,.garage-embed .hero{display:none}.garage-embed main{padding-top:20px}.garage-embed .journey{margin-top:0}

/* Roadster 5: lead with motion. Roadster 8: the Lemonergy workbench palette (design.lemonergy.com, learn.lemonergy.com). */
:root{--ground:#ffffff;--surface:#ffffff;--surface-2:#f5f6f8;--ink:#202938;--ink-2:#425168;--muted:#596579;--line:#dce1e8;--accent:#2459a8;background:var(--ground);color:var(--ink)}body{background:var(--ground);color:var(--ink)}
.cinematic-intro{display:flex;align-items:end;justify-content:space-between;gap:32px;padding:24px 26px;background:var(--surface);border-bottom:1px solid var(--line)}.cinematic-intro h2{max-width:760px;font-size:24px}.cinematic-intro p:not(.eyebrow){max-width:820px;margin:8px 0 0;color:var(--ink-2,var(--ink-2));font-size:12px}.cinematic-intro>span{flex:0 0 auto;border:1px solid var(--line);border-radius:999px;padding:8px 11px;color:var(--muted);font:9px var(--mono);text-transform:uppercase;letter-spacing:.7px}.lab{margin-bottom:28px;background:var(--surface);box-shadow:0 1px 2px #2029380f,0 2px 8px #2029380d}.journey{background:var(--surface);border-color:var(--line);margin-bottom:28px}.whole-run{background:var(--surface-2);color:var(--ink);border:1px solid var(--line)}.whole-run>i{color:var(--muted)}.run-number{color:var(--accent)}.run-icon,.energy-icon,.motion-icon,.evidence-icon{color:var(--accent)}.block-icon b{background:var(--surface);border-color:var(--accent)}.whole-run-stage h3{color:var(--ink)}.whole-run-stage p{color:var(--ink-2,var(--ink-2))}.whole-run-stage small{color:var(--muted)}.whole-run-explanation{background:var(--surface);border-color:var(--line)}.detail-intro{border-color:var(--line)}.part-inspector{background:var(--surface);border:1px solid var(--line);border-radius:8px;margin:0 0 28px}.reproduce,.inspect,.plot-card{background:var(--surface)}
.journey-steps,.journey-steps li{list-style:none!important}.journey-steps{padding-left:0!important}.journey-steps a{text-decoration:none!important;background:var(--surface);border-color:var(--line)}.journey-steps a:hover{border-color:var(--accent);box-shadow:0 2px 8px #20293812}
@media(max-width:820px){.cinematic-intro{align-items:flex-start;flex-direction:column;gap:12px}.cinematic-intro>span{white-space:normal}.whole-run-stage{border-color:var(--line)}}
@media(max-width:600px){.cinematic-intro{padding:18px 16px}.cinematic-intro h2{font-size:21px}.cinematic-intro p:not(.eyebrow){font-size:11px}.cinematic-intro>span{width:100%;text-align:center}.journey-steps{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin:18px 0 0!important}.journey-steps li{display:block!important;margin:0!important;padding:0!important}.journey-steps a{display:flex!important;flex-direction:column!important;min-height:116px!important;padding:12px!important;border:1px solid var(--line)!important;border-radius:6px!important}.journey-steps span{display:block!important}.journey-steps b{display:block!important;margin:8px 0 4px!important}.journey-steps small{display:block!important}.part-inspector{padding:16px 14px}}

/* Roadster 6: full event before subsystem studies. */
.trial-tabs{grid-template-columns:repeat(5,minmax(0,1fr))}.phase-rail{position:absolute;left:18px;right:18px;bottom:17px;z-index:3;display:grid;grid-template-columns:repeat(7,1fr);gap:3px;padding:5px;border-radius:5px;background:color-mix(in srgb,var(--surface) 90%,transparent);backdrop-filter:blur(8px);pointer-events:none}.phase-rail span{position:relative;padding:7px 4px 6px;color:var(--muted);text-align:center;font:7px var(--mono);letter-spacing:.45px;text-transform:uppercase;border-top:2px solid var(--line)}.phase-rail span.active{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}.model-boundary{margin:0;padding:11px 18px 14px;border-top:1px solid var(--line);color:var(--muted);font:9px/1.65 var(--mono);background:var(--surface-2)}.model-boundary b{color:var(--ink)}
@media(max-width:820px){.trial-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.phase-rail{left:10px;right:10px;bottom:10px}.phase-rail span{font-size:6px}}
@media(max-width:600px){.trial-tabs{grid-template-columns:1fr 1fr}.trial-tabs #showcaseTab{grid-column:1/-1}.phase-rail{grid-template-columns:repeat(4,1fr)}.phase-rail span{padding:5px 2px}.viewport{height:390px}}


.transport{flex-wrap:wrap}.loop-label{display:flex;align-items:center;gap:6px;font-size:10px;margin:0}@media(max-width:700px){.loop-label{margin-top:4px}}
/* Roadster 8: Lemonergy workbench type and controls. Arial throughout, bold headings,
   small grey uppercase labels, 4px corners, one blue for actions; state is shown by
   a blue edge and a pale blue wash, never by a tinted card. */
h1{font-weight:700;letter-spacing:-.015em}h2{font-weight:700;letter-spacing:-.01em}.eyebrow,.scene-eyebrow{font-family:var(--sans);font-weight:700;letter-spacing:.07em;text-transform:uppercase}button,.primary-link,.equation-card,.plot-card,.pack-summary,.comparison,.rebuild-shortcut,.journey-steps a,.system-map>div,.part-block{border-radius:4px}button:hover{border-color:var(--accent-edge);background:var(--accent-soft)}button.primary:hover,.primary-link:hover{background:var(--accent-strong);border-color:var(--accent-strong)}.trial-tabs{background:var(--surface-2);border-bottom:1px solid var(--line)}.trial-tabs button[aria-pressed=true]{box-shadow:inset 0 0 0 1px var(--accent-edge)}.visual{border-right:1px solid var(--line)}.scene-tools button{background:var(--surface)}.scene-tools button[aria-pressed=true]{border-color:var(--accent-edge)}#labels>button{box-shadow:0 1px 3px #20293814}#labels>button:hover{color:var(--accent-strong)}.phase-rail{border:1px solid var(--line)}.part-picker button[aria-pressed=true],.build-steps button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.lab,.journey,.reproduce,.inspect,.part-inspector{border-radius:6px}@media(max-width:820px){.visual{border-right:0;border-bottom:1px solid var(--line)}}
/* Roadster 9: dark mode. The page follows the device until the visitor uses the
   header toggle (assets/theme.js); the 3D stage and plots read the same switch. */
.visual{background:var(--stage)}@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){color-scheme:dark;--ground:#151b25;--surface:#1d2532;--surface-2:#253041;--ink:#f0f3f8;--ink-2:#ced8e8;--muted:#acbad0;--line:#3a475e;--line-strong:#52627e;--accent:#9ec5ff;--accent-strong:#c3dbff;--accent-soft:#263c5b;--accent-edge:#4d6a96;--accent-ink:#14233a;--stage:#19202b;--baseline:#7d8aa0;--warn:#f1cf91;--fail:#ffb6bb;--fail-soft:#492c34;--force-gravity:#e8956f;--force-suction:#9ec5ff;--force-reaction:#a7b4cc;--force-thrust:#e0a84a;--force-torque:#b69cf0}}:root[data-theme="dark"]{color-scheme:dark;--ground:#151b25;--surface:#1d2532;--surface-2:#253041;--ink:#f0f3f8;--ink-2:#ced8e8;--muted:#acbad0;--line:#3a475e;--line-strong:#52627e;--accent:#9ec5ff;--accent-strong:#c3dbff;--accent-soft:#263c5b;--accent-edge:#4d6a96;--accent-ink:#14233a;--stage:#19202b;--baseline:#7d8aa0;--warn:#f1cf91;--fail:#ffb6bb;--fail-soft:#492c34;--force-gravity:#e8956f;--force-suction:#9ec5ff;--force-reaction:#a7b4cc;--force-thrust:#e0a84a;--force-torque:#b69cf0}