.account-button{height:42px;min-width:42px;border:1px solid var(--line);border-radius:13px;background:var(--surface);color:var(--ink);padding:0 13px;font-weight:700;font-size:12px;box-shadow:0 3px 0 #00000006}.account-button[data-sync=syncError]{border-color:var(--accent)}.account-dialog{width:min(480px,calc(100vw - 28px));max-height:90vh;border:1px solid var(--line);border-radius:24px;background:var(--surface);color:var(--ink);padding:30px;box-shadow:0 24px 100px #0005}.account-dialog::backdrop{background:#0008;backdrop-filter:blur(6px)}.account-heading{display:flex;align-items:center;gap:18px;padding-right:15px}.account-heading img{object-fit:contain;width:76px;height:114px}.account-heading h2{font-size:26px;line-height:1.25;letter-spacing:-1px;margin:10px 0}.account-close{position:absolute;right:14px;top:12px;background:transparent;border:0;color:var(--muted);font-size:25px;width:32px;height:32px}.account-dialog p{font-size:14px;line-height:1.7;color:var(--muted)}.account-tabs{display:flex;background:var(--bg);border-radius:12px;padding:5px;margin:20px 0}.account-tabs button{flex:1;border:0;border-radius:8px;padding:11px 8px;background:transparent;color:var(--muted);font-weight:700}.account-tabs [aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:0 2px 5px #0001}.account-form{display:grid;gap:17px}.account-form label{display:grid;gap:8px;font-size:13px;font-weight:600}.account-form input{width:100%;border:1px solid var(--line);border-radius:11px;background:var(--bg);color:var(--ink);padding:13px;font:inherit}.account-form input:focus{outline:2px solid var(--accent);outline-offset:2px}.account-form .primary{margin-top:6px;min-height:46px}.account-action{display:block;width:100%;margin-top:12px;padding:12px}.account-email{font-weight:700;color:var(--ink)!important;overflow-wrap:anywhere}.account-message{min-height:24px;margin-bottom:0}.account-message.error{color:var(--accent-ink)}.account-guest{font-size:12px!important}.account-form button:disabled{opacity:.6}.account-dialog .level-label{font-size:9px;letter-spacing:1px}
.account-dialog{text-align:left}.account-form label{text-align:left}
@media(max-width:760px){.account-button{height:37px;min-width:37px;padding:0 9px;font-size:11px}.header-actions{gap:5px}.account-dialog{padding:24px}.account-heading h2{font-size:24px}.account-heading{gap:12px}}