:root{color-scheme:light;--paper:#f3efe5;--ink:#28271f;--muted:#69665b;--accent:#c04a26;--line:#d2ccbe;--period:24s}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}header,main,footer{max-width:1320px;margin:auto}header{height:106px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 40px}header a{display:flex;align-items:center;gap:18px;color:inherit;text-decoration:none;font-size:32px;font-weight:800;letter-spacing:-3px}header a span{font-size:11px;letter-spacing:2px}.edition,.eyebrow,.coordinate,.notes article>span,footer{font-family:monospace;letter-spacing:1px;font-size:11px}.edition{color:var(--muted)}main{display:grid;grid-template-columns:1fr 1fr}.intro{padding:84px 20px 72px 40px}.eyebrow{color:var(--accent);font-weight:600}h1{font-size:clamp(46px,5.4vw,76px);line-height:1.04;letter-spacing:-4px;font-weight:500;margin:32px 0 24px}h1 em{font-family:Georgia,serif;color:var(--accent);font-weight:400}.lead{font-size:17px;line-height:1.7;max-width:410px;color:var(--muted)}.controls{margin-top:34px;display:flex;flex-direction:column;align-items:flex-start;gap:24px}button{font:inherit;border:1px solid var(--ink);background:var(--ink);color:var(--paper);padding:16px 20px;border-radius:2px;cursor:pointer;min-width:258px;text-align:left}button span{float:right;margin-left:20px}button:hover{background:var(--accent);border-color:var(--accent)}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:5px}label{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:12px}input{width:90px;accent-color:var(--accent)}output{width:78px}.space{position:relative;min-height:560px;overflow:hidden;background:radial-gradient(ellipse at center,#e9e0cd88,transparent 65%)}.coordinate{position:absolute;color:var(--muted);left:36px;right:40px}.top{top:50px}.bottom{bottom:40px;display:flex;justify-content:space-between;gap:16px}.orbit{position:absolute;left:50%;top:48%;width:80%;height:38%;border:1px solid var(--line);border-radius:50%;transform:translate(-50%,-50%) rotate(-28deg)}.o2{width:96%;height:52%}.o3{width:56%;height:24%;border-style:dashed}.star{position:absolute;color:var(--accent);font-family:monospace;font-size:28px}.s1{left:18%;top:28%}.s2{right:18%;bottom:28%;font-size:18px}.s3{right:22%;top:26%}.traveler{position:absolute;top:48%;left:50%;width:52%;max-width:300px;animation:float var(--period) ease-in-out infinite}.traveler svg{display:block;width:100%}.paused .traveler{animation-play-state:paused}@keyframes float{0%,100%{transform:translate(-50%,-50%) rotate(-12deg)}25%{transform:translate(-35%,-58%) rotate(7deg)}50%{transform:translate(-50%,-42%) rotate(14deg)}75%{transform:translate(-65%,-45%) rotate(-3deg)}}.notes{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);padding:40px;gap:54px}.notes article>span{color:var(--accent)}h2{font-family:Georgia,serif;font-weight:400;font-size:30px;margin:16px 0 10px}.notes p{color:var(--muted);line-height:1.65;font-size:14px;max-width:285px}footer{border-top:1px solid var(--line);padding:28px 40px 36px;display:flex;justify-content:space-between;color:var(--muted)}@media(max-width:760px){header{height:80px;padding:0 24px}.edition{display:none}main{grid-template-columns:1fr}.intro{padding:48px 24px 12px}h1{letter-spacing:-2px;font-size:55px}.lead{font-size:16px}.space{min-height:400px}.top{top:24px}.bottom{bottom:24px}.coordinate{left:24px;right:24px;font-size:9px}.notes{padding:28px 24px;gap:22px;grid-template-columns:1fr}.notes article{padding-bottom:15px}.notes p{max-width:100%;margin-bottom:0}footer{padding:24px;gap:20px;font-size:9px}.traveler{max-width:245px}}@media(prefers-reduced-motion:reduce){.traveler{animation:none;transform:translate(-50%,-50%) rotate(-12deg)}}