html,body,#root{background:#0b0c0f;height:100%;margin:0;overflow:hidden}canvas{display:block}.back{color:#111;opacity:.5;font:12px ui-monospace,Menlo,monospace;text-decoration:none;position:fixed;bottom:12px;left:12px}.back:hover{opacity:1}.info{color:#111;corner-shape:squircle;background:#000;border-radius:30px;width:264px;padding:20px 22px 18px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:13px;line-height:1.4;position:fixed;top:50%;right:28px;transform:translateY(-50%);box-shadow:0 12px 40px #00000059}@supports not (corner-shape:squircle){.info{border-radius:22px}}.info h2{letter-spacing:-.02em;margin:0 0 4px;font-size:34px;font-weight:700;line-height:1.05}.info .flavour{opacity:.6;margin:0 0 12px}.info .curiosity{margin:0 0 16px}.info p,.info dd.names{text-wrap:pretty}.info dl{grid-template-columns:auto 1fr;gap:4px 14px;margin:0;display:grid}.info dt{opacity:.5}.info dd{text-align:right;font-variant-numeric:tabular-nums;margin:0;font-weight:700}.info dd.names{font-variant-numeric:normal;line-height:1.35}body[data-theme=dark] .info{color:#f2f2f2}@media (width<=640px){.info{display:none}}body[data-theme=dark],body[data-theme=dark] #root{background:#0b0c0f}body[data-theme=dark] .back{color:#f2f2f2}.planets{flex-direction:column;gap:2px;max-width:300px;display:flex;position:fixed;top:50%;left:28px;transform:translateY(-50%)}.planets button{text-align:left;cursor:pointer;color:#111;opacity:1;letter-spacing:-.02em;background:0 0;border:0;padding:3px 0;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:22px;font-weight:700;line-height:1.1;transition:color .25s}body[data-theme=dark] .planets button{color:#f2f2f2}@media (width<=640px){.planets{max-width:60vw;top:16px;left:16px;transform:none}.planets button{font-size:15px}}.transport{color:#f2f2f2;flex-direction:column;align-items:center;gap:4px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;display:flex;position:fixed;bottom:22px;left:50%;transform:translate(-50%)}.transport .now{align-items:center;gap:14px;display:flex}.transport button{cursor:pointer;color:inherit;font:inherit;background:0 0;border:0;padding:0}.transport .play{box-sizing:border-box;opacity:.95;border:3px solid;border-radius:50%;width:34px;height:34px;padding:6px}.transport .play svg{width:100%;height:100%;display:block}.transport .play:hover{opacity:1}.transport .when{width:9.6ch;color:inherit;caret-color:currentColor;cursor:text;white-space:nowrap;font-variant-numeric:tabular-nums;letter-spacing:-.01em;background:0 0;border:0;outline:none;padding:0;font-family:inherit;font-size:44px;font-weight:700;line-height:1.05}.transport .speeds{justify-content:center;gap:24px;font-size:26px;font-weight:700;display:flex}.transport .speeds button{opacity:.4;font-variant-numeric:tabular-nums}.transport .speeds button:hover{opacity:.75}.transport .speeds button.on{opacity:1}.transport .when::placeholder{color:inherit;opacity:.3}.planets,.transport{transition:opacity 2s 3s}body:not(.lit) .planets,body:not(.lit) .transport{opacity:0;pointer-events:none}