#avatar-chip{position:fixed;left:max(16px,env(safe-area-inset-left));bottom:max(16px,env(safe-area-inset-bottom));z-index:40;display:flex;align-items:center;gap:.4rem;max-width:calc(100vw - 32px)}#avatar-chip-link{display:inline-flex;align-items:center;gap:.65rem;padding:4px;border:1px solid var(--line, rgba(23, 24, 29, .12));border-radius:999px;background:var(--bg-raised, #ffffff);color:var(--text, #17181d);box-shadow:var(--shadow, 0 1px 2px rgba(23, 24, 29, .06), 0 8px 24px rgba(23, 24, 29, .12));font-weight:600;font-size:.92rem;line-height:1.2;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease}#avatar-chip-link:hover{transform:translateY(-2px);box-shadow:var(--shadow-lift, 0 2px 4px rgba(23, 24, 29, .08), 0 16px 40px rgba(23, 24, 29, .16))}#avatar-chip-link:focus-visible,#avatar-chip-hide:focus-visible{outline:2px solid var(--accent-a, #6c4cf1);outline-offset:2px}#avatar-chip-img{display:block;width:64px;height:64px;border-radius:50%;object-fit:cover;background:#e9e6e0}#avatar-chip-label{padding-right:.75rem;white-space:nowrap}#avatar-chip-hide{flex:none;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:1px solid var(--line, rgba(23, 24, 29, .12));border-radius:50%;background:var(--bg-raised, #ffffff);color:var(--text-soft, #4b4e5a);cursor:pointer;box-shadow:var(--shadow, 0 1px 2px rgba(23, 24, 29, .06), 0 8px 24px rgba(23, 24, 29, .12))}#avatar-chip-hide:hover{color:var(--text, #17181d);background:var(--bg-inset, #eeeef5)}#avatar-chip-hide svg{width:14px;height:14px}#avatar-chip-label[hidden],#avatar-chip-hide[hidden]{display:none}#avatar-playing-img{display:inline-block;width:28px;height:28px;border-radius:50%;object-fit:cover;vertical-align:middle;background:#e9e6e0}#avatar-playing-img[hidden]{display:none}body:has(#avatar-chip) .site-footer{padding-bottom:5.5rem}@media(prefers-reduced-motion:no-preference){@keyframes avatar-chip-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes avatar-chip-label-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}#avatar-chip{animation:avatar-chip-rise .5s ease-out .3s both}#avatar-chip-label,#avatar-chip-hide{animation:avatar-chip-label-in .35s ease-out both}}