:root { color-scheme: light dark; }
body { font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif; margin: 0; padding: 0; }
.card { max-width: 520px; margin: 10vh auto; padding: 24px; border: 1px solid rgba(127,127,127,.3); border-radius: 12px; }
h1 { margin-top: 0; font-size: 20px; }
h2 { font-size: 16px; }
label { display: block; margin-top: 12px; margin-bottom: 6px; opacity: 0.85; }
input { width: 100%; padding: 10px; border-radius: 10px; border: 1px solid rgba(127,127,127,.35); }
button { margin-top: 12px; padding: 10px 12px; border-radius: 10px; border: 1px solid rgba(127,127,127,.35); cursor: pointer; }
button.secondary { opacity: 0.85; }
.muted { opacity: 0.8; font-size: 12px; }
hr { margin: 18px 0; opacity: 0.3; }