:root { color-scheme: light dark; --redirect-fg: #1f2933; --redirect-muted: #52606d; } @media (prefers-color-scheme: dark) { :root { --redirect-fg: #e4e7eb; --redirect-muted: #9aa5b1; } } html, body { height: 100%; margin: 0; } body { display: flex; align-items: center; justify-content: center; font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; background: transparent; color: var(--redirect-fg); } .redirect { text-align: center; padding: 2rem; max-width: 28rem; } .redirect__message { font-size: 1.125rem; color: var(--redirect-muted); margin: 0; } /* * Default state = redirecting (host matched, redirect in flight). * JS sets data-state="unmapped" on when the current host has no target. */ .redirect__message--unmapped, .redirect__message--noscript { display: none; } :root[data-state="unmapped"] .redirect__message--redirecting { display: none; } :root[data-state="unmapped"] .redirect__message--unmapped { display: block; }