@property --ink{syntax:"<color>";inherits:true;initial-value:#0d1526}@property --paper{syntax:"<color>";inherits:true;initial-value:#f3f5f9}@property --veil{syntax:"<color>";inherits:true;initial-value:#ffffff4d}:root{--serif:"Instrument Serif", "Iowan Old Style", "Palatino Linotype", Georgia, serif;--sans:"Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--mono:"Geist Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--ink:#0d1526;--paper:#f3f5f9;--veil:#ffffff52;--ink-2:color-mix(in srgb, var(--ink) 72%, transparent);--ink-3:color-mix(in srgb, var(--ink) 50%, transparent);--line:color-mix(in srgb, var(--ink) 22%, transparent);--wash:color-mix(in srgb, var(--ink) 9%, transparent);--gutter:clamp(16px, 3.4vw, 52px);--ease:cubic-bezier(.2, .7, .2, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;transition:--ink .9s var(--ease), --paper .9s var(--ease), --veil .9s var(--ease)}:root[data-ink=light]{--ink:#f6f7fa;--paper:#0a1020;--veil:#060a166b;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body{height:100%}body{color:var(--ink);font:400 15px/1.45 var(--sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-kerning:normal;background:#9fb2cc;margin:0;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}a{color:inherit;text-decoration:none}:focus-visible{outline:1.5px solid var(--ink);outline-offset:3px;border-radius:4px}:root[data-input=pointer] :focus-visible{outline:none}:root[data-input=pointer] .choice label:has(:focus-visible){outline:none}.stage{z-index:0;cursor:grab;touch-action:none;position:fixed;inset:0}:root[data-dragging] .stage,:root[data-dragging] *{cursor:grabbing!important}:root[data-scrubbing] *{cursor:ew-resize!important}.veil{z-index:1;pointer-events:none;background:linear-gradient(to top, var(--veil) 0%, color-mix(in srgb, var(--veil) 70%, transparent) 30%, transparent 62%), linear-gradient(to bottom, color-mix(in srgb, var(--veil) 60%, transparent), transparent 140px);position:fixed;inset:0}.ui{z-index:2;padding:max(var(--gutter), env(safe-area-inset-top)) max(var(--gutter), env(safe-area-inset-right)) max(calc(var(--gutter) * .6), env(safe-area-inset-bottom)) max(var(--gutter), env(safe-area-inset-left));pointer-events:none;-webkit-user-select:none;user-select:none;grid-template-rows:auto 1fr auto auto auto;grid-template-columns:minmax(0,1fr);display:grid;position:fixed;inset:0}.ui :is(a,button,code,.token,.clock,.ruler){pointer-events:auto}.is-booting .ui>*{opacity:0}.ui>*{transition:opacity .9s var(--ease)}.ui>:nth-child(3){transition-delay:80ms}.ui>:nth-child(4){transition-delay:.16s}.ui>:nth-child(5){transition-delay:.24s}.bar{align-items:baseline;gap:18px;min-width:0;display:flex}.mark{font:italic 400 32px/1 var(--serif);letter-spacing:-.01em;margin:0}.links{align-items:baseline;gap:4px;margin-left:auto;font-size:13px;display:flex}.links>*{color:var(--ink-2);border-radius:999px;padding:6px 10px;transition:color .2s,background-color .2s}.links>:hover{color:var(--ink);background:var(--wash)}.install{font-family:var(--mono);font-size:12px}.hint{text-align:center;font:500 11px/1.3 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);transition:opacity .8s var(--ease);place-self:center;gap:6px;margin:0;display:grid}.hint span:first-child{font:italic 400 26px/1 var(--serif);letter-spacing:0;text-transform:none;color:var(--ink)}.hint.is-gone{opacity:0}.report{text-shadow:0 0 32px color-mix(in srgb, var(--paper) 40%, transparent);align-self:end}.clock{width:max-content;font:400 clamp(5.25rem, min(15vw, 24vh), 13.5rem) / .8 var(--serif);letter-spacing:-.035em;cursor:ew-resize;touch-action:none;margin:0 0 .12em -.045em}.prose{max-width:24.5em;font:400 clamp(1.4rem, .95rem + 1.5vw, 2.5rem) / 1.17 var(--serif);letter-spacing:-.006em;text-wrap:pretty;margin:0}[data-text=daypart]{font-style:normal}[data-text=place]{color:var(--ink-2)}.token{white-space:nowrap;cursor:ew-resize;touch-action:none;text-underline-offset:.16em;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;text-decoration-thickness:.055em;-webkit-text-decoration-color:var(--ink-3);text-decoration-color:var(--ink-3);font-style:italic;transition:text-decoration-color .2s;position:relative}.token[data-key=scene]{cursor:pointer}.token:before,.token:after{font:400 .55em/1 var(--sans);opacity:0;transition:opacity .2s, translate .2s var(--ease);pointer-events:none;position:absolute;top:50%;translate:0 -40%}.token:before{content:"‹";left:-.62em}.token:after{content:"›";right:-.62em}.token:is(:hover,:focus-visible,[data-active]){text-decoration-style:solid;-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink)}.token:is(:hover,:focus-visible,[data-active]):before,.token:is(:hover,:focus-visible,[data-active]):after{opacity:.6}.token:focus-visible{outline:none}.moon{vertical-align:-.02em;width:.62em;height:.62em;margin-left:.22em;overflow:visible}.moon circle{fill:none;stroke:var(--ink-3);stroke-width:.1px}.moon path{fill:var(--ink)}.ruler{--at:.5;font:400 11px/1 var(--mono);color:var(--ink-3);font-variant-numeric:tabular-nums;cursor:pointer;touch-action:none;margin-top:clamp(18px,3.2vh,34px);padding-top:18px;position:relative}.ruler:focus-visible{outline-offset:6px}.ruler-sun{height:12px;color:var(--ink-2);position:absolute;inset:0 0 auto}.ruler-sun span{left:calc(var(--x,0) * 100%);white-space:nowrap;position:absolute;translate:-50%}.ruler-sun span:empty{display:none}.ruler-sun [data-sun=polar]{left:50%}.ruler-track{height:16px;position:relative}.ruler-track:before{content:"";background:var(--line);border-radius:2px;height:2px;position:absolute;inset:7px 0 auto}.ruler-light{border-radius:4px;height:4px;position:absolute;inset:6px 0 auto}.ruler-mark{top:0;left:calc(var(--at) * 100%);background:var(--ink);border-radius:2px;width:2px;height:16px;margin-left:-1px;position:absolute}.ruler-mark:after{content:"";background:var(--ink);width:10px;height:10px;transition:scale .2s var(--ease);border-radius:50%;position:absolute;top:50%;left:50%;translate:-50% -50%}.ruler:is(:hover,:focus-visible,[data-active]) .ruler-mark:after{scale:1.3}.ruler-ticks{justify-content:space-between;margin-top:6px;display:flex}.dock{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;margin-top:clamp(12px,2vh,20px);padding-top:clamp(10px,1.6vh,14px);display:flex}.snippet{align-items:center;gap:4px;min-width:0;display:flex}.snippet code{min-width:0;font:400 12.5px/1.4 var(--mono);white-space:nowrap;color:var(--ink-3);scrollbar-width:none;-webkit-user-select:text;user-select:text;margin-right:6px;padding:4px 0;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000)}.snippet code::-webkit-scrollbar{display:none}.snippet code .v{color:var(--ink)}.snippet code .a{color:var(--ink-2)}.snippet button,.actions button{white-space:nowrap;border-radius:999px;padding:7px 12px;transition:color .2s,background-color .2s}.snippet button{color:var(--ink-2);font-size:13px}.actions{flex-shrink:0;gap:2px;display:flex}.actions button{font-size:14px;font-weight:500}:is(.snippet,.actions) button:hover{background:var(--wash);color:var(--ink)}.actions button:is([aria-pressed=true],[aria-expanded=true]){background:var(--ink);color:var(--paper)}.actions .gear{place-items:center;width:34px;height:34px;margin-left:4px;padding:0;display:grid}.gear svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linejoin:round;width:18px;height:18px;transition:rotate .45s var(--ease)}.gear[aria-expanded=true] svg{rotate:45deg}.panel{right:max(var(--gutter), env(safe-area-inset-right));bottom:calc(max(calc(var(--gutter) * .6), env(safe-area-inset-bottom)) + 56px);z-index:3;width:min(340px, calc(100vw - 2 * var(--gutter)));border:1px solid var(--line);background:color-mix(in srgb, var(--paper) 66%, transparent);-webkit-backdrop-filter:blur(24px)saturate(1.4);max-height:calc(100dvh - 160px);color:var(--ink);scrollbar-width:thin;transition:opacity .25s var(--ease), translate .25s var(--ease), display .25s allow-discrete;border-radius:18px;padding:16px 18px 14px;position:fixed;overflow-y:auto;box-shadow:0 30px 80px -30px #0006}@starting-style{.panel:not([hidden]){opacity:0;translate:0 10px}}.panel[hidden]{opacity:0;display:none;translate:0 10px}.panel-head{justify-content:space-between;align-items:baseline;margin-bottom:4px;display:flex}.panel h2{font:italic 400 26px/1 var(--serif);margin:0}.close{width:28px;height:28px;color:var(--ink-2);border-radius:50%;font-size:20px;line-height:1}.close:hover{background:var(--wash);color:var(--ink)}.panel section{border-bottom:1px solid var(--line);padding:12px 0 6px}.panel h3,.choice legend{font:500 10.5px/1.4 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);margin:0 0 6px}.row{grid-template-columns:1fr auto;align-items:center;column-gap:12px;padding:5px 0 2px;font-size:13.5px;display:grid}.row output{font:400 12px/1 var(--mono);font-variant-numeric:tabular-nums;color:var(--ink-2)}.row .value{align-items:center;gap:8px;display:flex}.row input[type=range]{grid-column:1/-1}.row.is-switch{padding:8px 0 6px}.chip{border:1px solid var(--line);font:400 11px/1 var(--mono);color:var(--ink-3);border-radius:999px;padding:3px 8px}.chip[aria-pressed=true]{border-color:var(--ink);background:var(--ink);color:var(--paper)}input[type=range]{--fill:50%;appearance:none;cursor:pointer;background:0 0;width:100%;height:22px;margin:0}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--ink) var(--fill), var(--line) var(--fill));border-radius:2px;height:2px}input[type=range]::-webkit-slider-thumb{background:var(--ink);appearance:none;width:14px;height:14px;transition:scale .15s var(--ease);border-radius:50%;margin-top:-6px}input[type=range]:active::-webkit-slider-thumb{scale:1.25}input[type=range]::-moz-range-track{background:var(--line);border-radius:2px;height:2px}input[type=range]::-moz-range-progress{background:var(--ink);border-radius:2px;height:2px}input[type=range]::-moz-range-thumb{background:var(--ink);border:0;border-radius:50%;width:14px;height:14px}input[type=range][data-auto]{opacity:.45}input[type=checkbox][role=switch]{background:var(--line);appearance:none;cursor:pointer;border-radius:999px;width:32px;height:18px;margin:0;transition:background-color .2s;position:relative}input[type=checkbox][role=switch]:after{content:"";background:var(--paper);width:14px;height:14px;transition:translate .2s var(--ease);border-radius:50%;position:absolute;top:2px;left:2px}input[type=checkbox][role=switch]:checked{background:var(--ink)}input[type=checkbox][role=switch]:checked:after{translate:14px}.choice{border:0;flex-wrap:wrap;align-items:baseline;gap:2px 4px;margin:0;padding:2px 0 8px;display:flex}.choice legend{float:left;width:100%;margin-bottom:2px}.choice label{color:var(--ink-3);cursor:pointer;border-radius:999px;padding:4px 9px;font-size:13px;transition:color .2s,background-color .2s;position:relative}.choice label:hover{color:var(--ink)}.choice label:has(:checked){background:var(--wash);color:var(--ink)}.choice label:has(:focus-visible){outline:1.5px solid var(--ink)}.choice input{opacity:0;pointer-events:none;position:absolute}.panel-foot{padding-top:12px}#stats{font:400 11.5px/1.5 var(--mono);color:var(--ink-2);font-variant-numeric:tabular-nums;display:block}.keys{color:var(--ink-3);margin:8px 0 0;font-size:11.5px;line-height:1.9}kbd{border:1px solid var(--line);min-width:1.6em;font:400 10.5px/1.5 var(--mono);text-align:center;color:var(--ink-2);border-radius:4px;padding:0 4px;display:inline-block}.menu{border:1px solid var(--line);background:color-mix(in srgb, var(--paper) 72%, transparent);-webkit-backdrop-filter:blur(24px)saturate(1.4);color:var(--ink);transition:opacity .2s var(--ease), translate .2s var(--ease), overlay .2s allow-discrete, display .2s allow-discrete;border-radius:16px;margin:0;padding:6px;position:fixed;inset:auto;box-shadow:0 30px 80px -30px #00000073}.menu:not(:popover-open){opacity:0;translate:0 6px}@starting-style{.menu:popover-open{opacity:0;translate:0 6px}}.menu button{width:100%;font:italic 400 24px/1.1 var(--serif);color:var(--ink-2);text-align:left;border-radius:10px;justify-content:space-between;align-items:baseline;gap:28px;padding:5px 12px 6px;display:flex}.menu button:is(:hover,:focus-visible){background:var(--wash);color:var(--ink);outline:none}.menu button[aria-checked=true]{color:var(--ink)}.menu button[aria-checked=true]:before{content:"";background:var(--ink);border-radius:50%;width:4px;height:4px;margin:.48em 0 0 -9px;position:absolute}.menu kbd{color:var(--ink-3);border:0;font-style:normal}.readout{z-index:4;background:var(--ink);color:var(--paper);font:400 11.5px/1 var(--mono);white-space:nowrap;pointer-events:none;opacity:0;border-radius:999px;padding:5px 9px;transition:opacity .15s;position:fixed;top:0;left:0;translate:-50% calc(-100% - 10px)}.readout.is-on{opacity:1}.noscript{text-align:center;font:italic 400 28px/1.2 var(--serif);position:fixed;inset:auto 0 40%}@media (width<=760px){.install{font-size:11px}.clock{font-size:clamp(4.5rem,24vw,7.5rem)}.prose{font-size:clamp(1.3rem,5.6vw,1.65rem)}.dock{flex-direction:column-reverse;align-items:stretch;gap:8px}.actions{justify-content:space-between}.actions button:not(.gear){flex:1;padding-inline:4px}.snippet code{font-size:11.5px}.panel{right:var(--gutter);left:var(--gutter);width:auto;bottom:calc(max(calc(var(--gutter) * .6), env(safe-area-inset-bottom)) + 104px);max-height:calc(100dvh - 200px)}}@media (hover:none){.keys{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}