:root { color-scheme: light dark; }
body { font-family: system-ui, sans-serif; margin: 24px; max-width: 920px; }
header { display:flex; align-items:center; justify-content:space-between; gap:16px; }
nav { display:flex; gap:12px; align-items:center; }
.card { border:1px solid #ddd; border-radius:14px; padding:16px; margin:16px 0; }
input { display:block; width:100%; padding:10px; margin:6px 0 12px; border-radius:10px; border:1px solid #999; }
button { padding:10px 12px; border-radius:10px; border:1px solid #333; background:transparent; cursor:pointer; }
.muted { color:#666; }
.small { font-size: 0.9em; }
.error { color:#b00020; }
.row { display:flex; justify-content:space-between; gap:16px; align-items:flex-start; }
.hint { margin: 10px 0 14px; padding: 10px; border-radius: 12px; border: 1px dashed #999; }
footer { margin-top: 18px; }