*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{color:#111;background:#f5f5f0;font-family:monospace}.page{max-width:480px;padding:2rem}h1{letter-spacing:.05em;margin-bottom:1.5rem;font-size:1.5rem;font-weight:400}h1 a{color:inherit;text-decoration:none}h1 a:hover{text-decoration:underline}p{color:#555;margin-bottom:.75rem}input{background:#fff;border:1px solid #ccc;width:100%;margin-bottom:.5rem;padding:.4rem .6rem;font-family:monospace;font-size:1.1rem}input:focus{outline-offset:-1px;outline:2px solid #111}button{color:#fff;cursor:pointer;background:#111;border:none;margin-right:.5rem;padding:.4rem 1rem;font-family:monospace;font-size:1rem}button:hover{background:#333}button:disabled{opacity:.4;cursor:default}button.secondary{color:#111;background:0 0;border:1px solid #ccc}button.secondary:hover{background:#eee}.status{color:#888;margin-bottom:1rem;font-size:.8rem}.counter-display{align-items:center;gap:1rem;margin:2rem 0;display:flex}.count{text-align:center;min-width:4rem;font-size:4rem;font-weight:700;line-height:1}.actions{gap:.5rem;margin-top:1rem;display:flex}.error{color:#c00;margin-top:.5rem;font-size:.9rem}