/* * Pitch page cloak: hides content until chat.js applies the pitch config, * preventing a flash of the default (home-like) state. * Only loaded on /for/ pages. chat.js adds .pitch-ready to to reveal. */ html:not(.pitch-ready) .page { opacity: 0 !important; } html:not(.pitch-ready) .page .animate-in { animation: none !important; } /* Centered spinner shown while pitch config loads */ html:not(.pitch-ready) body::after { content: ""; position: fixed; top: 50%; left: 50%; width: 28px; height: 28px; margin: -14px 0 0 -14px; border: 2.5px solid rgba(29, 29, 27, 0.12); border-top-color: #356e5b; border-radius: 50%; animation: pitch-spin 0.7s linear infinite; z-index: 9999; } @keyframes pitch-spin { to { transform: rotate(360deg); } } /* Hide spinner once ready */ html.pitch-ready body::after { content: none; }