.account-nav{position:relative;flex:0 0 auto;min-width:140px;color:var(--xb-ink)}.account-guest{display:flex;align-items:center;gap:8px}.account-nav .account-button{min-height:42px;padding:9px 19px;border:1px solid var(--xb-line);border-radius:var(--xb-radius);font-size:13px;font-weight:600;line-height:1.5;white-space:nowrap;transition:background .18s,border-color .18s}.account-nav .account-signin{background:var(--xb-surface);color:var(--xb-ink)}.account-nav .account-signin:hover{background:var(--xb-bg);border-color:var(--xb-ink)}.account-nav .account-signup{background:var(--accent);border-color:var(--accent);color:var(--xb-surface)}.account-nav .account-signup:hover{background:var(--xb-ink);border-color:var(--xb-ink)}.account-pending{display:flex;align-items:center;justify-content:flex-end;gap:9px;min-height:42px;color:var(--xb-muted-strong);font-size:12px}.account-placeholder{width:28px;height:28px;border-radius:50%;background:var(--xb-accent-soft)}.account-trigger{display:flex;align-items:center;gap:9px;max-width:230px;min-height:44px;margin-left:auto;padding:5px 10px 5px 5px;border:1px solid var(--xb-line);border-radius:var(--xb-radius);color:var(--xb-ink);background:var(--xb-surface)}.account-trigger:hover,.account-trigger[aria-expanded=true]{border-color:var(--xb-ink);background:var(--xb-bg)}.account-avatar{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border-radius:50%;background:var(--xb-accent-soft);color:var(--accent);font-size:14px;font-weight:650}.account-display-name{overflow:hidden;max-width:150px;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600}.account-trigger>svg{width:16px;height:16px;flex:0 0 auto}.account-menu{position:absolute;top:calc(100% + 10px);right:0;z-index:30;width:248px;padding:8px;border:1px solid var(--xb-line);border-radius:var(--xb-radius);background:var(--xb-surface);box-shadow:var(--xb-shadow-card)}.account-menu-identity{display:grid;gap:2px;margin:0 5px 5px;padding:10px 7px 14px;border-bottom:1px solid var(--xb-line);overflow-wrap:anywhere}.account-menu-identity strong{font-size:14px;font-weight:650}.account-menu-identity span{color:var(--xb-muted-strong);font-size:12px}.account-menu>button{display:flex;align-items:center;gap:11px;width:100%;min-height:44px;padding:11px 12px;border:0;border-radius:var(--xb-radius);background:transparent;color:var(--xb-ink);text-align:left;font-size:13px}.account-menu>button:hover{background:var(--xb-bg);color:var(--xb-ink)}.account-menu>button svg{width:18px;height:18px}.site-login.account-dialog,.account-dialog{width:min(420px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;padding:32px 28px;border:1px solid var(--xb-line);border-radius:var(--xb-radius);color:var(--xb-ink);background:var(--xb-surface);box-shadow:var(--xb-shadow-card)}.account-dialog::backdrop{background:var(--xb-scrim)}.account-dialog .account-close{position:absolute;top:8px;right:8px;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:var(--xb-radius);color:var(--xb-muted-strong);background:transparent}.account-dialog .account-close:hover{background:var(--xb-bg);color:var(--xb-ink)}.account-close svg{width:20px;height:20px}.account-dialog-mark{display:flex;align-items:center;justify-content:flex-start;width:48px;margin-bottom:16px}.account-dialog-mark svg{width:28px;height:28px}.account-dialog h2{margin:0 0 8px;font-family:var(--xb-font-serif);font-size:24px;font-weight:600;line-height:1.4}.account-dialog>.account-description{margin:0 0 24px;color:var(--xb-muted-strong);font-size:13px;line-height:1.8}.account-dialog .account-form{display:grid;gap:8px}.account-dialog label{color:var(--xb-ink);font-size:13px;font-weight:600}.account-dialog input,.account-dialog textarea{width:100%;min-width:0;height:44px;margin:0 0 8px;padding:11px 12px;border:1px solid var(--xb-line);border-radius:var(--xb-radius);background:var(--xb-surface);color:var(--xb-ink);font:inherit;font-size:14px;line-height:1.5}.account-dialog .account-type-choice{display:grid;gap:8px;min-width:0;margin:0 0 8px;padding:0;border:0}.account-dialog .account-type-choice legend{padding:0;margin-bottom:8px;color:var(--xb-ink);font-size:13px;font-weight:600}.account-dialog .account-type-choice label{display:flex;align-items:flex-start;font-size:14px;font-weight:400;line-height:1.5}.account-dialog .account-type-choice input{flex:none;width:auto;height:auto;margin:3px 8px 0 0;padding:0;border-radius:50%}.account-dialog .account-type-choice input:focus,.account-dialog .account-type-choice input:focus-visible{box-shadow:none;outline:2px solid var(--xb-ink);outline-offset:2px}.account-dialog .account-type-hint{color:var(--xb-muted-strong);font-size:12px}.account-dialog textarea{resize:vertical;height:auto;min-height:72px}.account-dialog input::placeholder,.account-dialog textarea::placeholder{color:var(--xb-muted-strong);font-size:12px}.account-dialog input:focus,.account-dialog textarea:focus{border-color:var(--xb-ink);outline:none;box-shadow:0 0 0 1px var(--xb-ink);background:var(--xb-surface)}.account-label-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.account-dialog .account-text-button{min-height:32px;padding:4px 0;border:0;color:var(--xb-ink);background:transparent;font-size:13px;font-weight:600;text-decoration:underline;text-underline-offset:4px}.account-dialog .account-text-button:hover{opacity:.7}.account-dialog .account-signout-all .account-text-button{color:var(--xb-danger)}.account-dialog .account-submit{width:100%;margin-top:4px;min-height:46px;border:1px solid var(--xb-ink);border-radius:var(--xb-radius);background:var(--xb-ink);color:var(--xb-surface)}.account-dialog .account-submit:hover{background:var(--xb-ink);opacity:.88}.account-dialog-footer{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:22px;padding-top:16px;border-top:1px solid var(--xb-line);color:var(--xb-muted-strong);font-size:13px}.account-optional{margin-left:5px;color:var(--xb-muted-strong);font-size:12px;font-weight:400}.account-dialog .account-info{margin:0 0 4px;padding:10px 12px;border-radius:var(--xb-radius);background:var(--xb-bg);color:var(--xb-ink);font-size:12px;line-height:1.7}.account-dialog .account-message{margin:14px 0 0;padding:10px 12px;border-radius:var(--xb-radius);background:var(--xb-bg);color:var(--xb-ink);font-size:13px;overflow-wrap:anywhere}.account-dialog .account-message[data-error=true],.account-dialog #login-error:not([data-error=false]){border:1px solid var(--xb-danger);background:var(--xb-surface);color:var(--xb-danger)}.account-dialog .account-username{display:flex;gap:16px;margin:0 0 16px;font-size:13px;color:var(--xb-muted-strong);overflow-wrap:anywhere}.account-username strong{color:var(--xb-ink);font-weight:600}.account-section+.account-section{margin-top:20px;padding-top:20px;border-top:1px solid var(--xb-line)}.account-dialog h3{margin:0 0 8px;font-size:14px;font-weight:650}.account-inline-field{display:flex;align-items:flex-start;gap:8px}.account-inline-field input{margin-bottom:0}.account-inline-field .button{flex-shrink:0;min-height:44px;font-size:13px}.account-dialog .account-signout-all{display:flex;align-items:center;justify-content:space-between;gap:12px}.account-signout-all p{margin:0;color:var(--xb-muted-strong);font-size:12px}.account-signout-all .account-text-button{white-space:nowrap}@media(max-width:640px){.site-nav{padding-block:8px;gap:10px}.account-nav{margin-left:auto}.account-display-name{max-width:110px}.account-nav .account-button{padding-inline:17px}.site-login.account-dialog,.account-dialog{padding:24px 20px}.site-links{gap:20px}.account-dialog-mark{margin-bottom:12px}}.account-pending button{padding:4px 6px;border:0;border-radius:var(--xb-radius);background:var(--xb-accent-soft);color:var(--accent);font:inherit}.account-menu-identity .account-credits{margin-top:4px;font-weight:600}
