*{box-sizing:border-box}body{margin:0;background:#101820;color:#f4f7f8;font:15px system-ui,sans-serif}main{padding:24px;max-width:620px;margin:auto}.top,.controls{display:flex;align-items:center;gap:16px}.logo{font-size:38px;color:#6de1c4}h1{font-size:22px;margin:0}p{color:#b8c8cf;margin:5px 0}#badge{margin-left:auto;font-size:11px;font-weight:700;letter-spacing:1px;color:#6de1c4}#status{margin:22px 0 18px;min-height:20px}button{background:#6de1c4;color:#10241f;border:0;border-radius:24px;padding:12px 22px;font-weight:700;cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid white;outline-offset:4px}label{display:flex;align-items:center;gap:10px;margin-left:auto;font-size:12px}input{width:100px;accent-color:#6de1c4}@media(max-width:390px){main{padding:16px}.controls{flex-wrap:wrap}label{margin-left:0}}