.topbar .profb{position:relative;flex:none;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;overflow:hidden;cursor:pointer;border-radius:50%;border:2px solid rgba(255,255,255,.22);background:linear-gradient(180deg,#4b4b4b,#2a2a2a);color:#fff;font:inherit;font-size:16px;font-weight:800;box-shadow:0 2px 6px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.18);transition:border-color .15s,transform .12s,box-shadow .15s}
.topbar .profb svg{width:20px;height:20px;flex:none}
.topbar .profb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.topbar .profb:hover{border-color:#ffc83a;transform:scale(1.06);box-shadow:0 3px 10px rgba(255,200,58,.3),inset 0 1px 0 rgba(255,255,255,.18)}
.topbar .profb:active{transform:scale(.96)}
.topbar .profb:focus-visible{outline:2px solid #fff;outline-offset:2px}
.topbar .profb[data-in="1"]{border-color:#ffc83a}
@media(prefers-reduced-motion:reduce){.topbar .profb{transition:none}}