.friends-page-module__FDCOrq__hero{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.friends-page-module__FDCOrq__eyebrow{color:var(--accent);font-size:var(--text-2xs);font-weight:var(--weight-black);letter-spacing:.085em;text-transform:uppercase;margin-bottom:.14rem;display:block}.friends-page-module__FDCOrq__hero h1{font-size:clamp(1.9rem,8vw,2.65rem);font-weight:var(--weight-black);letter-spacing:-.065em;margin:0;line-height:.9}.friends-page-module__FDCOrq__facepile{display:flex}.friends-page-module__FDCOrq__face{margin-left:-.6rem}.friends-page-module__FDCOrq__face:first-child{margin-left:0}.friends-page-module__FDCOrq__tabs{border:1px solid var(--line);border-radius:var(--radius-tail-lg);background:var(--icon-background);grid-template-columns:repeat(3,minmax(0,1fr));padding:.3rem;display:grid;position:relative}.friends-page-module__FDCOrq__tabIndicator{border-radius:var(--radius-tail-md);background:var(--background);width:calc(33.3333% - .2rem);box-shadow:0 .3rem .9rem #1f1c141a, inset 0 0 0 1px var(--line);transform:translateX(calc(var(--panel-index) * 100%));transition:transform .26s cubic-bezier(.2,.9,.25,1);position:absolute;top:.3rem;bottom:.3rem;left:.3rem}.friends-page-module__FDCOrq__tab{z-index:1;min-height:2.9rem;color:var(--muted);font-size:var(--text-sm);font-weight:var(--weight-black);letter-spacing:-.02em;cursor:pointer;transition:color var(--motion-standard);background:0 0;border:0;justify-content:center;align-items:center;gap:.32rem;padding:.35rem .25rem;display:flex;position:relative}.friends-page-module__FDCOrq__tab svg{flex:none;width:.85rem;height:.85rem}.friends-page-module__FDCOrq__tab>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.friends-page-module__FDCOrq__tab[aria-selected=true]{color:var(--foreground)}.friends-page-module__FDCOrq__tab[aria-selected=true] svg{color:var(--accent)}.friends-page-module__FDCOrq__tab strong{border-radius:var(--radius-pill);background:var(--accent);min-width:1.15rem;height:1.15rem;color:var(--accent-ink);font-size:var(--text-2xs);font-weight:var(--weight-black);flex:none;place-items:center;padding-inline:.26rem;display:grid}.friends-page-module__FDCOrq__panel{animation:.22s ease-out both friends-page-module__FDCOrq__panelIn}.friends-page-module__FDCOrq__panelNote{color:var(--muted);font-size:var(--text-3xs);font-weight:var(--weight-black);letter-spacing:.11em;text-transform:uppercase;margin:.85rem 0 0}.friends-page-module__FDCOrq__subLabel{color:var(--muted);font-size:var(--text-3xs);font-weight:var(--weight-black);letter-spacing:.11em;text-transform:uppercase;margin:1.4rem 0 .2rem}.friends-page-module__FDCOrq__rows{margin:.4rem 0 0;padding:0;list-style:none;display:grid}.friends-page-module__FDCOrq__mutedRows{opacity:.78}.friends-page-module__FDCOrq__row{border-bottom:1px solid var(--line);transition:background var(--motion-standard);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.7rem;padding:.6rem .3rem;animation:.38s cubic-bezier(.16,1,.3,1) both friends-page-module__FDCOrq__rowIn;display:grid}.friends-page-module__FDCOrq__row:last-child{border-bottom:0}.friends-page-module__FDCOrq__row:hover{background:color-mix(in srgb, var(--icon-background) 60%, transparent)}.friends-page-module__FDCOrq__row:hover .friends-page-module__FDCOrq__pet{transform:translateY(-.1rem)rotate(2deg)scale(1.04)}.friends-page-module__FDCOrq__rowPet{display:block;position:relative}.friends-page-module__FDCOrq__medal{aspect-ratio:1;border:.14rem solid var(--background);border-radius:var(--radius-round);background:var(--icon-hover);width:1.25rem;color:var(--foreground);font-size:var(--text-3xs);font-weight:var(--weight-black);place-items:center;display:grid;position:absolute;bottom:-.18rem;right:-.22rem}.friends-page-module__FDCOrq__medal[data-medal="1"]{background:var(--selection);color:var(--selection-foreground)}.friends-page-module__FDCOrq__medal[data-medal="2"]{color:#2b2e28;background:#cfd2cb}.friends-page-module__FDCOrq__medal[data-medal="3"]{color:#3a2213;background:#e0b088}.friends-page-module__FDCOrq__rowBody{min-width:0}.friends-page-module__FDCOrq__rowName{font-size:var(--text-md);font-weight:var(--weight-black);letter-spacing:-.025em;text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.friends-page-module__FDCOrq__rowXp{color:var(--muted);font-size:var(--text-2xs);font-weight:var(--weight-black);align-items:center;gap:.24rem;margin-top:.16rem;display:inline-flex}.friends-page-module__FDCOrq__rowXp svg{width:.6rem;height:.6rem;color:var(--accent);fill:var(--accent);flex:none}.friends-page-module__FDCOrq__weekScore{font-size:var(--text-xl);font-weight:var(--weight-black);letter-spacing:-.045em;white-space:nowrap;align-items:baseline;gap:.22rem;display:inline-flex}.friends-page-module__FDCOrq__weekScore svg{width:.78rem;height:.78rem;color:var(--accent);fill:var(--accent);align-self:center}.friends-page-module__FDCOrq__weekScore span{color:var(--muted);font-size:var(--text-3xs);letter-spacing:.06em}.friends-page-module__FDCOrq__weekScoreEmpty{color:var(--muted);font-size:var(--text-2xs);font-weight:var(--weight-black);white-space:nowrap}.friends-page-module__FDCOrq__row{--row-action:2.05rem}@media (pointer:coarse){.friends-page-module__FDCOrq__row{--row-action:2.75rem}}.friends-page-module__FDCOrq__rowActions{gap:.45rem;display:flex}.friends-page-module__FDCOrq__accept,.friends-page-module__FDCOrq__decline,.friends-page-module__FDCOrq__addFriend,.friends-page-module__FDCOrq__requested,.friends-page-module__FDCOrq__alreadyFriends{min-height:var(--row-action);border-radius:var(--radius-tail-sm);font-size:var(--text-2xs);font-weight:var(--weight-black);white-space:nowrap;cursor:pointer;transition:transform var(--motion-spring), background var(--motion-standard), opacity var(--motion-standard);border:0;justify-content:center;align-items:center;gap:.28rem;padding-inline:.6rem;display:inline-flex}.friends-page-module__FDCOrq__accept svg,.friends-page-module__FDCOrq__decline svg,.friends-page-module__FDCOrq__addFriend svg,.friends-page-module__FDCOrq__requested svg,.friends-page-module__FDCOrq__alreadyFriends svg{stroke-width:3px;flex:none;width:.7rem;height:.7rem}@media (pointer:coarse){.friends-page-module__FDCOrq__accept svg,.friends-page-module__FDCOrq__decline svg,.friends-page-module__FDCOrq__addFriend svg,.friends-page-module__FDCOrq__requested svg{width:.95rem;height:.95rem}}.friends-page-module__FDCOrq__accept{background:var(--foreground);box-shadow:inset 0 -.15rem 0 color-mix(in srgb, var(--accent) 55%, transparent);color:var(--background)}.friends-page-module__FDCOrq__accept:hover,.friends-page-module__FDCOrq__addFriend:hover{transform:translateY(-.08rem)rotate(-1deg)}.friends-page-module__FDCOrq__decline{width:var(--row-action);background:var(--icon-background);color:var(--muted);padding:0}.friends-page-module__FDCOrq__decline:hover{background:color-mix(in srgb, var(--accent) 12%, var(--background));color:var(--accent)}.friends-page-module__FDCOrq__addFriend{background:var(--accent);color:var(--accent-ink);box-shadow:inset 0 -.15rem #5e1c082e}.friends-page-module__FDCOrq__requested{background:var(--icon-background);color:var(--muted)}.friends-page-module__FDCOrq__requested:hover{background:var(--icon-hover);color:var(--foreground)}.friends-page-module__FDCOrq__alreadyFriends{color:var(--muted);cursor:default;background:0 0}.friends-page-module__FDCOrq__alreadyFriends svg{color:var(--accent)}.friends-page-module__FDCOrq__accept:disabled,.friends-page-module__FDCOrq__decline:disabled,.friends-page-module__FDCOrq__addFriend:disabled,.friends-page-module__FDCOrq__requested:disabled{opacity:.48;cursor:wait}.friends-page-module__FDCOrq__actionError{border-radius:var(--radius-sm);background:color-mix(in srgb, var(--accent) 10%, transparent);color:var(--accent);font-size:var(--text-xs);font-weight:var(--weight-strong);margin:.75rem 0 0;padding:.58rem .7rem}.friends-page-module__FDCOrq__searchBox{border:1px solid var(--line);border-radius:var(--radius-tail-lg);background:color-mix(in srgb, var(--background) 92%, var(--icon-background));min-height:3.4rem;transition:border-color var(--motion-standard), box-shadow var(--motion-standard);grid-template-columns:2.7rem minmax(0,1fr) auto;align-items:center;gap:.6rem;margin-top:.9rem;padding:.45rem;display:grid}.friends-page-module__FDCOrq__searchBox:focus-within{border-color:color-mix(in srgb, var(--accent) 60%, var(--line));box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 10%, transparent)}.friends-page-module__FDCOrq__at{aspect-ratio:1;border-radius:var(--radius-tail-md);background:var(--foreground);width:2.7rem;box-shadow:inset 0 -.2rem 0 color-mix(in srgb, var(--accent) 55%, transparent);color:var(--background);font-size:var(--text-xl);font-weight:var(--weight-black);transition:background var(--motion-standard), transform var(--motion-spring);place-items:center;display:grid}.friends-page-module__FDCOrq__searchBox:focus-within .friends-page-module__FDCOrq__at{background:var(--accent);color:var(--accent-ink);transform:rotate(-3deg)}.friends-page-module__FDCOrq__searchBox[data-pending] .friends-page-module__FDCOrq__at{animation:.65s ease-in-out infinite alternate friends-page-module__FDCOrq__searchPulse}.friends-page-module__FDCOrq__searchField{gap:.1rem;min-width:0;display:grid}.friends-page-module__FDCOrq__searchField label{color:var(--muted);font-size:var(--text-2xs);font-weight:var(--weight-black);letter-spacing:.08em;text-transform:uppercase}.friends-page-module__FDCOrq__searchField input{min-width:0;color:var(--foreground);font-size:var(--text-lg);font-weight:var(--weight-black);background:0 0;border:0;outline:0}.friends-page-module__FDCOrq__searchField input::placeholder{color:color-mix(in srgb, var(--muted) 62%, transparent)}.friends-page-module__FDCOrq__searchBox>button{aspect-ratio:1;border-radius:var(--radius-round);background:var(--icon-background);width:2.1rem;color:var(--foreground);cursor:pointer;transition:transform var(--motion-spring), background var(--motion-standard);border:0;place-items:center;display:grid}.friends-page-module__FDCOrq__searchBox>button:hover{background:var(--icon-hover);transform:rotate(4deg)}.friends-page-module__FDCOrq__searchBox>button svg{width:.85rem;height:.85rem}.friends-page-module__FDCOrq__empty{text-align:center;align-content:center;place-items:center;min-height:13rem;padding:1.5rem 1rem;display:grid}.friends-page-module__FDCOrq__emptyIcon{aspect-ratio:1;background:var(--icon-background);width:3.1rem;color:var(--accent);border-radius:48% 52% 43% 57%/55% 43% 57% 45%;place-items:center;margin-bottom:.7rem;display:grid;transform:rotate(-6deg)}.friends-page-module__FDCOrq__emptyIcon svg{width:1.35rem;height:1.35rem;transform:rotate(6deg)}.friends-page-module__FDCOrq__empty h2,.friends-page-module__FDCOrq__centered h1{font-size:var(--text-xl);font-weight:var(--weight-black);letter-spacing:-.03em;margin:0}.friends-page-module__FDCOrq__empty p,.friends-page-module__FDCOrq__centered p{max-width:21rem;color:var(--muted);font-size:var(--text-sm);font-weight:var(--weight-body);margin:.35rem 0 0;line-height:1.4}.friends-page-module__FDCOrq__centered{text-align:center;align-content:center;place-items:center;min-height:100dvh;padding:1.5rem;display:grid}.friends-page-module__FDCOrq__loadingDot{aspect-ratio:1;border:.45rem solid var(--line);border-top-color:var(--accent);border-radius:var(--radius-round);width:2.6rem;animation:.7s linear infinite friends-page-module__FDCOrq__spin}@keyframes friends-page-module__FDCOrq__spin{to{transform:rotate(360deg)}}@keyframes friends-page-module__FDCOrq__searchPulse{to{transform:rotate(-4deg)scale(1.04)}}@keyframes friends-page-module__FDCOrq__panelIn{0%{opacity:0;transform:translateY(.35rem)}}@keyframes friends-page-module__FDCOrq__rowIn{0%{opacity:0;transform:translateY(.4rem)}}@media (max-width:24rem){.friends-page-module__FDCOrq__tab>span,.friends-page-module__FDCOrq__addFriend span,.friends-page-module__FDCOrq__requested span,.friends-page-module__FDCOrq__accept span{display:none}.friends-page-module__FDCOrq__addFriend,.friends-page-module__FDCOrq__requested,.friends-page-module__FDCOrq__accept{width:var(--row-action);padding:0}}@media (prefers-reduced-motion:reduce){.friends-page-module__FDCOrq__panel,.friends-page-module__FDCOrq__row,.friends-page-module__FDCOrq__loadingDot,.friends-page-module__FDCOrq__searchBox[data-pending] .friends-page-module__FDCOrq__at{animation:none}.friends-page-module__FDCOrq__tabIndicator{transition:none}}