:root{color-scheme:light;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#37252f;background:#fff9f7}
*{box-sizing:border-box}html,body{min-height:100%;margin:0}
body{display:grid;place-items:center;padding:24px}
main{width:min(100%,430px);text-align:center;background:white;border:1px solid #f3dadc;border-radius:24px;padding:34px 20px;box-shadow:0 8px 24px rgba(55,37,47,.06)}
.mark{display:grid;place-items:center;width:52px;height:52px;margin:0 auto 16px;border-radius:18px;background:#ffe9ed;color:#e86882;font-size:36px}
h1{font-size:24px;line-height:1.25;margin:0 0 12px}p{font-size:15px;line-height:1.45;color:#725d68}
#widget{min-height:85px;display:grid;place-items:center;margin:20px auto 0}
#status{min-height:23px;font-size:13px;margin:14px 0}
button{font:inherit;background:#d85d7c;color:white;border:0;border-radius:12px;padding:11px 18px;cursor:pointer}
button:focus-visible{outline:3px solid #d85d7c;outline-offset:3px}