.menu-page .icon-btn{position:relative}.menu-page .icon-badge{background:var(--rust);color:#1d0d05;text-align:center;min-width:19px;height:19px;box-shadow:0 0 0 2px var(--ocean-deep);pointer-events:none;border-radius:0;padding:0 5px;font-size:11px;font-weight:800;line-height:19px;position:absolute;top:-6px;right:-6px}.menu-page .friends-panel{flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.menu-page .friends-panel .drawer-search{margin-bottom:10px}.menu-page .friends-panel .drawer-search button{min-height:44px}.menu-page .friends-panel .drawer-search button:not(:disabled){background:var(--g-accent-fill);color:var(--g-accent-ink);cursor:pointer;transition:filter var(--ease);border-color:#0000;font-weight:700}.menu-page .friends-panel .drawer-search button:not(:disabled):hover{filter:brightness(1.07)}.menu-page .friends-msg-slot{min-height:20px;margin-bottom:14px}.menu-page .friends-msg{font-size:14px;line-height:1.5}.menu-page .friends-msg.ok{color:var(--brass-bright)}.menu-page .friends-msg.error{color:var(--rust)}.menu-page .friends-note{color:var(--parchment-dim);flex-direction:column;align-items:flex-start;gap:10px;font-size:14px;display:flex}.menu-page .friends-section{margin-bottom:22px}.menu-page .friends-section h3{letter-spacing:.12em;text-transform:uppercase;color:var(--g-faint);align-items:center;gap:8px;margin-bottom:8px;font-size:11.5px;font-weight:700;display:flex}.menu-page .friends-count{color:var(--brass);background:#80acce24;border-radius:0;padding:2px 8px;font-size:11.5px}.menu-page .friends-section ul{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.menu-page .friend-row{border:1px solid var(--line-soft);background:#06131d6b;border-radius:0;align-items:center;gap:10px;padding:12px 14px;display:flex}.menu-page .friend-avatar{background:var(--g-accent-soft);width:38px;height:38px;color:var(--brass);border:1px solid #d6ad5580;border-radius:50%;flex:none;place-items:center;font-family:Fraunces,Georgia,serif;font-size:15.5px;font-weight:600;display:grid;overflow:hidden}.menu-page .friend-avatar img{object-fit:cover;width:100%;height:100%;display:block}.menu-page .friend-who{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.menu-page .friend-name{color:var(--parchment);text-overflow:ellipsis;white-space:nowrap;font-size:15.5px;font-weight:600;overflow:hidden}.menu-page .friend-meta{color:var(--parchment-dim);font-size:13px}.menu-page .friend-actions{flex:none;gap:6px;display:flex}.menu-page .friend-row.has-footer{flex-wrap:wrap;row-gap:10px}.menu-page .friend-actions.spread{justify-content:space-between;align-items:center;width:100%}.menu-page .friend-meta.dim{color:var(--g-faint)}.menu-page .friend-presence{color:var(--g-faint);font-size:12.5px}.menu-page .friend-presence.on{color:var(--g-ok);font-weight:600}.menu-page .friend-presence.on:before{content:"";background:var(--g-ok);vertical-align:1px;border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block}.menu-page .friend-btn{border:1px solid var(--g-line-strong);color:var(--parchment);cursor:pointer;transition:border-color var(--ease), color var(--ease), background-color var(--ease), filter var(--ease);background:#ffffff09;border-radius:0;padding:7px 14px;font-family:inherit;font-size:13px;font-weight:600}.menu-page a.friend-btn{text-decoration:none;display:inline-block}.menu-page .friend-btn:hover:not(:disabled){border-color:var(--brass);background:var(--g-accent-soft);color:var(--brass-bright)}.menu-page .friend-btn:disabled{opacity:.5;cursor:not-allowed}.menu-page .friend-btn.primary{background:var(--g-accent-fill);color:var(--g-accent-ink);border-color:#0000;font-weight:700}.menu-page .friend-btn.primary:hover:not(:disabled){background:var(--g-accent-fill);color:var(--g-accent-ink);filter:brightness(1.07);border-color:#0000}.menu-page .friend-btn.danger{color:var(--rust);border-color:#f0936b99}.menu-page .friend-btn.danger:hover:not(:disabled){border-color:var(--rust);color:var(--rust);background:var(--rust-bg)}@media (width<=460px){.menu-page .friend-row{flex-wrap:wrap}.menu-page .friend-actions{justify-content:flex-end;width:100%}}