:root{--bg:#0d1017;--ink:#e9edf5;--muted:#8a93a6;--line:#262c3a;--field:#151a24;--accent:#f2b46d;--display:"Outfit", "Avenir Next", "Segoe UI", system-ui, sans-serif;--mono:"DM Mono", ui-monospace, "SF Mono", Menlo, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--bg);color:var(--ink);font-family:var(--display);-webkit-tap-highlight-color:transparent;margin:0;font-size:15px}[hidden]{display:none!important}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}a{color:inherit;text-underline-offset:3px}canvas{display:block}main{padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));padding-top:env(safe-area-inset-top,0px);padding-bottom:max(24px, env(safe-area-inset-bottom,0px))}.hero{flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:100svh;padding-block:20px 16px;display:flex}.clock-frame{aspect-ratio:1;pointer-events:none;width:min(620px,100%,68svh);position:relative}.clock-frame .ring-hit,.clock-frame .hand-hit,.globe-inline,.clock-backdrop{pointer-events:auto}.clock-backdrop{background:var(--bg);border-radius:50%;position:absolute;inset:0;box-shadow:0 0 40px 8px #00000073}.face-slot{position:absolute}.face{aspect-ratio:1;width:100%;position:relative}.face canvas{width:100%;height:100%;position:absolute;inset:0}.year-ring{pointer-events:none;position:absolute;inset:0;overflow:visible}.year-ring .month{font-family:var(--mono);fill:var(--ink);letter-spacing:.12em;text-anchor:middle;dominant-baseline:central}.year-ring .knob.dragging rect{filter:drop-shadow(0 0 6px color-mix(in srgb, var(--accent) 60%, transparent))}.year-ring .knob-label{font-family:var(--mono);fill:var(--bg);text-anchor:middle;dominant-baseline:central;font-weight:400}.ring-hit{touch-action:none;cursor:grab;border-radius:50%;outline:none;position:absolute;inset:0}.ring-hit:active{cursor:grabbing}.hand-hit{transform-origin:50% 100%;touch-action:none;cursor:grab;border-radius:22px;outline:none;width:44px;height:47%;position:absolute;bottom:50%;left:calc(50% - 22px)}.hand-hit:active{cursor:grabbing}.hand-hit:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 55%, transparent)}.caption{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.place{letter-spacing:.01em;text-wrap:balance;margin:0;font-size:1.6rem;font-weight:300}.facts{font-family:var(--mono);color:var(--muted);font-variant-numeric:tabular-nums;flex-direction:column;align-items:center;gap:4px;font-size:.76rem;display:flex}.facts-now{flex-direction:column;align-items:center;gap:4px;display:flex}.facts-row{white-space:nowrap;gap:0 14px;display:flex}@media (width>=640px){.facts-now{flex-direction:row;gap:0 14px}}.facts b{color:var(--ink);font-weight:400}.more{font-family:var(--mono);color:var(--muted);border-radius:999px;padding:8px 12px;font-size:.76rem;text-decoration:none}.more:hover{color:var(--ink)}.err{font-family:var(--mono);color:var(--accent);text-align:center;margin:0;font-size:.76rem}.controls-wrap{flex-direction:column;align-items:center;gap:10px;width:100%;display:flex}.controls{flex-wrap:wrap;justify-content:center;gap:8px;margin:0;display:flex}.controls select,.controls input,.controls button,.seg,.play,.steps button{font-family:var(--mono);color:var(--ink);background:var(--field);border:1px solid var(--line);border-radius:999px;outline:none;min-height:38px;padding:0 14px;font-size:.8rem}.controls input[type=number]{width:8em}.controls select{appearance:none;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 4.5 6 8l3.5-3.5' fill='none' stroke='%238a93a6' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;background-size:12px;max-width:15em;padding-right:36px;overflow:hidden}.loc-group{gap:8px;display:flex}.dd{position:relative}.controls .dd-button{text-align:left;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 4.5 6 8l3.5-3.5' fill='none' stroke='%238a93a6' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;background-size:12px;align-items:center;width:15em;max-width:100%;padding-right:36px;display:flex}.controls .dd-button[aria-expanded=true]{border-color:var(--muted)}.dd-value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dd-list{z-index:20;overscroll-behavior:contain;text-align:left;background:var(--field);border:1px solid var(--line);width:17.5em;min-width:100%;max-height:min(360px,60vh);font-family:var(--mono);scrollbar-width:thin;scrollbar-color:var(--line) transparent;border-radius:16px;outline:none;margin:0;padding:6px;font-size:.8rem;list-style:none;position:absolute;top:calc(100% + 6px);left:0;overflow-y:auto;box-shadow:0 18px 50px #0000008c}.dd-list.up{top:auto;bottom:calc(100% + 6px)}.dd-list li{cursor:pointer;color:var(--ink);white-space:nowrap;border-radius:10px;align-items:center;gap:10px;padding:8px 10px;display:flex}.dd-list li.divider{margin-top:7px;position:relative}.dd-list li.divider:before{content:"";border-top:1px solid var(--line);position:absolute;top:-4px;left:10px;right:10px}.dd-list li.active{background:var(--line)}.dd-list li.current{color:var(--accent)}.dd-icon{width:16px;height:16px;color:var(--muted);flex:none;place-items:center;display:grid}.dd-list li.current .dd-icon{color:var(--accent)}.dd-label{text-overflow:ellipsis;flex:1;overflow:hidden}.dd-hint{color:var(--muted);font-variant-numeric:tabular-nums;flex:none;font-size:.72rem}.controls button.icon{width:38px;color:var(--muted);place-items:center;padding:0;display:grid}.controls button.icon[aria-pressed=true]{color:var(--accent);border-color:var(--accent)}.globe-sheet{z-index:10;padding:12px max(16px, env(safe-area-inset-right,0px)) max(12px, env(safe-area-inset-bottom,0px)) max(16px, env(safe-area-inset-left,0px));background:var(--field);border-top:1px solid var(--line);border-radius:18px 18px 0 0;flex-direction:column;align-items:center;gap:6px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -12px 40px #00000073}.globe-head{justify-content:space-between;align-items:flex-start;gap:12px;width:100%;max-width:420px;display:flex}.globe-label{font-variant-numeric:tabular-nums;flex-direction:column;gap:2px;min-width:0;display:flex}.globe-label b{white-space:nowrap;text-overflow:ellipsis;font-size:1.05rem;font-weight:400;overflow:hidden}.globe-label span{font-family:var(--mono);color:var(--muted);white-space:nowrap;font-size:.72rem}.globe-close{border:1px solid var(--line);background:var(--bg);width:32px;height:32px;color:var(--muted);font:inherit;cursor:pointer;border-radius:999px;flex:none;font-size:1.1rem;line-height:1}.globe-close:hover{color:var(--ink);border-color:var(--muted)}.globe{touch-action:none;cursor:grab;border-radius:50%;outline:none}.globe:active{cursor:grabbing}.globe:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 55%, transparent)}.globe-inline{position:absolute}.globe-tag{pointer-events:none;font-family:var(--mono);white-space:nowrap;text-shadow:0 1px 3px #000000e6;flex-direction:column;align-items:center;gap:1px;font-size:.7rem;display:flex;position:absolute;top:calc(50% + 20px);left:50%;transform:translate(-50%)}.globe-tag b{color:var(--ink);font-weight:400}.globe-tag span{color:var(--muted);font-size:.64rem}.globe-tip{text-align:center;pointer-events:none;font-family:var(--mono);color:var(--muted);margin:0;font-size:.66rem;transition:opacity .6s;position:absolute;top:calc(100% + 6px);left:0;right:0}.globe-tip.gone{opacity:0}.globe-hint{font-family:var(--mono);color:var(--muted);opacity:.8;margin:0;font-size:.68rem}@media (width>=900px){.hero{position:relative}.globe-sheet{border:1px solid var(--line);border-radius:20px;width:300px;padding:14px 16px 12px;position:absolute;inset:24px 24px auto auto;box-shadow:0 16px 48px #00000080}}.controls button,.play,.steps button{cursor:pointer}.controls button:disabled{opacity:.45;cursor:default}.controls button[aria-pressed=true],:is(.controls,.unroll-controls,.steps,.seg) :is(button,select,input):hover:not(:disabled){border-color:var(--muted)}:is(.controls,.unroll-controls,.steps,.seg,.daychart) :focus-visible{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 30%, transparent)}.block{flex-direction:column;gap:16px;max-width:1040px;margin:0 auto;padding-block:56px 8px;scroll-margin-top:12px;display:flex}.block h2{letter-spacing:.01em;text-wrap:balance;margin:0;font-size:1.5rem;font-weight:300}.lede{color:var(--muted);max-width:62ch;margin:0;line-height:1.6}.lede code{font-family:var(--mono);color:var(--ink);font-size:.88em}.lede a{color:var(--ink)}.unroll{flex-direction:column;gap:14px;display:flex}.unroll>.seg{align-self:center}.unroll-stage{width:100%;max-width:900px;margin:0 auto}.unroll-stage canvas{width:100%}.unroll-controls{align-items:center;gap:14px;width:100%;max-width:560px;margin:0 auto;display:flex}.play{flex:none;min-width:6.5em}.unroll-controls input[type=range]{min-width:0;accent-color:var(--accent);border-radius:999px;outline:none;flex:1;height:38px;margin:0}.unroll-controls input[type=range]:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 40%, transparent)}.steps{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.steps button{color:var(--muted);min-height:32px;font-size:.74rem}.steps button[aria-pressed=true]{color:var(--ink);border-color:var(--muted)}.unroll-caption{text-align:center;color:var(--ink);text-wrap:pretty;max-width:52ch;min-height:4.7em;margin:0 auto;line-height:1.55}.daychart{grid-template-columns:minmax(0,1fr);gap:14px;display:grid}.chart-head{flex-direction:column;gap:10px;display:flex}.seg{align-self:flex-start;padding:2px;display:inline-flex}.seg button{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;min-height:32px;padding:0 12px}.seg button[aria-pressed=true]{background:var(--line);color:var(--ink)}.readout{font-family:var(--mono);color:var(--muted);font-variant-numeric:tabular-nums;min-height:2.6em;font-size:.78rem;line-height:1.6}.readout b{color:var(--ink);font-weight:400}.readout .clear{font:inherit;color:var(--muted);background:var(--field);border:1px solid var(--line);cursor:pointer;vertical-align:middle;border-radius:999px;width:24px;height:24px;margin-left:8px;line-height:1}.chart{min-width:0;position:relative}.chart canvas{touch-action:pan-y;cursor:crosshair;width:100%}.loading{font-family:var(--mono);color:var(--muted);place-items:center;font-size:.76rem;display:grid;position:absolute;inset:0}.side{align-items:center;gap:16px;display:flex}.mini{aspect-ratio:1;touch-action:none;cursor:crosshair;flex:none;width:132px;position:relative}.mini canvas{width:100%;height:100%;position:absolute;inset:0}.side p{color:var(--muted);min-width:0;margin:0;font-size:.86rem;line-height:1.55}.side p b{color:var(--ink);font-weight:400}.physics ol{flex-direction:column;gap:12px;max-width:64ch;margin:0;padding-left:1.3em;display:flex}.physics li{color:var(--muted);padding-left:4px;line-height:1.6}.physics li b{color:var(--ink);font-weight:400}.physics li::marker{font-family:var(--mono);color:var(--accent);font-size:.8em}.small{font-family:var(--mono);color:var(--muted);opacity:.85;max-width:62ch;margin:0;font-size:.72rem;line-height:1.6}footer{font-family:var(--mono);color:var(--muted);text-align:center;flex-direction:column;align-items:center;gap:14px;padding-block:64px 8px;font-size:.72rem;display:flex}footer p{margin:0}footer b{color:var(--ink);font-weight:400}.socials{gap:8px;margin:0;padding:0;list-style:none;display:flex}.socials a{border:1px solid var(--line);width:40px;height:40px;color:var(--muted);border-radius:999px;place-items:center;text-decoration:none;display:grid}.socials svg{width:17px;height:17px}.socials a:hover,.socials a:focus-visible{color:var(--ink);border-color:var(--muted);outline:none}@media (width<=420px){.loc-group{flex:100%}.loc-group select{flex:1;max-width:none}.side{align-items:flex-start}.mini{width:112px}}@media (width>=820px){.block{padding-block:88px 8px}.block h2{font-size:1.8rem}.daychart{grid-template-columns:minmax(0,1fr) 240px;grid-template-areas:"head head""chart side";column-gap:28px}.chart-head{flex-direction:row;grid-area:head;align-items:center;gap:20px}.readout{min-height:0}.chart{grid-area:chart}.side{flex-direction:column;grid-area:side;align-items:stretch}.mini{width:100%}}