*,*:before,*:after{box-sizing:border-box}:root{--font-scale: 1;--font-body: var( --theme-font-body, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif );--font-numbers: var( --theme-font-numbers, ui-monospace, "SF Mono", "Cascadia Mono", "Roboto Mono", Menlo, Consolas, monospace );--backdrop-veil: var(--theme-backdrop-veil, color-mix(in srgb, var(--color-bg) 40%, transparent));--space-1: .4rem;--space-2: .75rem;--space-3: 1.2rem;--space-4: 2rem;--space-5: 3rem;--radius: .9rem;--measure: 48rem;--measure-split: 92rem}:root[data-font=small]{--font-scale: .9}:root[data-font=normal]{--font-scale: 1.05}:root[data-font=large]{--font-scale: 1.3}:root[data-font=huge]{--font-scale: 1.6}html{font-size:calc(100% * var(--font-scale))}body{margin:0;padding:var(--space-1) var(--space-2) var(--space-2);min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background-color:var(--color-bg);background-image:linear-gradient(var(--backdrop-veil),var(--backdrop-veil)),var(--backdrop-image);background-repeat:no-repeat;background-position:center;background-size:cover;color:var(--color-text);font-family:var(--font-body);line-height:1.5;-webkit-text-size-adjust:100%}#root{flex:1;display:flex;flex-direction:column}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.page{flex:1;display:flex;flex-direction:column;width:100%;margin:0 auto;max-width:var(--measure)}.page__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);min-height:2.75rem}.page__title{margin:0;font-size:1rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--color-accent)}.page__actions{display:flex;align-items:center;gap:var(--space-1)}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;padding:0;border:0;border-radius:50%;background-color:transparent;color:var(--color-text-muted);cursor:pointer}.page__actions>.icon-button:last-child,.dialog__header>.icon-button{margin-right:-.6rem}.icon-button:hover,.icon-button[aria-pressed=true]{background-color:var(--color-accent-soft);color:var(--color-accent)}.icon{width:1.6rem;height:1.6rem}.page__main{flex:1;display:flex;flex-direction:column;align-items:stretch;gap:var(--space-4);padding:var(--space-1) 0 var(--space-2)}.pane{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);min-width:0;text-align:center}.pane--time,.pane--date,.pane--facts,.empty{flex:1 1 0}.pane--time+.pane--date{border-top:var(--border-width) solid var(--color-border);padding-top:var(--space-4)}.clock{display:flex;flex-direction:column;align-items:inherit;gap:var(--space-1)}.clock__time{display:block;font-family:var(--font-numbers);font-size:clamp(3.25rem,17vw,10.5rem);font-variant-numeric:tabular-nums;font-weight:500;line-height:1;letter-spacing:-.01em}.clock--seconds .clock__time{font-size:clamp(2.75rem,12vw,7.5rem)}.clock__meridiem{margin-left:.22em;color:var(--color-text-muted);font-family:var(--font-body);font-size:.28em;font-weight:500;letter-spacing:.04em}.clock__zone{margin:0;color:var(--color-text-muted);font-size:clamp(1.05rem,1.6vw,1.4rem);letter-spacing:.02em}.headline{margin:0;display:flex;flex-direction:column;align-items:inherit;gap:var(--space-1);font-weight:500}.headline__day{font-size:clamp(1.8rem,7.5vw,4.6rem);line-height:1.1}.headline__day:first-letter{text-transform:uppercase}.headline__line{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:.2rem var(--space-3);font-size:clamp(1.15rem,4.2vw,2.3rem);font-weight:400}.headline__week{color:var(--color-text-muted);font-variant-numeric:tabular-nums}.facts{max-width:100%}.pane+.pane--facts .facts{border-top:var(--border-width) solid var(--color-border);padding-top:var(--space-4)}.facts__list{margin:0;display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3) var(--space-4)}.fact{display:flex;flex-direction:column;gap:.15rem}.fact__label{color:var(--color-text-muted);font-size:clamp(.85rem,1.1vw,1rem);letter-spacing:.09em;text-transform:uppercase}.fact__value{margin:0;font-size:clamp(1.5rem,2.4vw,2.1rem);font-variant-numeric:tabular-nums}.next__body{margin:0;color:var(--color-text-muted);font-size:clamp(1.05rem,1.6vw,1.4rem)}.empty{padding:var(--space-4) 0;gap:var(--space-2)}.empty__heading{margin:0;font-size:clamp(1.5rem,2.4vw,2.1rem);font-weight:500}.empty__body{margin:0;color:var(--color-text-muted)}.notice{margin:0;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-2);color:var(--color-accent);font-size:.9rem}.notice__retry{border:var(--border-width) solid var(--color-accent);border-radius:999px;padding:.15rem var(--space-2);background-color:transparent;color:inherit;font:inherit;font-size:.9rem;cursor:pointer}.notice__retry:hover{background-color:var(--color-accent-soft)}@media(min-width:60rem),(orientation:landscape)and (max-height:34rem){.page--split{max-width:var(--measure-split)}.page--split .clock__time{font-size:clamp(2.75rem,13vw,10.5rem)}.page--split .clock--seconds .clock__time{font-size:clamp(2.5rem,8.5vw,7.5rem)}.page--split .page__main{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:var(--space-5);row-gap:var(--space-4);align-items:center}.page--split .pane--time{align-items:flex-end;text-align:right}.page--split .pane--time+.pane--date{align-items:flex-start;text-align:left;border-top:0;border-left:var(--border-width) solid var(--color-border);padding-top:0;padding-left:var(--space-5)}.page--split .pane--date .headline__line{justify-content:flex-start}.page--split .pane--full{grid-column:1 / -1}}@media(min-width:60rem){body{padding:var(--space-3)}.page__main{justify-content:center;align-content:center;padding:var(--space-4) 0}.pane--time,.pane--date,.pane--facts,.empty{flex:0 0 auto}}@media(orientation:landscape)and (max-height:34rem){.page__main{gap:var(--space-3);padding:var(--space-1) 0}.page--split .page__main{column-gap:var(--space-4)}.page--split .pane--time+.pane--date{padding-left:var(--space-4)}.clock__time,.page--split .clock__time{font-size:clamp(2.5rem,min(13vw,26vh),7rem)}.clock--seconds .clock__time,.page--split .clock--seconds .clock__time{font-size:clamp(2rem,min(8.5vw,19vh),5rem)}.headline__day{font-size:clamp(1.6rem,min(7.5vw,13vh),3rem)}.headline__line{font-size:clamp(1.05rem,min(4.2vw,7vh),1.6rem)}.pane--facts{flex:0 0 auto}.pane+.pane--facts .facts{padding-top:var(--space-3)}}.dialog{margin:auto;padding:var(--space-2);max-width:min(36rem,100vw);width:100%;max-height:100dvh;overflow-y:auto;overscroll-behavior:contain;border:0;background-color:transparent;color:inherit}.dialog::backdrop{background-color:var(--color-backdrop)}.dialog__panel{display:flex;flex-direction:column;gap:var(--space-3);background-color:var(--color-bg-raised);border:var(--border-width) solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-raised);padding:var(--space-3)}.dialog__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.dialog__heading{margin:0;font-size:1.2rem;font-weight:600}.dialog__actions{display:flex;flex-wrap:wrap;gap:var(--space-2);border-top:var(--border-width) solid var(--color-border);padding-top:var(--space-2)}.group{margin:0;padding:0;border:0}.group__legend{padding:0 0 var(--space-1);color:var(--color-text-muted);font-size:.8rem;letter-spacing:.09em;text-transform:uppercase}.group__choices{display:flex;flex-wrap:wrap;gap:var(--space-2)}.group__switches{display:grid;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:var(--space-2) var(--space-3)}.group__note{margin:var(--space-2) 0 0;color:var(--color-text-muted);font-size:.85rem}.choice{display:inline-flex}.choice__input,.switch__input{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.choice__label{display:inline-block;border:var(--border-width) solid var(--color-border);border-radius:999px;padding:.3rem var(--space-2);background-color:transparent;cursor:pointer;font-size:.95rem}.choice__label:hover{border-color:var(--color-accent)}.choice__input:checked+.choice__label{background-color:var(--color-accent-soft);border-color:var(--color-accent);color:var(--color-accent)}.switch__label{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;font-size:.95rem}.switch__track{position:relative;flex:none;width:2.8rem;height:1.6rem;border:var(--border-width) solid var(--color-border);border-radius:999px;background-color:var(--color-bg-sunken)}.switch__track:after{content:"";position:absolute;top:.2rem;left:.2rem;width:1.1rem;height:1.1rem;border-radius:50%;background-color:var(--color-text-muted)}.switch__input:checked+.switch__label .switch__track{background-color:var(--color-accent-soft);border-color:var(--color-accent)}.switch__input:checked+.switch__label .switch__track:after{background-color:var(--color-accent);transform:translate(1.2rem)}.switch__input:disabled+.switch__label{opacity:.45;cursor:not-allowed}.timetravel{display:flex;flex-direction:column;gap:var(--space-2)}.timetravel__label{color:var(--color-text-muted);font-size:.8rem;letter-spacing:.09em;text-transform:uppercase}.timetravel__input{width:100%;max-width:18rem;border:var(--border-width) solid var(--color-border);border-radius:var(--radius);padding:.5rem var(--space-2);background-color:var(--color-bg-sunken);color:inherit;font:inherit;font-variant-numeric:tabular-nums}.timetravel__actions{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-1)}.button{border:var(--border-width) solid var(--color-accent);border-radius:999px;padding:.35rem var(--space-3);background-color:transparent;color:var(--color-accent);font:inherit;font-size:.95rem;cursor:pointer}.button:hover:not(:disabled){background-color:var(--color-accent-soft)}.button:disabled{border-color:var(--color-border);color:var(--color-text-muted);cursor:not-allowed}.choice__input:focus-visible+.choice__label,.switch__input:focus-visible+.switch__label .switch__track,.notice__retry:focus-visible,.timetravel__input:focus-visible,.button:focus-visible,.icon-button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@media(prefers-reduced-motion:no-preference){.choice__label,.notice__retry,.button,.icon-button,.switch__track{transition:background-color .12s ease,border-color .12s ease,color .12s ease}.switch__track:after{transition:background-color .12s ease,transform .12s ease}}