:root {
  --text: #333;
  --bg: #fff;
  --link: #2563eb;
  --font: system-ui, -apple-system, sans-serif;
}
@media (prefers-color-scheme: dark) {
  :root { --text: #eee; --bg: #111; --link: #60a5fa; }
}
body { font-family: var(--font); color: var(--text); background: var(--bg); line-height: 1.6; margin: 0; padding: 1rem; max-width: 800px; margin-inline: auto; }
header, footer { padding: 1rem 0; border-bottom: 1px solid #ccc; }
footer { margin-top: 2rem; border-top: 1px solid #ccc; }
nav a { margin-right: 1rem; color: var(--link); text-decoration: none; padding: 0.5rem 0; display: inline-block; min-height: 44px; }
main { padding: 1rem 0; min-height: 60vh; }
h1, h2, h3 { line-height: 1.2; }
input { display: block; width: 100%; padding: 0.75rem; margin: 0.5rem 0; border: 1px solid #ccc; font-size: 1rem; }
button { padding: 0.75rem 1.5rem; background: var(--link); color: white; border: none; cursor: pointer; min-height: 44px; }
textarea { width: 100%; min-height: 100px; margin-top: 1rem; }
@media (prefers-reduced-motion: reduce) { * { animation: none !important; transition: none !important; } }