*,*:before,*:after{box-sizing:border-box}*{margin:0}html{interpolate-size:allow-keywords}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p{overflow-wrap:break-word;text-wrap:pretty}h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;text-wrap:balance}#root,#app{isolation:isolate}:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color-scheme:light dark;--color-bg: #f0f0f7;--color-surface: #ffffff;--color-text: #23232a;--color-muted: #6b6b72;--color-border: #dcdce6;--color-accent: #a8862f;--color-moon-light: #f3ecd8;--color-moon-shadow: #23232a}@media(prefers-color-scheme:dark){:root{--color-bg: #18181c;--color-surface: #201f25;--color-text: #f0f0f4;--color-muted: #9a9aa2;--color-border: #333138;--color-accent: #d8b25f;--color-moon-light: #efe6cc;--color-moon-shadow: #0d0d0f}}body{min-height:100dvh;background-color:var(--color-bg);color:var(--color-text)}.page{max-width:80ch;margin-inline:auto;padding:2rem}.moon-page{display:flex;flex-direction:column;align-items:center;gap:1.75rem;min-height:100dvh;padding-block:3rem 4rem;text-align:center;animation:moon-page-fade-in .4s ease-out}.moon-page__eyebrow{margin:0;font-size:.8rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--color-muted)}.moon-disc{position:relative;width:clamp(120px,30vw,180px);aspect-ratio:1;border-radius:50%;overflow:hidden;background-color:var(--color-moon-light);box-shadow:inset 0 0 0 1px var(--color-border)}.moon-disc__shadow{position:absolute;inset:0;border-radius:50%;background-color:var(--color-moon-shadow)}.countdown{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center}.countdown__unit{display:flex;flex-direction:column;align-items:center;gap:.35rem;min-width:4.5rem;padding:1rem .5rem;border:1px solid var(--color-border);border-radius:8px;background-color:var(--color-surface)}.countdown__value{font-size:clamp(1.75rem,5vw,2.5rem);font-weight:700;line-height:1;font-variant-numeric:tabular-nums;color:var(--color-accent)}.countdown__label{font-size:.7rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted)}.moon-page__date{margin:0;font-size:1.05rem;font-weight:600}.moon-page__phase{max-width:42ch;padding-top:1.25rem;border-top:1px solid var(--color-border)}.moon-page__phase-name{margin:0 0 .35rem;font-weight:700}.moon-page__phase-description{margin:0;color:var(--color-muted);line-height:1.5}@keyframes moon-page-fade-in{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.moon-page{animation:none}}