.account-dialog{box-sizing:border-box;width:min(440px,calc(100vw - 32px));max-height:90dvh;overflow:auto;border:1px solid #c4c9bd;border-radius:22px;background:#f6f5ef;color:#26342c;padding:25px;box-shadow:0 24px 100px #0005;font:15px/1.5 system-ui,sans-serif}.account-dialog::backdrop{background:#17211bb3;backdrop-filter:blur(5px)}.account-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.account-heading h2{font-size:23px;margin:0}.account-dialog button,.account-dialog input{box-sizing:border-box;font:inherit;border:1px solid #aab6a8;border-radius:11px;padding:12px 14px;background:#fff;color:#26342c}.account-dialog button{cursor:pointer}.account-dialog button:disabled{opacity:.5;cursor:wait}.account-dialog .account-close{padding:0;width:36px;height:36px;font-size:25px;background:transparent;border:0}.account-content{display:grid;gap:12px;margin-top:18px}.account-content p{margin:0 0 6px}.account-content form,.account-content label{display:grid;gap:10px}.account-content label{font-weight:600}.account-content input{width:100%;font-weight:400}.account-dialog .account-primary{background:#49664d;color:white;border-color:#49664d}.account-plan{font-weight:700}.account-message{color:#814226;min-height:1em;margin-bottom:0}.account-content details{border-top:1px solid #d1d6cc;margin-top:10px;padding-top:15px}.account-content details p{margin:12px 0}.account-content details button{margin-top:10px;width:100%}.account-dialog .account-danger{color:#9e332b}.account-trigger{font:inherit;font-size:12px;white-space:nowrap;border:1px solid #606c5d;background:transparent;color:inherit;border-radius:8px;padding:9px 12px;cursor:pointer}.membership-panel{padding:20px;border:1px solid #c7d0c3;border-radius:16px;background:#eaf0e6;margin:20px 0}.membership-panel h2{margin:0 0 8px;font-size:21px}.membership-panel p{margin:8px 0}.membership-panel button{margin:6px 10px 0 0}.head-card.locked .card-image{opacity:.55}.account-dialog :focus-visible,.account-trigger:focus-visible{outline:3px solid #6e896b;outline-offset:3px}@media(max-width:600px){.account-trigger{padding:8px;font-size:11px}.header-actions{gap:5px}}

.account-dialog{color-scheme:light}.account-dialog p{font-size:14px;color:#4f6053}.account-dialog label{font-size:14px;color:#26342c}.account-dialog .account-message{color:#814226}.account-dialog .account-heading{padding:0}.account-dialog summary{font-size:14px}.account-dialog button:hover{background:#e3ecdf}.account-dialog .account-primary:hover{background:#39543d}.account-dialog .account-close:hover{background:#e3ecdf}

.auth-callback{font:16px/1.6 system-ui,sans-serif;max-width:440px;margin:12vh auto;padding:24px;color:#e8ece1;background:#24271f;border-radius:16px}.auth-callback a{color:#c3d4b2}
.account-privacy{display:inline-block;margin-top:12px;color:inherit;font-size:14px;text-underline-offset:3px}

/* Reserve the profile circle while authentication is still unknown. */
header .account-trigger.account-identity-pending{box-sizing:border-box;flex:0 0 44px;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;border:0;border-radius:50%;background:#eee5ff;box-shadow:none;opacity:1;cursor:wait}