*,:before,:after{box-sizing:border-box}*{margin:0}html,body,#root{height:100%}body{-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}img,svg,canvas{max-width:100%;display:block}input,button{font:inherit;color:inherit}:root{--plate:#e4e3de;--envelope:#dbd8cf;--ink:#14161a;--fog:#b9b8b1;--graphite:#6e6c66;--prussian:#23456b;--mark:#a8322a;--rule:color-mix(in srgb, var(--ink) 16%, transparent);--rail-width:21.5rem;--display:"Fraunces", "Iowan Old Style", Georgia, serif;--ui:"Archivo", system-ui, -apple-system, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--plate:#0e1013;--envelope:#16191e;--ink:#e8e6e0;--fog:#4a4e56;--graphite:#9a9ea6;--prussian:#86aede;--mark:#e0574b;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--plate:#0e1013;--envelope:#16191e;--ink:#e8e6e0;--fog:#4a4e56;--graphite:#9a9ea6;--prussian:#86aede;--mark:#e0574b;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background:var(--envelope);color:var(--ink);font-family:var(--ui);font-size:14px;line-height:1.5}.app{grid-template-columns:var(--rail-width) 1fr;height:100%;display:grid}.rail{background:var(--envelope);border-right:1px solid var(--rule);flex-direction:column;gap:1.35rem;padding:1.5rem 1.5rem 2rem;display:flex;overflow-y:auto}.masthead-row{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.theme-toggle{border:1px solid var(--rule);background:var(--plate);color:var(--graphite);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;border-radius:2px;flex:none;margin-top:.15rem;padding:.2rem .5rem;font-size:.625rem;font-weight:600;transition:color .12s,border-color .12s}.theme-toggle:hover{color:var(--ink);border-color:var(--graphite)}.masthead h1{font-family:var(--display);font-variation-settings:"opsz" 120, "WONK" 1;letter-spacing:-.025em;font-size:clamp(1.7rem,2.3vw,2.15rem);font-weight:600;line-height:1}.masthead h1 span{color:var(--graphite);font-weight:300}.tagline{max-width:30ch;color:var(--graphite);margin-top:.6rem;font-size:.8125rem;line-height:1.45}.field-label{color:var(--graphite);letter-spacing:.15em;text-transform:uppercase;align-items:center;gap:.75rem;margin-bottom:.85rem;font-size:.625rem;font-weight:600;display:flex}.field-label:after{content:"";background:var(--rule);flex:1;height:1px}.scrub{margin-bottom:1.35rem}.scrub-range{appearance:none;cursor:ew-resize;background:0 0;width:100%;height:1.25rem}.scrub-range::-webkit-slider-runnable-track{background:linear-gradient(to right, color-mix(in srgb, var(--mark) 55%, transparent), var(--fog));border-radius:2px;height:3px}.scrub-range::-moz-range-track{background:var(--fog);border-radius:2px;height:3px}.scrub-range::-webkit-slider-thumb{appearance:none;border:2px solid var(--plate);background:var(--mark);width:14px;height:14px;box-shadow:0 0 0 1px var(--mark);border-radius:50%;margin-top:-5.5px}.scrub-range::-moz-range-thumb{border:2px solid var(--plate);background:var(--mark);width:12px;height:12px;box-shadow:0 0 0 1px var(--mark);border-radius:50%}.scrub-ticks{height:1.5rem;margin-top:.1rem;position:relative}.scrub-tick{color:var(--graphite);letter-spacing:.02em;white-space:nowrap;padding-top:.4rem;font-size:.5625rem;position:absolute;top:0;transform:translate(-50%)}.scrub-tick:before{content:"";background:var(--fog);width:1px;height:.25rem;position:absolute;top:0;left:50%}.exact{align-items:flex-end;gap:.6rem;display:flex}.exact-field{color:var(--graphite);flex-direction:column;gap:.25rem;font-size:.6875rem;display:flex}.year-input{border:1px solid var(--rule);background:var(--plate);width:7rem;color:var(--ink);font-family:var(--display);font-variation-settings:"opsz" 90;font-variant-numeric:tabular-nums;letter-spacing:-.01em;border-radius:2px;padding:.3rem .5rem;font-size:1.5rem;font-weight:500}.era,.speed{border:1px solid var(--rule);border-radius:2px;display:flex;overflow:hidden}.speed{margin-top:.4rem}.speed-option{text-align:center;flex:1}.era-option,.speed-option{background:var(--plate);color:var(--graphite);letter-spacing:.06em;cursor:pointer;border:0;padding:.42rem .5rem;font-size:.625rem;font-weight:600;transition:background .12s,color .12s}.era-option+.era-option,.speed-option+.speed-option{border-left:1px solid var(--rule)}.era-option:hover,.speed-option:hover{color:var(--ink)}.era-active,.speed-active{background:var(--mark);color:var(--plate)}.era-active:hover,.speed-active:hover{color:var(--plate)}.date-hint{border-top:1px dotted var(--rule);color:var(--graphite);margin-top:.75rem;padding-top:.5rem;font-size:.6875rem;line-height:1.45}.date-refine{border-top:1px dotted var(--rule);margin-top:.75rem}.date-refine>summary{color:var(--graphite);cursor:pointer;justify-content:space-between;align-items:baseline;gap:.75rem;padding:.5rem 0 .45rem;font-size:.75rem;list-style:none;display:flex}.date-refine>summary::-webkit-details-marker{display:none}.date-refine-value{color:var(--ink);font-variant-numeric:tabular-nums}.date-refine[open] .date-refine-value{color:var(--mark)}.date-grid{grid-template-columns:repeat(6,1fr);gap:2px;margin-bottom:.4rem;display:grid}.date-grid-days{grid-template-columns:repeat(7,1fr);margin-bottom:.6rem}.date-cell{border:1px solid var(--rule);background:var(--plate);color:var(--graphite);font-variant-numeric:tabular-nums;cursor:pointer;border-radius:2px;padding:.3rem 0;font-size:.6875rem;transition:background .12s,color .12s}.date-cell:hover:not(:disabled){border-color:var(--prussian);color:var(--ink)}.date-cell:disabled{opacity:.3;cursor:not-allowed}.date-cell-active{border-color:var(--mark);background:var(--mark);color:var(--plate)}.date-cell-active:hover:not(:disabled){border-color:var(--mark);color:var(--plate)}.presets{margin-top:.5rem;padding:0;list-style:none}.preset{border:0;border-bottom:1px solid var(--rule);text-align:left;cursor:pointer;background:0 0;border-left:2px solid #0000;justify-content:space-between;align-items:baseline;gap:.75rem;width:100%;padding:.28rem .55rem;transition:background .12s,border-color .12s;display:flex}.preset-group{color:var(--graphite);letter-spacing:.02em;border-bottom:1px solid var(--rule);padding:.6rem .55rem .25rem;font-size:.625rem;font-style:italic}.preset-year{color:var(--graphite);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.6875rem}.preset-active .preset-year{color:color-mix(in srgb, var(--mark) 80%, var(--ink))}.preset:hover{background:color-mix(in srgb, var(--prussian) 7%, transparent)}.preset-active{border-left-color:var(--mark);background:color-mix(in srgb, var(--mark) 8%, transparent)}.preset-name{font-size:.8125rem;font-weight:500}.preset-active .preset-name{color:var(--mark)}.play{border:1px solid var(--prussian);background:var(--plate);width:100%;color:var(--prussian);text-align:left;cursor:pointer;border-radius:2px;align-items:center;gap:.55rem;padding:.5rem .65rem;font-size:.75rem;font-weight:500;transition:background .12s,color .12s;display:flex}.play:hover:not(:disabled){background:color-mix(in srgb, var(--prussian) 10%, transparent)}.play:disabled{border-color:var(--rule);color:var(--graphite);cursor:not-allowed}.play-active{border-color:var(--mark);background:var(--mark);color:var(--plate)}.play-active:hover:not(:disabled){background:var(--mark)}.play-icon{font-size:.6875rem;line-height:1}.dial-wrap{align-items:center;gap:1rem;display:flex}.dial{cursor:grab;touch-action:none;flex:none;width:8.25rem;height:8.25rem}.dial:active{cursor:grabbing}.dial-face{fill:var(--plate);stroke:var(--rule)}.dial-tick{stroke:var(--fog);stroke-width:1px}.dial-tick-major{stroke:var(--graphite)}.dial-cardinal{fill:var(--graphite);font-family:var(--ui);font-size:8px;font-weight:600}.dial-ray{stroke:var(--mark);stroke-width:1.5px;stroke-dasharray:4 3}.dial-hub{fill:var(--ink)}.dial-handle{fill:var(--mark);stroke:var(--plate);stroke-width:1.5px}.dial-readout strong{font-family:var(--display);font-variation-settings:"opsz" 100;font-variant-numeric:tabular-nums;font-size:1.5rem;font-weight:500;line-height:1;display:block}.dial-readout span{color:var(--graphite);font-size:.6875rem;display:block}.dial-sense{max-width:14ch;margin-top:.35rem;font-style:italic}.hint{color:var(--graphite);margin-top:.75rem;font-size:.6875rem}.landmark-panel{background:var(--plate);border:1px solid var(--rule);width:15rem;padding:.75rem .9rem .6rem;position:absolute;top:1.5rem;right:1.5rem}.panel-label{color:var(--graphite);letter-spacing:.15em;text-transform:uppercase;margin-bottom:.4rem;font-size:.5625rem;font-weight:600}.landmarks{padding:0;list-style:none}.landmark{border-bottom:1px dotted var(--rule)}.landmark-go{text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:baseline;gap:.75rem;width:100%;margin:0 -.25rem;padding:.3rem .25rem;display:flex}.landmark-go:hover .landmark-name,.landmark-go:focus-visible .landmark-name{color:var(--prussian)}.landmark-go:hover,.landmark-go:focus-visible{background:color-mix(in srgb, var(--prussian) 8%, transparent)}.landmark-text{flex-direction:column;min-width:0;display:flex}.landmark-name{font-size:.8125rem}.landmark-epoch{color:var(--mark);letter-spacing:.01em;font-size:.625rem}.landmark-sep{color:var(--graphite);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.6875rem}.is-hovered .landmark-name,.is-hovered .landmark-sep{color:var(--prussian)}.is-hovered .landmark-name:before{content:"";background:var(--prussian);border-radius:50%;width:.3rem;height:.3rem;margin-left:-.65rem;margin-right:.35rem;display:inline-block}.colophon{border-top:1px solid var(--rule);color:var(--graphite);margin-top:auto;padding-top:1rem;font-size:.6875rem;line-height:1.5}.colophon summary{cursor:pointer;letter-spacing:.15em;text-transform:uppercase;font-size:.625rem;font-weight:600}.colophon summary:hover{color:var(--ink)}.colophon p:first-of-type{margin-top:.7rem}.colophon p+p{margin-top:.6rem}.byline{border-top:1px dotted var(--rule);color:var(--graphite);justify-content:space-between;align-items:baseline;gap:.75rem;margin-top:.85rem;padding-top:.6rem;font-size:.6875rem;display:flex}.byline-links{gap:.7rem;display:flex}.byline a{color:var(--prussian);border-bottom:1px solid #0000;text-decoration:none}.byline a:hover{border-bottom-color:currentColor}.stage{background:var(--plate);position:relative;overflow:hidden}.plate{touch-action:none;cursor:crosshair;width:100%;height:100%}.readout{pointer-events:none;position:absolute;top:1.5rem;left:1.75rem}.readout-label{color:var(--graphite);letter-spacing:.15em;text-transform:uppercase;font-size:.625rem;font-weight:600;display:block}.readout-value{font-family:var(--display);font-variation-settings:"opsz" 144, "WONK" 1;font-variant-numeric:tabular-nums;letter-spacing:-.03em;text-shadow:0 0 .5em var(--plate), 0 0 .9em var(--plate);align-items:baseline;gap:.4rem;font-size:clamp(2.4rem,5vw,3.75rem);font-weight:500;line-height:1;display:flex}.readout-value em{font-family:var(--ui);letter-spacing:.02em;color:var(--graphite);font-size:.75rem;font-style:normal;font-weight:500}.readout-convert{max-width:22rem;color:var(--graphite);font-variant-numeric:tabular-nums;letter-spacing:.01em;text-shadow:0 0 .4em var(--plate), 0 0 .7em var(--plate);margin-top:.3rem;font-size:.6875rem;display:block}.caption{background:var(--plate);border:1px solid var(--rule);border-left:2px solid var(--mark);max-width:34ch;box-shadow:0 1px 12px color-mix(in srgb, var(--ink) 8%, transparent);padding:.85rem 1rem;position:absolute;bottom:1.5rem;left:1.75rem}.caption p{font-family:var(--display);font-variation-settings:"opsz" 24;font-size:.95rem;line-height:1.4}.caption-horizon{border-top:1px dotted var(--rule);margin-top:.6rem;padding-top:.55rem}.caption p.caption-horizon{font-family:var(--ui);font-size:.78rem;line-height:1.45}.caption-note{color:var(--graphite);font-family:var(--ui);margin-top:.5rem;font-size:.75rem;line-height:1.4}.plate-stamp{color:var(--graphite);letter-spacing:.1em;text-transform:uppercase;pointer-events:none;font-size:.625rem;position:absolute;bottom:1.25rem;right:1.25rem}:focus-visible{outline:2px solid var(--prussian);outline-offset:2px}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (width<=60rem){.app{grid-template-rows:minmax(24rem,55vh) auto;grid-template-columns:1fr;height:auto;min-height:100%}.stage{order:-1}.rail{border-right:0;border-top:1px solid var(--rule);overflow-y:visible}.readout-value{font-size:2.4rem}.caption{max-width:none;bottom:1rem;left:1.25rem;right:1.25rem}.plate-stamp{display:none}.landmark-panel{width:auto;margin:0 1.25rem 1.25rem;position:static}}