:root{color-scheme:light dark;--bg:#f5f5f7;--fg:#111;--muted:#6b6b70;--card:#fff}
@media (prefers-color-scheme:dark){:root{--bg:#0b0b0c;--fg:#f2f2f2;--muted:#9a9aa0;--card:#151517}}
*{box-sizing:border-box}html,body{margin:0;height:100%}
body{font:16px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--fg);display:flex;flex-direction:column}
header{background:#000;color:#fff;padding:calc(env(safe-area-inset-top) + 18px) 24px 18px}
.wordmark{font-weight:800;font-size:26px;letter-spacing:-.01em}
main{flex:1;max-width:560px;margin:12vh auto 0;padding:32px;background:var(--card);border-radius:16px;box-shadow:0 1px 3px rgba(0,0,0,.08);width:calc(100% - 32px);height:max-content}
h1{margin:0 0 8px;font-size:24px;letter-spacing:-.01em}.muted{color:var(--muted)}
footer{color:var(--muted);font-size:13px;text-align:center;padding:24px}