@font-face{font-family:Josefin Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/josefin-sans-400.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--color-primary: #c4756c;--color-secondary: #d49a7a;--color-heading: #7a9e88;--color-bg: #eee6dc;--color-page-solar: #fdfaf4;--color-page-twilight: #ede8f7}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden;background:var(--color-bg);font-family:Josefin Sans,sans-serif;line-height:1}.pages{display:flex;height:100%;overflow-x:scroll;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none}.pages::-webkit-scrollbar{display:none}.page{position:relative;flex:0 0 100vw;height:100%;overflow-y:auto;scroll-snap-align:start;padding:1rem;display:flex;flex-direction:column;align-items:center}.page--solar{background:var(--color-page-solar)}.page--twilight{background:var(--color-page-twilight)}.page-top,.page-spacer,.page-mid{width:100%;max-width:min(400px,90vw)}.page-spacer{flex:1;display:flex;align-items:center;justify-content:center}.page-bot{position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%);width:100%;max-width:min(400px,90vw)}.title{font-size:clamp(1.1rem,5.5vw,1.4rem);color:var(--color-heading);font-weight:400;text-align:center;padding:.5rem 0 1rem}.section-title{font-size:clamp(1rem,6vw,1.5rem);color:var(--color-heading);font-weight:400;padding:.5rem 0 .15rem}.primary{color:var(--color-primary)}.secondary{color:var(--color-secondary)}.times-row{display:flex;justify-content:space-between;padding:0 .25rem}.time-pair{display:flex;flex-direction:column;align-items:center}.time{font-size:clamp(2rem,11vw,3.2rem)}.time-label{font-size:clamp(.85rem,4.5vw,1rem);color:var(--color-secondary);margin-top:.2rem}.sun-image{display:flex;justify-content:center;padding:1rem 0}.sun-image--tilted{transform:rotate(20deg)}.duration{text-align:center;padding-bottom:.5rem}.duration-value{font-size:clamp(4rem,25vw,6.5rem);letter-spacing:-.02em;color:var(--color-primary)}.duration-unit{font-size:clamp(4rem,25vw,6.5rem);letter-spacing:-.02em;color:var(--color-secondary)}.change-row{display:flex;align-items:baseline;gap:.05em;font-size:clamp(1.1rem,8vw,2.2rem);padding:.2rem 0}.change-note{font-size:clamp(.7rem,4vw,.9rem);color:var(--color-secondary);margin-left:auto;padding-left:.5rem;align-self:flex-end;padding-bottom:.2em}.days-until{padding:.6rem 0 0 .25rem;text-align:left;font-size:clamp(.8rem,4vw,.95rem);color:var(--color-secondary)}