@font-face{font-family:Maru;src:url('fonts/Maru.woff2') format('woff2');font-display:swap;font-weight:600}@font-face{font-family:Inter;src:url('fonts/Inter.woff2') format('woff2');font-display:swap;font-weight:100 900}*{box-sizing:border-box}html{color-scheme:dark;background:#040915;color:#edf4ff;font-family:Inter,Maru,sans-serif}body{margin:0;background:radial-gradient(ellipse at 20% 10%,#122540 0,transparent 45%)}button,input,summary{font:inherit}button{border:1px solid #40516b;color:#edf4ff;background:#112039;border-radius:12px;min-height:48px;padding:11px 16px;cursor:pointer;font-weight:600;line-height:1.4;transition:background .15s,border-color .15s}button:hover{background:#1b3450;border-color:#9bc1df}button:focus-visible,input:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid #ffcf62;outline-offset:4px}button:disabled{opacity:.45;cursor:default}button[aria-pressed=true]{border-color:#ffb276;background:#382719}button#circular[aria-pressed=true],.tabs button[aria-pressed=true]{border-color:#65dce9;background:#0b343e}a{color:#83e7ed;text-underline-offset:4px}header{max-width:1392px;margin:auto;padding:26px 30px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #22344a}.brand{text-decoration:none;color:#edf4ff;font-size:18px;font-weight:800;letter-spacing:.13em}.brand span{display:inline-block;margin-left:18px;letter-spacing:0;color:#a5b7d0;font-size:13px;font-weight:600}#language{min-width:68px}main{max-width:1392px;padding:40px 30px 30px;margin:auto}h1{font-family:Maru,Inter,sans-serif;font-size:clamp(30px,3.3vw,47px);margin:13px 0 13px;line-height:1.4;letter-spacing:-.03em}p{line-height:1.85}.eyebrow{font-size:12px;color:#8db5cc;letter-spacing:.12em;font-weight:700;margin:0}.lead{font-size:17px;color:#b8c8dd;margin:0 0 27px}.lab{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(350px,1fr);gap:24px;align-items:start}.observatory{background:#07101f;border:1px solid #29405b;border-radius:21px;overflow:hidden;box-shadow:0 25px 70px #0005}.canvas-top{display:flex;justify-content:space-between;gap:10px;padding:19px 23px 0;font-size:13px;color:#ffcf62}.quiet{color:#a5b7d0;font-size:11px;letter-spacing:.08em}canvas{display:block;width:100%;height:auto}#orbit{aspect-ratio:1000/740}.scale{font-size:11px;color:#a5b7d0;margin:0 23px 18px;line-height:1.7}.gauges{display:grid;grid-template-columns:1fr 1.3fr;margin:0 23px;border-top:1px solid #24394e;padding:16px 0;gap:12px}.gauges span{font-size:12px;color:#a5b7d0;display:block;margin-bottom:7px}.gauges strong{font-size:28px;font-weight:600;font-variant-numeric:tabular-nums}.gauges small{font-size:14px;font-weight:500;color:#a5b7d0}.transport{display:grid;grid-template-columns:1.1fr .9fr 1.4fr;gap:9px;padding:3px 23px 14px}.transport button{font-size:13px;padding:10px 5px}.transport .primary{background:#ffcf62;border-color:#ffcf62;color:#101b2d;font-size:17px}.scrub-label{display:block;margin:0 23px 14px;color:#a5b7d0;font-size:12px}input[type=range]{width:100%;min-height:44px;cursor:pointer;accent-color:#ffcf62;margin:0}input[type=checkbox]{width:20px;height:20px;accent-color:#65dce9;flex-shrink:0}.compare-row{margin:0 23px 18px;font-size:13px}.compare-row label,.tools label{display:flex;align-items:center;gap:10px;min-height:44px;cursor:pointer}.tabs{display:flex;gap:8px;padding:0 23px 17px}.tabs button{flex:1;font-size:13px}.model-note{padding:15px 23px;margin:0;border-top:1px solid #29405b;color:#b5c6dc;font-size:12px;background:#0d1a2a}#aux{border-top:1px solid #29405b}#aux p{font-size:13px;color:#becbdd;margin:0 23px 20px}.controls{display:grid;gap:20px}.controls>section,.result{border:1px solid #29405b;background:#0d192bd9;border-radius:18px;padding:22px}h2{font-size:17px;line-height:1.7;margin:0 0 18px;font-weight:600}h2 b{font-family:Inter,sans-serif;color:#65dce9;margin-right:9px;font-size:13px}.distance-title{display:flex;align-items:baseline;justify-content:space-between;gap:10px}#factor{font-size:35px;font-weight:600;color:#ffcf62}#initial-distance{font-size:13px;color:#a5b7d0}.range-row{display:flex;align-items:center;gap:12px;margin:17px 0 0}.range-row button{width:48px;padding:8px;flex-shrink:0;font-size:21px}.range-marks{display:flex;justify-content:space-between;color:#b8c8dd;font-size:11px;padding:0 58px}.speed-options{display:grid;gap:11px}.speed{padding:17px;text-align:left;min-height:103px}.speed strong{display:block;font-size:16px;margin-bottom:9px;color:#ffb276}.speed#circular strong{color:#65dce9}.speed span{display:block;font-size:12px;line-height:1.8;color:#c2d0df;font-weight:400}.speed-read{display:flex;justify-content:space-between;margin:18px 0 4px;font-size:12px;color:#a5b7d0}.speed-read strong{color:#edf4ff;font-size:16px}.question{font-size:14px;margin:14px 0 0;color:#ffcf62;line-height:1.8}#same{font-size:12px;color:#65dce9}.next button{display:block;width:100%;text-align:left;font-size:12px;background:transparent;border-radius:8px;margin:8px 0;min-height:48px}.next h2{margin-bottom:8px}.result{border-color:#95732c;background:#261f13}.result>strong{display:block;font-size:35px;color:#ffcf62;margin-top:8px}.result small{font-size:11px;line-height:1.8;color:#c5c8ce}.result p{font-size:13px;margin:12px 0}.result button{display:block;margin-top:16px;font-size:12px;width:100%;background:#3c321e;border-color:#95732c}.tools{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:26px 0}.tools button{font-size:13px}.tools label{font-size:12px;color:#b8c8dd}.tools p{flex-basis:100%;margin:0;font-size:13px}.tools input:not([type=checkbox]){width:100%;min-height:48px}details{border:1px solid #29405b;background:#0b1728;border-radius:15px;margin:20px 0 35px}summary{padding:20px;cursor:pointer;font-size:15px;min-height:60px}.details-body{padding:0 23px 23px;font-size:14px;color:#c3d0e0;max-width:930px}.details-body h2{margin-top:20px}.details-body code{font-family:monospace;font-size:12px;overflow-wrap:anywhere;color:#ffcf62}.details-body h3{font-size:15px}footer{padding:5px 0 25px}footer p{font-size:11px;color:#a5b7d0;margin-top:25px}footer>a{font-size:16px}#message:empty{display:none}[hidden]{display:none!important}@media(max-width:860px){.lab{grid-template-columns:1fr}.controls{grid-template-columns:1fr 1fr}.controls>section:first-child{grid-column:1/-1}.next,.result{grid-column:1/-1}.controls>section:nth-child(2){grid-column:1/-1}.brand span{display:block;margin-left:0;font-size:11px;margin-top:6px}.heading h1{font-size:33px}}@media(max-width:480px){header{padding:17px 18px}main{padding:28px 14px 16px}h1{font-size:29px!important}.lead{font-size:14px;margin-bottom:20px}.eyebrow{font-size:10px}.canvas-top{padding:17px 16px 0;font-size:11px}.quiet{font-size:9px}.scale{margin:0 16px 14px;font-size:10px}.gauges{margin:0 16px;gap:8px}.gauges strong{font-size:23px}.gauges span{font-size:10px}.transport{padding:2px 12px 12px;gap:6px;grid-template-columns:1fr .9fr 1.25fr}.transport button{font-size:11px;min-height:50px}.transport .primary{font-size:16px}.scrub-label{margin:0 16px 10px}.compare-row{margin:0 14px 12px;font-size:12px}.tabs{padding:0 14px 14px;gap:7px}.model-note{font-size:11px;padding:14px}.controls{gap:14px}.controls>section,.result{padding:19px}.tools{display:grid;grid-template-columns:1fr;margin-top:20px}.tools label{font-size:11px}footer{overflow-wrap:anywhere}#aux p{font-size:12px}.details-body{font-size:13px;padding:0 17px 20px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.transport{grid-template-columns:1fr 1fr;align-items:stretch}.compare-inline{display:flex;align-items:center;gap:9px;font-size:12px;line-height:1.6;padding:4px 9px;cursor:pointer;border:1px solid #40516b;border-radius:12px;min-height:48px;background:#0c2030}.compare-inline:has(input:checked){border-color:#65dce9;background:#0b343e}@media(max-width:480px){.transport{grid-template-columns:1fr 1.35fr}.compare-inline{font-size:11px}}