.code-entry{margin:28px auto 0;max-width:300px;text-align:left}.code-entry label{display:block;color:#a19f90;font-size:9px;letter-spacing:.13em;margin-bottom:9px}.code-row{display:flex;gap:8px}.code-row input,.code-row button{font:inherit;font-size:12px;color:#e5dfcf;background:#171914;border:1px solid #53594a;border-radius:0;min-height:44px}.code-row input{width:100%;min-width:0;padding:10px 12px;letter-spacing:.12em}.code-row input::placeholder{color:#858779}.code-row button{flex:0 0 44px;cursor:pointer;font-size:20px}.code-row button:hover,.code-row button:focus-visible{background:#30352a}.code-row input:focus-visible,.code-row button:focus-visible,.receive:focus-visible{outline:2px solid #a7b797;outline-offset:2px}.code-result{font-size:11px;line-height:1.5;min-height:16px;color:#a19f90;margin:9px 0 0}.code-result.error{color:#d18e80}.receive{display:block;border:1px solid #777e6b;color:#e5dfcf;text-align:center;padding:13px;margin-top:10px;font-size:11px;letter-spacing:.12em;text-decoration:none}.receive:hover{background:#30352a}.connected .dot{background:#8da779;animation:none;box-shadow:0 0 9px #8da77955}@media(max-width:480px){.code-entry{max-width:260px}.code-row input{font-size:16px}}

.code-entry .receive[hidden]{display:none}