:root{color-scheme:light dark;font-family:system-ui,sans-serif}body{margin:0;min-height:100vh;display:grid;place-items:center;background:#f4f6f8;color:#17202a}main{width:min(36rem,calc(100% - 3rem));padding:2.5rem;border-radius:1rem;background:#fff;box-shadow:0 1rem 3rem #17202a18}.status{display:flex;align-items:center;gap:.6rem}.status span{width:.7rem;height:.7rem;border-radius:50%;background:#1f9d55}@media(prefers-color-scheme:dark){body{background:#111827;color:#e5e7eb}main{background:#1f2937}}