@import"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap";:root{--canvas: #0a0a0a;--ink: #ffffff;--ink-2: rgb(255 255 255 / 56%);--border: rgb(255 255 255 / 12%);font:16px/1.5 Inter,system-ui,sans-serif;color:var(--ink);background:var(--canvas)}*{margin:0;padding:0;box-sizing:border-box}html,body{overflow:hidden}#root{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);gap:24px;padding:40px 0 32px}#root canvas{-webkit-mask-image:linear-gradient(transparent,#000 24px,#000 calc(100% - 24px),transparent);mask-image:linear-gradient(transparent,#000 24px,#000 calc(100% - 24px),transparent)}header,footer{padding:0 48px}h1{font-size:28px;font-weight:600;line-height:1.15;letter-spacing:-.015em}header p{max-width:36rem;margin-top:8px;color:var(--ink-2)}footer{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:24px 48px;font-size:14px;color:var(--ink-2)}footer a{color:inherit;text-decoration-color:var(--border);text-underline-offset:3px}a:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.legend figcaption{margin-bottom:12px;color:var(--ink);font-weight:500}.legend ol{display:flex;gap:2px;list-style:none;font-variant-numeric:tabular-nums}.legend li{position:relative;display:flex;align-items:center;width:56px;height:8px;margin-bottom:24px}.legend i{flex:1}.legend span{position:absolute;top:16px;left:-1px;transform:translate(-50%)}.loading{color:var(--ink-2);white-space:nowrap}.place{display:block;transform:translate(-50%,calc(-100% - 4px));opacity:0;transition:opacity .3s;font-size:11px;font-weight:500;white-space:nowrap;color:var(--ink-2);text-shadow:0 0 2px var(--canvas),0 0 4px var(--canvas),0 0 8px var(--canvas)}.place.major{font-size:13px;font-weight:600;color:var(--ink)}.readout>div{transform:translate(-50%,calc(-100% - 12px));padding:6px 10px;border-radius:8px;background:#fff;color:#000000a3;font-size:14px;font-variant-numeric:tabular-nums;white-space:nowrap}.readout b{color:#000;font-weight:600}@media (max-width: 640px){#root{padding:24px 0}header,footer{padding:0 24px}h1{font-size:22px}.legend li{width:48px}}