:root{--shell-top:96px;--shell-bottom:calc(64px + env(safe-area-inset-bottom,0px))}.nav-top.glass{background:color-mix(in oklab, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(18px)saturate(1.5);backdrop-filter:blur(18px)saturate(1.5);border-bottom:1px solid var(--line);box-shadow:none}.nav-top:not([data-social]) .nav-link{padding:.45rem .75rem}.dating-rooms{border-top:0;justify-content:space-around;gap:0;max-width:560px;padding:0 6px}.dating-room{min-height:44px;color:var(--ink-3);background:0 0;border-radius:0;flex:1 1 0;justify-content:center;padding:0 10px;font-size:.92rem;position:relative}.dating-room .nav-ic:has(.nav-badge){margin-right:8px}.nav-top:not([data-social]) .nav-link .nav-ic:has(.nav-badge){margin-right:8px}@media (min-width:1280px){.dating-rooms{display:none}}.dating-room[data-active=true]{color:var(--ink);background:0 0}.dating-room[data-active=true]:after{content:"";background:var(--ember);border-radius:2px;height:2px;position:absolute;bottom:0;left:22%;right:22%}@media (min-width:821px){.social-rail{z-index:var(--z-nav);border:0;border-bottom:1px solid var(--line);background:color-mix(in oklab, var(--bg) 86%, transparent);-webkit-backdrop-filter:blur(18px)saturate(1.5);backdrop-filter:blur(18px)saturate(1.5);width:100%;max-width:none;box-shadow:none;border-radius:0;align-items:center;gap:8px;margin:0 0 18px;padding:8px max(16px,50% - 590px);display:flex;position:sticky;top:0;overflow:visible}.social-rail-logo{flex-shrink:0;margin-right:14px;display:inline-flex}.social-rail-logo a{font-size:1.3rem!important}.social-rail-scroll{flex:auto;gap:2px;padding-right:0;overflow-x:auto;-webkit-mask-image:none;mask-image:none}.social-lens{display:none}.social-rail-item{min-height:42px;color:var(--ink-3);transition:background-color var(--dur-2) var(--ease-out), color var(--dur-2) var(--ease-out);border-radius:14px;gap:8px;padding:0 12px;font-size:0}.social-rail-item .nav-ic svg{width:21px;height:21px}.social-rail-item .nav-badge{font-size:.62rem}.social-rail-item:hover{background:var(--surface-2);color:var(--ink)}.social-rail-item[data-active=true]{background:var(--ember-tint);color:var(--ember-ink);font-size:.9rem}.social-rail-dating{border:1px solid var(--line-2);min-height:42px;color:var(--ink);background:0 0;border-radius:999px;flex-shrink:0;padding:0 16px;font-weight:600}.social-rail-dating:hover{background:var(--surface-2)}}@media (max-width:820px){.social-topbar{z-index:var(--z-nav);min-height:52px;padding:calc(6px + var(--safe-t)) 12px 6px 16px;background:color-mix(in oklab, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(18px)saturate(1.5);backdrop-filter:blur(18px)saturate(1.5);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:8px;margin:0;display:flex;position:sticky;top:0}.social-topbar-logo{min-width:0;display:inline-flex}.social-topbar-logo a{font-size:1.28rem!important}.social-topbar-actions{flex-wrap:nowrap;gap:2px}.social-topbar-btn{width:40px;height:40px;color:var(--ink-2)}.social-topbar-btn:active{background:var(--surface-2)}.social-tabbar{background:color-mix(in oklab, var(--bg) 90%, transparent);border-top:1px solid var(--line)}.social-tab[data-active=true]{color:var(--ember-ink)}}@media (min-width:821px){.social-topbar,.social-topbar-logo,.social-tabbar{display:none}}html,body{background:var(--bg)}