/* A small discovery at the foot of the page. The effect itself takes no input. */
/* Heavy snow buries the page, writing and all. These two stay above it:
   they are the way out, and a reader should never have to dig for it. */
.footer-weather{position:relative;z-index:41;display:flex;align-items:center;justify-content:center;gap:2px;}
.snow-toggle{display:inline-grid;place-items:center;width:44px;height:44px;padding:0;border:0;background:transparent;color:var(--footer-muted);font:400 1.1rem/1 Georgia,serif;cursor:pointer;opacity:.6;transition:opacity .2s ease,color .2s ease;touch-action:manipulation;}
.snow-toggle[hidden]{display:none;}
.snow-toggle svg{width:16px;height:16px;}
.snow-toggle:hover,.snow-toggle[aria-pressed="true"]{opacity:1;color:var(--footer-text);}
.snow-toggle:focus-visible{opacity:1;outline:1px solid currentColor;outline-offset:2px;border-radius:50%;}
/* Above the page it falls on, below anything a reader opens over it: the
   footer's own actions menu sits at 40, so 45 put snow on top of it. */
.snowfall{position:fixed;inset:0;width:100%;height:100%;z-index:39;pointer-events:none!important;user-select:none;opacity:1;transition:opacity 1.3s ease;}
.snowfall.snow-melting{opacity:0;}
@media(prefers-reduced-motion:reduce){.snow-toggle{transition:none;}.snowfall{transition:opacity .1s linear;}}