.account-screen{position:fixed;inset:0;z-index:100;overflow:auto;display:grid;place-items:center;padding:32px 20px;background:radial-gradient(ellipse at 50% 15%,#264b43 0%,#152c2b 42%,#101e28 100%)}
.account-card{width:min(100%,460px);padding:36px;border:1px solid #d6b56655;border-radius:26px;background:linear-gradient(160deg,#233d38ee,#12242bee);box-shadow:0 24px 100px #0008,inset 0 1px #ffffff0d}
.account-brand{font-size:42px;font-weight:950;letter-spacing:-2px;font-style:italic;margin:8px 0 30px;color:#f3ecd9}.account-brand span{color:#efc756}.account-card h1{font-size:25px;line-height:1.15;letter-spacing:-.6px}.account-card p{color:#b9c7bc;font-size:14px;line-height:1.6;margin:14px 0 22px}.account-card .field{margin:16px 0}.account-card input{width:100%}.account-card .button-full{margin-top:12px}.account-divider{display:flex;align-items:center;gap:12px;margin-top:24px;font-size:12px;color:#a3b5a7}.account-divider:before,.account-divider:after{content:'';height:1px;flex:1;background:#c4d4c022}.account-links{display:grid;gap:15px;text-align:center}.account-card .text-link{display:block;margin:16px auto;color:#e8d89c}.account-card #account-message{color:#f1d58d;margin:14px 0;min-height:1em}.account-card .account-footnote{font-size:9px;letter-spacing:2px;text-align:center;margin:28px 0 0;color:#859e91}.family-member{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #ffffff16;padding:16px 0}.family-member small{display:block;overflow-wrap:anywhere;font-size:11px;margin-top:5px;color:#b9c7bc}.family-member .button{padding:10px;font-size:10px;flex-shrink:0}@media(max-width:480px){.account-card{padding:28px 22px}.account-screen{padding:20px 14px}.account-brand{font-size:36px}}

.header-actions .account-menu-button{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:8px 11px;border:1px solid #d6b56666;border-radius:10px;color:#f1d58d;background:#203b36;font-size:11px;font-weight:750;flex-shrink:0}
.header-actions .account-menu-button:hover{background:#304e43}
.header-actions .account-menu-button:focus-visible{outline:2px solid #efc756;outline-offset:3px}
@media(max-width:480px){.header-actions .account-menu-button{min-height:35px;padding:7px 8px;font-size:10px}.topbar{gap:8px}.header-actions{gap:4px}}