.offline-page{padding-block:calc(2rem + var(--safe-top)) calc(2rem + var(--safe-bottom));padding-inline:max(1.5rem,var(--safe-left)) max(1.5rem,var(--safe-right));min-block-size:100dvh;color:var(--text-on-canvas);background:radial-gradient(ellipse 150% 52% at 50% -10%,color-mix(in srgb,var(--gold) 22%,transparent),transparent 62%),var(--surface-canvas)}.offline-page>:where(.offline-masthead,h1,p,.offline-shelf,.offline-shelf-empty){max-inline-size:34rem;margin-inline:auto}.offline-page h1{font:400 clamp(1.5rem,6vw,1.875rem) /1.15 var(--font-display);text-align:center;margin-block:.75rem .5rem}.offline-page p{font:400 1rem/1.6 var(--font-ui);color:var(--text-on-canvas-muted);margin-block:0 .75rem}.offline-shelf-packed{text-align:center}.offline-page a{color:var(--text-on-canvas);text-decoration-color:color-mix(in srgb,var(--gold) 55%,transparent);text-underline-offset:4px}.offline-page :is(a,button):focus-visible{outline:2px solid;outline-color:var(--focus-ring);outline-offset:4px}[data-contrast=high] .offline-page,[data-transparency=reduced] .offline-page{background:var(--surface-canvas)}.offline-masthead{display:flex;flex-direction:column;align-items:center;gap:.75rem}.offline-masthead-name{font:600 .6875rem/1 var(--font-ui);letter-spacing:.26em;text-transform:uppercase;color:var(--text-on-canvas-muted)}.offline-masthead-rule{inline-size:3rem;block-size:1px;background:linear-gradient(to right,transparent,var(--gold),transparent)}[data-contrast=high] .offline-masthead-rule{background:currentColor}.offline-shelf-empty{display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center;padding-block-start:clamp(1.5rem,10vh,4rem)}.offline-page .offline-shelf-empty p{max-inline-size:30rem;margin:0}.offline-page .offline-shelf-empty p:first-of-type{font:400 clamp(1.125rem,4.5vw,1.25rem) /1.5 var(--font-display);color:var(--text-on-canvas);max-inline-size:28rem}.offline-page .offline-shelf-empty p:last-of-type a{display:inline-block;padding:.625rem 1.375rem;border:1px solid color-mix(in srgb,var(--gold) 45%,transparent);border-radius:999px;font:600 .9375rem/1 var(--font-ui);color:var(--text-on-canvas);text-decoration:none}.offline-page .offline-shelf-empty p:last-of-type a:hover{border-color:var(--gold)}[data-contrast=high] .offline-page .offline-shelf-empty p:last-of-type a{border:2px solid}