/* Root coming-soon page (the domain root until the app launches). */
:root{--bg:#fbf6ec;--ink:#2b2119;--muted:#6f6152}
@media (prefers-color-scheme:dark){:root{--bg:#1c1712;--ink:#f3ead9;--muted:#a8998a}}
*{box-sizing:border-box;margin:0}
html,body{height:100%}
body{background:var(--bg);color:var(--ink);font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;display:flex;flex-direction:column}
header{display:flex;align-items:center;gap:8px;padding:20px 24px;font-weight:600;font-size:15px}
header img{width:28px;height:28px}
main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px}
h1{font-size:clamp(36px,7vw,64px);letter-spacing:-.02em;line-height:1.05}
p{color:var(--muted);margin-top:14px;font-size:18px}
a{color:inherit}
footer{padding:20px;text-align:center;color:var(--muted);font-size:13px}
/* --muted darkened from the draft's #8a7a6a to #6f6152 for WCAG AA contrast (Lighthouse accessibility 100). */