:root{color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-height:100dvh;background:#102330;color:#f6f9fb;font-family:"Avenir Next","Segoe UI",sans-serif;display:grid;place-items:center}main{width:min(680px,100%);padding:52px 32px}.logo{display:block;width:300px;max-width:80%;height:auto;margin:0 0 64px}.eyebrow{font-size:13px;letter-spacing:.25em;color:#aec4d2}h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(36px,5vw,58px);letter-spacing:-.025em;line-height:1.15;margin:16px 0 24px}p{line-height:1.6}#status{color:#c9d9e2;font-size:20px;min-height:32px}button,input{font:inherit}button{cursor:pointer;border:0;border-radius:8px;padding:15px 22px;font-weight:600;background:#ecf3f7;color:#102330;font-size:16px}button:disabled{opacity:.45;cursor:default}.primary,.stop{display:block;width:100%;font-size:22px;padding:23px;margin-top:32px}.stop{background:#cf5550;color:white}.helper{font-size:17px;color:#d9e5ed}.small{font-size:14px;color:#adbfcb}label{display:block;margin:30px 0 12px}.pair-row{display:flex;gap:12px}input{width:180px;min-width:0;flex:1;background:#1a3445;border:1px solid #718998;border-radius:8px;padding:14px;font-size:24px;letter-spacing:.1em;color:white}button:focus-visible,input:focus-visible{outline:3px solid #8fcfe9;outline-offset:4px}.error{border-left:3px solid #e4a275;padding:12px 18px;background:#263746;color:#ffe6d7;font-size:16px}footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #ffffff25;padding-top:24px;margin-top:64px;color:#adbfcb;font-size:13px}[hidden]{display:none!important}@media(max-width:500px){main{padding:28px 24px}.logo{margin-bottom:40px}.pair-row{flex-direction:column}input{width:100%}footer{margin-top:40px;flex-direction:column;gap:8px}}