.profile-photo-preview img,.profile-photo-placeholder{width:120px;height:120px;border-radius:50%;object-fit:cover;border:2px solid #ddd}.profile-photo-placeholder{display:inline-flex;align-items:center;justify-content:center;font-size:48px;background:#f4f4f4;color:#555}.profile-photo-preview [hidden]{display:none}

.user-corner-avatar{position:fixed;top:16px;left:18px;z-index:1000;width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:50%;overflow:hidden;background:#fff;border:2px solid #e2e5ea;box-shadow:0 3px 12px #0002;text-decoration:none;color:#555;font-size:24px;font-weight:700}
.user-corner-avatar img{display:block;width:100%;height:100%;object-fit:cover}
.user-corner-avatar:focus-visible{outline:3px solid #456eb3;outline-offset:3px}
body:has(.user-corner-avatar) main>header{padding-left:80px}
@media(max-width:640px){.user-corner-avatar{top:10px;left:10px;width:44px;height:44px}body:has(.user-corner-avatar) main>header{padding-left:64px}}