.fan-auth-brand{width:44px;height:44px;display:grid;place-items:center;text-decoration:none}.fan-auth-brand img{width:34px;height:34px;object-fit:contain}.fan-menu-trigger{width:44px;height:44px;padding:0;border:0;border-radius:12px;background:#fff3f8;display:grid;place-content:center;gap:4px}.fan-menu-trigger i{width:20px;height:2px;border-radius:2px;background:#514b54;display:block}
.fan-auth-menu{position:fixed;z-index:12;top:62px;right:12px;width:min(320px,calc(100% - 24px));padding:18px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 18px 50px #30122226}
.fan-auth-menu[hidden]{display:none}
.fan-auth-menu>button{position:absolute;top:8px;right:8px;width:44px;border:0;background:transparent;font-size:24px}
.fan-auth-menu>strong{display:block;padding-right:44px}
.fan-auth-menu p{font-size:12px;line-height:1.5;color:#686064}
.fan-auth-menu nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.fan-auth-menu nav a{min-height:44px;display:grid;place-items:center;border:1px solid #ead9e6;border-radius:11px;color:#b84279;font-size:13px;font-weight:800;text-decoration:none}
.fan-auth-menu nav a:last-child{border-color:var(--pink);background:var(--pink);color:#fff}
.fan-member-actions{display:grid;gap:10px}.fan-member-actions[hidden]{display:none}.fan-member-actions>strong{font-size:13px;color:#514b54}.fan-member-actions button{min-height:44px;border:1px solid #ead9e6;border-radius:11px;background:#fff;color:#b84279;font-weight:800}.fan-auth-menu button:focus-visible,.fan-auth-menu a:focus-visible,.fan-menu-trigger:focus-visible{outline:3px solid #ec3f7d55;outline-offset:2px}