:root{color-scheme:light;font:14px/1.5 system-ui,sans-serif;color:#2f3941;background:#f8f9f9}*{box-sizing:border-box}main{max-width:480px;margin:64px auto;padding:24px;background:white;border:1px solid #d8dcde;border-radius:4px}h1{font-size:22px;margin:24px 0}a{color:#1f73b7}label{display:block;font-weight:600;margin-bottom:8px}.domain{display:flex;align-items:center;gap:8px;margin-bottom:24px}.domain input{min-width:0;width:100%;padding:10px;border:1px solid #87929d;border-radius:4px;font:inherit}.domain span{white-space:nowrap;color:#68737d}button{border:1px solid #1f73b7;border-radius:4px;background:#1f73b7;color:white;padding:10px 16px;font:inherit;cursor:pointer}.secondary{background:white;color:#1f73b7}:focus-visible{outline:3px solid #90c5ef;outline-offset:2px}@media(max-width:480px){main{margin:16px 12px;padding:16px}.domain{flex-wrap:wrap}}