.yapp-account{position:fixed;z-index:90;top:14px;right:18px;display:flex;align-items:center;gap:16px;max-width:calc(100vw - 24px);padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:#fff;font:13px/1.2 system-ui,-apple-system,"Segoe UI",sans-serif}
.yapp-account a{color:inherit;text-decoration:none}
.yapp-account>a:not(.yapp-account__profile){white-space:nowrap}
.yapp-account>a:not(.yapp-account__profile):hover,.yapp-account__logout:hover{opacity:.68}
.yapp-account__profile{display:flex;align-items:center;gap:9px;min-width:0}
.yapp-account__avatar{display:grid;width:34px;height:34px;flex:none;place-items:center;overflow:hidden;border-radius:50%;background:linear-gradient(145deg,#778cff,#3949a3);color:#fff;font-size:15px;font-weight:700}
.yapp-account__avatar img{width:100%;height:100%;object-fit:cover}
.yapp-account__name{display:block;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}
.yapp-account__logout{border:0;background:none;color:inherit;font:inherit;cursor:pointer}
.yapp-account--auth{color:#111}
.yapp-account__logout:focus-visible,.yapp-account a:focus-visible{outline:2px solid #9db6ff;outline-offset:3px;border-radius:4px}
.yapp-account--site-header{top:70px;right:24px}
@media(max-width:520px){.yapp-account{top:10px;right:10px;gap:10px;padding:0;font-size:12px}.yapp-account--site-header{top:70px;right:12px}.yapp-account__avatar{width:30px;height:30px}.yapp-account__name{max-width:105px}}