.account-button{border:1px solid #ffffff26;border-radius:24px;color:#fff;background:#ffffff0a;padding:10px 16px;font:inherit;cursor:pointer;white-space:nowrap}.account-button.is-developer{border-color:#ddfc6744;color:#ddfc67}#accountDialog{width:min(480px,calc(100vw - 32px));max-height:90vh;overflow:auto;background:#17191d;color:#f5f5f5;border:1px solid #ffffff20;border-radius:22px;padding:36px;margin:auto}#accountDialog::backdrop{background:#000a;backdrop-filter:blur(7px)}#accountDialog h2{font-size:24px;line-height:1.5;margin:12px 0}#accountDialog p{font-size:14px;line-height:1.7;color:#a6aab3}.account-close{position:absolute;right:12px;top:12px}#googleButton{min-height:44px;margin:24px 0}.account-identity{display:flex;gap:14px;align-items:center;margin:24px 0}.account-identity>span{display:grid;place-items:center;background:#ddfc67;color:#17191d;width:48px;height:48px;border-radius:50%;flex-shrink:0;font-size:22px}.account-identity strong{font-size:17px}.account-identity p{margin:3px 0;overflow-wrap:anywhere}.role-pill{display:inline-block;font-size:12px;background:#ddfc6715;color:#ddfc67;padding:7px 12px;border-radius:20px}.account-actions{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}.account-note{border-top:1px solid #ffffff15;padding-top:20px}#authStatus:empty{display:none}#authStatus.auth-error{color:#ffb0a5}#developerPanel{border:1px solid #ddfc6725;border-radius:12px;padding:18px}#developerPanel h3{font-size:17px;margin:0 0 18px}#developerDetails{margin:0}#developerDetails dt{font-size:12px;color:#a6aab3;margin-top:12px}#developerDetails dd{margin:4px 0;font-size:14px;overflow-wrap:anywhere}.account-button:focus-visible{outline:2px solid #ddfc67;outline-offset:3px}
.auth-tabs{display:flex;background:#0e1013;border-radius:12px;padding:4px;margin:20px 0;gap:4px}.auth-tabs button{flex:1;border:0;background:transparent;color:#a6aab3;border-radius:9px;padding:12px 6px;font:inherit;font-size:14px;cursor:pointer}.auth-tabs button[aria-pressed=true]{background:#ddfc67;color:#17191d}#accountForm label{display:block;font-size:13px;color:#e6e8eb;margin-top:16px}#accountForm label[hidden]{display:none}#accountForm input{display:block;margin-top:7px;width:100%;box-sizing:border-box;background:#0e1013;border:1px solid #ffffff24;border-radius:10px;padding:13px;color:#fff;font:inherit;font-size:16px;outline:none}#accountForm input:focus{border-color:#ddfc67}#accountForm small{display:block;color:#9096a1;font-size:11px;line-height:1.6;margin-top:6px}.password-input{display:flex;position:relative;align-items:center}.password-input input{padding-right:80px!important}.password-input button{position:absolute;right:9px;top:18px;border:0;background:transparent;color:#ddfc67;font:inherit;font-size:11px;cursor:pointer}.auth-submit{width:100%;justify-content:center;margin-top:20px}#authHint{font-size:12px!important}.account-id{font-size:11px!important;overflow-wrap:anywhere}#accountDialog button:disabled{opacity:.55;cursor:wait}#accountDialog [hidden]{display:none!important}

/* Keep the close control outside the scrollable form on mobile. */
#accountDialog{position:fixed;inset:var(--account-top,12px) 0 auto;margin:0 auto;padding:0;max-height:calc(var(--account-viewport,100dvh) - 24px);width:min(480px,calc(100vw - 24px));overflow:hidden;border-radius:18px}
#accountDialog[open]{display:flex;flex-direction:column}
.account-modal-header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex:0 0 auto;padding:8px 12px 8px 22px;border-bottom:1px solid #ffffff0c;background:#1c1f24;z-index:2}
.account-modal-header>span{font-size:11px;color:#a7b09f}
#accountDialog .account-close{position:static;display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;padding:0;border-radius:10px;border:1px solid #ffffff20;background:#ffffff08;color:#fff;font-size:23px;line-height:1;touch-action:manipulation}
#accountDialog .account-close:hover{background:#ffffff16;color:var(--accent)}
.account-modal-body{min-height:0;flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;padding:26px 30px calc(26px + env(safe-area-inset-bottom,0px));scroll-padding-block:18px}
@media(max-width:580px){.account-modal-body{padding:20px 22px calc(24px + env(safe-area-inset-bottom,0px))}#accountDialog h2{font-size:22px}.account-modal-header{padding-left:22px}#accountDialog p{font-size:12px}}

#accountForm .remember-option{display:flex;align-items:center;gap:10px;margin-top:20px;font-size:12px;line-height:1.6;cursor:pointer}#accountForm .remember-option input{display:block;flex:0 0 20px;width:20px;height:20px;margin:0;padding:0;accent-color:var(--accent)}#accountForm .remember-option span{color:#c1cabd}

.password-change-panel{border:1px solid #c5ef7425;border-radius:12px;background:#11171a;padding:18px;margin:20px 0}.password-change-panel h3{font-size:17px;margin:0 0 15px}#passwordChangeForm label{display:block;margin-top:15px;color:#dfe5dc;font-size:12px}#passwordChangeForm input:not([type=hidden]){display:block;width:100%;margin-top:7px;border:1px solid #ffffff24;border-radius:9px;background:#0e1013;padding:12px;color:#fff;font:inherit;font-size:16px}#passwordChangeForm input:focus{border-color:var(--accent)}#newPasswordHint{display:block;font-size:10px;line-height:1.8;color:#8c9a8f;margin-top:7px}#passwordChangeStatus{color:#ffb0a5!important;font-size:11px!important}#passwordChangeStatus:empty{display:none}.password-change-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}.password-change-actions button{font-size:10px;padding:10px 13px}