:root { color-scheme: light dark; --background: #fafafd; --text: #292637; --secondary: #615d70; --accent: #615084; }
* { box-sizing: border-box; }
body { margin: 0; background: var(--background); color: var(--text); font-family: system-ui, sans-serif; }
.placeholder { min-height: 100svh; max-width: 42rem; margin: auto; padding: 4rem 1.5rem; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; }
.eyebrow { font-weight: 650; letter-spacing: .1em; }
h1 { font-family: Georgia, serif; font-size: clamp(2.2rem, 7vw, 3.5rem); font-weight: 400; letter-spacing: -.04em; margin: .4rem 0 1rem; }
p { line-height: 1.7; color: var(--secondary); }
.status { margin-top: 2rem; font-size: .9rem; }
a { color: var(--accent); text-underline-offset: .25em; overflow-wrap: anywhere; }
a:focus-visible { outline: 2px solid currentColor; outline-offset: 6px; border-radius: 2px; }
@media (prefers-color-scheme: dark) { :root { --background: #171521; --text: #f6f1ff; --secondary: #c5bfd2; --accent: #d9ccfa; } }
@media (max-height: 650px) { .placeholder { padding-block: 2rem; } }