/* ================= The Weave of the logo book on the public pages (owner, v37; turned down in v41) =================
   Round the card of the first-time setup, and behind the short wait before an account opens. The app has no pattern.
   v42 (owner): none in the hero; none on login and sign-up (one plain block: public/auth.css) and none in the home page's closing panel (public/landing-system.css).
   v41 (owner: "the pattern is too visible, turn it down"): the logo book draws it #1C1C1C on black; here it is a texture behind a form or
   a headline, so it is drawn at about half that strength, the green quarters are dimmed with it, and it fades out sooner towards the edges.
   One place to tune it: --weave-line and --weave-accent below. It is kept clear of running text by a mask (closing panel) or by the card itself. */
:root { --weave-line: #101010; --weave-accent: .32; }
.weave-bg { position: absolute; z-index: -1; overflow: hidden; pointer-events: none; }
.weave { position: absolute; left: 50%; top: 50%; width: calc(var(--cell, 64px) * var(--cols)); height: auto; max-width: none; transform: translate(-50%, -50%); display: block; }
.wv-line { stroke: var(--weave-line); } .wv-q { stroke: var(--brand); opacity: var(--weave-accent); }
/* first-time setup, and the short wait before an account opens: the whole page behind the card, fading out towards the edges of the screen */
.auth { position: relative; isolation: isolate; }
.wv-auth { position: fixed; inset: 0; z-index: -1; -webkit-mask-image: radial-gradient(ellipse 72% 72% at 50% 50%, #000 30%, transparent 100%); mask-image: radial-gradient(ellipse 72% 72% at 50% 50%, #000 30%, transparent 100%); }
#public.enter .weave-bg { animation: fade-in 900ms ease-out both; }
@media (max-width: 920px) { .weave { --cell: 52px; } }
@media (prefers-reduced-motion: reduce) { #public.enter .weave-bg { animation: none; } }

