:root{color-scheme:light;font-family:system-ui,sans-serif;color:#193b31;background:#f5f6f2}*{box-sizing:border-box}body{margin:0}main.key-card{max-width:640px;margin:4vh auto;padding:28px;background:white;border:1px solid #d6e0d9;border-radius:18px}.key-card img{width:155px}.key-card h1{font-size:clamp(1.7rem,5vw,2.4rem)}.key-card p{line-height:1.6}.key-card button,.key-card .button,.passkey-link{display:inline-block;background:#175641;color:white;border:0;border-radius:8px;padding:14px 18px;min-height:48px;font:inherit;font-weight:650;text-decoration:none;cursor:pointer}.key-card button:disabled{opacity:.55;cursor:wait}.key-card label{display:block;margin:20px 0;line-height:1.6}.key-card input[type=checkbox]{width:22px;height:22px;vertical-align:middle}.key-card select,.key-card textarea,.key-card input[type=search]{font:inherit;width:100%;padding:12px;border:1px solid #8ca599;border-radius:6px}.key-card textarea{min-height:100px}.key-card a{color:#175641}.key-card .button{color:white}.key-card .muted{color:#53685e}.key-card [role=status]{min-height:1.5em;color:#9c2929}.key-card #activationLink{overflow-wrap:anywhere}.key-card [hidden]{display:none!important}.key-card footer{border-top:1px solid #d6e0d9;margin-top:28px;padding-top:16px}.passkey-link{margin:8px 0}.key-card :focus-visible{outline:3px solid #ab7200;outline-offset:3px}@media(max-width:680px){main.key-card{margin:0;border-radius:0;border:0;padding:22px;min-height:100dvh}.key-card button{width:100%}} 

.key-brand{font-size:.8rem;font-weight:750;letter-spacing:.12em;color:#597267;margin:0 0 20px}.key-card [role=status]:empty{display:none}

#myDevice{border-block:1px solid #d6e0d9;margin-block:24px;padding-block:20px}#myDeviceQR{width:320px;max-width:100%;height:auto}#myDeviceLink{overflow-wrap:anywhere}