:root{color-scheme:light dark;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{margin:0;background:#fff7df;color:#181818}.demo{display:grid;gap:1rem;min-height:220px;padding:2rem;place-items:center;text-align:center}button{border:0;border-radius:999px;background:#ff4962;color:#fff;cursor:pointer;font:inherit;font-weight:700;padding:.75rem 1.5rem}button:hover{background:#191919}output{font-weight:700}@media(prefers-color-scheme:dark){body{background:#1f2933;color:#f7f7f7}}