:root { color-scheme: light dark; }
body { margin:0; font-family: system-ui, sans-serif; background:#F3EFE6; color:#1E1A15;
       display:grid; place-items:center; min-height:100vh; }
main { background:#fff; border:1px solid #E3DCCE; border-left:6px solid #2E7D4F;
        border-radius:10px; padding:28px 32px; max-width:34rem; }
h1 { margin:0 0 12px; font-size:1.6rem; }
ul { margin:0; padding-left:18px; line-height:1.7; }
.fuss { margin:18px 0 0; color:#716959; font-size:.85rem; }
@media (prefers-color-scheme: dark) {
  body { background:#0D0F12; color:#ECEEF1; }
  main { background:#15181D; border-color:#262B33; }
  .fuss { color:#8B929D; }
}