@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&display=swap";:root{font-family:Space Grotesk,sans-serif}*{font-family:inherit;margin:0}body{--bg: rgb(190, 229, 226);--fg: rgb(49, 63, 70);--reset-display: none;background:var(--bg);color:var(--fg);display:grid;place-items:center;height:100vh}main{max-width:min(120ch,80%);font-size:.8rem}h1{font-size:2em;font-weight:500;text-align:center}a{color:inherit;text-decoration:none;font-style:italic}a:hover,a:focus-visible{text-decoration:underline;outline:none;font-weight:700}.emph{font-size:1.2em;font-weight:700}.counter{display:flex;gap:2em;justify-content:center;font-size:clamp(.5em,2vw,1em)}.flex-col{display:flex;flex-direction:column;align-items:center}.counter-num{font-size:8em;font-weight:700}.counter-sep{font-size:6em;font-weight:700;line-height:1.5}.counter-unit{font-size:1.5em;font-weight:500}.facts{font-size:1.5em;margin-top:4em;display:none}#reset-buttons{display:none}.buttons{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:2rem}button.action,a.action{text-align:center;font-style:normal;background:var(--fg);color:var(--bg);border:none;border-radius:.5rem;text-transform:uppercase;font-weight:700;letter-spacing:.075em;padding:.5rem}button.action:focus-visible,button.action:hover,a.action:focus-visible,a.action:hover{outline:none;box-shadow:5px 5px #000;cursor:pointer}.counter-form{display:grid;grid-template-columns:1fr 1fr;background:#ffffff80;margin:2em;padding:1em;border-radius:1em;gap:1em}.counter-form button{background:var(--bg);color:var(--fg);border:none;border-radius:.5rem;grid-column:1 / -1;padding:.5rem}.counter-form button:focus-visible,.counter-form button:hover{outline:none;box-shadow:5px 5px var(--fg);cursor:pointer}input{accent-color:var(--fg);border:none;border-radius:.5rem;padding:.125rem .5rem}input:focus-visible{outline:none;box-shadow:5px 5px var(--fg)}dialog{border:none;margin:auto;border-radius:1em;gap:1em;background:var(--bg);box-shadow:10px 10px 0 5px var(--fg);cursor:pointer;max-width:80vw}dialog::backdrop{background:#00000080}.share-urls{display:flex;flex-direction:column;margin-block-start:.5rem}.share-urls button{display:inline}.share-urls h3{grid-column:span 2;font-size:1em;font-weight:400}@media (width >600px){.share-urls{display:grid;grid-template-columns:1fr min-content;gap:.2rem .5rem}}.url{background:#fff;font-family:monospace;padding:.5rem;border-radius:.5rem;-webkit-user-select:all;user-select:all}.reset-only{display:var(--reset-display)!important}