:root{font-family:Arial,sans-serif;color:#143e50;background:#f0f5f7}*{box-sizing:border-box}body{margin:0}header{display:flex;align-items:center;gap:10px;background:#143e50;color:#fff;padding:12px 16px}header img{border-radius:8px}header div{display:grid;gap:3px}header span{font-size:12px}header button{margin-left:auto;background:transparent;color:white;border-color:#8db4c9}main{max-width:460px;margin:20px auto;padding:0 14px}h1{font-size:21px;margin:10px 0}p{line-height:1.5;font-size:14px}.card{padding:20px;border:1px solid #d5e2e9;border-radius:14px;background:white;box-shadow:0 3px 14px #173d5010}.small{font-size:12px;color:#496879}.eyebrow{font-size:10px;font-weight:bold;color:#087b7e;letter-spacing:.4px}label{display:block;font-size:13px;margin:12px 0 5px}textarea{width:100%;resize:vertical;min-height:68px;padding:10px;border:1px solid #b9d0dc;border-radius:7px;font:13px monospace;overflow-wrap:anywhere}textarea[readonly]{background:#f4f8fa}.check{display:flex;gap:8px;align-items:center;font-size:12px;margin:14px 0}.check input{width:16px;height:16px;flex:0 0 16px}button{font:inherit;font-size:14px;padding:10px 12px;border:1px solid #b1d0df;border-radius:7px;cursor:pointer;background:#edf6fa;color:#164c65;min-height:40px}.primary{background:#087b7e;color:white;border-color:#087b7e}#activate{width:100%}button:disabled{opacity:.5;cursor:default}.actions{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.actions button{flex:1}.quiet{background:transparent;border:0;padding:7px 0;font-size:12px}#qr{text-align:center;margin:16px auto;max-width:260px}#qr svg{display:block;max-width:100%;height:auto}#expiry{text-align:center;font-weight:bold;color:#087b7e}#message{white-space:pre-wrap}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #24a5b8;outline-offset:2px}[hidden]{display:none!important}@media(display-mode:standalone){header{padding-top:max(12px,env(safe-area-inset-top))}}@media(max-width:360px){.card{padding:14px}main{padding:0 8px}}

header>img{width:56px;height:56px;object-fit:contain}header>#install{margin-left:auto}

#token{display:block;width:100%;font-size:48px;font-weight:700;text-align:center;letter-spacing:12px;padding:16px 8px;color:#087b7e;border:1px solid #c1d5dc;border-radius:9px;background:#f3fafb}#qr[hidden]{display:none}

dialog#notice{width:min(390px,90vw);border:1px solid #bfd1da;border-radius:14px;padding:22px;color:#143e50}dialog#notice::backdrop{background:#102f4070}#notice h2{font-size:20px;margin-top:0}#noticeText{font-size:16px;line-height:1.6}#noticeClose{display:block;margin:18px 0 0 auto}


.help{margin-top:16px}.help h2{font-size:1.1rem}.help a{overflow-wrap:anywhere}.button{display:inline-block;padding:12px;border-radius:8px;background:#087b7e;color:white;text-decoration:none}#activationIdentity{padding:12px;background:#eef6f7;border-radius:8px;margin-bottom:18px}#activationIdentity h2{margin:0;font-size:1.25rem}#accountForm input:not([type=checkbox]){width:100%;box-sizing:border-box}#biometricLogin,#enableBiometric{margin-top:12px;width:100%}

#accountForm input:not([type=checkbox]){font:inherit;font-size:16px;min-height:44px;padding:10px 12px;border:1px solid #b9d0dc;border-radius:7px}#accountSubmit{width:100%;margin-top:8px}