.account-field{align-items:center;gap:6px;display:inline-flex}.account-prefix{color:var(--color-slate-readable);white-space:nowrap;font-size:12px}.account-field .account-trigger{border:1px solid var(--color-slate-150);height:34px;color:var(--color-ink);cursor:pointer;white-space:nowrap;background:0 0;border-radius:8px;align-items:center;gap:4px;padding:0 8px;font-size:12px;display:inline-flex}.account-trigger:hover{background:var(--color-surface-200)}.account-trigger:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px}.account-trigger .account-icon{flex:none;width:16px;height:16px}.account-trigger .account-icon:last-child{opacity:1;width:14px;height:14px}.account-label{text-overflow:ellipsis;white-space:nowrap;max-width:180px;overflow:hidden}.account-popover{visibility:hidden;background:var(--color-surface);border:0;border:1px solid var(--color-slate-150);z-index:60;border-radius:12px;width:min(680px,100vw - 16px);margin:0;padding:0;animation:.12s ease-out account-fade-in;position:fixed;inset:auto;overflow:hidden;box-shadow:0 16px 40px #00000024}.account-popover.is-single{width:240px}@keyframes account-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.account-columns{gap:12px;max-height:360px;padding:8px;display:flex;overflow:hidden}.account-column{overscroll-behavior:contain;scrollbar-width:thin;flex:none;width:220px;overflow-y:auto}.account-popover.is-triple .account-column{width:213px}.account-popover.is-duo .account-column{width:300px}.account-column-head{color:var(--color-slate-readable);margin:0;padding:8px 10px;font-size:11px;font-weight:500}.account-popover .account-item{width:100%;color:var(--color-ink);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:8px;padding:8px 10px;font-size:13px;display:flex}.account-item:hover{background:var(--color-brand-soft)}.account-item.is-active{background:var(--color-brand-tint)}.account-item .account-icon{width:15px;height:15px;color:var(--color-brand);flex:none;margin-left:auto}.account-item-text{flex-direction:column;gap:2px;min-width:0;display:flex}.account-item-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.account-item-sub{color:var(--color-slate-readable);font-size:11px}.account-tag{background:var(--color-slate-150);color:var(--color-slate-readable);border-radius:4px;flex:none;padding:1px 6px;font-size:11px;line-height:1.5}.account-tag.is-main{background:var(--color-brand-tint);color:var(--color-brand-ink)}.account-item.is-current{background:var(--color-brand-soft)}.account-key{border-radius:8px;align-items:center;gap:8px;padding:8px 10px;display:flex;position:relative}.account-key:hover{background:var(--color-brand-soft)}.account-key.is-active{background:var(--color-brand-tint)}.account-popover .account-key-select{min-width:0;color:var(--color-ink);text-align:left;cursor:pointer;background:0 0;border:0;flex:auto;align-items:center;gap:8px;padding:0;font-size:13px;display:flex}.account-key-select .account-icon{width:15px;height:15px;color:var(--color-brand);flex:none}.account-popover .account-key-copy{width:24px;height:24px;color:var(--color-slate-readable);cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;padding:0;display:inline-flex}.account-key-copy:hover{background:var(--color-slate-150);color:var(--color-ink)}.account-key-copy .account-icon{width:14px;height:14px}.account-token{font-family:var(--font-mono);color:var(--color-slate-readable);white-space:nowrap;margin-left:2px;font-size:11px;display:block}.account-footer{border-top:1px solid var(--color-slate-150);background:var(--color-surface-200);color:var(--color-slate-readable);padding:9px 14px;font-size:11px}.account-loading{justify-content:center;align-items:center;padding:24px 0;display:flex}.account-spinner{border:2px solid var(--color-slate-150);border-top-color:var(--color-brand);border-radius:50%;width:18px;height:18px;animation:.8s linear infinite account-spin}@keyframes account-spin{to{transform:rotate(360deg)}}@media (width<=767px){.account-label,.account-prefix{display:none}.account-field .account-trigger{justify-content:center;width:28px;padding:0}.account-column{width:180px}}
