.soc-tabs>a{padding:12px 0;font-weight:var(--fw-medium);color:var(--text-2);border-bottom:2px solid transparent;white-space:nowrap;text-decoration:none}.soc-tabs>a[aria-current=page]{color:var(--text);font-weight:var(--fw-semibold);border-bottom-color:var(--text)}.soc-tabs>a:hover:not([aria-current=page]){color:var(--ink-70)}.soc-tabs>a:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:4px}.soc-tabs{align-items:center}.soc-you{margin-left:auto;align-self:center;gap:8px;flex:none}.soc-you,.soc-you>a{display:inline-flex;align-items:center}.soc-you>a{gap:6px;height:28px;padding:0 10px;border-radius:var(--r-pill);background:var(--surface-sunk);color:var(--text);font-size:12px;font-weight:var(--fw-medium);font-variant-numeric:tabular-nums;white-space:nowrap;text-decoration:none}.soc-you>a:hover{background:var(--surface-press)}.soc-you>a:focus-visible{outline:none;box-shadow:var(--focus-ring)}.soc-you>a>svg{flex:none;display:block}.soc-you>.is-streak>svg,.soc-you>.is-xp>svg{color:var(--accent)}.soc-you .pts-ring-fill,.soc-you .pts-ring-track{stroke-width:3}.soc-you-partial{width:8px;height:8px;flex:none;border-radius:50%;border:1px solid var(--warn);background:linear-gradient(90deg,var(--warn) 50%,transparent 50%)}@media (max-width:900px){.soc-you>.is-quest,.soc-you>.is-xp{display:none}}.soc-tabs-strip>.soc-tabs{width:100%;max-width:var(--measure,1392px);margin-inline:auto}.container.soc-page{padding-top:4px}.soc-page>.soc-tabs{margin-bottom:28px;flex:none;min-height:54px}.pg.soc-page>.soc-tabs{margin-bottom:0}.container.soc-tabs-strip{--soc-tabs-h:58px;height:var(--soc-tabs-h);padding-top:4px;box-sizing:border-box;background:var(--ground)}.soc-tabs-strip>.soc-tabs{height:54px}.sp-nav.has-tabs+.sp-app{--sp-bar:calc(var(--nav-h) + 58px)}@media (max-width:640px){.soc-tabs{gap:16px}.soc-tabs>a{padding:14px 0;padding-inline:4px;min-width:var(--ctl-h-touch);box-sizing:border-box;text-align:center}.soc-page>.soc-tabs{margin-bottom:16px}.pg.soc-page>.soc-tabs{margin-bottom:0}}@media (max-width:374px){.soc-tabs{gap:12px}}@media (max-width:359px){.soc-you{display:none}}@media (max-width:640px),(pointer:coarse){.soc-tabs>.soc-you{padding:0 0 2px;border-bottom:0}.soc-you>a{position:relative;height:var(--ctl-h-touch);min-width:var(--ctl-h-touch);justify-content:center;background:none}.soc-you>a:before{content:"";position:absolute;inset:8px 0;border-radius:var(--r-pill);background:var(--surface-sunk)}.soc-you>a:hover{background:none}.soc-you>a:hover:before{background:var(--surface-press)}.soc-you>a>*{position:relative}}