:root{font-family:monospace;line-height:1.5;font-weight:400;color:#ccc;background-color:#252525;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{margin:0;display:flex;min-height:100vh;padding:0}#app{max-width:400px;width:100%;margin:0 auto;padding:8px;box-sizing:border-box}button{padding:8px 16px;text-transform:uppercase;font-weight:700}.clients-list{padding:1rem;font-size:1.2rem;list-style:square}.input-field{display:flex;flex-direction:column;margin-bottom:2rem}.input-field input{padding:8px 16px}.input-field.error input{border-color:red}.input-field.error label{color:red}.timer{margin-bottom:1rem;font-size:.8rem}.online-count.zero{color:#930d0d}.online-count{color:#88a583}