/* Jericho critical CSS - linked directly in so the FIRST paint is already the branded dark theme (no white/unstyled FOUC while the main stylesheet + JS bundle load). Kept tiny and dependency-free. */ html, body { margin: 0; padding: 0; width: 100%; min-height: 100vh; background-color: #0a0608; color: #f4f4f8; overflow-x: hidden; } /* Branded loading splash shown inside #root until React mounts. */ #root { position: relative; min-height: 100vh; } #root::before { content: "JERICHO"; position: fixed; inset: 0; display: flex; align-items: center; justify-content: center; font-family: "Inter", system-ui, -apple-system, sans-serif; font-size: 1.5rem; font-weight: 900; letter-spacing: 6px; color: rgba(255, 255, 255, 0.85); text-shadow: 0 0 24px rgba(255, 0, 51, 0.55); background: radial-gradient(ellipse at 50% 45%, rgba(255, 0, 51, 0.08), transparent 65%); animation: jericho-splash-pulse 1.6s ease-in-out infinite; pointer-events: none; } #root.app-mounted::before { display: none; } @keyframes jericho-splash-pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.55; } } /* Never let the splash cover real app content once mounted. */ @media (prefers-reduced-motion: reduce) { #root::before { animation: none; } }