*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{min-height:100dvh;line-height:1.5;font-family:var(--font-body,sans-serif);font-size:var(--text-base);color:var(--color-text);background:var(--color-bg)}img,picture,video,canvas,svg{display:block;max-width:100%}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;border:0;background:none}a{color:inherit;text-decoration:none}h1,h2,h3{font-weight:500;line-height:1.15;text-wrap:balance}p,li{text-wrap:pretty}:focus-visible{outline:2px solid var(--color-primary);outline-offset:4px;border-radius:var(--radius-sm)}::selection{background:#bd423873;color:var(--color-text)}button,a,select{transition:color var(--transition-interactive),background var(--transition-interactive),border-color var(--transition-interactive),opacity var(--transition-interactive)}button:active{transform:translateY(1px)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root{--font-body:"Satoshi",sans-serif;--font-display:"Satoshi",sans-serif;--font-mono:"IBM Plex Mono",monospace;--color-bg:#0b1118;--color-surface:#121c25f2;--color-surface-2:#26333e;--color-text:#edf1f4;--color-text-muted:#c0cbd3;--color-text-faint:#99a9b6;--color-border:#c5d4df29;--color-primary:#f18d80;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.375rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--transition-interactive:.16s ease;--gutter:20px}body{overflow:hidden}#experience{position:relative;width:100%;height:100dvh;min-height:600px;overflow:hidden;background:var(--color-bg);isolation:isolate}#stage{position:absolute;inset:0;z-index:0}#stage canvas{width:100%;height:100%;display:block;touch-action:none}.view-controls{position:absolute;z-index:10;top:var(--gutter);left:var(--gutter);display:flex;align-items:center;gap:var(--space-2);white-space:nowrap}.segmented{display:flex;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:3px}.segmented button{min-height:36px;padding:0 var(--space-3);display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);border-radius:5px;color:var(--color-text-muted)}.segmented button:hover{background:#ffffff0d;color:var(--color-text)}.segmented button[aria-pressed=true]{color:var(--color-text);background:#35434e}.segmented svg,.tool-button svg{width:15px;height:15px}.tool-button{padding:0 var(--space-3);min-height:44px;display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted)}.tool-button:hover{color:var(--color-text);background:var(--color-surface-2)}.tool-button[aria-pressed=true]{color:var(--color-text);background:#35434e;border-color:#90a6b66b}.icon-button{height:36px;width:36px;border-radius:5px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--color-text-muted)}.icon-button:hover{background:#ffffff12;color:var(--color-text)}.icon-button svg{width:18px;height:18px;stroke-width:1.5}#physics-panel{position:absolute;right:var(--gutter);top:var(--gutter);z-index:6;width:382px;height:calc(100% - 40px);max-height:calc(100% - 40px);display:flex;flex-direction:column;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4)}.physics-header{display:flex;align-items:center;gap:var(--space-3);height:28px;flex-shrink:0}.physics-header h2{font-size:var(--text-sm);font-weight:500}#contact-state{font-size:var(--text-xs);color:var(--color-text-faint)}#forces-toggle{margin-left:auto;display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--color-text-muted);height:32px;padding:0 var(--space-1);border-radius:var(--radius-sm)}#forces-toggle svg{width:14px;height:14px}#forces-toggle:hover{background:#ffffff0d;color:var(--color-text)}#forces-toggle[aria-pressed=false]{color:var(--color-text-faint)}.force-readout{display:grid;grid-template-columns:126px minmax(0,1fr);gap:var(--space-3);align-items:center;margin-top:var(--space-2);flex-shrink:0}#force-diagram{width:126px;height:126px;overflow:visible}#force-legend{display:grid;gap:2px}.force-row{display:flex;align-items:center;gap:6px;min-height:20px;font-size:var(--text-xs);color:var(--color-text-muted);font-variant-numeric:tabular-nums;white-space:nowrap}.force-swatch{width:9px;height:2px;background:var(--force-color);flex-shrink:0}.force-number{margin-left:auto;font-family:var(--font-mono);color:var(--color-text)}.force-row.inactive .force-number,.force-row.inactive .force-name{color:var(--color-text-faint)}.force-row.inactive .force-swatch{opacity:.35}.force-number small{font-size:10px;color:var(--color-text-faint);font-family:var(--font-body);margin-left:3px}#torque-row{margin-top:2px}#context-note{border-top:1px solid var(--color-border);margin-top:var(--space-3);padding-top:var(--space-3);min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#647784 #192630;padding-right:5px}#context-note::-webkit-scrollbar{width:4px}#context-note::-webkit-scrollbar-thumb{background:#647784;border-radius:3px}#scrubber{right:calc(382px + var(--gutter) + 16px)}.context-heading{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);height:24px;margin-bottom:var(--space-2)}.context-heading h3{font-size:15px;font-weight:700}#moment-button{font-size:var(--text-xs);color:var(--color-text-faint);min-height:32px;padding:0 var(--space-1);border-radius:var(--radius-sm)}#moment-button:hover{color:var(--color-text);background:#ffffff0d}#context-note p{font-size:14px;line-height:1.5;color:var(--color-text-muted);text-wrap:pretty}.context-lead{margin-bottom:14px}.context-points{list-style:none;margin:0;padding:0;display:grid;gap:13px}.context-points li{position:relative;padding-left:13px;font-size:14px;line-height:1.45;color:var(--color-text-muted)}.context-points li:before{content:"";position:absolute;left:0;top:6px;width:4px;height:4px;border-radius:50%;background:var(--tone)}.context-points strong{display:block;color:var(--tone);font-weight:700;margin-bottom:2px}.tone-fan{--tone:#9ed9f2}.tone-thrust{--tone:#ffb0a4}.tone-gravity{--tone:#edc18f}.tone-tire{--tone:#a9dcc0}.tone-torque{--tone:#d0b9f0}.inline-citation{font-size:11px;white-space:nowrap;color:#aebfc9;text-decoration:underline;text-decoration-color:#99a9b66b;text-underline-offset:2px}.inline-citation:hover{color:#fff}#context-note .context-takeaway{border-top:1px solid #c5d4df1c;padding-top:11px;margin-top:14px;font-size:12px;line-height:1.5}.context-takeaway strong{font-weight:700;color:#e2eaf0}.timeline-panel{position:absolute;z-index:12;left:var(--gutter);right:var(--gutter);bottom:var(--gutter);height:120px;padding:var(--space-3) var(--space-4) var(--space-2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.transport-row{height:36px;display:flex;align-items:center}.transport-left{display:flex;align-items:center;gap:var(--space-2)}.play-button{height:36px;width:36px;background:var(--color-text);color:#101821;display:flex;align-items:center;justify-content:center;border-radius:5px}.play-button:hover{background:#cedee9}.play-button svg{height:17px;width:17px;stroke-width:1.5;fill:currentColor}.timecode{display:flex;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);font-variant-numeric:tabular-nums;color:var(--color-text-faint);padding:0 var(--space-2)}#time-now{color:var(--color-text)}.time-divider{color:#738390}.rate-control{position:relative;display:flex;align-items:center;height:36px;font-size:var(--text-xs);border-left:1px solid var(--color-border);padding-left:var(--space-3)}.rate-control select{appearance:none;background:none;border:0;cursor:pointer;padding:var(--space-2) var(--space-5) var(--space-2) var(--space-1);min-height:36px}.rate-control option{background:#18212a}.rate-control svg{position:absolute;right:0;width:12px;height:12px;pointer-events:none}.scrub-track{height:32px;position:relative;margin-top:var(--space-1)}.track-background{height:3px;position:absolute;top:16px;left:10px;right:10px;background:#53616d}#track-progress{height:100%;width:0;background:#f18d80}.track-ticks{position:absolute;inset:10px;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(100% / 72 - 1px),#a9bfcc29 calc(100% / 72 - 1px),#a9bfcc29 calc(100% / 72));pointer-events:none}#timeline{position:absolute;z-index:2;left:0;right:0;top:-5px;height:44px;width:100%;appearance:none;background:transparent;cursor:ew-resize;touch-action:none}#timeline::-webkit-slider-runnable-track{height:3px;background:transparent}#timeline::-moz-range-track{height:3px;background:transparent}#timeline::-webkit-slider-thumb{appearance:none;width:19px;height:27px;border-radius:5px;border:1px solid #ffffffa6;background:#edf2f5;box-shadow:0 1px 6px #0005;margin-top:-12px;cursor:grab}#timeline::-webkit-slider-thumb:active{cursor:grabbing;background:#fff}#timeline::-moz-range-thumb{width:19px;height:27px;border-radius:5px;border:1px solid #ffffffa6;background:#edf2f5;cursor:grab}#timeline:focus-visible{outline-offset:0}#scrub-hover{display:none;position:absolute;top:-29px;transform:translate(-50%);font-size:var(--text-xs);font-family:var(--font-mono);background:#25323e;padding:var(--space-1) var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);pointer-events:none;white-space:nowrap}.scrub-track:hover #scrub-hover{display:block}.chapter-navigation{position:relative;height:28px;margin:0 var(--space-2)}.chapter-navigation button{position:absolute;top:0;min-height:28px;transform:translate(-50%);font-size:var(--text-xs);color:var(--color-text-faint);white-space:nowrap;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.chapter-navigation button:first-child{transform:none;padding-left:0}.chapter-navigation button:hover{color:var(--color-text);background:#ffffff0a}.chapter-navigation button[aria-current=true]{color:var(--color-text)}.chapter-navigation button:before{content:"";width:3px;height:3px;background:currentColor;position:absolute;top:-15px;left:50%;border-radius:50%;pointer-events:none}.chapter-navigation button:first-child:before{left:0}#force-markers{position:absolute;inset:0;z-index:3;pointer-events:none;overflow:hidden}.force-marker{position:absolute;left:0;top:0;color:var(--force-color);background:#0d1721ee;border:1px solid color-mix(in oklab,var(--force-color),transparent 76%);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2);font-size:var(--text-xs);display:flex;align-items:center;gap:var(--space-2);white-space:nowrap}.marker-number{font-family:var(--font-mono);color:#e1e8ef;font-size:var(--text-xs)}#system-markers{position:absolute;inset:0;pointer-events:none;z-index:3;display:none}body.inspecting #system-markers{display:block}.system-marker{position:absolute;left:0;top:0;font-size:var(--text-xs);color:#d5e2e9;background:#111d27f2;border:1px solid #9ab4c233;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);white-space:nowrap}.system-marker small{display:block;font-size:var(--text-xs);color:var(--color-text-muted);margin-top:2px}.fan-marker{border-color:#93d9e780;color:#bcecf6}#system-leaders{position:absolute;inset:0;width:100%;height:100%;max-width:none;overflow:visible;stroke:#adc8d38c;stroke-width:1}#loader{position:absolute;inset:0;z-index:40;display:flex;align-items:center;justify-content:center;background:var(--color-bg);color:var(--color-text-muted);font-size:var(--text-sm)}#loader.ready{display:none}#render-error{position:absolute;inset:0;z-index:41;background:var(--color-bg);display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:var(--space-8)}#render-error h2{font-size:var(--text-xl)}#render-error p{max-width:420px;margin-top:var(--space-4);color:var(--color-text-muted)}.primary-button{background:var(--color-text);color:#121c25;padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);margin-top:var(--space-5)}.skip-link{position:fixed;left:var(--space-4);top:-70px;z-index:100;background:#fff;color:#101820;padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm)}.skip-link:focus{top:var(--space-4)}dialog{margin:auto;border:1px solid #5769766b;border-radius:var(--radius-lg);background:#14202b;color:var(--color-text);width:min(660px,calc(100% - 32px));max-height:calc(100dvh - 48px);padding:0;box-shadow:0 20px 100px #0009;overflow:hidden}dialog::backdrop{background:#030910cc}dialog[open]{display:flex;flex-direction:column}.dialog-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border)}.dialog-header h2{font-size:var(--text-lg)}.dialog-body{overflow-y:auto;padding:var(--space-6);font-size:var(--text-sm);line-height:1.6;scrollbar-width:thin;scrollbar-color:#667582 #15202b}.dialog-body p,.dialog-body ul{color:var(--color-text-muted);margin-bottom:var(--space-4)}.dialog-body h3{font-size:var(--text-base);margin:var(--space-6) 0 var(--space-3);color:var(--color-text)}.dialog-body a{color:#d8e6ef;text-decoration:underline;text-decoration-color:#8faeb963;text-underline-offset:3px}.dialog-body a:hover{color:#fff;text-decoration-color:#fff}.dialog-body ul{padding-left:var(--space-5)}.dialog-body li{margin-bottom:var(--space-3)}.dialog-body strong{color:#d9e5ee;font-weight:500}.moment-summary{padding-bottom:var(--space-5);margin-bottom:var(--space-5);border-bottom:1px solid var(--color-border)}.moment-summary h3{margin-top:0}#moment-equation{font-family:var(--font-mono);font-size:var(--text-lg);color:var(--color-text);margin:var(--space-4) 0 var(--space-2)}.telemetry{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}.telemetry>div{display:flex;flex-direction:column}.telemetry span,.telemetry small{font-size:var(--text-xs);color:var(--color-text-faint)}.telemetry strong{font-family:var(--font-mono);font-weight:400;white-space:nowrap;font-variant-numeric:tabular-nums}.telemetry small{font-family:var(--font-body);margin-left:var(--space-1)}.source-address{border-top:1px solid var(--color-border);padding-top:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3);margin:var(--space-6) 0 0}.source-address a{display:flex;align-items:center;gap:var(--space-2)}.source-address svg{height:16px;width:16px}.source-address code{font-family:var(--font-mono);font-size:var(--text-xs);overflow-wrap:anywhere;color:var(--color-text-muted);user-select:all}#copy-source{align-self:flex-start;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}#copy-source:hover{background:#ffffff12}#copy-feedback{font-size:var(--text-xs);color:var(--color-text-muted)}@media (max-width:1200px){.chapter-navigation button:nth-child(2){display:none}}@media (max-width:1050px) and (min-width:801px){#physics-panel{top:20px;width:340px;padding:var(--space-3)}#scrubber{right:calc(340px + var(--gutter) + 16px)}.force-readout{grid-template-columns:112px minmax(0,1fr);gap:var(--space-2)}#force-diagram{width:112px;height:120px}}@media (max-width:800px){:root{--gutter:12px}#experience{min-height:720px}body{overflow-y:auto}.view-controls{gap:var(--space-1);right:var(--gutter)}.segmented{padding:2px}.segmented button{min-height:36px;padding:0 var(--space-2);font-size:var(--text-xs)}.segmented svg{display:none}.tool-button{min-height:42px;padding:0 var(--space-2);gap:var(--space-1);font-size:var(--text-xs)}#path-toggle span{display:none}#path-toggle{width:34px;justify-content:center}#physics-panel{top:auto;bottom:144px;left:var(--gutter);right:var(--gutter);width:auto;height:358px;max-height:none;padding:var(--space-3)}#scrubber{right:var(--gutter)}.force-readout{grid-template-columns:112px minmax(0,1fr);gap:var(--space-3);margin-top:var(--space-1)}#force-diagram{width:112px;height:116px}.context-points{gap:10px}#context-note p,.context-points li{font-size:13px}.timeline-panel{padding:var(--space-3);height:120px}.transport-left{width:100%;justify-content:space-between;gap:var(--space-1)}.timecode{padding:0;gap:var(--space-1)}.timecode>span:last-child,.time-divider{display:none}.rate-control{padding-left:var(--space-2)}.chapter-navigation button{padding-left:var(--space-1);padding-right:var(--space-1)}.chapter-navigation button:nth-child(2),.chapter-navigation button:nth-child(4),.chapter-navigation button:nth-child(5){display:none}.chapter-navigation button:nth-child(3){left:34%!important}.chapter-navigation button:nth-child(6){left:65%!important}.chapter-navigation button:nth-child(7){left:96%!important}.force-marker{padding:var(--space-1);gap:var(--space-1)}.force-marker .marker-number{display:none}.system-marker{padding:var(--space-1) var(--space-2)}.system-marker small{display:none}.dialog-header,.dialog-body{padding:var(--space-4)}}@media (max-width:370px){#systems-toggle span{display:none}.force-readout{grid-template-columns:112px minmax(0,1fr);gap:var(--space-2)}#force-diagram{width:112px}}@media (max-height:599px) and (min-width:801px){body{overflow-y:auto}#experience{height:100dvh;min-height:500px}}@media (hover:none){.scrub-track:hover #scrub-hover{display:none}}