:root{--space:#03040a;--ivory:#ece4d0;--ivory-dim:#ece4d09e;--hairline:#ece4d029;--brass:#c9a55a;--mist:#8b8f9c;--serif:"Libre Caslon Display", "Times New Roman", serif;--sans:"Libre Franklin", system-ui, sans-serif;--gutter:clamp(20px, 3.4vw, 52px)}html,body,#root{background:var(--space);width:100%;height:100dvh;color:var(--ivory);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;padding:0;overflow:hidden}canvas{touch-action:none}button{font:inherit;color:inherit}:focus-visible{outline:1px solid var(--brass);outline-offset:4px}.stage{position:fixed;inset:0}.stage:after{content:"";pointer-events:none;background:radial-gradient(#0000 55%,#00000080 100%);position:absolute;inset:0}.interface{z-index:10;pointer-events:none;position:fixed;inset:0}.interface:before{content:"";background:linear-gradient(#0000 62%,#03040a4d 80%,#03040ac7 100%);position:absolute;inset:0}.interface>*{pointer-events:auto}.masthead{width:max-content;max-width:calc(100% - 2 * var(--gutter));text-align:center;position:absolute;bottom:150px;left:50%;transform:translate(-50%)}.title{font-family:var(--serif);letter-spacing:-.012em;color:var(--ivory);text-shadow:0 2px 30px #03040a99;flex-direction:column;align-items:center;margin:0 0 20px;font-size:clamp(3rem,5.6vw,5.6rem);font-weight:400;line-height:.94;display:flex}.links{justify-content:center;gap:26px;display:flex}.links a{color:var(--ivory-dim);align-items:center;gap:9px;font-size:.94rem;font-weight:500;text-decoration:none;transition:color .2s;display:inline-flex}.links a:hover{color:var(--ivory);text-decoration:underline;-webkit-text-decoration-color:var(--brass);text-decoration-color:var(--brass);text-underline-offset:5px}.links svg{width:18px;height:18px}.readout{right:var(--gutter);border-left:1px solid var(--hairline);width:272px;padding-left:22px;position:absolute;top:50%;transform:translateY(-50%)}.readout:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(closest-side,#03040ab8,#0000);position:absolute;inset:-40px -40px -40px -60px}.readout-name{font-family:var(--serif);margin:0 0 10px;font-size:2.6rem;font-weight:400;line-height:1}.readout-fact{max-width:30ch;color:var(--ivory-dim);margin:0 0 22px;font-size:.9rem;line-height:1.5}.readout-data{gap:14px;margin:0 0 26px;display:grid}.readout-data div{gap:3px;display:grid}.readout-data dt{color:var(--mist);font-size:.76rem}.readout-data dd{font-variant-numeric:tabular-nums;gap:2px;margin:0;font-size:1.02rem;font-weight:500;display:grid}.readout-data small{color:var(--mist);font-size:.76rem;font-weight:400}.readout-actions{align-items:center;gap:8px;display:flex}.step-button{border:1px solid var(--hairline);cursor:pointer;background:0 0;border-radius:50%;place-items:center;width:34px;height:34px;padding:0;transition:border-color .2s;display:grid}.step-button svg{fill:none;stroke:currentColor;stroke-width:1.4px;width:14px;height:14px}.follow-button{cursor:pointer;background:0 0;border:1px solid #c9a55a8c;border-radius:17px;flex:1;height:34px;padding:0 14px;font-size:.84rem;font-weight:500;transition:background .2s,border-color .2s}.step-button:hover,.follow-button:hover{border-color:var(--brass)}.follow-button[aria-pressed=true]{background:#c9a55a29}.dial{padding:0 var(--gutter) 18px;position:absolute;bottom:0;left:0;right:0}.dial-readout{text-align:center;justify-items:center;gap:4px;margin-bottom:10px;display:grid}.dial-date{font-family:var(--serif);align-items:baseline;gap:12px;margin:0;font-size:1.7rem;line-height:1;display:flex}.dial-time{color:var(--mist);font-family:var(--sans);font-variant-numeric:tabular-nums;font-size:.9rem}.dial-status{min-height:1.3em;color:var(--mist);align-items:baseline;gap:14px;margin:0;font-size:.82rem;display:flex}.text-button{color:var(--brass);text-underline-offset:4px;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.dial-tape{cursor:grab;width:100%;height:46px;display:block;-webkit-mask-image:linear-gradient(90deg,#0000,#000 18% 82%,#0000);mask-image:linear-gradient(90deg,#0000,#000 18% 82%,#0000)}.dial-tape:active{cursor:grabbing}.body-label{color:#ece4d080;font-family:var(--serif);white-space:nowrap;text-shadow:0 1px 8px #03040ae6;-webkit-user-select:none;user-select:none;font-size:13px;transition:color .3s;display:block}.body-label.is-selected{color:var(--ivory);font-size:16px}.moon-label{color:#ece4d08c;white-space:nowrap;text-shadow:0 1px 6px #03040ae6;-webkit-user-select:none;user-select:none;font-size:10px;display:block}@media (width<=760px){.interface:before{background:linear-gradient(#03040abf 0%,#0000 26%),linear-gradient(#0000 50%,#03040a80 70%,#03040aeb 100%)}.masthead{top:22px;bottom:auto}.title{margin-bottom:14px;font-size:clamp(2.3rem,11vw,3.2rem)}.links{gap:20px}.links a{font-size:.86rem}.readout{top:auto;right:var(--gutter);left:var(--gutter);border-left:0;border-top:1px solid var(--hairline);width:auto;padding:12px 0 0;bottom:128px;transform:none}.readout-name{margin-bottom:8px;font-size:1.8rem}.readout-fact{display:none}.readout-data{grid-template-columns:1fr 1fr;gap:10px 16px;margin-bottom:14px}.readout-data div:nth-child(n+3){display:none}.readout-data dd{font-size:.92rem}.dial{padding-bottom:12px}.dial-date{font-size:1.3rem}}