:root { font-family: system-ui, sans-serif; color: #392731; background: #fff7fa; color-scheme: light; }
body { margin: 0; min-height: 100vh; display: grid; place-items: center; }
main { box-sizing: border-box; width: min(44rem, 100%); padding: 2rem; }
.brand { color: #754054; font-weight: 650; letter-spacing: .12em; }
h1 { font-size: clamp(1.7rem, 6vw, 2.8rem); line-height: 1.2; overflow-wrap: anywhere; }
p { line-height: 1.85; }
.status { display: inline-block; border: 1px solid #9f254f; border-radius: 1rem; padding: .2rem 1rem; color: #8e2046; font-weight: 650; }
.note { color: #684e5b; font-size: .9rem; }
@media (prefers-color-scheme: dark) {
  :root { color: #fceaf1; background: #231a20; color-scheme: dark; }
  .brand, .note { color: #e7bdce; }
  .status { color: #ffc1d8; border-color: #e985ab; }
}