.account-panel{padding:0 0 28px;margin-bottom:28px;border-bottom:1px solid var(--line)}.account-panel h2{display:flex;align-items:center;gap:10px;font-size:20px;margin-bottom:10px}.account-panel h2>.icon{color:var(--accent);width:20px;height:20px}.account-panel>p{font-size:13px;line-height:1.7;margin:10px 0 18px}.account-options{display:grid;gap:12px;grid-template-columns:1fr 1fr}.account-panel .account-button{min-height:46px;border:1px solid var(--line);border-radius:11px;background:var(--surface);color:var(--ink);padding:11px 14px;font-family:inherit;font-size:13px;font-weight:550;line-height:1.5;display:flex;justify-content:center;align-items:center;gap:9px;cursor:pointer;transition:border-color .18s,background .18s,box-shadow .18s}.account-panel .account-button:hover:not(:disabled){background:var(--accent-tint);border-color:#c7d7fa}.account-panel .account-button:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.account-panel .account-button:disabled{cursor:not-allowed;opacity:.55}.account-button svg{width:18px;height:18px;flex-shrink:0}.account-panel .google-button{background:#fff;color:#1f1f1f;font-family:Arial,sans-serif;font-weight:500}.account-panel .google-button:hover:not(:disabled){background:#f8faff}.account-panel .github-button{background:#192436;color:#fff;border-color:#192436}.account-panel .github-button:hover:not(:disabled){background:#2b3a51;border-color:#2b3a51}.account-user{padding:20px;background:#f8faff;border:1px solid #dae5f9;border-radius:16px}.account-profile{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.account-avatar{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#e3edff;color:var(--accent-ink);font-size:20px;font-weight:650;position:relative;flex-shrink:0;border:3px solid #fff;box-shadow:0 0 0 1px #d8e4fa}.account-avatar>img{position:absolute;width:100%;height:100%;object-fit:cover;border-radius:50%;inset:0}.avatar-provider{position:absolute;bottom:-3px;right:-3px;width:24px;height:24px;border-radius:50%;background:#fff;display:grid;place-items:center;border:1px solid var(--line);z-index:1}.avatar-provider>span{display:flex}.avatar-provider svg{width:14px;height:14px}.account-identity{min-width:0;flex:1}.account-identity strong{font-size:16px;font-weight:650;overflow-wrap:anywhere}.account-identity p{font-size:12px;margin:2px 0 3px;overflow-wrap:anywhere}.account-provider-label{font-size:11px;color:var(--muted)}.account-connected{display:flex;align-items:center;gap:5px;color:#276347;background:#e9f5ef;border-radius:6px;padding:4px 7px;font-size:10px;white-space:nowrap}.account-connected .icon{width:13px;height:13px}.account-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:19px}.account-panel .use-email-button{color:var(--accent-ink);background:#fff;border-color:#c7d7fa}.account-panel #account-logout{background:transparent;border-color:transparent;color:var(--muted)}.account-panel #account-logout:hover{background:#edf2f9}.account-panel #account-status{font-size:12px;line-height:1.7;margin:14px 0 0;color:var(--muted)}.account-panel[data-state=error] #account-status{color:#a33e22}.account-panel[data-state=signed-in] #account-status{display:none}.account-warning{border:1px solid #e3d5b7;border-radius:12px;background:#fffbf2;padding:16px;margin-top:16px}.account-warning p{font-size:13px}.account-panel .account-retry{margin-top:12px}.account-panel [hidden]{display:none!important}.account-panel[data-state=loading] .account-options{opacity:.6}
@media(max-width:700px){.account-options{grid-template-columns:1fr}.account-user{padding:17px}.account-profile{display:grid;grid-template-columns:56px minmax(0,1fr);gap:8px 12px}.account-connected{grid-column:2;justify-self:start}.account-actions{display:grid;grid-template-columns:1fr}.account-actions .account-button{width:100%;min-width:0}.account-avatar{width:56px;height:56px}}