/* Identical geometry shared by the live Moon and calendar pages. */
html{scrollbar-width:none}html::-webkit-scrollbar,body::-webkit-scrollbar{display:none}body{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif}
.app-brand{display:flex;align-items:center;gap:12px;height:30px;min-height:30px;flex-shrink:0;font-size:14px;font-weight:400;letter-spacing:3px;line-height:normal}.app-brand>span{white-space:nowrap}.app-brand>small{font-size:9px;letter-spacing:2px;color:#8a989f;border-left:1px solid #485055;padding-left:12px;margin:0}.app-brand>#view-switch{margin-left:auto;font-size:12px;letter-spacing:0}
.phone .heading{padding-top:24px}.page-swipe,.page-heading{display:grid;grid-template-columns:36px 120px 36px;gap:12px;align-items:center;justify-content:center;width:216px;height:28px;min-height:28px;padding:0;margin-left:auto;margin-right:auto}.page-heading{margin-top:24px;margin-bottom:0}.page-swipe>span,.page-heading>h1{display:block;margin:0;padding:0;font-size:12px;font-weight:400;line-height:28px;letter-spacing:4px;text-align:center;color:#c2b692;white-space:nowrap}.page-swipe>.calendar-arrow,.page-heading>.page-arrow{display:block;box-sizing:border-box;width:36px;height:28px;line-height:24px;padding:2px 0;margin:0;text-align:center;font-size:23px;font-weight:400;color:#9ba98f;letter-spacing:0;text-decoration:none}
@media(max-width:850px){.phone,.calendar-shell{box-sizing:border-box;max-width:460px;width:100%;margin:0 auto;padding-left:24px;padding-right:24px;padding-top:max(18px,env(safe-area-inset-top))}.calendar-shell{padding-bottom:24px}.app-brand>#view-switch{font-size:10px}.calendar-shell:has(#view-switch:not([hidden])) .app-brand>small{display:none}}
@media(min-width:851px){.phone,.calendar-shell{max-width:1920px;padding-top:24px;padding-left:clamp(24px,3.5vw,72px);padding-right:clamp(24px,3.5vw,72px)}.app-brand{height:56px;min-height:56px;font-size:21px;gap:18px}.app-brand>small{font-size:12px;letter-spacing:3px}.phone .heading{grid-column:1/-1;padding-top:5px}.phone .readout{grid-row:3}.page-heading{margin-top:5px}.page-swipe>span,.page-heading>h1{font-size:13px}.calendar-shell>.month-nav,.calendar-shell>#month-swipe,.calendar-shell>.legend,.calendar-shell>.month-events,.calendar-shell>footer{max-width:1120px;margin-left:auto;margin-right:auto}}
@media(min-width:851px) and (max-height:780px){.phone,.calendar-shell{padding-top:16px}.app-brand{height:42px;min-height:42px}}
.app-brand{justify-content:flex-start;color:#eeeade}.app-brand>span{font-family:inherit;font-weight:400}@media(min-width:601px){.calendar-shell:has(#view-switch:not([hidden])) .app-brand>small{display:block}}

html{overflow-x:hidden}.app-brand>span{white-space:nowrap}.page-exit main>:not(.app-brand),.page-enter main>:not(.app-brand){will-change:transform,opacity}.page-exit main>:not(.app-brand){animation:moon-page-out .28s cubic-bezier(.4,0,.6,1) both}.page-enter main>:not(.app-brand){animation:moon-page-in .42s cubic-bezier(.16,1,.3,1) both}@keyframes moon-page-out{to{transform:translateX(calc(var(--slide-direction,1) * -65px));opacity:0}}@keyframes moon-page-in{from{transform:translateX(calc(var(--slide-direction,1) * 65px));opacity:0}to{transform:translateX(0);opacity:1}}@media(prefers-reduced-motion:reduce){.page-exit main>:not(.app-brand),.page-enter main>:not(.app-brand){animation:none}}