:root{color-scheme:light dark;font:17px/1.55 system-ui,sans-serif;background:#f7efe4;color:#272923}
body{margin:0;padding:24px}main{max-width:640px;margin:5vh auto;background:#fffaf5;padding:28px;border-radius:22px}
h1{font-size:1.7rem;line-height:1.2}h2{font-size:1.2rem}small{display:block;color:#565c4b}a{color:inherit}
button{font:inherit;background:#566047;color:white;border:0;padding:12px 20px;border-radius:14px;cursor:pointer}
.secondary{background:#e8dfd1;color:#272923}label{display:block;margin:24px 0}input{width:22px;height:22px;vertical-align:middle}
section{padding:18px 0;border-top:1px solid #bbb}nav{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}
@media(prefers-color-scheme:dark){:root{background:#191b1a;color:#f6efe5}main{background:#202224}small{color:#bdc4b0}}