:root{font-family:monospace;line-height:1.5;font-weight:400;color:#000;background-color:#fff}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}*{box-sizing:border-box}#root{max-width:600px;margin:0 auto;padding:2rem}.container{display:flex;flex-direction:column;gap:2rem;padding:2rem;border:2px solid #000;background:#fff}.code-box{display:flex;flex-direction:column;gap:.5rem;padding:1.5rem;border:2px solid #000}.label{font-family:monospace;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#000}.code{font-family:Courier New,monospace;font-size:3rem;font-weight:700;letter-spacing:.2em;color:#000}.timer{font-family:monospace;font-size:1rem;color:#000}.error{font-family:monospace;font-size:1rem;padding:1rem;border:2px solid #000;color:#000;background:#fff}.copy-button{font-family:monospace;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;border:2px solid #000;background:#fff;color:#000;cursor:pointer;text-transform:uppercase;letter-spacing:.05em;transition:none}.copy-button:hover,.copy-button:active{background:#000;color:#fff}