.account-main{padding-top:30px}.account-card{max-width:560px;margin:0 auto;padding:35px;border:1px solid #ffffff1c;border-radius:22px;background:linear-gradient(145deg,#dceeff0c,#96a9be04);backdrop-filter:blur(24px);box-shadow:0 20px 60px #00000025}.account-card h1{font-size:30px;line-height:1.3;font-weight:400;margin:20px 0}.account-card p{font-size:13px;color:#97a6b7;line-height:1.9}.account-card #account-status{color:#b6dfd4;font-size:12px}.account-card #account-status[data-error=true]{color:#e5b0ab}.account-features{margin:30px 0 18px}.account-features div{padding:16px 0;border-top:1px solid #ffffff14}.account-features dt{font-size:12px;color:#c4d0da}.account-features dd{margin:7px 0 0;font-size:11px;color:#8596a7}.account-features dd[data-enabled=true]{color:#b6dfd4}@media(max-width:560px){.account-card{padding:25px}.account-card h1{font-size:26px}.account-main{padding-top:10px}}
#vault-section{border-top:1px solid #ffffff14;margin-top:28px;padding-top:20px}#vault-section h2{font-size:18px;font-weight:400}#vault-list{padding:0;list-style:none}#vault-list li{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:14px 0;border-top:1px solid #ffffff14;font-size:12px}#vault-list li span{flex:1;overflow-wrap:anywhere}#vault-key{width:100%;padding:12px;margin-top:10px;border:1px solid #ffffff1c;border-radius:8px;background:#10172270;color:#d8e2eb}#vault-dialog label{font-size:12px;color:#b3bfcb}#vault-dialog .dialog-actions{flex-wrap:wrap}
#vault-existing-link{width:100%;padding:12px;margin:10px 0 16px;border:1px solid #ffffff1c;border-radius:8px;background:#10172270;color:#d8e2eb}

.vault-toolbar,.vault-actions{display:flex;align-items:center;gap:14px}.vault-toolbar{justify-content:space-between}.sync-button{display:grid;place-items:center;padding:9px;background:transparent;color:#c4d0da;border:1px solid #ffffff24;border-radius:50%;cursor:pointer}.sync-button:hover{background:#ffffff0c}.sync-button:focus-visible{outline:2px solid #b6dfd4;outline-offset:3px}#account-status:empty{display:none}
/* Keep authentication and support on separate rows at every viewport width. */
.account-card{display:flex;flex-direction:column;align-items:stretch}.account-card h1{margin:0 0 14px}.account-card #account-summary{margin:0 0 24px}.account-auth-actions{display:grid;gap:12px;min-width:0}.account-auth-actions .primary{width:100%;min-height:48px;text-align:center;font-size:15px}.account-auth-actions .text-button{justify-self:start}.account-support{margin-top:24px;padding-top:16px;border-top:1px solid #ffffff18}.account-support a{display:inline-flex;align-items:center;min-height:44px;max-width:100%;white-space:normal;line-height:1.5;text-decoration:none}#account-status:empty{display:none}.account-header{gap:12px}.account-header>a:last-child{white-space:nowrap}
@media(max-width:560px){.account-main{width:calc(100% - 40px);padding-top:12px;margin-bottom:28px}.account-card{padding:26px 24px}.account-card h1{font-size:28px}.account-card #account-summary{font-size:14px;line-height:1.6}.account-header .brand{font-size:24px}.account-header>a:last-child{font-size:12px}.account-support a{font-size:13px}.vault-toolbar{align-items:flex-start;gap:12px;flex-wrap:wrap}.vault-actions{gap:12px}}