/* Minimal reset + neutral placeholder styling. The real design comes from the
   frontend handoff (FRONTEND_HANDOFF.md) — keep this deliberately plain. */
:root { color-scheme: dark; }
* { box-sizing: border-box; }
body { margin: 0; font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif; background: #0f1115; color: #e8e8ea; line-height: 1.5; }
#app { max-width: 60rem; margin: 0 auto; padding: 1.5rem; }
h1 { font-size: 1.4rem; margin: .2rem 0 .4rem; }
a { color: #6ea8ff; }
button { cursor: pointer; border: 1px solid #2a2f3a; background: #1a1e27; color: #e8e8ea; border-radius: 6px; padding: .35rem .7rem; }
button:hover { background: #222735; }
input { border: 1px solid #2a2f3a; background: #12151c; color: #e8e8ea; border-radius: 6px; margin: .2rem 0; }
ul { list-style: none; padding: 0; } li { padding: .2rem 0; border-bottom: 1px solid #191d26; }
header p { color: #9aa1ac; }