/* Account-only styles; no graph, note-card or learning-progress overrides. */
#account-controls{margin-inline-start:auto;display:flex;align-items:center;flex-shrink:0}
.qf-account-entry{display:inline-flex;gap:.45rem;align-items:center;border:1px solid var(--border,#b9ada0);border-radius:999px;padding:.4rem .7rem;background:var(--panel,#fffaf1);color:var(--text,#283027);font:inherit;cursor:pointer;max-width:12rem}
.qf-account-entry span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qf-account-avatar{width:1.7rem;height:1.7rem;border-radius:50%;display:grid;place-items:center;background:#386151;color:#fff;font-weight:700}
.qf-account-dialog{width:min(38rem,calc(100vw - 2rem));max-height:85dvh;overflow:auto;border:1px solid #a7b8a9;border-radius:1rem;padding:1.4rem;background:#fffaf1;color:#233128;box-shadow:0 20px 70px #0005}.qf-account-dialog::backdrop{background:#0008}
.qf-account-dialog h2{font-size:1.3rem;margin:0 0 .8rem}.qf-account-dialog p{line-height:1.65}.qf-account-dialog label{display:block;margin:.8rem 0}.qf-account-dialog input:not([type=checkbox]),.qf-account-dialog textarea,.qf-account-dialog select{display:block;width:100%;box-sizing:border-box;margin:.35rem 0;padding:.6rem;border:1px solid #8c9b91;border-radius:.4rem;background:#fff;color:inherit;font:inherit}.qf-account-dialog textarea{min-height:6rem}.qf-account-dialog .qf-account-check{display:flex;gap:.5rem;align-items:start}.qf-account-dialog input[type=checkbox]{margin-top:.25rem}
.qf-account-dialog button{font:inherit;padding:.6rem .8rem;margin:.25rem 0;border:1px solid #8c9b91;border-radius:.5rem;background:#edf3ed;color:#233128;cursor:pointer}.qf-account-dialog button:disabled{opacity:.55;cursor:wait}.qf-account-actions{display:flex;flex-wrap:wrap;gap:.55rem}.qf-account-close{float:inline-end}.qf-account-two-drafts{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.qf-account-two-drafts>div{border:1px solid #a7b8a9;padding:.7rem;border-radius:.5rem;min-width:0}.qf-account-two-drafts pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit}.qf-account-conflict h3{overflow-wrap:anywhere;font-size:1rem}
html[data-theme=xuanqing] .qf-account-dialog{background:#132432;color:#e1eee9;border-color:#609989}html[data-theme=xuanqing] .qf-account-dialog input:not([type=checkbox]),html[data-theme=xuanqing] .qf-account-dialog textarea,html[data-theme=xuanqing] .qf-account-dialog select{background:#10212c;color:#e1eee9}html[data-theme=xuanqing] .qf-account-dialog button,html[data-theme=xuanqing] .qf-account-entry{background:#1b3944;color:#e1eee9;border-color:#609989}html[data-theme=paper] .qf-account-dialog{background:#fff;color:#243240}
@media(max-width:640px){#account-controls{margin-inline-start:0}.qf-account-entry{font-size:.88rem}.qf-account-two-drafts{grid-template-columns:1fr}.qf-account-dialog{padding:1rem}}

/* Account refinement: self-drawn pictograms; legacy server IDs and QPS unchanged. */
[data-theme] #account-controls{order:99;margin-inline-start:auto;flex:none;min-width:36px}
[data-theme] .qf-account-entry{height:36px;min-height:36px;max-width:none;padding:5px 11px;border:1px solid var(--line,#a4b6a5);border-radius:6px;font-size:14px;line-height:1;white-space:nowrap}
[data-theme] .qf-avatar-entry{width:36px;height:36px;min-height:36px;padding:3px;border-radius:50%;color:var(--ink,#315847);background:var(--card,#f8faf3)}
.qf-avatar-entry svg{display:block;width:28px;height:28px}
.qf-account-dialog{max-height:calc(100dvh - 48px);padding-top:2.1rem;box-sizing:border-box;overscroll-behavior:contain}
.qf-account-dialog .qf-account-close{position:absolute;right:8px;top:6px;float:none;padding:0;width:32px;height:32px;line-height:1;margin:0;font-size:24px;background:transparent;border:0}
.qf-account-dialog form>button[type=submit]{display:block;width:100%;background:#315847;color:#fff;border-color:#315847;font-weight:700}
.qf-account-dialog .qf-account-actions [data-ac-action=register],.qf-account-dialog .qf-account-actions [data-ac-action=login],.qf-account-dialog .qf-account-actions [data-ac-action=recover]{background:transparent;border:0;text-decoration:underline;padding:.25rem}
.qf-account-menu{display:grid;gap:6px}.qf-account-menu button{text-align:left}
.qf-avatar-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.qf-avatar-grid button{display:flex;flex-direction:column;align-items:center;padding:7px;margin:0;min-width:0;color:#315847;background:#f7f8ef;position:relative}
.qf-avatar-grid svg{width:44px;height:44px}.qf-avatar-grid span{font-size:13px}
.qf-avatar-grid button[aria-pressed=true]{outline:3px solid currentColor;outline-offset:1px}
.qf-local-hint{font-size:.88rem;color:inherit}.qf-account-dialog .qf-local-use{display:block;background:transparent}
html[data-theme=xuanqing] .qf-avatar-entry,html[data-theme=xuanqing] .qf-avatar-grid button{background:#142735;color:#d7edf3;border-color:#91b6c5}
html[data-theme=paper] .qf-avatar-entry,html[data-theme=paper] .qf-avatar-grid button{background:#fff;color:#243f51;border-color:#7892a0}
html[data-theme=xuanqing] .qf-account-dialog form>button[type=submit]{background:#b9dfea;color:#13232d}
@media(max-width:640px){[data-theme] .topbar{position:relative}[data-theme] #account-controls{position:absolute;right:12px;top:12px;margin:0}[data-theme] .brand{padding-right:44px}[data-theme] .header-tools{padding-right:0}.qf-avatar-grid{gap:6px}.qf-avatar-grid svg{width:36px;height:36px}}

/* 058: grouped browser-only avatar choices; legacy artwork keeps its geometry. */
#account-controls{gap:6px}
.qf-avatar-section h3{font-size:1rem;margin:1.2rem 0 .5rem;padding-bottom:.4rem;border-bottom:1px solid currentColor}
.qf-avatar-grid button{min-width:0;display:flex;flex-direction:column;align-items:center;gap:4px}
.qf-avatar-grid button span{font-size:14px;line-height:1.4}
.qf-avatar-dialog-note{font-size:.9rem}
@media(max-width:480px){.qf-account-dialog{padding:1rem;width:calc(100vw - 2rem);box-sizing:border-box}.qf-avatar-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.qf-avatar-grid button{padding:.5rem .2rem}.qf-avatar-grid svg{width:40px;height:40px}}

.qf-avatar-section+.qf-avatar-section{margin-top:1rem;padding-top:.9rem;border-top:1px solid currentColor}

/* Equal guest choices on the login form; no learning-page overrides. */
.qf-account-guest-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:.8rem}
.qf-account-guest-actions button{min-width:0;margin:0;text-align:center}
