:root{font-family:Doto,monospace;line-height:1.5;font-weight:400;background-color:#000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}body,html{height:100%;margin:0;background-color:#000;color:#fff;font-family:Doto,sans-serif;overflow:hidden}.app{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:2rem;line-height:1}.clock{margin-left:2.5vw;font-size:10vw;text-align:center;letter-spacing:.15em;text-transform:uppercase;display:flex;font-weight:600}.blink{animation:blinker 2s linear infinite}@keyframes blinker{50%{opacity:.5}}@media(min-width:768px){.clock{font-size:8vw}}@media(min-width:1200px){.clock{font-size:12vw}}.toggles{position:fixed;bottom:30px;right:30px;display:flex;flex-direction:column;gap:12px;z-index:10}.toggle{background:#000;border:1px solid rgba(255,255,255,.3);color:#fff;padding:.5rem 0;border-radius:50px;font-size:14px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .2s ease;text-align:center;font-weight:500;width:84px}.toggle:hover{background:#ffffff17}