.user-menu{position:relative}.user-btn{display:inline-flex;align-items:center;gap:8px;padding:3px 8px 3px 3px;border-radius:999px;font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--line);cursor:pointer}.user-btn:hover{border-color:var(--accent)}.user-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.user-btn .avatar{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--accent);color:var(--accent-text);font-size:11px;font-weight:700;letter-spacing:.02em}.user-btn .user-name{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600}.user-btn .tier{font-size:11px;font-weight:700;line-height:1.5;padding:1px 6px;border-radius:4px;background:var(--line);color:var(--text)}.user-btn .tier[data-tier=pro],.user-btn .tier[data-tier=team]{background:#12805c;color:#fff}.user-btn .caret{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.6}.user-menu .menu{position:absolute;right:0;top:calc(100% + 6px);z-index:20;min-width:240px;padding:6px;font-size:14px;line-height:1.4;text-align:left;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:10px;box-shadow:0 12px 32px #0000002e}.user-menu .menu[hidden]{display:none}.menu-head{display:grid;gap:2px;padding:8px 10px 10px;border-bottom:1px solid var(--line);margin-bottom:4px}.menu-head small{color:var(--muted)}.menu-head small:empty{display:none}.menu-tier{font-size:12px;color:var(--muted)}.user-menu .menu button{display:block;width:100%;text-align:left;font:inherit;color:inherit;border:none;background:none;padding:8px 10px;border-radius:6px;cursor:pointer}.user-menu .menu button:hover,.user-menu .menu button:focus-visible{background:var(--bg);outline:none}.user-menu .menu button.danger{color:var(--error)}.user-menu .menu hr{border:none;border-top:1px solid var(--line);margin:4px 0}@media (max-width: 720px){.user-btn .user-name,.user-btn .caret{display:none}.user-btn{padding:3px}}.account-skeleton{display:inline-flex;align-items:center;gap:8px;padding:4px 10px 4px 4px;border-radius:999px;border:1px solid var(--line)}.account-skeleton span{display:block;border-radius:999px;background:var(--line);animation:account-pulse 1.2s ease-in-out infinite alternate}.account-skeleton .avatar{width:26px;height:26px}.account-skeleton .bar{width:72px;height:10px}@media (max-width: 720px){.account-skeleton{padding:4px}.account-skeleton .bar{display:none}}@keyframes account-pulse{0%{opacity:.45}to{opacity:1}}[data-account-state=reveal]>*{animation:account-in .25s ease-out both}@keyframes account-in{0%{opacity:0;transform:translateY(-2px)}}@media (prefers-reduced-motion: reduce){.account-skeleton span,[data-account-state=reveal]>*{animation:none}}.user-btn .tier:empty{display:none}