@font-face{font-display:swap;font-family:"Avenir Variable";font-weight:1 999;src:url(66174a725297be00e180.woff2) format("woff2")}:root{--link-color: CornflowerBlue;--link-color-focus: DarkOrange;--link-color-visited: MediumPurple}:where(*){box-sizing:border-box}html{-webkit-tap-highlight-color:rgba(0,0,0,0);touch-action:manipulation}body{background-color:#000;color:#fff;display:grid;font-family:"Avenir Variable",sans-serif;font-variation-settings:"wght" 500;margin:0;min-block-size:100dvh;padding-block:0 env(safe-area-inset-bottom);place-content:center}body:has([data-loading]){pointer-events:none}:not(:defined){display:none}noscript{padding:1.5em;text-align:center}a{color:var(--link-color);outline:none;text-decoration:none}a:visited{color:var(--link-color-visited)}a:focus-visible,a:active{color:var(--link-color-focus)}@media(any-hover: hover){a{transition:color var(--transition)}a:hover{color:var(--link-color-focus)}}input,button{appearance:none;border:0;cursor:pointer;font-family:"Avenir Variable",sans-serif;outline:none}figure{margin:0}img,svg{block-size:auto;inline-size:100%;vertical-align:middle}svg{pointer-events:none}luna-app{--app-gap: 0 .5rem;--app-grid: '. phase .' 2fr '. illumination .' 1fr 'charts charts charts' '. date .' 1fr 'prev location next' 2fr / var(--controls-size) minmax(auto, var(--charts-max-size)) var(--controls-size);--background-0: rgba(255, 255, 255, 0);--background-1: rgba(255, 255, 255, 0.15);--background-2: rgba(255, 255, 255, 0.25);--background-3: rgba(255, 255, 255, 0.7);--chart-size: 14.5rem;--charts-max-size: 30rem;--controls-size: 2.75rem;--duration-intro: 1s;--fineprint: .75em;--moon-color: white;--sun-color: #f8c537;--transition: .3s}@media(min-width: 36rem){luna-app{--app-gap: 0;--app-grid: '. phase .' 2fr '. illumination .' 1fr 'prev charts next' '. date .' 1fr '. location .' 2fr / minmax(var(--controls-size), 1fr) minmax(var(--chart-size), var(--charts-max-size)) minmax(var(--controls-size), 1fr);--fineprint: .875em}}luna-app{block-size:100dvh;display:grid;gap:var(--app-gap);grid:var(--app-grid);inline-size:100vw}:is(luna-chart,luna-ticks,[id=photo]){aspect-ratio:1;grid-area:charts;place-self:center}[id=date]{display:block;grid-area:date;padding-block:.5rem;padding-inline:1rem;place-self:center;transition:color var(--transition),transform var(--transition);white-space:nowrap}[id=date]:link,[id=date]:visited{color:#fff}[id=date]:focus-visible{color:hsla(0,0%,100%,.7)}[id=date].touch{transform:scale(0.8)}@media(any-hover: hover){[id=date]:hover{color:hsla(0,0%,100%,.7)}[id=date]:active{transform:scale(0.8)}}[id=date][data-today]{font-variation-settings:"wght" 600;pointer-events:none}[id=phase],[id=illumination]{font-size:.875em}[id=phase]{color:#fff;grid-area:phase;place-self:end center}[id=illumination]{color:hsla(0,0%,100%,.7);grid-area:illumination;margin-block:.5rem 0;place-self:start center}[data-direction]{aspect-ratio:1;background-color:var(--background-1);border-radius:var(--controls-size);display:grid;inline-size:var(--controls-size);place-content:center;place-self:center;transition:background-color var(--transition),transform var(--transition)}[data-direction]:focus-visible{background-color:var(--background-2)}[data-direction].touch{transform:scale(0.8)}@media(any-hover: hover){[data-direction]:hover{background-color:var(--background-2)}[data-direction]:active{transform:scale(0.8)}}[data-direction] path{fill:none;stroke:#fff;stroke-width:2}[data-direction] svg{inline-size:1.5rem;transition:transform var(--transition)}[data-direction=prev]{grid-area:prev}[data-direction=next]{grid-area:next}luna-chart{inline-size:100%;max-inline-size:var(--charts-max-size)}luna-chart text{font-size:.8125em}luna-chart[name=sun] circle{stroke:var(--sun-color)}luna-chart[name=sun] text{fill:var(--sun-color)}luna-chart[name=moon] circle{opacity:.5;stroke:var(--moon-color)}luna-chart[name=moon] text{fill:var(--moon-color)}[intro] :is(luna-chart,luna-ticks,[id=photo]){animation:scaleIn var(--duration-intro) ease}[intro] [id=photo][data-hemisphere=southern]{animation:scaleInFlipped var(--duration-intro) ease}[intro] luna-location{animation:slideInUp var(--duration-intro) ease}[intro] [id=date]{animation:slideInUp var(--duration-intro) ease}[intro] [id=phase],[intro] [id=illumination]{animation:slideInDown var(--duration-intro) ease}[intro] [data-direction=prev]{animation:slideInLeft var(--duration-intro) ease}[intro] [data-direction=next]{animation:slideInRight var(--duration-intro) ease}@keyframes scaleIn{0%,50%{opacity:0}50%{transform:scale(2)}100%{opacity:1}}@keyframes scaleInFlipped{0%,50%{opacity:0;transform:rotate(180deg) scale(2)}50%{transform:rotate(180deg) scale(2)}100%{opacity:1;transform:rotate(180deg) scale(1)}}@keyframes slideInUp{0%,50%{opacity:0}50%{transform:translate3d(0, 100%, 0)}100%{opacity:1}}@keyframes slideInDown{0%,50%{opacity:0}50%{transform:translate3d(0, -100%, 0)}100%{opacity:1}}@keyframes slideInLeft{0%,50%{opacity:0}50%{transform:translate3d(-100%, 0, 0)}100%{opacity:1}}@keyframes slideInRight{0%,50%{opacity:0}50%{transform:translate3d(100%, 0, 0)}100%{opacity:1}}luna-location{display:block;grid-area:location;place-self:center}luna-location form{background-color:var(--background-1);border-radius:var(--controls-size);display:grid;grid:"geo input reset"/var(--controls-size) 1fr var(--controls-size);transition:background-color var(--transition)}luna-location form:focus-within{background-color:var(--background-2)}@media(any-hover: hover){luna-location form:hover{background-color:var(--background-2)}}luna-location input{background:none;color:#fff;cursor:text;font-size:1em;grid-area:input;inline-size:100%;text-align:center}luna-location button{aspect-ratio:1;background-color:rgba(0,0,0,0);border-radius:50%;display:grid;inline-size:2.75rem;padding:0;place-content:center;transition:background-color var(--transition)}luna-location [type=submit]{grid-area:1/1/-1/-1;visibility:hidden}luna-location [type=reset]{color:#fff;grid-area:reset;opacity:.7;transition:opacity var(--transition)}luna-location [type=reset]:focus{opacity:1}@media(any-hover: hover){luna-location [type=reset]:hover{opacity:1}}luna-location [type=reset] svg{inline-size:2rem}luna-location [type=reset] circle{fill:currentColor}luna-location [type=reset] path{fill:none;stroke:rgba(0,0,0,.7);stroke-linecap:round;stroke-width:1}luna-location input:not(:focus)~[type=reset]{opacity:0}luna-location input:not(:focus)~[type=reset]:focus{opacity:1}luna-location [id=geo]{background-color:var(--background-0);color:#fff;grid-area:geo;opacity:.7;transition:background-color var(--transition),opacity var(--transition)}luna-location [id=geo].touch,luna-location [id=geo]:focus{background-color:var(--background-2);opacity:1}@media(any-hover: hover){luna-location [id=geo]:hover{background-color:var(--background-2);opacity:1}}luna-location [id=geo] svg{inline-size:2rem;padding:2px}luna-location [id=geo] circle,luna-location [id=geo] path{stroke:currentColor;stroke-width:1.5}luna-location [id=geo] circle{fill:currentColor}luna-location [id=geo] path{fill:none}[id=photo]{aspect-ratio:1;background:image-set("2f7db012e2194c1eafba.webp" 1x, "df6cf2545c719273390e.webp" 2x) no-repeat 0 0/100%;border-radius:50%;inline-size:42.5%;max-inline-size:204px}[id=photo][data-hemisphere=southern]{transform:rotate(180deg)}[id=photo][data-frame="1"]{background-position:0 0%}[id=photo][data-frame="2"]{background-position:0 4%}[id=photo][data-frame="3"]{background-position:0 8%}[id=photo][data-frame="4"]{background-position:0 12%}[id=photo][data-frame="5"]{background-position:0 16%}[id=photo][data-frame="6"]{background-position:0 20%}[id=photo][data-frame="7"]{background-position:0 24%}[id=photo][data-frame="8"]{background-position:0 28%}[id=photo][data-frame="9"]{background-position:0 32%}[id=photo][data-frame="10"]{background-position:0 36%}[id=photo][data-frame="11"]{background-position:0 40%}[id=photo][data-frame="12"]{background-position:0 44%}[id=photo][data-frame="13"]{background-position:0 48%}[id=photo][data-frame="14"]{background-position:0 52%}[id=photo][data-frame="15"]{background-position:0 56%}[id=photo][data-frame="16"]{background-position:0 60%}[id=photo][data-frame="17"]{background-position:0 64%}[id=photo][data-frame="18"]{background-position:0 68%}[id=photo][data-frame="19"]{background-position:0 72%}[id=photo][data-frame="20"]{background-position:0 76%}[id=photo][data-frame="21"]{background-position:0 80%}[id=photo][data-frame="22"]{background-position:0 84%}[id=photo][data-frame="23"]{background-position:0 88%}[id=photo][data-frame="24"]{background-position:0 92%}[id=photo][data-frame="25"]{background-position:0 96%}[id=photo][data-frame="26"]{background-position:0 100%}@keyframes loading{0%{left:-20vw;width:30%}50%{width:30%}70%{width:70%}80%{left:50%}95%{left:120%}100%{left:100%}}.progress-bar,.progress-bar::before{height:3px}.progress-bar{display:none;position:fixed;width:100vw}.progress-bar[data-loading]{display:block}.progress-bar::before{animation:loading 2s .3s linear infinite;background-color:#fff;content:"";display:block;left:-20vw;position:absolute;width:20vw}luna-ticks{inline-size:100%;max-inline-size:var(--charts-max-size)}luna-ticks svg{aspect-ratio:1;inline-size:100%}luna-ticks [id=sweep-ticks] line{stroke:#000}luna-ticks [id=minor-ticks] line{stroke:hsla(0,0%,100%,.35)}luna-ticks [id=major-ticks] line{stroke:hsla(0,0%,100%,.7)}