:root{color-scheme:dark;font-family:Georgia,'Times New Roman',serif;background:#101113;color:#ececea}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;min-height:100svh;display:grid;place-items:center}
main{text-align:center;padding:2rem 1.25rem;width:100%;transform:translateY(-1.5rem)}
h1{font-weight:400;font-size:clamp(1.65rem,5.5vw,3.5rem);letter-spacing:-.035em;line-height:1.3;margin:0 0 2.1rem}
button{display:inline-grid;place-items:center;width:52px;height:52px;padding:12px;border:1px solid #57595d;border-radius:50%;background:transparent;color:#bfc1c5;cursor:pointer;transition:color .2s,border-color .2s,background .2s}
button:hover{color:white;border-color:#bfc1c5;background:#202226}
button:focus-visible{outline:2px solid #ececea;outline-offset:6px}
svg{width:24px;height:24px;fill:currentColor;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
svg[hidden]{display:none}
#pause{fill:none;stroke-width:3}
#status{font:14px/1.5 system-ui,sans-serif;color:#bfc1c5;margin:1rem 0 0;min-height:1.5em}