.experiment-acrylic{--acrylic-start:#ffffff61;--acrylic-end:#f7f6f147;--acrylic-edge:#fffffff0;--acrylic-highlight:#ffffffe6;--acrylic-shadow:#49473b12;--acrylic-fallback:#f7f6f1db;--acrylic-surface:linear-gradient(115deg,var(--acrylic-start),var(--acrylic-end));--acrylic-blur:blur(22px) saturate(110%);background:var(--acrylic-surface);border:1px solid var(--acrylic-edge);box-shadow:inset 0 1px 0 var(--acrylic-highlight),inset 0 -1px 0 #ffffff1f,0 8px 24px var(--acrylic-shadow);-webkit-backdrop-filter:var(--acrylic-blur);backdrop-filter:var(--acrylic-blur)}.experiment-acrylic--isolated{isolation:isolate;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0}.experiment-acrylic--isolated:before{content:"";z-index:-1;border-radius:inherit;pointer-events:none;background:var(--acrylic-surface);-webkit-backdrop-filter:var(--acrylic-blur);backdrop-filter:var(--acrylic-blur);position:absolute;inset:0;transform:translateZ(0)}.experiment-acrylic--isolated[data-acrylic-source=scene]:before{-webkit-backdrop-filter:none;backdrop-filter:none}.acrylic-scene-sample{z-index:-2;pointer-events:none;position:absolute;inset:0}.acrylic-scene-sample canvas{filter:var(--acrylic-blur);position:absolute;top:-66px;left:-66px}.acrylic-scene-sample [data-acrylic-eye=right]{will-change:opacity}.acrylic-scene-light{pointer-events:none;position:absolute}:root[data-room=dark] .experiment-acrylic,.experiment-acrylic[data-theme=dark]{--acrylic-start:#2d373b61;--acrylic-end:#17212747;--acrylic-edge:#e5f0f247;--acrylic-highlight:#ffffff30;--acrylic-shadow:#00000029;--acrylic-fallback:#1d272ce6}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.experiment-acrylic{background:var(--acrylic-fallback)}.experiment-acrylic--isolated{background:0 0}.experiment-acrylic--isolated:before{background:var(--acrylic-fallback)}}@font-face{font-family:Lab Inter;src:url(/fonts/google/inter-400-latin.woff2)format("woff2");font-display:swap}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#f3eddf;--muted:#acb6be;--blue:#a7cfe1;--gold:#e9cca0;--sans:"Lab Inter","Malgun Gothic",system-ui,sans-serif;--serif:"Times New Roman",Times,serif}*{box-sizing:border-box}body{color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;background:#070d16;margin:0}button,input,summary{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer;touch-action:manipulation}button:disabled{cursor:default;opacity:.4}button:focus-visible,input:focus-visible,summary:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:5px}a{color:inherit}[hidden]{display:none!important}.experiment{isolation:isolate;height:100svh;min-height:800px;position:relative}.scene{z-index:-4;background:#060b13;position:absolute;inset:0;overflow:clip}.scene picture{transform-origin:66% 48%;width:100%;height:100%;display:block;transform:rotate(-22deg)scale(1.48)}.scene img{object-fit:cover;object-position:60% 48%;filter:brightness(1.8)saturate(.8);width:100%;height:100%;display:block}.sky-shade{z-index:-3;pointer-events:none;background:linear-gradient(90deg,#060c15e8 0%,#060c15ad 24%,#060d1633 44%,#07101b0d 82%),linear-gradient(#060c1533,#0000 25% 72%,#060c15cf);position:absolute;inset:0}.copy{top:calc(var(--experiment-header-height,56px) + 34px);pointer-events:none;width:32%;position:absolute;left:3.1vw}.kicker{letter-spacing:.29em;color:#bbc0c1;white-space:nowrap;margin:0 0 19px;font-size:8px}h1{font:400 clamp(83px,7.35vw,145px)/.82 var(--serif);letter-spacing:-.052em;margin:0 0 21px -4px}h1 span{color:#d4c4a9}.statement{letter-spacing:-.045em;margin:0;font-size:clamp(19px,1.6vw,28px);line-height:1.5}.observation-field{left:37%;right:4.5%;top:calc(var(--experiment-header-height,56px) + 39px);position:absolute;bottom:257px}.field-heading{color:#c0c9d0;flex-direction:column;align-items:flex-end;gap:9px;font-size:10px;display:flex}.field-heading>span{border-bottom:1px solid #d6dce161;padding-bottom:8px}.field-heading output{letter-spacing:.04em;color:#9dabb7;font-size:9px}.sky-surface{touch-action:pan-y;position:absolute;inset:45px 0 25px}.star-marker{will-change:transform;width:58px;height:58px;color:var(--gold);background:0 0;border:0;border-radius:50%;margin:-29px 0 0 -29px;padding:0;transition:opacity .2s;display:block;position:absolute;top:0;left:0}.star-ring{border:1px solid #e2c9a88c;border-radius:50%;width:44px;height:44px;position:absolute;inset:7px;box-shadow:0 0 12px #efcc8b0b}.star-core{background:#fff4db;border-radius:50%;width:8px;height:8px;position:absolute;top:25px;left:25px;box-shadow:0 0 5px 2px #ffedccaa,0 0 17px 3px #e7d0a353,0 0 31px 6px #d2b08b15}.star-core:before,.star-core:after{content:"";background:linear-gradient(#0000,#fff5da,#0000);width:1px;height:18px;position:absolute;top:-5px;left:3.5px}.star-core:after{transform:rotate(90deg)}.star-label{white-space:nowrap;letter-spacing:.02em;text-shadow:0 2px 9px #000;font-size:11px;display:block;position:absolute;top:64px;left:50%;transform:translate(-50%)}.target-star{z-index:2}.observation-note{color:#9cabb8;justify-content:center;align-items:center;gap:20px;font-size:9px;display:flex;position:absolute;bottom:0;left:0;right:0}.observation-note>span{background:#a6b5c13f;flex:1;max-width:90px;height:1px}.observation-note p{margin:0}.observation-note i{opacity:.6;margin:0 7px;font-style:normal}.orbit-panel{scrollbar-width:thin;scrollbar-color:#8b9aa061 transparent;border-radius:14px;width:clamp(300px,27.8vw,420px);max-height:calc(100% - 395px);padding:0 20px;position:absolute;bottom:105px;left:3.1vw;overflow-y:auto}.orbit-panel summary{cursor:pointer;justify-content:space-between;align-items:center;padding:17px 0 9px;font-size:12px;list-style:none;display:flex}.orbit-panel summary::-webkit-details-marker{display:none}.measurement-result summary::-webkit-details-marker{display:none}.orbit-panel summary>span,.measurement-result summary>span{color:#9cabb4;font-size:13px;transition:transform .34s cubic-bezier(.22,1,.36,1)}details[data-expanded=true]>summary>span{transform:rotate(45deg)}.orbit-body{padding:0 0 6px}.orbit-map{width:100%;height:auto;max-height:270px;margin:auto;display:block;overflow:visible}.orbit-map text{font-family:var(--sans);fill:#e5e3db;font-size:10px}.orbit-line{stroke:#c3ced05c;stroke-width:.8px;fill:none}.orbit-arrow{stroke:#c3ced07d;stroke-width:.8px;fill:none}.sun-star-axis{stroke:#cbd0cd40;stroke-width:.7px;stroke-dasharray:3 4;fill:none}.axis-break{stroke:#d1d5c9;stroke-width:.9px;fill:none}.diagram-star path{stroke:#f5e5c5;stroke-width:1px;fill:none}.diagram-star circle{fill:#fff3d5;filter:drop-shadow(0 0 3px #e9cda4)}.orbit-current-ray{stroke:#e1c89a9c;stroke-width:1px;fill:none}.orbit-map .sun-label{fill:#d7c9ac;font-size:9px}.orbit-earth circle{stroke:#b9d3d7;stroke-width:.5px}.orbit-earth .earth-halo{fill:#d4b57a0b;stroke:#e8d0a299;stroke-width:.8px}.orbit-earth path{fill:#b3bda694;stroke:none}.orbit-earth text{fill:var(--gold);text-anchor:middle;font-size:9px}.orbit-map .diagram-note{fill:#a5b2bb;text-anchor:middle;letter-spacing:.02em;font-size:8px}.distance-control{border-top:1px solid #c4d3dc36;padding:16px 0 10px}.range-heading{justify-content:space-between;align-items:center;font-size:11px;display:flex}.range-heading output{color:#dfded5;font-variant-numeric:tabular-nums;font-size:13px}.orbit-panel input{margin-top:6px}input[type=range]{appearance:none;cursor:ew-resize;background:0 0;width:100%;height:26px;margin-left:0;margin-right:0;padding:0}input[type=range]::-webkit-slider-runnable-track{background:#bac3c15e;border-radius:4px;height:3px}input[type=range]::-webkit-slider-thumb{appearance:none;background:#bdc5c8;border:1px solid #eeeee2;border-radius:50%;width:14px;height:14px;margin-top:-5.5px;box-shadow:0 1px 5px #0005}input[type=range]::-moz-range-track{background:#bac3c15e;height:3px}input[type=range]::-moz-range-thumb{background:#bdc5c8;border:1px solid #eeeee2;border-radius:50%;width:14px;height:14px}#more{border-top:1px solid #c4d3dc36}#more>summary{color:#b4bec4;padding:12px 0 15px;font-size:10px}.extra-body{padding-bottom:16px;display:flow-root}.extra-body p{color:#bbc5cc;word-break:keep-all;margin:0 0 11px;font-size:10px;line-height:1.85}.extra-body a{text-underline-offset:3px}.extra-actions{justify-content:space-between;align-items:center;gap:10px;display:flex}.extra-actions a,.extra-actions button{color:#c5d0d5;font-size:9px}.extra-actions button{background:0 0;border:0;padding:7px}.time-panel{position:absolute;bottom:112px;left:39%;right:6%}.time-controls{border-radius:15px;align-items:center;gap:20px;padding:12px 14px 12px 20px;display:flex}.time-controls>label{white-space:nowrap;font-size:11px}.epoch-control{flex:1;min-width:90px}.epoch-control input{height:20px;margin:0;display:block}.epoch-control input::-webkit-slider-thumb{background:#dcc39e;border:1px solid #fff0d4;width:16px;height:16px;margin-top:-6.5px;box-shadow:0 0 11px #e2c49c55}.epoch-ticks{justify-content:space-between;margin:2px -7px 0;display:flex}.epoch-ticks button{color:#bdc8d0;background:0 0;border:0;min-width:24px;padding:3px 5px 0;font-size:9px}.epoch-ticks button:last-child{margin-right:-7px}.play-button{background:#ffffff05;border:1px solid #bacbd494;border-radius:50%;flex:0 0 38px;width:38px;height:38px;font-size:16px;line-height:1}.six-months{white-space:nowrap;color:#e9d5ae;background:linear-gradient(130deg,#e5d3af24,#e5d3af08);border:1px solid #e1c89a;border-radius:28px;justify-content:center;align-items:center;gap:17px;padding:12px 17px;font-size:11px;display:flex;box-shadow:inset 0 1px #fff8dc34}.observation-actions{justify-content:center;gap:10px;margin-top:24px;display:flex}.observation-actions button{color:#c3d0d9;background:#18263650;border:1px solid #acbfcc45;border-radius:30px;min-width:130px;padding:10px 17px;font-size:10px}.observation-actions button>span{opacity:.6;margin-left:12px}.observation-actions .measure-button{color:#e8d6b9;background:#d0ae6f0c;border-color:#e0c69a9e}.workflow-status{text-align:center;color:#a4b1bc;word-break:keep-all;min-height:16px;margin:14px 0 0;font-size:10px;line-height:1.7}.measurement-result{border-radius:13px;width:min(390px,100%);padding:0 18px;position:absolute;bottom:calc(100% + 38px);left:50%;transform:translate(-50%)}.measurement-result summary{cursor:pointer;justify-content:space-between;align-items:center;padding:14px 0;font-size:11px;list-style:none;display:flex}.result-body{padding-bottom:15px;display:flow-root}.result-body dl{grid-template-columns:1fr auto;gap:10px;margin:0;font-size:11px;display:grid}.result-body dt{color:#bac9d1}.result-body dd{color:#f4d7a8;font-variant-numeric:tabular-nums;margin:0}.result-body p{color:#becbd0;word-break:keep-all;font-size:10px;line-height:1.75}.result-body button{color:#d0dce0;background:0 0;border:0;border-bottom:1px solid #b1c5cf66;padding:5px 0;font-size:10px}.measurement-overlay{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.measurement-overlay path{stroke:#d9d7bc;stroke-width:1px;fill:none}.measurement-overlay circle{stroke:#ecddba;stroke-width:1px;fill:#121e2a}.measurement-overlay text{fill:#dedbc7;font:9px var(--sans);text-anchor:middle;paint-order:stroke;stroke:#080f19;stroke-width:4px}.measure-prompt{text-align:center;color:#e4d7b9;pointer-events:none;background:#0c1824c9;border:1px solid #bfcad037;border-radius:24px;width:max-content;max-width:100%;padding:10px 16px;font-size:11px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.experiment-footer{color:#b9c5cc;border-top:1px solid #c0cbd340;justify-content:space-between;align-items:center;gap:20px;min-height:74px;padding:15px 3.1vw;display:flex;position:absolute;bottom:0;left:0;right:0}.process{letter-spacing:.22em;white-space:nowrap;font-size:8px}.process i{margin:0 12px;font-style:normal}.experiment-footer>div{letter-spacing:.13em;flex-direction:column;align-items:flex-end;gap:5px;font-size:8px;display:flex}.experiment-footer a{letter-spacing:0;color:#aebcc7;font-size:9px;text-decoration:none}.photo-change{letter-spacing:0;color:#8797a4;font-size:8px}.render-status{z-index:20;color:#bccbd4;background:#080f19;justify-content:center;align-items:center;gap:12px;font-size:12px;display:flex;position:absolute;inset:0}.render-status>span{background:#dfc69f;border-radius:50%;width:5px;height:5px;animation:1s ease-in-out infinite alternate prepare}@keyframes prepare{to{opacity:.25}}noscript{z-index:30;background:#152532;padding:20px;position:absolute;top:45%;left:20px;right:20px}@media (width>=1700px){.orbit-map{max-height:305px}.orbit-panel{bottom:115px}.time-panel{bottom:125px}.observation-field{bottom:290px}.copy{top:calc(var(--experiment-header-height,56px) + 46px)}}@media (width<=1150px) and (width>=761px){.experiment{min-height:890px}.copy{top:95px}.kicker{letter-spacing:.17em;font-size:7px}h1{font-size:83px}.statement{font-size:20px}.orbit-panel{width:285px;max-height:calc(100% - 385px);padding:0 17px;bottom:105px}.orbit-map{max-height:250px}.time-panel{bottom:110px;left:38%;right:3%}.time-controls{gap:12px;padding:12px}.time-controls>label{font-size:10px}.six-months{gap:8px;padding:11px 13px;font-size:10px}.play-button{flex-basis:32px;width:32px;height:32px}.observation-field{bottom:280px;left:38%;right:4%}.star-label{font-size:10px}.workflow-status{font-size:9px}}@media (width<=760px){.experiment{flex-direction:column;height:auto;min-height:100svh;padding:93px 0 0;display:flex}.scene{position:absolute;inset:0}.scene picture{transform-origin:60% 30%;transform:rotate(-17deg)scale(1.5)}.scene img{object-position:60% 40%;filter:brightness(1.8)saturate(.8)}.sky-shade{background:linear-gradient(#070f19b3,#0000 32%,#070f1977 57%,#070f19e6)}.copy{width:auto;margin:0 23px;position:relative;inset:auto}.kicker{letter-spacing:.19em;margin-bottom:16px;font-size:6.5px}h1{margin-bottom:18px;font-size:82px;line-height:.8}.statement{font-size:19px;line-height:1.5}.observation-field{order:1;height:295px;margin:24px 20px 0;position:relative;inset:auto}.field-heading{font-size:9px}.field-heading output{font-size:8px}.sky-surface{inset:24px 0 27px}.star-label{font-size:10px}.star-ring{width:38px;height:38px;inset:10px}.observation-note{gap:12px;font-size:8px}.observation-note>span{max-width:38px}.time-panel{order:2;margin:21px 18px 20px;position:relative;inset:auto}.time-controls{border-radius:13px;grid-template-columns:auto 1fr auto;gap:12px;padding:14px 13px;display:grid}.time-controls>label{font-size:10px}.epoch-control{min-width:0}.play-button{flex-basis:34px;width:34px;height:34px}.six-months{grid-column:2/4;justify-self:end;padding:9px 17px;font-size:10px}.observation-actions{margin-top:17px}.observation-actions button{min-width:132px;font-size:10px}.workflow-status{margin:12px 6px 0;font-size:9px;line-height:1.75}.orbit-panel{order:3;width:auto;max-height:none;margin:0 18px 25px;padding:0 19px;position:relative;inset:auto;overflow:visible}.orbit-panel summary{font-size:11px}.orbit-map{width:270px;max-width:100%;max-height:265px}.distance-control{padding-top:16px}.range-heading{font-size:11px}.range-heading output{font-size:12px}.orbit-panel input{height:32px}.extra-body p{font-size:10px}.experiment-footer{text-align:center;flex-direction:column;order:4;align-items:center;gap:16px;padding:20px 18px 24px;position:relative;inset:auto}.experiment-footer>div{align-items:center}.process,.experiment-footer>div>span:first-child{font-size:7px}.measurement-result{width:100%;margin-top:16px;position:relative;inset:auto;transform:none}.measure-prompt{padding:8px 10px;font-size:9px;bottom:-3px}.result-body p{font-size:10px}.render-status{position:fixed}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (width>=761px){.orbit-panel{max-height:calc(100% - var(--copy-clearance,395px) - 105px)}.orbit-map{max-height:clamp(155px,calc(var(--experiment-height,100svh) - var(--copy-clearance,395px) - 253px),270px)}.observation-field{bottom:285px}}@media (width>=1700px){.orbit-panel{max-height:calc(100% - var(--copy-clearance,395px) - 115px)}.orbit-map{max-height:clamp(155px,calc(var(--experiment-height,100svh) - var(--copy-clearance,395px) - 263px),305px)}}.scene img{filter:brightness(1.12)saturate(.8)}@media (width<=760px){.scene picture{height:max(1450px,100svh);position:absolute;inset:0 0 auto;transform:none}.scene img{object-position:50% 45%}.sky-shade{background:linear-gradient(#070f19b3,#0000 460px,#070f1977 820px,#070f19e6 1450px)}}.orbit-map text{font-size:12px}.orbit-earth text,.orbit-map .sun-label{font-size:11px}@media (width>=761px) and (height<=820px){.copy{top:82px}.kicker{margin-bottom:14px}h1{margin-bottom:16px;font-size:clamp(72px,6.1vw,90px)}.statement{font-size:19px}.orbit-panel summary{padding:12px 0 6px}.orbit-body{padding-bottom:0}.distance-control{padding:11px 0 5px}#more>summary{padding:8px 0 9px}}.orbit-maximum-rays{stroke:#c3d1d278;stroke-width:.9px;stroke-dasharray:3 3;fill:none}.orbit-maximum-points circle{fill:#aebfc9aa}.orbit-maximum-points text{fill:#9aadb8;font-size:9px}#diagram-p-sector{fill:#e8c99821;stroke:none}#diagram-half-angle{fill:none;stroke:#edce96;stroke-width:1.4px}#diagram-full-angle{fill:none;stroke:#abcbd0ac;stroke-width:1px;stroke-dasharray:2 2}#diagram-p-leader{fill:none;stroke:#e8c9989c;stroke-width:.7px}#diagram-full-leader{fill:none;stroke:#abcbd09c;stroke-width:.7px}.diagram-angles text{fill:#edcf9d;font:11px var(--sans);paint-order:stroke;stroke:#0e1924;stroke-width:3px;stroke-linejoin:round}.diagram-angles #diagram-p-label{text-anchor:start}.diagram-angles #diagram-full-label{fill:#b9d5dd;text-anchor:end}.orbit-map .diagram-note{font-size:8.5px}.sky-surface[data-has-survey=true] .target-star .star-label{top:-13px}.measurement-overlay .observation-trail circle{fill:#b8d9eb;fill-opacity:.16;stroke:none}.measurement-overlay .survey-extremes circle{fill:#b8d9eb20;stroke:#bad9e6;stroke-width:1px}.measurement-overlay .survey-guide{stroke:#b8cad874;stroke-width:.8px;stroke-dasharray:2 5}.measurement-overlay .survey-full path{stroke:var(--blue)}.measurement-overlay .survey-half path{stroke:var(--gold)}.measurement-overlay .survey-full text{fill:#c1deeb}.measurement-overlay .survey-half text{fill:#f2d6a3}.measurement-overlay .survey-full text,.measurement-overlay .survey-half text{stroke-width:5px;stroke-linejoin:round;font-size:12px}@media (width<=760px){.measurement-overlay .survey-full text,.measurement-overlay .survey-half text{font-size:11px}}.diagram-background image{opacity:1}.diagram-background .background-shade{fill:url(#preview-shade)}.diagram-background .background-border{fill:none;stroke:#acc8d34d;stroke-width:.8px}.diagram-background .background-reference{fill:none;stroke:#c4d7de38;stroke-width:.6px;stroke-dasharray:1 5}.orbit-map .background-heading{fill:#bbcbd3;letter-spacing:.03em;font-size:10px}.orbit-maximum-extensions{fill:none;stroke:#aabfc24a;stroke-width:.7px;stroke-dasharray:2 4}.orbit-current-extension{fill:none;stroke:#edd3a7c2;stroke-width:1px;stroke-dasharray:3 3}.observer-baseline{fill:none;stroke:#aabfc257;stroke-width:.8px}.orbit-map .phase-heading,.orbit-map .phase-caption,.orbit-map .observer-caption{fill:#a4b3bd;text-anchor:middle;font-size:8px}.orbit-map .phase-caption{font-size:7px}.phase-inset #orbit-phase circle{stroke:#b9d3d7;stroke-width:.7px}.background-current-position .background-position-ring{fill:#e9cca019;stroke:var(--gold);stroke-width:1px}.background-current-position .background-position-core{fill:#fff1ce;filter:drop-shadow(0 0 2px #e9cca0)}.orbit-map .background-current-position text{fill:#f0d4a7;paint-order:stroke;stroke:#0a1722;stroke-width:2.5px;stroke-linejoin:round;font-size:10px}@media (width>=761px){.orbit-map{max-height:clamp(225px,calc(var(--experiment-height,100svh) - var(--copy-clearance,395px) - 163px),365px)}}@media (width>=1700px){.orbit-map{max-height:clamp(225px,calc(var(--experiment-height,100svh) - var(--copy-clearance,395px) - 173px),400px)}}@media (width<=760px){.orbit-map{max-height:365px}}:root{--distance-width:76px;--distance-right:clamp(18px,3.1vw,60px)}.observation-field,.time-panel{right:calc(var(--distance-right) + var(--distance-width) + 24px)}.distance-control{right:var(--distance-right);z-index:3;width:var(--distance-width);height:clamp(230px,45svh,380px);max-height:calc(100svh - var(--experiment-header-height,56px) - 100px);border-top:1px solid var(--acrylic-edge);border-radius:14px;grid-template-rows:auto auto minmax(80px,1fr) auto;justify-items:center;gap:8px;padding:16px 10px;display:grid;position:fixed;top:50%;transform:translateY(-50%)}.distance-control .range-heading{text-align:center;word-break:keep-all;justify-items:center;gap:5px;font-size:10px;line-height:1.4;display:grid}.distance-control .range-heading output{color:var(--gold);font-size:14px;line-height:1.25}.distance-endpoint{color:#a7b6bf;font-variant-numeric:tabular-nums;pointer-events:none;font-size:9px;line-height:1.3}#distance{writing-mode:vertical-lr;block-size:32px;inline-size:100%;cursor:ns-resize;touch-action:none;direction:rtl;width:32px;height:100%;min-height:0;margin:0;padding:0;display:block}#distance::-webkit-slider-runnable-track{width:3px;height:100%;background:#bac3c174;border-radius:4px;block-size:3px;inline-size:100%}#distance::-webkit-slider-thumb{width:16px;height:16px;margin:0;background:#dcc39e;border:1px solid #fff0d4;block-size:16px;inline-size:16px;margin-block-start:-6.5px;box-shadow:0 1px 5px #0005}#distance::-moz-range-track{width:3px;height:100%;background:#bac3c174;border-radius:4px;block-size:3px;inline-size:100%}#distance::-moz-range-thumb{width:16px;height:16px;background:#dcc39e;border:1px solid #fff0d4;block-size:16px;inline-size:16px}@media (width>=761px){.orbit-map{max-height:clamp(150px,calc(var(--experiment-height,100svh) - var(--copy-clearance,395px) - 205px),365px)}}@media (width>=1700px){.orbit-map{max-height:clamp(150px,calc(var(--experiment-height,100svh) - var(--copy-clearance,395px) - 215px),400px)}}@media (width<=760px){:root{--distance-width:62px}.observation-field,.time-panel{right:auto}.observation-field .field-heading{padding-right:calc(var(--distance-width) + 12px)}.sky-surface{right:calc(var(--distance-width) + 12px)}.distance-control{border-radius:12px;gap:6px;height:calc(100% - 51px);max-height:none;padding:10px 7px;position:absolute;top:24px;right:0;transform:none}.distance-control .range-heading{gap:3px;font-size:9px}.distance-control .range-heading output{font-size:12px}.distance-endpoint{font-size:8px}}