.account-card__me{display:flex;align-items:center;gap:var(--tf-s-3)}.account-card__avatar{display:grid;flex:none;place-items:center;width:46px;height:46px;overflow:hidden;border-radius:50%;background:var(--tf-accent-soft);color:var(--tf-accent);font-family:var(--tf-font-display);font-size:17px;font-weight:700}.account-card__avatar img{width:100%;height:100%;object-fit:cover}.account-card__who{flex:1;min-width:0}.account-card__who b{display:block;overflow:hidden;font-size:var(--tf-t-lg);font-weight:700;text-overflow:ellipsis;white-space:nowrap}.account-card__who>span{display:block;color:var(--tf-muted);font-size:var(--tf-t-xs)}.account-card__icon-btn{display:grid;flex:none;place-items:center;width:38px;height:38px;padding:0;border:1px solid var(--tf-line);border-radius:50%;background:var(--tf-bg);color:var(--tf-muted);cursor:pointer;transition:transform var(--tf-fast) var(--tf-ease)}.account-card__icon-btn:active{transform:scale(.9) rotate(60deg)}.account-card__icon-btn--spinning .tf-icon{animation:account-card-spin .8s linear infinite}@keyframes account-card-spin{to{transform:rotate(360deg)}}.account-card__wallet,.account-card__switch{display:none}.account-card__link{color:var(--tf-accent);font-weight:600}.account-card--switch .account-card__switch{display:flex;align-items:center;justify-content:space-between;margin-top:var(--tf-s-4);padding-top:var(--tf-s-3);border-top:1px solid var(--tf-line);color:var(--tf-muted);font-size:var(--tf-t-sm);font-weight:600}@media(min-width:1024px){.account-card{padding:var(--tf-s-5)}.account-card__wallet{display:flex;align-items:center;gap:var(--tf-s-2);margin-top:var(--tf-s-5);padding-top:var(--tf-s-4);border-top:1px solid var(--tf-line);color:var(--tf-muted);font-size:var(--tf-t-sm)}.account-card__wallet .tf-coin-amount{color:var(--tf-fg);font-weight:600}.account-card__wallet .account-card__link{margin-inline-start:auto}.account-card__switch,.account-card--switch .account-card__switch{display:flex;align-items:center;justify-content:space-between;margin-top:var(--tf-s-3);padding-top:0;border-top:0;color:var(--tf-muted);font-size:var(--tf-t-sm);font-weight:600}}@media(hover:hover){.account-card .account-card__switch:hover{color:var(--tf-fg)}}html[data-motion=reduced] .account-card__icon-btn--spinning .tf-icon{animation:none}
