:root{--color-background:#f7f4f3;--color-text:#2b2426;--color-muted:#6d6264;--color-tile:#fff;--color-tile-border:#e7e0de;--color-brand-red:#a8132c;--color-brand-green:#89a432;--font:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{font:1rem/1.4 var(--font);color:var(--color-text);background:var(--color-background)}.page{min-height:100dvh;padding:max(1.5rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(1.5rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:clamp(1.5rem,6vw,2.5rem);display:flex}.logo{width:min(100%,26.4rem);height:auto;display:block}.countdown{flex-direction:column;align-items:center;gap:1rem;width:min(100%,44rem);display:flex}.countdown__lead,.countdown__tail,.countdown__date,.message{text-wrap:balance;margin:0}.countdown__lead{font-size:clamp(1.25rem,5vw,2rem);font-weight:600}.countdown__tiles{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:clamp(.375rem,2vw,1rem);width:100%;display:grid}.tile{background:var(--color-tile);border:1px solid var(--color-tile-border);border-bottom:3px solid var(--color-brand-green);border-radius:.75rem;flex-direction:column;align-items:center;gap:.25rem;min-width:0;padding:clamp(.625rem,3vw,1.25rem) .25rem;display:flex}.tile__value{font-variant-numeric:tabular-nums;font-size:clamp(1.75rem,10vw,4.5rem);font-weight:700;line-height:1}.tile__label{color:var(--color-muted);font-size:clamp(.8125rem,3vw,1rem)}.countdown__tail{font-size:clamp(1.125rem,4.5vw,1.5rem)}.countdown__date{color:var(--color-muted);font-size:clamp(1rem,4vw,1.25rem)}.message{max-width:32rem;font-size:clamp(1.375rem,6vw,2.25rem);font-weight:600}.calendar-button{border:1px solid var(--color-tile-border);background:var(--color-tile);color:var(--color-text);border-radius:999px;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-weight:600;text-decoration:none;display:inline-flex}.calendar-button__icon{fill:none;width:1.25em;height:1.25em;stroke:var(--color-brand-red);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none}.calendar-button:hover{border-color:var(--color-brand-red)}.calendar-button:focus-visible{outline:2px solid var(--color-brand-red);outline-offset:2px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}
