/* ========== 勿言 / 勿言鬼：紫红色 ========== */
.post-author a[data-username="勿言"],
.reply-author a[data-username="勿言"],
.post-author a[data-username="勿言鬼"],
.reply-author a[data-username="勿言鬼"],

.post-author[data-username="勿言"],
.reply-author[data-username="勿言"],
.post-author[data-username="勿言鬼"],
.reply-author[data-username="勿言鬼"],

.username-glow[data-username="勿言"],
.username-glow[data-username="勿言鬼"],
.profile-name[data-username="勿言"],
.profile-name[data-username="勿言鬼"],
h2[data-username="勿言"],
h2[data-username="勿言鬼"] {
    color: #d9468b !important;
    text-shadow: 0 0 12px rgba(217, 70, 139, 0.8);
    font-weight: 600;
}

/* ========== 读书鬼：暗红色昵称（无动画） ========== */
.post-author a[data-username="读书鬼"],
.reply-author a[data-username="读书鬼"],
.post-author[data-username="读书鬼"],
.reply-author[data-username="读书鬼"],

.username-glow[data-username="读书鬼"],
.profile-name[data-username="读书鬼"],
h2[data-username="读书鬼"] {
    color: #8b0000 !important;
    font-weight: 600;
}

/* 粒子容器 */
.particle-canvas {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 0;
    border-radius: inherit;
}

/* V76 production bundle: global UI layers merged to reduce HTTP requests. */

/* ===== merged from css/ygz_frontend_pro.css ===== */
/* YGZ v65 frontend pro layer: translucent Dynamic-Island navigation, fold/unfold loader and mobile stability. */
:root{
  --ygz-glass-bg:rgba(11,12,18,.72);
  --ygz-glass-bg-solid:rgba(14,15,21,.98);
  --ygz-glass-line:rgba(255,255,255,.145);
  --ygz-glass-text:rgba(248,249,252,.62);
  --ygz-glass-text-strong:#11131a;
  --ygz-pill-bg:linear-gradient(180deg,rgba(255,255,255,.995),rgba(239,242,247,.97));
  --ygz-premium-ease:cubic-bezier(.16,1,.3,1);
  --ygz-spring-ease:cubic-bezier(.22,1,.36,1);
  --ygz-fast-ease:cubic-bezier(.2,.8,.2,1);
  --ygz-card-bg:#11141b;
  --ygz-card-line:rgba(255,255,255,.13);
  --ygz-card-line-active:rgba(255,255,255,.34);
  --ygz-card-shadow:0 12px 28px rgba(0,0,0,.24);
  --ygz-card-back:url('/assets/cards/card_back_ygzlt.jpg');
  --ygz-header-top:max(10px,env(safe-area-inset-top));
  --ygz-header-height:66px;
  --ygz-header-total:var(--ygz-header-height);
  --ygz-indicator-inset:4px;
}

html{background:#090a0f;scroll-behavior:auto;text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{overflow-x:clip;background:#090a0f;color:#f6f7fb;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
img,video,canvas,svg{max-width:100%;height:auto}
button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}

/* Floating capsule navigation: one quiet functional layer above content. */
.ygz-floating-header{
  width:min(1240px,calc(100vw - 24px))!important;
  top:var(--ygz-header-top)!important;
  z-index:9000!important;
  contain:layout paint style!important;
  transform:translate3d(-50%,0,0)!important;
  backface-visibility:hidden!important;
  animation:ygzNavArrive .42s var(--ygz-premium-ease) both;
}
.ygz-top-nav{
  min-height:var(--ygz-header-height)!important;
  padding:4px!important;
  border:1px solid var(--ygz-glass-line)!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.015)),var(--ygz-glass-bg)!important;
  background-clip:padding-box!important;
  box-shadow:0 22px 58px rgba(0,0,0,.42),0 3px 10px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.16),inset 0 -1px 0 rgba(0,0,0,.18)!important;
  -webkit-backdrop-filter:blur(28px) saturate(168%)!important;
  backdrop-filter:blur(28px) saturate(168%)!important;
  overflow:hidden!important;
  clip-path:inset(0 round 999px)!important;
  isolation:isolate!important;
  contain:layout paint style!important;
  transform:translateZ(0)!important;
}
.ygz-top-nav::before,.ygz-top-nav::after,
.ygz-primary-indicator::before,.ygz-primary-indicator::after{
  content:none!important;display:none!important;animation:none!important;background:none!important;box-shadow:none!important;opacity:0!important;
}
.ygz-nav-scroll,.ygz-nav-menu-track{position:relative;z-index:1;min-height:calc(var(--ygz-header-height) - 8px)!important}
.ygz-primary-indicator,
.ygz-top-nav .ygz-primary-indicator,
.ygz-top-nav .ygz-primary-indicator.is-edge-start,
.ygz-top-nav .ygz-primary-indicator.is-edge-end,
.ygz-top-nav .ygz-primary-indicator.is-edge-start.is-edge-end{
  top:4px!important;
  bottom:4px!important;
  border:1px solid rgba(255,255,255,.92)!important;
  border-radius:999px!important;
  background:var(--ygz-pill-bg)!important;
  box-shadow:0 10px 26px rgba(0,0,0,.22),0 2px 7px rgba(255,255,255,.09),inset 0 1px 0 rgba(255,255,255,1),inset 0 -1px 0 rgba(112,122,140,.16)!important;
  transform:translate3d(0,0,0);
  will-change:transform,width!important;
  contain:layout paint style!important;
  backface-visibility:hidden!important;
}
.ygz-top-nav[data-ygz-indicator-ready="1"] .ygz-primary-indicator{
  transition:transform .50s var(--ygz-spring-ease),width .50s var(--ygz-spring-ease),opacity .16s ease!important;
}
.ygz-menu-link,.ygz-menu-return,
.ygz-top-nav--secondary .ygz-menu-link,.ygz-top-nav--secondary .ygz-menu-return{
  min-height:calc(var(--ygz-header-height) - 8px)!important;
  border-radius:999px!important;
  color:var(--ygz-glass-text)!important;
  font-weight:730!important;
  letter-spacing:-.026em!important;
  transition:color .20s ease,opacity .20s ease,transform .30s var(--ygz-premium-ease)!important;
}
.ygz-menu-link.is-active{color:var(--ygz-glass-text-strong)!important;text-shadow:none!important}
@media (hover:hover){
  .ygz-menu-link:hover,.ygz-menu-link:focus-visible,.ygz-menu-return:hover,.ygz-menu-return:focus-visible{color:#fff!important}
}
.ygz-menu-link:focus-visible,.ygz-menu-return:focus-visible{outline:0!important;box-shadow:0 0 0 2px rgba(255,255,255,.60),0 0 0 5px rgba(255,255,255,.08)!important}
.ygz-menu-link:active,.ygz-menu-return:active,.ygz-tap-target.ygz-is-pressed{transform:scale(.96)!important;opacity:.90!important}
.ygz-top-nav.is-loading .ygz-primary-indicator{opacity:.84!important}
.ygz-top-nav.is-menu-changing .ygz-menu-link,.ygz-top-nav.is-menu-changing .ygz-menu-return{opacity:.12!important;transform:translate3d(0,5px,0) scale(.985)!important}
.main-wrapper{padding-top:calc(var(--ygz-header-top) + var(--ygz-header-height) + 26px)!important}
body.ygz-public-auth .main-wrapper{padding-top:0!important}

/* Full-page loading: no card, no ring; one line folds inward and opens again. */
#ygzPageLoadingOverlay{
  background:rgba(7,8,12,.08)!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  transition:opacity .16s ease,visibility 0s linear .16s,-webkit-backdrop-filter .18s ease,backdrop-filter .18s ease!important;
}
html.ygz-full-page-loading #ygzPageLoadingOverlay{
  background:rgba(7,8,12,.34)!important;
  -webkit-backdrop-filter:blur(9px) saturate(112%)!important;
  backdrop-filter:blur(9px) saturate(112%)!important;
}
.ygz-page-loading-ring{display:none!important}
.ygz-page-loading-line{
  display:block;
  width:64px;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg,rgba(255,255,255,.42),#fff 50%,rgba(255,255,255,.42));
  box-shadow:0 0 18px rgba(255,255,255,.22);
  transform-origin:center;
  animation:ygzLoadingFold 1.05s var(--ygz-premium-ease) infinite;
  will-change:transform,opacity;
}
.ygz-ui-ready .main-wrapper{animation:ygzSoftPageIn .30s var(--ygz-premium-ease) both}
@keyframes ygzSoftPageIn{from{opacity:.001;transform:translate3d(0,7px,0) scale(.996)}to{opacity:1;transform:translate3d(0,0,0) scale(1)}}
@keyframes ygzLoadingFold{0%,100%{transform:scaleX(1);opacity:.92}45%,58%{transform:scaleX(.08);opacity:.58}72%{transform:scaleX(.52);opacity:1}}
@keyframes ygzNavArrive{from{opacity:0;transform:translate3d(-50%,-8px,0) scale(.985)}to{opacity:1;transform:translate3d(-50%,0,0) scale(1)}}

/* Card and image polish shared by card collection / market / battle without touching business logic. */
.card,.card-item,.card-preview,.collection-card,.market-card,.ghost-card,.cb-card,[class*="card-tile"]{
  transform:translateZ(0);
  backface-visibility:hidden;
  contain:paint;
}
.card img,.card-item img,.card-preview img,.collection-card img,.market-card img,.ghost-card img,.cb-card img,[class*="card-tile"] img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  image-rendering:auto;
  content-visibility:auto;
}
.card-art,.card-image,.card-cover,.card-thumb,.cb-card-art,.ghost-card-image,.collection-card-image{
  position:relative;
  aspect-ratio:2/3;
  background:#11141b var(--ygz-card-back) center/cover no-repeat;
  overflow:hidden;
}
.cb-card{
  border-color:var(--ygz-card-line)!important;
  background:linear-gradient(155deg,rgba(25,28,37,.98),rgba(13,15,21,.98))!important;
  box-shadow:var(--ygz-card-shadow)!important;
  transition:transform .18s var(--ygz-premium-ease),border-color .18s ease,box-shadow .18s ease,opacity .18s ease!important;
}
.cb-card:hover{filter:none!important;border-color:var(--ygz-card-line-active)!important;box-shadow:0 16px 34px rgba(0,0,0,.30)!important}
.cb-card:active{transform:scale(.985) translateZ(0)!important}
.cb-card::after{display:none!important;content:none!important;animation:none!important}
.cb-card-art{border:1px solid rgba(255,255,255,.08);background:#0f1219 var(--ygz-card-back) center/cover no-repeat!important;contain:paint}
.cb-card-art img{opacity:.96!important;filter:none!important;transform:translateZ(0)}
.cb-card.is-target,.cb-core.is-target{outline:2px solid rgba(255,255,255,.92)!important;outline-offset:2px;box-shadow:0 0 0 4px rgba(119,235,245,.18),0 16px 36px rgba(0,0,0,.32)!important}
.cb-panel,.cb-backline,.cb-contested-front,.cb-hand-shell,.cb-log,.cb-shared-frontline{
  border-color:rgba(255,255,255,.105)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.20)!important;
}
.cb-hand{contain:layout paint style;transform:translateZ(0)}
.cb-slot{background:rgba(255,255,255,.018)!important;border-color:rgba(255,255,255,.105)!important}
.cb-modal,.cb-invite-modal{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:rgba(3,4,8,.68)!important}
.cb-modal-panel,.cb-invite-card{box-shadow:0 24px 70px rgba(0,0,0,.58),inset 0 1px 0 rgba(255,255,255,.08)!important}

/* Feed/list rendering containment for long pages. */
.post-card,.post-item,.forum-post,.message-item,.notification-item,.ranking-item,.task-card,.shop-item,.market-listing{
  content-visibility:auto;
  contain-intrinsic-size:1px 220px;
}

/* Button feedback refinement. */
button,.btn,.cb-btn,.cb-plain,.ygz-account-close,.ygz-account-add,.ygz-account-submit,.ygz-account-back{
  transition-property:transform,opacity,background-color,border-color,box-shadow,color!important;
}
button:disabled,.btn:disabled,.cb-btn:disabled{transform:none!important;filter:none!important}

@media (max-width:520px){
  .ygz-floating-header{width:calc(100vw - 14px)!important}
  .ygz-top-nav{min-height:54px!important;border-radius:21px!important;clip-path:inset(0 round 21px)!important;-webkit-backdrop-filter:blur(8px) saturate(112%)!important;backdrop-filter:blur(8px) saturate(112%)!important;box-shadow:0 12px 30px rgba(0,0,0,.34),inset 0 0 0 1px rgba(255,255,255,.03)!important}
  .ygz-nav-scroll,.ygz-nav-menu-track{min-height:48px!important}
  .ygz-primary-indicator{top:3px!important;bottom:3px!important;border-radius:18px!important}
  .ygz-menu-link,.ygz-menu-return{min-height:48px!important;font-size:12px!important;padding-inline:10px!important}
  .main-wrapper{padding-top:calc(max(8px,env(safe-area-inset-top)) + 54px + 20px)!important}
}
@media (min-width:960px){.ygz-top-nav{border-radius:26px!important;clip-path:inset(0 round 26px)!important}.ygz-primary-indicator{border-radius:23px!important}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.ygz-top-nav{background:var(--ygz-glass-bg-solid)!important}.ygz-account-modal,.ygz-account-sheet{background:rgba(16,17,23,.96)!important}}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  .ygz-ui-ready .main-wrapper{animation:none!important}
  .ygz-primary-indicator{will-change:auto!important}
}
@supports (background-image:image-set(url('/assets/cards/card_back_ygzlt.webp') type('image/webp'))){
  :root{--ygz-card-back:image-set(url('/assets/cards/card_back_ygzlt.webp') type('image/webp'),url('/assets/cards/card_back_ygzlt.jpg') type('image/jpeg'))}
}


/* V64 final navigation authority: keep the restored capsule shape on every viewport. */
@media (max-width:520px){
  :root{--ygz-header-top:max(8px,env(safe-area-inset-top));--ygz-header-height:64px}
  .ygz-floating-header{width:calc(100vw - 20px)!important}
  .ygz-top-nav{min-height:64px!important;padding:4px!important;border-radius:999px!important;clip-path:inset(0 round 999px)!important;-webkit-backdrop-filter:blur(24px) saturate(158%)!important;backdrop-filter:blur(24px) saturate(158%)!important;box-shadow:0 18px 48px rgba(0,0,0,.40),0 2px 8px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.14),inset 0 -1px 0 rgba(0,0,0,.18)!important}
  .ygz-nav-scroll,.ygz-nav-menu-track{min-height:56px!important}
  .ygz-primary-indicator,.ygz-top-nav .ygz-primary-indicator{top:4px!important;bottom:4px!important;border-radius:999px!important}
  .ygz-menu-link,.ygz-menu-return{min-height:56px!important;border-radius:999px!important;font-size:15px!important;padding-inline:10px!important}
  .main-wrapper{padding-top:calc(var(--ygz-header-top) + 64px + 22px)!important}
}
@media (min-width:960px){
  .ygz-top-nav{border-radius:999px!important;clip-path:inset(0 round 999px)!important}
  .ygz-primary-indicator,.ygz-top-nav .ygz-primary-indicator{border-radius:999px!important}
}


/* V65 final navigation authority: translucent Dynamic-Island material without an opaque white selection. */
:root{
  --ygz-glass-text:rgba(248,249,252,.68);
  --ygz-glass-text-strong:rgba(255,255,255,.98);
  --ygz-island-surface:rgba(12,13,19,.42);
  --ygz-island-line:rgba(255,255,255,.16);
  --ygz-island-pill:rgba(255,255,255,.135);
}
.ygz-floating-header{
  transition:opacity .28s var(--ygz-premium-ease),visibility 0s linear 0s,transform .42s var(--ygz-spring-ease)!important;
}
.ygz-top-nav,
.ygz-top-nav--primary,
.ygz-top-nav--secondary{
  border-color:var(--ygz-island-line)!important;
  background:
    radial-gradient(90% 150% at 18% -34%,rgba(255,255,255,.14),transparent 58%),
    radial-gradient(72% 120% at 84% 135%,rgba(155,185,255,.075),transparent 64%),
    linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.012)),
    var(--ygz-island-surface)!important;
  box-shadow:
    0 18px 54px rgba(0,0,0,.38),
    0 2px 10px rgba(0,0,0,.20),
    inset 0 1px 0 rgba(255,255,255,.17),
    inset 0 -1px 0 rgba(0,0,0,.22)!important;
  -webkit-backdrop-filter:blur(24px) saturate(158%) contrast(104%)!important;
  backdrop-filter:blur(24px) saturate(158%) contrast(104%)!important;
}
.ygz-primary-indicator,
.ygz-top-nav .ygz-primary-indicator,
.ygz-top-nav .ygz-primary-indicator.is-edge-start,
.ygz-top-nav .ygz-primary-indicator.is-edge-end,
.ygz-top-nav .ygz-primary-indicator.is-edge-start.is-edge-end{
  border:1px solid rgba(255,255,255,.205)!important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.205),rgba(255,255,255,.075) 64%),
    var(--ygz-island-pill)!important;
  box-shadow:
    0 8px 24px rgba(0,0,0,.18),
    inset 0 1px 0 rgba(255,255,255,.24),
    inset 0 -1px 0 rgba(0,0,0,.13)!important;
  -webkit-backdrop-filter:blur(18px) saturate(160%)!important;
  backdrop-filter:blur(18px) saturate(160%)!important;
}
.ygz-menu-link.is-active{
  color:var(--ygz-glass-text-strong)!important;
  text-shadow:0 1px 10px rgba(255,255,255,.08)!important;
}
.ygz-menu-link,.ygz-menu-return{
  text-shadow:0 1px 10px rgba(0,0,0,.18);
}
@media (hover:hover){
  .ygz-menu-link:hover,.ygz-menu-return:hover{
    color:rgba(255,255,255,.92)!important;
  }
}
@media (max-width:520px){
  .ygz-top-nav,
  .ygz-top-nav--primary,
  .ygz-top-nav--secondary{
    -webkit-backdrop-filter:blur(21px) saturate(150%)!important;
    backdrop-filter:blur(21px) saturate(150%)!important;
    box-shadow:0 16px 44px rgba(0,0,0,.38),0 2px 8px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.15),inset 0 -1px 0 rgba(0,0,0,.20)!important;
  }
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .ygz-top-nav,.ygz-top-nav--primary,.ygz-top-nav--secondary{background:rgba(16,17,23,.94)!important}
  .ygz-primary-indicator,.ygz-top-nav .ygz-primary-indicator{background:rgba(62,64,73,.96)!important}
}


/* V66 final navigation authority: solid white selection inside a clearer Dynamic-Island glass shell. */
:root{
  --ygz-island-surface:rgba(12,13,19,.30);
  --ygz-island-line:rgba(255,255,255,.17);
}
.ygz-top-nav,.ygz-top-nav--primary,.ygz-top-nav--secondary{
  border-color:var(--ygz-island-line)!important;
  border-radius:999px!important;
  background:
    radial-gradient(90% 150% at 18% -34%,rgba(255,255,255,.145),transparent 58%),
    radial-gradient(72% 120% at 84% 135%,rgba(155,185,255,.075),transparent 64%),
    linear-gradient(180deg,rgba(255,255,255,.052),rgba(255,255,255,.008)),
    var(--ygz-island-surface)!important;
  box-shadow:0 20px 58px rgba(0,0,0,.40),0 2px 10px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.18),inset 0 -1px 0 rgba(0,0,0,.22)!important;
  -webkit-backdrop-filter:blur(30px) saturate(168%) contrast(105%)!important;
  backdrop-filter:blur(30px) saturate(168%) contrast(105%)!important;
}
.ygz-primary-indicator,.ygz-top-nav .ygz-primary-indicator,
.ygz-top-nav .ygz-primary-indicator.is-edge-start,.ygz-top-nav .ygz-primary-indicator.is-edge-end,
.ygz-top-nav .ygz-primary-indicator.is-edge-start.is-edge-end{
  border:1px solid rgba(255,255,255,.96)!important;
  background:linear-gradient(145deg,#fff 0%,#f7f8fb 58%,#e9edf3 100%)!important;
  box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 rgba(128,136,151,.20),0 10px 26px rgba(0,0,0,.20),0 2px 6px rgba(255,255,255,.14)!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
.ygz-menu-link.is-active{color:#111319!important;text-shadow:none!important;}
.ygz-top-nav::before,.ygz-top-nav::after,.ygz-primary-indicator::before,.ygz-primary-indicator::after{content:none!important;display:none!important;}
@media(max-width:520px){
  .ygz-top-nav,.ygz-top-nav--primary,.ygz-top-nav--secondary{
    -webkit-backdrop-filter:blur(27px) saturate(160%)!important;
    backdrop-filter:blur(27px) saturate(160%)!important;
  }
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .ygz-top-nav,.ygz-top-nav--primary,.ygz-top-nav--secondary{background:rgba(15,16,22,.94)!important;}
}

/* V66 loader visibility authority: the active state must become paintable immediately. */
html.ygz-full-page-loading #ygzPageLoadingOverlay{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transition-delay:0s!important;
}

/* V67 final navigation authority — black scrollable shell with a white tracking slider. */
:root{
  --ygz-header-height:66px;
  --ygz-indicator-inset:0px;
  --ygz-v67-nav-black:#08090d;
  --ygz-v67-nav-glass:rgba(8,9,13,.64);
}
.ygz-top-nav,.ygz-top-nav--primary,.ygz-top-nav--secondary{
  padding:8px!important;
  min-height:var(--ygz-header-height)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:32px!important;
  background:var(--ygz-v67-nav-black)!important;
  box-shadow:0 18px 48px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.075),inset 0 -1px 0 rgba(0,0,0,.26)!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,-webkit-backdrop-filter .18s ease,backdrop-filter .18s ease!important;
}
.ygz-top-nav.is-over-content{
  border-color:rgba(255,255,255,.17)!important;
  background:var(--ygz-v67-nav-glass)!important;
  -webkit-backdrop-filter:blur(24px) saturate(150%) contrast(104%)!important;
  backdrop-filter:blur(24px) saturate(150%) contrast(104%)!important;
  box-shadow:0 20px 56px rgba(0,0,0,.46),inset 0 1px 0 rgba(255,255,255,.11),inset 0 -1px 0 rgba(0,0,0,.24)!important;
}
.ygz-nav-scroll{
  min-width:0!important;
  min-height:calc(var(--ygz-header-height) - 16px)!important;
  overflow:hidden!important;
  border-radius:24px!important;
}
.ygz-nav-menu-track,
.ygz-nav-menu-track--primary,
.ygz-nav-menu-track--secondary{
  position:relative!important;
  display:flex!important;
  flex:1 1 auto!important;
  align-items:stretch!important;
  width:100%!important;
  min-width:0!important;
  min-height:calc(var(--ygz-header-height) - 16px)!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  padding:0!important;
  gap:0!important;
  scrollbar-width:none!important;
  scroll-snap-type:x proximity!important;
  scroll-padding-inline:0!important;
  -webkit-overflow-scrolling:touch!important;
  overscroll-behavior-x:contain!important;
  touch-action:pan-x pinch-zoom!important;
}
.ygz-nav-menu-track::-webkit-scrollbar{display:none!important}
.ygz-nav-menu-track .ygz-menu-link,
.ygz-nav-menu-track .ygz-menu-return,
.ygz-top-nav--primary .ygz-menu-link,
.ygz-top-nav--secondary .ygz-menu-link,
.ygz-top-nav--secondary .ygz-menu-return{
  position:relative!important;
  z-index:1!important;
  flex:1 0 74px!important;
  width:auto!important;
  min-width:74px!important;
  min-height:calc(var(--ygz-header-height) - 16px)!important;
  padding:0 14px!important;
  border-radius:24px!important;
  overflow:visible!important;
  scroll-snap-align:center!important;
  white-space:nowrap!important;
}
.ygz-primary-indicator,.ygz-top-nav .ygz-primary-indicator,
.ygz-top-nav .ygz-primary-indicator.is-edge-start,.ygz-top-nav .ygz-primary-indicator.is-edge-end,
.ygz-top-nav .ygz-primary-indicator.is-edge-start.is-edge-end{
  top:0!important;
  bottom:0!important;
  border:1px solid rgba(255,255,255,.98)!important;
  border-radius:24px!important;
  background:linear-gradient(180deg,#fff 0%,#f4f6f9 100%)!important;
  box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 rgba(118,128,145,.18),0 9px 22px rgba(0,0,0,.24)!important;
}
.ygz-top-nav[data-ygz-indicator-ready="1"] .ygz-primary-indicator{
  transition:transform .52s cubic-bezier(.23,1,.32,1.05),width .52s cubic-bezier(.23,1,.32,1.05),opacity .16s ease!important;
}
.ygz-menu-link,.ygz-menu-return{color:rgba(245,247,250,.58)!important}
.ygz-menu-link.is-active{color:#111319!important}

@media(max-width:520px){
  :root{--ygz-header-height:64px}
  .ygz-floating-header{width:calc(100vw - 14px)!important}
  .ygz-top-nav,.ygz-top-nav--primary,.ygz-top-nav--secondary{padding:7px!important;border-radius:28px!important;clip-path:inset(0 round 28px)!important}
  .ygz-nav-scroll,.ygz-nav-menu-track,.ygz-nav-menu-track--primary,.ygz-nav-menu-track--secondary{min-height:50px!important}
  .ygz-nav-menu-track .ygz-menu-link,.ygz-nav-menu-track .ygz-menu-return{flex-basis:72px!important;min-width:72px!important;min-height:50px!important;padding-inline:12px!important;border-radius:21px!important;font-size:14px!important}
  .ygz-primary-indicator,.ygz-top-nav .ygz-primary-indicator{border-radius:21px!important}
  .main-wrapper{padding-top:calc(var(--ygz-header-top) + 64px + 20px)!important}
}
@media(max-width:390px){
  .ygz-nav-menu-track .ygz-menu-link,.ygz-nav-menu-track .ygz-menu-return{flex-basis:70px!important;min-width:70px!important;padding-inline:10px!important;font-size:13px!important}
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .ygz-top-nav.is-over-content{background:rgba(12,13,18,.96)!important}
}
@media(prefers-reduced-motion:reduce){
  .ygz-top-nav,.ygz-primary-indicator{transition:none!important}
}

/* V68 — index-reference tracking navigation rebuilt as dark frosted glass. */
:root{
  --ygz-header-height:72px;
  --ygz-indicator-inset:0px;
  --ygz-v68-nav-bg:rgba(10,11,16,.68);
  --ygz-v68-nav-bg-scrolled:rgba(9,10,15,.56);
  --ygz-v68-nav-line:rgba(255,255,255,.145);
  --ygz-v68-track-height:52px;
}
.ygz-floating-header{
  width:min(1240px,calc(100vw - 24px))!important;
  max-width:calc(100vw - 24px)!important;
  contain:layout style!important;
}
.ygz-top-nav,.ygz-top-nav--primary,.ygz-top-nav--secondary{
  min-height:var(--ygz-header-height)!important;
  padding:10px!important;
  overflow:hidden!important;
  border:1px solid var(--ygz-v68-nav-line)!important;
  border-radius:999px!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.018) 46%,rgba(0,0,0,.08)),
    var(--ygz-v68-nav-bg)!important;
  background-clip:padding-box!important;
  box-shadow:
    0 22px 54px rgba(0,0,0,.44),
    0 3px 10px rgba(0,0,0,.20),
    inset 0 1px 0 rgba(255,255,255,.13),
    inset 0 -1px 0 rgba(0,0,0,.28)!important;
  -webkit-backdrop-filter:blur(28px) saturate(158%) contrast(106%)!important;
  backdrop-filter:blur(28px) saturate(158%) contrast(106%)!important;
  clip-path:inset(0 round 999px)!important;
  isolation:isolate!important;
  transition:background-color .22s ease,border-color .22s ease,box-shadow .22s ease!important;
}
.ygz-top-nav.is-over-content{
  border-color:rgba(255,255,255,.19)!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.022) 46%,rgba(0,0,0,.10)),
    var(--ygz-v68-nav-bg-scrolled)!important;
  box-shadow:
    0 24px 62px rgba(0,0,0,.48),
    0 3px 12px rgba(0,0,0,.22),
    inset 0 1px 0 rgba(255,255,255,.16),
    inset 0 -1px 0 rgba(0,0,0,.28)!important;
}
.ygz-nav-scroll{
  position:relative!important;
  min-width:0!important;
  min-height:var(--ygz-v68-track-height)!important;
  overflow:hidden!important;
  border-radius:999px!important;
}
.ygz-nav-menu-track,
.ygz-nav-menu-track--primary,
.ygz-nav-menu-track--secondary{
  position:relative!important;
  display:flex!important;
  align-items:stretch!important;
  width:100%!important;
  min-width:0!important;
  min-height:var(--ygz-v68-track-height)!important;
  padding:0!important;
  gap:0!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scrollbar-width:none!important;
  scroll-snap-type:x proximity!important;
  -webkit-overflow-scrolling:touch!important;
  overscroll-behavior-inline:contain!important;
  touch-action:pan-x pinch-zoom!important;
  contain:layout style!important;
}
.ygz-nav-menu-track::-webkit-scrollbar{display:none!important}
.ygz-nav-menu-track .ygz-menu-link,
.ygz-nav-menu-track .ygz-menu-return,
.ygz-top-nav--primary .ygz-menu-link,
.ygz-top-nav--secondary .ygz-menu-link,
.ygz-top-nav--secondary .ygz-menu-return{
  position:relative!important;
  z-index:3!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:1 0 84px!important;
  width:auto!important;
  min-width:84px!important;
  min-height:var(--ygz-v68-track-height)!important;
  padding:0 18px!important;
  border:0!important;
  border-radius:999px!important;
  color:rgba(246,247,251,.62)!important;
  background:transparent!important;
  font-size:15px!important;
  font-weight:740!important;
  letter-spacing:-.026em!important;
  line-height:1!important;
  white-space:nowrap!important;
  scroll-snap-align:center!important;
  transition:color .20s ease,opacity .20s ease,transform .24s cubic-bezier(.23,1,.32,1)!important;
}
.ygz-menu-link.is-active{color:#101218!important;text-shadow:none!important}
.ygz-primary-indicator,.ygz-top-nav .ygz-primary-indicator,
.ygz-top-nav .ygz-primary-indicator.is-edge-start,.ygz-top-nav .ygz-primary-indicator.is-edge-end,
.ygz-top-nav .ygz-primary-indicator.is-edge-start.is-edge-end,
.ygz-primary-hover-indicator{
  position:absolute!important;
  top:0!important;
  bottom:0!important;
  left:0;
  height:var(--ygz-v68-track-height)!important;
  border-radius:999px!important;
  pointer-events:none!important;
  backface-visibility:hidden!important;
  will-change:transform,width,opacity!important;
}
.ygz-primary-indicator,.ygz-top-nav .ygz-primary-indicator,
.ygz-top-nav .ygz-primary-indicator.is-edge-start,.ygz-top-nav .ygz-primary-indicator.is-edge-end,
.ygz-top-nav .ygz-primary-indicator.is-edge-start.is-edge-end{
  z-index:2!important;
  border:1px solid rgba(255,255,255,.98)!important;
  background:linear-gradient(180deg,#fff 0%,#f5f7fa 100%)!important;
  box-shadow:
    inset 0 1px 0 #fff,
    inset 0 -1px 0 rgba(112,122,139,.18),
    0 10px 24px rgba(0,0,0,.24)!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
.ygz-primary-hover-indicator{
  z-index:1!important;
  opacity:0!important;
  border:1px solid rgba(255,255,255,.11)!important;
  background:rgba(255,255,255,.075)!important;
  box-shadow:0 0 20px rgba(255,255,255,.12) inset!important;
  -webkit-backdrop-filter:blur(12px) saturate(130%)!important;
  backdrop-filter:blur(12px) saturate(130%)!important;
  transition:transform .60s cubic-bezier(.23,1,.32,1.05),width .60s cubic-bezier(.23,1,.32,1.05),opacity .16s ease!important;
}
.ygz-primary-hover-indicator.is-visible{opacity:1!important}
.ygz-top-nav[data-ygz-indicator-ready="1"] .ygz-primary-indicator{
  transition:transform .60s cubic-bezier(.23,1,.32,1.05),width .60s cubic-bezier(.23,1,.32,1.05),opacity .16s ease!important;
}
.ygz-top-nav.is-nav-kinetic .ygz-primary-indicator,
.ygz-top-nav.is-nav-kinetic .ygz-primary-hover-indicator{will-change:auto!important}
.ygz-menu-link:focus-visible,.ygz-menu-return:focus-visible{
  outline:0!important;
  box-shadow:0 0 0 2px rgba(255,255,255,.74),0 0 0 5px rgba(255,255,255,.09)!important;
}
@media(hover:hover) and (pointer:fine){
  .ygz-menu-link:not(.is-active):hover,.ygz-menu-return:hover{color:rgba(255,255,255,.96)!important}
}
@media(max-width:520px){
  :root{--ygz-header-height:66px;--ygz-v68-track-height:50px}
  .ygz-floating-header{width:calc(100vw - 14px)!important;max-width:calc(100vw - 14px)!important}
  .ygz-top-nav,.ygz-top-nav--primary,.ygz-top-nav--secondary{
    padding:8px!important;
    border-radius:34px!important;
    clip-path:inset(0 round 34px)!important;
    -webkit-backdrop-filter:blur(26px) saturate(154%) contrast(105%)!important;
    backdrop-filter:blur(26px) saturate(154%) contrast(105%)!important;
  }
  .ygz-nav-menu-track .ygz-menu-link,.ygz-nav-menu-track .ygz-menu-return{
    flex-basis:72px!important;
    min-width:72px!important;
    min-height:50px!important;
    padding-inline:12px!important;
    font-size:14px!important;
  }
  .main-wrapper{padding-top:calc(var(--ygz-header-top) + 66px + 20px)!important}
}
@media(max-width:390px){
  .ygz-nav-menu-track .ygz-menu-link,.ygz-nav-menu-track .ygz-menu-return{
    flex-basis:70px!important;
    min-width:70px!important;
    padding-inline:10px!important;
    font-size:13px!important;
  }
}

/* V0.5 final non-bottom indicator authority. Thin horizontal indicators snap
   to integer layout positions; only the fixed bottom navigation may glide. */
.ygz-primary-indicator:not(.bottom-nav-indicator),
.ygz-primary-hover-indicator:not(.bottom-nav-indicator),
.profile-tab-indicator:not(.bottom-nav-indicator),
.tabs-indicator:not(.bottom-nav-indicator),
.tab-indicator:not(.bottom-nav-indicator),
.segment-indicator:not(.bottom-nav-indicator),
.tab-underline:not(.bottom-nav-indicator){
  transition:none!important;
  animation:none!important;
  will-change:auto!important;
  backface-visibility:hidden!important;
  -webkit-backface-visibility:hidden!important;
}

/* V0.5 modal motion contract: fixed centre, fade/rise in, fade/drop out. */
.modal-overlay > .modal-card,
.red-packet-result-overlay > .red-packet-result-card,
.report-modal-overlay > [role="dialog"],
.market-modal > [role="dialog"],
.post-modal-overlay > [role="dialog"],
.reply-modal-overlay > [role="dialog"],
.settings-modal > [role="dialog"],
.currency-modal > [role="dialog"],
.cb-modal > [role="dialog"],
.dialog-overlay > [role="dialog"],
.popup-overlay > [role="dialog"],
[class$="-modal-backdrop"] > [role="dialog"]{
  opacity:0!important;
  transform:translate3d(0,18px,0) scale(.988)!important;
  transition:opacity .24s ease,transform .32s cubic-bezier(.16,1,.3,1)!important;
}
.modal-overlay.active > .modal-card,
.red-packet-result-overlay.active > .red-packet-result-card,
.report-modal-overlay:is(.active,.show,.open,[aria-hidden="false"]) > [role="dialog"],
.market-modal:is(.active,.show,.open,[aria-hidden="false"]) > [role="dialog"],
.post-modal-overlay:is(.active,.show,.open,[aria-hidden="false"]) > [role="dialog"],
.reply-modal-overlay:is(.active,.show,.open,[aria-hidden="false"]) > [role="dialog"],
.settings-modal:is(.active,.show,.open,[aria-hidden="false"]) > [role="dialog"],
.currency-modal:is(.active,.show,.open,[aria-hidden="false"]) > [role="dialog"],
.cb-modal:is(.active,.show,.open,[aria-hidden="false"]) > [role="dialog"],
.dialog-overlay:is(.active,.show,.open,[aria-hidden="false"]) > [role="dialog"],
.popup-overlay:is(.active,.show,.open,[aria-hidden="false"]) > [role="dialog"],
[class$="-modal-backdrop"]:is(.active,.show,.open,[aria-hidden="false"]) > [role="dialog"]{
  opacity:1!important;
  transform:translate3d(0,0,0) scale(1)!important;
}
.red-packet-result-overlay{
  display:grid!important;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .24s ease,visibility 0s linear .32s!important;
}
.red-packet-result-overlay.active{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transition-delay:0s!important;
}

/* Thin page-level indicators snap atomically so sub-pixel interpolation can
   never produce the left/right shimmer seen on some OLED/GPU combinations.
   The bottom navigation indicator is intentionally not included. */
.profile-tab-indicator,
.tabs-indicator,
.tab-indicator:not(.bottom-nav-indicator),
.segment-indicator:not(.bottom-nav-indicator),
.tab-underline:not(.bottom-nav-indicator){
  transition:none!important;
  animation:none!important;
  will-change:auto!important;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .ygz-top-nav,.ygz-top-nav--primary,.ygz-top-nav--secondary,.ygz-top-nav.is-over-content{background:rgba(11,12,17,.96)!important}
  .ygz-primary-hover-indicator{background:rgba(37,39,47,.96)!important}
}
@media(prefers-reduced-motion:reduce){
  .ygz-top-nav,.ygz-primary-indicator,.ygz-primary-hover-indicator,.ygz-menu-link,.ygz-menu-return{transition:none!important;animation:none!important}
}


/* V69 — requested 30px glass material and index-identical tracking motion. */
.glass-element,
.ygz-top-nav,
.ygz-top-nav--primary,
.ygz-top-nav--secondary,
.ygz-top-nav.is-over-content{
  background:rgba(255,255,255,.09)!important;
  -webkit-backdrop-filter:blur(30px)!important;
  backdrop-filter:blur(30px)!important;
  border:0 solid rgba(255,255,255,.3)!important;
  border-radius:50px!important;
  box-shadow:rgba(0,0,0,0) 0 5px 0!important;
  background-image:none!important;
  clip-path:inset(0 round 50px)!important;
}
.ygz-top-nav,
.ygz-top-nav--primary,
.ygz-top-nav--secondary{
  padding:10px!important;
  overflow:hidden!important;
}
.ygz-nav-scroll,
.ygz-nav-menu-track,
.ygz-nav-menu-track--primary,
.ygz-nav-menu-track--secondary{
  border-radius:50px!important;
}
.ygz-primary-indicator,
.ygz-primary-hover-indicator,
.ygz-top-nav .ygz-primary-indicator,
.ygz-top-nav .ygz-primary-indicator.is-edge-start,
.ygz-top-nav .ygz-primary-indicator.is-edge-end,
.ygz-top-nav .ygz-primary-indicator.is-edge-start.is-edge-end{
  top:0!important;
  bottom:auto!important;
  left:0;
  height:var(--ygz-v68-track-height)!important;
  border-radius:50px!important;
  will-change:left,width,opacity,transform!important;
}
.ygz-primary-indicator,
.ygz-top-nav .ygz-primary-indicator,
.ygz-top-nav .ygz-primary-indicator.is-edge-start,
.ygz-top-nav .ygz-primary-indicator.is-edge-end,
.ygz-top-nav .ygz-primary-indicator.is-edge-start.is-edge-end{
  border:0!important;
  background:#fff!important;
  box-shadow:none!important;
}
.ygz-primary-hover-indicator{
  opacity:0!important;
  border:0!important;
  background:rgba(255,255,255,.10)!important;
  box-shadow:0 0 20px rgba(255,255,255,.20) inset!important;
  -webkit-backdrop-filter:blur(30px)!important;
  backdrop-filter:blur(30px)!important;
  transform-origin:center!important;
  transition:all .6s cubic-bezier(.23,1,.32,1.05)!important;
}
.ygz-primary-hover-indicator.is-visible{opacity:1!important}
.ygz-primary-hover-indicator.squeeze{transform:scale(.9)!important}
.ygz-top-nav[data-ygz-indicator-ready="1"] .ygz-primary-indicator{
  transition:all .6s cubic-bezier(.23,1,.32,1.05)!important;
}
@media(max-width:520px){
  .ygz-top-nav,.ygz-top-nav--primary,.ygz-top-nav--secondary{
    padding:8px!important;
    border-radius:50px!important;
    clip-path:inset(0 round 50px)!important;
    -webkit-backdrop-filter:blur(30px)!important;
    backdrop-filter:blur(30px)!important;
  }
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .glass-element,.ygz-top-nav,.ygz-top-nav--primary,.ygz-top-nav--secondary,.ygz-top-nav.is-over-content{
    background:rgba(28,29,34,.94)!important;
  }
}
@media(prefers-reduced-motion:reduce){
  .ygz-primary-indicator,.ygz-primary-hover-indicator{transition:none!important}
}

/* V70 final navigation authority — compact index-shaped glass slider with one layout owner. */
:root{
  --ygz-header-height:60px;
  --ygz-v70-track-height:48px;
  --ygz-v70-nav-width:min(760px,calc(100vw - 48px));
  --ygz-v70-index-ease:cubic-bezier(.23,1,.32,1.05);
  --ygz-v70-menu-ease:cubic-bezier(.16,1,.3,1);
  --ygz-indicator-inset:0px;
}
.ygz-floating-header[data-ygz-nav-engine="v70"]{
  width:var(--ygz-v70-nav-width)!important;
  max-width:var(--ygz-v70-nav-width)!important;
  height:var(--ygz-header-height)!important;
  min-height:var(--ygz-header-height)!important;
  max-height:var(--ygz-header-height)!important;
  animation:none!important;
  transition:none!important;
  contain:layout style!important;
  transform:translate3d(-50%,0,0)!important;
}
.ygz-floating-header[data-ygz-nav-engine="v70"] .ygz-top-nav,
.ygz-floating-header[data-ygz-nav-engine="v70"] .ygz-top-nav--primary,
.ygz-floating-header[data-ygz-nav-engine="v70"] .ygz-top-nav--secondary,
.ygz-floating-header[data-ygz-nav-engine="v70"] .ygz-top-nav.is-over-content{
  box-sizing:border-box!important;
  width:100%!important;
  height:var(--ygz-header-height)!important;
  min-height:var(--ygz-header-height)!important;
  max-height:var(--ygz-header-height)!important;
  padding:6px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.018)),rgba(20,20,26,.60)!important;
  background-image:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.018))!important;
  box-shadow:0 14px 34px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.10)!important;
  -webkit-backdrop-filter:blur(30px) saturate(145%)!important;
  backdrop-filter:blur(30px) saturate(145%)!important;
  overflow:hidden!important;
  clip-path:none!important;
  isolation:isolate!important;
  transform:translateZ(0)!important;
  transition:background-color .22s var(--ygz-v70-menu-ease),border-color .22s var(--ygz-v70-menu-ease),box-shadow .22s var(--ygz-v70-menu-ease)!important;
}
.ygz-floating-header[data-ygz-nav-engine="v70"] .ygz-nav-scroll{
  position:relative!important;
  z-index:1!important;
  display:block!important;
  width:100%!important;
  height:var(--ygz-v70-track-height)!important;
  min-height:var(--ygz-v70-track-height)!important;
  max-height:var(--ygz-v70-track-height)!important;
  overflow:hidden!important;
  border-radius:999px!important;
  contain:layout paint!important;
}
.ygz-floating-header[data-ygz-nav-engine="v70"] .ygz-nav-menu-track,
.ygz-floating-header[data-ygz-nav-engine="v70"] .ygz-nav-menu-track--primary,
.ygz-floating-header[data-ygz-nav-engine="v70"] .ygz-nav-menu-track--secondary{
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  display:flex!important;
  align-items:stretch!important;
  width:100%!important;
  height:var(--ygz-v70-track-height)!important;
  min-height:var(--ygz-v70-track-height)!important;
  max-height:var(--ygz-v70-track-height)!important;
  margin:0!important;
  padding:0!important;
  gap:0!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  border-radius:999px!important;
  scrollbar-width:none!important;
  scroll-snap-type:x proximity!important;
  scroll-padding-inline:0!important;
  -webkit-overflow-scrolling:touch!important;
  overscroll-behavior-x:contain!important;
  touch-action:pan-x pinch-zoom!important;
  backface-visibility:hidden!important;
  transform:translate3d(0,0,0)!important;
  transform-origin:center!important;
}
.ygz-floating-header[data-ygz-nav-engine="v70"] .ygz-nav-menu-track::-webkit-scrollbar{display:none!important}
.ygz-floating-header[data-ygz-nav-engine="v70"] .ygz-nav-menu-track.is-entering{
  opacity:0!important;
  pointer-events:none!important;
  transition:opacity .30s var(--ygz-v70-menu-ease),transform .30s var(--ygz-v70-menu-ease)!important;
}
.ygz-floating-header[data-ygz-nav-engine="v70"] .ygz-nav-menu-track.is-entering--forward{transform:translate3d(14px,0,0)!important}
.ygz-floating-header[data-ygz-nav-engine="v70"] .ygz-nav-menu-track.is-entering--backward{transform:translate3d(-14px,0,0)!important}
.ygz-floating-header[data-ygz-nav-engine="v70"] .ygz-nav-menu-track.is-entering.is-ready{
  opacity:1!important;
  pointer-events:auto!important;
  transform:translate3d(0,0,0)!important;
}
.ygz-floating-header[data-ygz-nav-engine="v70"] .ygz-nav-menu-track.is-leaving{
  z-index:0!important;
  opacity:0!important;
  pointer-events:none!important;
  transition:opacity .24s var(--ygz-v70-menu-ease),transform .30s var(--ygz-v70-menu-ease)!important;
}
.ygz-floating-header[data-ygz-nav-engine="v70"] .ygz-nav-menu-track.is-leaving--forward{transform:translate3d(-14px,0,0)!important}
.ygz-floating-header[data-ygz-nav-engine="v70"] .ygz-nav-menu-track.is-leaving--backward{transform:translate3d(14px,0,0)!important}
.ygz-floating-header[data-ygz-nav-engine="v70"] .ygz-nav-menu-track .ygz-menu-link,
.ygz-floating-header[data-ygz-nav-engine="v70"] .ygz-nav-menu-track .ygz-menu-return{
  position:relative!important;
  z-index:3!important;
  box-sizing:border-box!important;
  flex:1 0 64px!important;
  width:auto!important;
  min-width:64px!important;
  height:var(--ygz-v70-track-height)!important;
  min-height:var(--ygz-v70-track-height)!important;
  max-height:var(--ygz-v70-track-height)!important;
  padding:0 11px!important;
  border:0!important;
  border-radius:999px!important;
  background:transparent!important;
  color:rgba(247,248,251,.58)!important;
  font-size:13px!important;
  font-weight:680!important;
  line-height:1!important;
  letter-spacing:-.018em!important;
  white-space:nowrap!important;
  scroll-snap-align:center!important;
  text-shadow:none!important;
  box-shadow:none!important;
  transform:none!important;
  opacity:1!important;
  transition:color .20s var(--ygz-v70-menu-ease),opacity .16s var(--ygz-v70-menu-ease)!important;
}
.ygz-floating-header[data-ygz-nav-engine="v70"] .ygz-menu-link.is-active{
  color:#17181d!important;
  text-shadow:none!important;
}
.ygz-floating-header[data-ygz-nav-engine="v70"] .ygz-menu-link:active,
.ygz-floating-header[data-ygz-nav-engine="v70"] .ygz-menu-return:active,
.ygz-floating-header[data-ygz-nav-engine="v70"] .ygz-tap-target.ygz-is-pressed{
  transform:none!important;
  opacity:.72!important;
}
.ygz-floating-header[data-ygz-nav-engine="v70"] .ygz-menu-link:focus-visible,
.ygz-floating-header[data-ygz-nav-engine="v70"] .ygz-menu-return:focus-visible{
  outline:2px solid rgba(255,255,255,.72)!important;
  outline-offset:-4px!important;
  box-shadow:none!important;
}
.ygz-floating-header[data-ygz-nav-engine="v70"][data-ygz-auth="guest"] .ygz-nav-menu-track .ygz-menu-link{
  flex:1 1 50%!important;
  min-width:0!important;
}
.ygz-floating-header[data-ygz-nav-engine="v70"] .ygz-primary-indicator,
.ygz-floating-header[data-ygz-nav-engine="v70"] .ygz-primary-hover-indicator,
.ygz-floating-header[data-ygz-nav-engine="v70"] .ygz-top-nav .ygz-primary-indicator,
.ygz-floating-header[data-ygz-nav-engine="v70"] .ygz-top-nav .ygz-primary-indicator.is-edge-start,
.ygz-floating-header[data-ygz-nav-engine="v70"] .ygz-top-nav .ygz-primary-indicator.is-edge-end,
.ygz-floating-header[data-ygz-nav-engine="v70"] .ygz-top-nav .ygz-primary-indicator.is-edge-start.is-edge-end{
  position:absolute!important;
  top:0!important;
  bottom:auto!important;
  left:0;
  z-index:2!important;
  display:block!important;
  height:var(--ygz-v70-track-height)!important;
  min-height:var(--ygz-v70-track-height)!important;
  max-height:var(--ygz-v70-track-height)!important;
  border-radius:999px!important;
  transform:none!important;
  transform-origin:center!important;
  backface-visibility:hidden!important;
  contain:layout paint style!important;
}
.ygz-floating-header[data-ygz-nav-engine="v70"] .ygz-primary-indicator,
.ygz-floating-header[data-ygz-nav-engine="v70"] .ygz-top-nav .ygz-primary-indicator{
  border:0!important;
  background:linear-gradient(180deg,#fff,#f4f5f7)!important;
  box-shadow:0 8px 18px rgba(0,0,0,.18),inset 0 1px 0 #fff!important;
  opacity:0;
  will-change:auto!important;
}
.ygz-floating-header[data-ygz-nav-engine="v70"] .ygz-top-nav[data-ygz-indicator-ready="1"] .ygz-primary-indicator{
  transition:all .6s var(--ygz-v70-index-ease)!important;
}
.ygz-floating-header[data-ygz-nav-engine="v70"] .ygz-primary-indicator.is-scroll-following{
  transition:none!important;
}
.ygz-floating-header[data-ygz-nav-engine="v70"] .ygz-top-nav.is-indicator-moving .ygz-primary-indicator{
  will-change:left,width,opacity!important;
}
.ygz-floating-header[data-ygz-nav-engine="v70"] .ygz-primary-hover-indicator{
  z-index:1!important;
  border:0!important;
  background:rgba(255,255,255,.10)!important;
  box-shadow:0 0 20px rgba(255,255,255,.16) inset!important;
  -webkit-backdrop-filter:blur(18px)!important;
  backdrop-filter:blur(18px)!important;
  opacity:0!important;
  will-change:auto!important;
  transition:all .6s var(--ygz-v70-index-ease)!important;
}
.ygz-floating-header[data-ygz-nav-engine="v70"] .ygz-primary-hover-indicator.is-visible{opacity:1!important}
.ygz-floating-header[data-ygz-nav-engine="v70"] .ygz-primary-hover-indicator.squeeze{transform:scale(.9)!important}
.ygz-ui-ready .main-wrapper{animation:none!important}
.main-wrapper{padding-top:calc(var(--ygz-header-top) + var(--ygz-header-height) + 18px)!important}
.music-trigger,.music-trigger::before,.music-trigger::after{animation:none!important;will-change:auto!important}
@media(max-width:520px){
  :root{--ygz-v70-nav-width:calc(100vw - 48px)}
  .ygz-floating-header[data-ygz-nav-engine="v70"] .ygz-nav-menu-track .ygz-menu-link,
  .ygz-floating-header[data-ygz-nav-engine="v70"] .ygz-nav-menu-track .ygz-menu-return{
    flex-basis:62px!important;
    min-width:62px!important;
    padding-inline:9px!important;
    font-size:13px!important;
  }
}
@media(max-width:370px){
  .ygz-floating-header[data-ygz-nav-engine="v70"] .ygz-nav-menu-track .ygz-menu-link,
  .ygz-floating-header[data-ygz-nav-engine="v70"] .ygz-nav-menu-track .ygz-menu-return{
    flex-basis:58px!important;
    min-width:58px!important;
    padding-inline:7px!important;
    font-size:12px!important;
  }
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .ygz-floating-header[data-ygz-nav-engine="v70"] .ygz-top-nav,
  .ygz-floating-header[data-ygz-nav-engine="v70"] .ygz-top-nav.is-over-content{
    background:rgba(24,25,31,.96)!important;
  }
}
@media(prefers-reduced-motion:reduce){
  .ygz-floating-header[data-ygz-nav-engine="v70"] *,
  .ygz-floating-header[data-ygz-nav-engine="v70"] *::before,
  .ygz-floating-header[data-ygz-nav-engine="v70"] *::after{
    animation:none!important;
    transition:none!important;
    scroll-behavior:auto!important;
  }
}
@media(prefers-reduced-motion:reduce){
  .ygz-floating-header[data-ygz-nav-engine="v70"] .ygz-top-nav[data-ygz-indicator-ready="1"] .ygz-primary-indicator,
  .ygz-floating-header[data-ygz-nav-engine="v70"] .ygz-primary-hover-indicator,
  .ygz-floating-header[data-ygz-nav-engine="v70"] .ygz-nav-menu-track.is-entering,
  .ygz-floating-header[data-ygz-nav-engine="v70"] .ygz-nav-menu-track.is-leaving,
  .ygz-floating-header[data-ygz-nav-engine="v70"] .ygz-nav-menu-track .ygz-menu-link,
  .ygz-floating-header[data-ygz-nav-engine="v70"] .ygz-nav-menu-track .ygz-menu-return{
    animation:none!important;
    transition:none!important;
  }
}

/* V71 navigation authority — fixed geometry, darker material, edge-flush active island. */
:root{
  --ygz-header-height:52px;
  --ygz-v70-track-height:52px;
  --ygz-v70-nav-width:min(700px,calc(100vw - 64px));
  --ygz-v70-index-ease:cubic-bezier(.2,.8,.2,1);
  --ygz-v70-menu-ease:cubic-bezier(.16,1,.3,1);
}
.ygz-floating-header[data-ygz-nav-engine="v70"] .ygz-top-nav,
.ygz-floating-header[data-ygz-nav-engine="v70"] .ygz-top-nav--primary,
.ygz-floating-header[data-ygz-nav-engine="v70"] .ygz-top-nav--secondary,
.ygz-floating-header[data-ygz-nav-engine="v70"] .ygz-top-nav.is-over-content{
  padding:0!important;
  border-color:rgba(255,255,255,.105)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.026),rgba(255,255,255,.006)),rgba(8,9,13,.88)!important;
  background-image:linear-gradient(180deg,rgba(255,255,255,.026),rgba(255,255,255,.006))!important;
  box-shadow:0 16px 38px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.065)!important;
  -webkit-backdrop-filter:blur(26px) saturate(125%)!important;
  backdrop-filter:blur(26px) saturate(125%)!important;
}
.ygz-floating-header[data-ygz-nav-engine="v70"] .ygz-nav-scroll,
.ygz-floating-header[data-ygz-nav-engine="v70"] .ygz-nav-menu-track,
.ygz-floating-header[data-ygz-nav-engine="v70"] .ygz-nav-menu-track--primary,
.ygz-floating-header[data-ygz-nav-engine="v70"] .ygz-nav-menu-track--secondary{
  height:100%!important;
  min-height:100%!important;
  max-height:100%!important;
}
.ygz-floating-header[data-ygz-nav-engine="v70"] .ygz-nav-menu-track.is-entering{
  transition:opacity .22s var(--ygz-v70-menu-ease),transform .24s var(--ygz-v70-menu-ease)!important;
}
.ygz-floating-header[data-ygz-nav-engine="v70"] .ygz-nav-menu-track.is-leaving{
  transition:opacity .18s var(--ygz-v70-menu-ease),transform .22s var(--ygz-v70-menu-ease)!important;
}
.ygz-floating-header[data-ygz-nav-engine="v70"] .ygz-nav-menu-track.is-entering--forward{transform:translate3d(10px,0,0)!important}
.ygz-floating-header[data-ygz-nav-engine="v70"] .ygz-nav-menu-track.is-entering--backward{transform:translate3d(-10px,0,0)!important}
.ygz-floating-header[data-ygz-nav-engine="v70"] .ygz-nav-menu-track.is-leaving--forward{transform:translate3d(-10px,0,0)!important}
.ygz-floating-header[data-ygz-nav-engine="v70"] .ygz-nav-menu-track.is-leaving--backward{transform:translate3d(10px,0,0)!important}
.ygz-floating-header[data-ygz-nav-engine="v70"] .ygz-nav-menu-track .ygz-menu-link,
.ygz-floating-header[data-ygz-nav-engine="v70"] .ygz-nav-menu-track .ygz-menu-return{
  height:100%!important;
  min-height:100%!important;
  max-height:100%!important;
  border-radius:999px!important;
  color:rgba(247,248,251,.60)!important;
  transition:color .18s ease,opacity .14s ease!important;
}
.ygz-floating-header[data-ygz-nav-engine="v70"] .ygz-menu-link.is-active{color:#101116!important}
.ygz-floating-header[data-ygz-nav-engine="v70"] .ygz-primary-indicator,
.ygz-floating-header[data-ygz-nav-engine="v70"] .ygz-primary-hover-indicator,
.ygz-floating-header[data-ygz-nav-engine="v70"] .ygz-top-nav .ygz-primary-indicator,
.ygz-floating-header[data-ygz-nav-engine="v70"] .ygz-top-nav .ygz-primary-indicator.is-edge-start,
.ygz-floating-header[data-ygz-nav-engine="v70"] .ygz-top-nav .ygz-primary-indicator.is-edge-end,
.ygz-floating-header[data-ygz-nav-engine="v70"] .ygz-top-nav .ygz-primary-indicator.is-edge-start.is-edge-end{
  top:0!important;
  bottom:0!important;
  height:100%!important;
  min-height:100%!important;
  max-height:100%!important;
  border-radius:999px!important;
}
.ygz-floating-header[data-ygz-nav-engine="v70"] .ygz-primary-indicator,
.ygz-floating-header[data-ygz-nav-engine="v70"] .ygz-top-nav .ygz-primary-indicator{
  background:linear-gradient(180deg,#fff,#f4f5f7)!important;
  box-shadow:0 6px 16px rgba(0,0,0,.22),inset 0 1px 0 #fff!important;
}
.ygz-floating-header[data-ygz-nav-engine="v70"] .ygz-top-nav[data-ygz-indicator-ready="1"] .ygz-primary-indicator{
  transition:left .28s var(--ygz-v70-index-ease),width .28s var(--ygz-v70-index-ease),opacity .16s ease!important;
}
.ygz-floating-header[data-ygz-nav-engine="v70"] .ygz-primary-hover-indicator{
  transition:left .22s var(--ygz-v70-index-ease),width .22s var(--ygz-v70-index-ease),opacity .15s ease,transform .18s ease!important;
}
@media(max-width:520px){:root{--ygz-v70-nav-width:calc(100vw - 56px)}}
@media(max-width:370px){:root{--ygz-v70-nav-width:calc(100vw - 40px)}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .ygz-floating-header[data-ygz-nav-engine="v70"] .ygz-top-nav,
  .ygz-floating-header[data-ygz-nav-engine="v70"] .ygz-top-nav.is-over-content{background:rgba(8,9,13,.98)!important}
}
@media(prefers-reduced-motion:reduce){
  .ygz-floating-header[data-ygz-nav-engine="v70"] .ygz-top-nav[data-ygz-indicator-ready="1"] .ygz-primary-indicator,
  .ygz-floating-header[data-ygz-nav-engine="v70"] .ygz-primary-hover-indicator,
  .ygz-floating-header[data-ygz-nav-engine="v70"] .ygz-nav-menu-track.is-entering,
  .ygz-floating-header[data-ygz-nav-engine="v70"] .ygz-nav-menu-track.is-leaving,
  .ygz-floating-header[data-ygz-nav-engine="v70"] .ygz-nav-menu-track .ygz-menu-link,
  .ygz-floating-header[data-ygz-nav-engine="v70"] .ygz-nav-menu-track .ygz-menu-return{
    animation:none!important;
    transition:none!important;
  }
}

/* ===== merged from css/ygz_v72_release.css ===== */
/* YGZ V72 commercial UI release: authoritative geometry and material tokens. */
:root{
  --ygz-header-height:58px;
  --ygz-v70-track-height:58px;
  --ygz-v70-nav-width:min(760px,calc(100vw - 24px));
  --ygz-v72-glass:rgba(10,10,16,.22);
  --ygz-v72-line:rgba(255,255,255,.16);
  --ygz-v72-shadow:0 18px 44px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.14);
  --ygz-v72-ease:cubic-bezier(.16,1,.3,1);
  --ygz-modal-backdrop:rgba(2,3,7,.62);
  --ygz-modal-blur:18px;
}

/* Top island uses the same translucent material as the draw success notification. */
.ygz-floating-header[data-ygz-release="v72"]{width:var(--ygz-v70-nav-width)!important;max-width:calc(100vw - 12px)!important}
.ygz-floating-header[data-ygz-release="v72"] .ygz-top-nav,
.ygz-floating-header[data-ygz-release="v72"] .ygz-top-nav--primary,
.ygz-floating-header[data-ygz-release="v72"] .ygz-top-nav--secondary,
.ygz-floating-header[data-ygz-release="v72"] .ygz-top-nav.is-over-content{
  min-height:var(--ygz-header-height)!important;
  padding:0!important;
  border:1px solid var(--ygz-v72-line)!important;
  border-radius:999px!important;
  background:
    radial-gradient(circle at 28% -25%,rgba(255,255,255,.13),transparent 42%),
    linear-gradient(135deg,rgba(255,255,255,.07),rgba(255,255,255,.018) 54%),
    var(--ygz-v72-glass)!important;
  box-shadow:var(--ygz-v72-shadow)!important;
  -webkit-backdrop-filter:blur(18px) saturate(150%)!important;
  backdrop-filter:blur(18px) saturate(150%)!important;
}
.ygz-floating-header[data-ygz-release="v72"] .ygz-nav-menu-track .ygz-menu-link,
.ygz-floating-header[data-ygz-release="v72"] .ygz-nav-menu-track .ygz-menu-return{
  height:100%!important;min-height:100%!important;max-height:100%!important;
  transition:color .2s ease,opacity .16s ease,transform .22s var(--ygz-v72-ease)!important;
}
.ygz-floating-header[data-ygz-release="v72"] .ygz-primary-indicator,
.ygz-floating-header[data-ygz-release="v72"] .ygz-top-nav .ygz-primary-indicator{
  top:0!important;bottom:0!important;height:100%!important;min-height:100%!important;max-height:100%!important;
  border-radius:999px!important;background:linear-gradient(180deg,#fff,#f3f4f7)!important;
  box-shadow:0 8px 20px rgba(0,0,0,.24),inset 0 1px 0 #fff!important;
}
.ygz-floating-header[data-ygz-release="v72"] .ygz-top-nav[data-ygz-indicator-ready="1"] .ygz-primary-indicator{
  transition:left .31s var(--ygz-v72-ease),width .31s var(--ygz-v72-ease),opacity .14s ease!important;
}
.ygz-floating-header[data-ygz-release="v72"] .ygz-nav-menu-track.is-entering{
  transition:opacity .27s var(--ygz-v72-ease),transform .32s var(--ygz-v72-ease)!important;
}
.ygz-floating-header[data-ygz-release="v72"] .ygz-nav-menu-track.is-leaving{
  transition:opacity .2s ease,transform .28s var(--ygz-v72-ease)!important;
}
.main-wrapper{padding-top:calc(var(--ygz-header-top) + var(--ygz-header-height) + 18px)!important}

/* Every modal uses one backdrop treatment; the interactive surface stays sharp. */
.ygz-protocol-modal-backdrop,
.modal-overlay,
.market-modal,
.report-modal-overlay,
.ygz-forum-modal-backdrop,
.post-modal-overlay,
.reply-modal-overlay,
.account-delete-modal,
.ygz-account-modal,
.settings-modal,
.settings-modal-backdrop,
.currency-modal,
.currency-modal-backdrop,
.cb-modal,
.cb-modal-backdrop,
.dialog-overlay,
.popup-overlay,
[class$="-modal-backdrop"]{
  background:var(--ygz-modal-backdrop)!important;
  -webkit-backdrop-filter:blur(var(--ygz-modal-blur)) brightness(.84) saturate(125%)!important;
  backdrop-filter:blur(var(--ygz-modal-blur)) brightness(.84) saturate(125%)!important;
}
@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){
  .ygz-protocol-modal-backdrop,.modal-overlay,.market-modal,.report-modal-overlay,.post-modal-overlay,.reply-modal-overlay,.ygz-account-modal,.settings-modal,.currency-modal,.cb-modal,.dialog-overlay,.popup-overlay,[class$="-modal-backdrop"]{background:rgba(2,3,7,.92)!important}
}
html.ygz-modal-surface-open .music-trigger,
html.ygz-modal-surface-open .music-card{filter:blur(7px) saturate(.8) brightness(.76)!important;opacity:.24!important;pointer-events:none!important}

/* Page loading: all content is blurred by the viewport overlay; only the indicator is rendered above it. */
#ygzPageLoadingOverlay{isolation:isolate!important}
html.ygz-full-page-loading #ygzPageLoadingOverlay{
  background:rgba(5,6,10,.26)!important;
  -webkit-backdrop-filter:blur(18px) brightness(.74) saturate(82%)!important;
  backdrop-filter:blur(18px) brightness(.74) saturate(82%)!important;
}
.ygz-page-loading-spinner{position:relative;z-index:2!important;filter:drop-shadow(0 0 16px rgba(255,255,255,.28))!important}

/* Shared avatar geometry: portrait and transparent frame use one exact square. */
.avatar-frame-wrapper,
.profile-avatar-shell,
.profile-avatar-wrap,
.avatar-frame-wrapper-global{
  --ygz-frame-scale:1;
  --ygz-frame-x:0px;
  --ygz-frame-y:0px;
  --ygz-frame-rotate:0deg;
  position:relative!important;
  overflow:visible!important;
  isolation:isolate!important;
}
.avatar-frame-wrapper .frame-img,
.profile-avatar-shell .profile-frame-img,
.profile-avatar-wrap .profile-frame-img,
.avatar-frame-wrapper-global .avatar-frame-overlay-global{
  position:absolute!important;
  z-index:3!important;
  inset:auto!important;
  left:50%!important;
  top:50%!important;
  right:auto!important;
  bottom:auto!important;
  width:calc(100% * var(--ygz-frame-scale))!important;
  height:calc(100% * var(--ygz-frame-scale))!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center!important;
  transform:translate3d(calc(-50% + var(--ygz-frame-x)),calc(-50% + var(--ygz-frame-y)),0) rotate(var(--ygz-frame-rotate))!important;
  transform-origin:center!important;
  pointer-events:none!important;
  user-select:none!important;
}
.avatar-frame-wrapper .user-avatar,
.profile-avatar-shell .profile-avatar,
.profile-avatar-wrap .profile-avatar-core{position:relative!important;z-index:1!important}

/* Shared fixed action island: same size, shape and liquid-glass material. */
.ygz-action-island,
#showPostModalMobileBtn.dynamic-island-post,
#replyIslandBtn.reply-island,
#ghostIslandBtn.ghost-dynamic-island{
  position:fixed!important;
  left:50%!important;right:auto!important;
  bottom:calc(18px + env(safe-area-inset-bottom,0px))!important;
  width:auto!important;min-width:160px!important;max-width:calc(100vw - 140px)!important;
  height:56px!important;min-height:56px!important;
  padding:0 28px!important;
  border-radius:999px!important;
  color:#fff!important;
  font-size:1rem!important;font-weight:720!important;letter-spacing:.01em!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  background:
    radial-gradient(circle at 34% 24%,rgba(255,255,255,.34),rgba(255,255,255,.08) 18%,transparent 42%),
    radial-gradient(circle at 68% 76%,rgba(255,255,255,.10),transparent 52%),
    linear-gradient(135deg,rgba(255,255,255,.11),rgba(255,255,255,.025))!important;
  -webkit-backdrop-filter:blur(26px) saturate(170%) contrast(112%)!important;
  backdrop-filter:blur(26px) saturate(170%) contrast(112%)!important;
  border:1px solid rgba(255,255,255,.16)!important;
  box-shadow:0 18px 42px rgba(0,0,0,.54),0 2px 8px rgba(255,255,255,.04),inset 0 1px 0 rgba(255,255,255,.25),inset 0 -18px 30px rgba(0,0,0,.22)!important;
  transform:translate3d(-50%,0,0)!important;
  transition:transform .36s var(--ygz-v72-ease),opacity .28s ease,border-color .24s ease,box-shadow .24s ease!important;
  z-index:9998!important;overflow:hidden!important;isolation:isolate!important;
}
@media(hover:hover){
  .ygz-action-island:hover,#showPostModalMobileBtn.dynamic-island-post:hover,#replyIslandBtn.reply-island:hover,#ghostIslandBtn.ghost-dynamic-island:hover{
    transform:translate3d(-50%,-2px,0) scale(1.015)!important;border-color:rgba(255,255,255,.27)!important;
  }
}
.ygz-action-island:active,#showPostModalMobileBtn.dynamic-island-post:active,#replyIslandBtn.reply-island:active,#ghostIslandBtn.ghost-dynamic-island:active{transform:translate3d(-50%,0,0) scale(.98)!important}

/* Draw pools are unlimited horizontally scrollable tabs. */
.pool-switcher{
  display:flex!important;flex-wrap:nowrap!important;justify-content:flex-start!important;
  overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory!important;
  overscroll-behavior-inline:contain!important;-webkit-overflow-scrolling:touch!important;
  scrollbar-width:none!important;touch-action:pan-x!important;padding:7px!important;
}
.pool-switcher::-webkit-scrollbar{display:none!important}
.pool-switcher .pool-btn{
  flex:0 0 auto!important;min-width:118px!important;scroll-snap-align:center!important;
}
.draw-premium-focus{
  background:rgba(2,3,8,.58)!important;
  -webkit-backdrop-filter:blur(18px) brightness(.52) saturate(92%)!important;
  backdrop-filter:blur(18px) brightness(.52) saturate(92%)!important;
}
.draw-premium-focus-card .card-inner{transition-duration:var(--premium-flip-ms,.64s)!important}
.draw-premium-dismiss-hint{
  position:fixed;left:50%;bottom:max(26px,env(safe-area-inset-bottom));transform:translateX(-50%);
  z-index:3;color:rgba(255,255,255,.72);font-size:.78rem;letter-spacing:.03em;
  padding:8px 14px;border:1px solid rgba(255,255,255,.12);border-radius:999px;
  background:rgba(15,16,22,.36);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
  opacity:0;animation:ygzV72HintIn .3s ease .2s forwards;pointer-events:none;
}
@keyframes ygzV72HintIn{to{opacity:1}}

/* Skip off-screen rendering for long grids without changing layout. */
.gp-card,.post-card,.reply-item,.market-card,.glass-card{content-visibility:auto;contain-intrinsic-size:auto 240px}

@view-transition{navigation:auto}
::view-transition-old(root){animation:ygzV72PageOut .18s ease both}
::view-transition-new(root){animation:ygzV72PageIn .34s var(--ygz-v72-ease) both}
@keyframes ygzV72PageOut{to{opacity:.72;transform:translate3d(0,-3px,0)}}
@keyframes ygzV72PageIn{from{opacity:0;transform:translate3d(0,8px,0);filter:blur(3px)}to{opacity:1;transform:none;filter:none}}

@media(max-width:520px){
  :root{--ygz-v70-nav-width:calc(100vw - 16px);--ygz-header-height:58px;--ygz-v70-track-height:58px}
  .ygz-floating-header[data-ygz-release="v72"]{max-width:calc(100vw - 12px)!important}
  .ygz-action-island,#showPostModalMobileBtn.dynamic-island-post,#replyIslandBtn.reply-island,#ghostIslandBtn.ghost-dynamic-island{min-width:160px!important;max-width:calc(100vw - 118px)!important}
  .draw-premium-focus{-webkit-backdrop-filter:blur(13px) brightness(.5) saturate(90%)!important;backdrop-filter:blur(13px) brightness(.5) saturate(90%)!important}
}
@media(max-width:370px){:root{--ygz-v70-nav-width:calc(100vw - 12px)}}
@media(prefers-reduced-motion:reduce){
  ::view-transition-old(root),::view-transition-new(root),.draw-premium-dismiss-hint{animation:none!important}
}

/* V73 finishing pass: fixed cross-browser geometry, uniform islands and reflection-free glass. */
:root{
  --ygz-menu-cell:96px;
  --ygz-action-height:50px;
}
html,body{max-width:100%;overscroll-behavior-x:none}
@supports not (overflow:clip){html,body{overflow-x:hidden!important}}

.ygz-floating-header[data-ygz-release="v72"]{
  width:min(760px,calc(100vw - 16px))!important;
  max-width:calc(100vw - 12px)!important;
  box-sizing:border-box!important;
}
@supports(width:100dvw){
  .ygz-floating-header[data-ygz-release="v72"]{
    width:min(760px,calc(100dvw - 16px))!important;
    max-width:calc(100dvw - 12px)!important;
  }
}
.ygz-floating-header[data-ygz-release="v72"] .ygz-top-nav,
.ygz-floating-header[data-ygz-release="v72"] .ygz-top-nav--primary,
.ygz-floating-header[data-ygz-release="v72"] .ygz-top-nav--secondary,
.ygz-floating-header[data-ygz-release="v72"] .ygz-top-nav.is-over-content{
  background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.018) 58%),rgba(10,10,16,.52)!important;
  background-clip:padding-box!important;
}
.ygz-floating-header[data-ygz-release="v72"] .ygz-top-nav::before,
.ygz-floating-header[data-ygz-release="v72"] .ygz-top-nav::after,
.ygz-floating-header[data-ygz-release="v72"] .ygz-primary-hover-indicator{
  display:none!important;
  content:none!important;
}
.ygz-floating-header[data-ygz-release="v72"] .ygz-nav-scroll,
.ygz-floating-header[data-ygz-release="v72"] .ygz-nav-menu-track{
  min-width:0!important;
  max-width:100%!important;
}
.ygz-floating-header[data-ygz-release="v72"] .ygz-nav-menu-track{
  width:max-content!important;
  min-width:100%!important;
  contain:layout paint style!important;
}
.ygz-floating-header[data-ygz-release="v72"] .ygz-nav-menu-track--primary .ygz-menu-link,
.ygz-floating-header[data-ygz-release="v72"] .ygz-nav-menu-track--secondary .ygz-menu-link,
.ygz-floating-header[data-ygz-release="v72"] .ygz-nav-menu-track--secondary .ygz-menu-return{
  flex:0 0 var(--ygz-menu-cell)!important;
  width:var(--ygz-menu-cell)!important;
  min-width:var(--ygz-menu-cell)!important;
  max-width:var(--ygz-menu-cell)!important;
  height:var(--ygz-header-height)!important;
  min-height:var(--ygz-header-height)!important;
  padding:0 8px!important;
  border-radius:999px!important;
  letter-spacing:.015em!important;
  text-decoration:none!important;
  text-underline-offset:0!important;
}
.ygz-floating-header[data-ygz-release="v72"] .ygz-primary-indicator,
.ygz-floating-header[data-ygz-release="v72"] .ygz-top-nav .ygz-primary-indicator{
  top:3px!important;
  bottom:3px!important;
  height:calc(var(--ygz-header-height) - 6px)!important;
  min-height:calc(var(--ygz-header-height) - 6px)!important;
  max-height:calc(var(--ygz-header-height) - 6px)!important;
  border-radius:999px!important;
  background:#f7f8fa!important;
  box-shadow:0 7px 18px rgba(0,0,0,.20)!important;
  backface-visibility:hidden!important;
}
.ygz-floating-header[data-ygz-release="v72"] .ygz-top-nav[data-ygz-indicator-ready="1"] .ygz-primary-indicator{
  transition:left .38s cubic-bezier(.18,1.14,.3,1),width .38s cubic-bezier(.18,1.14,.3,1),opacity .14s ease!important;
}

.ygz-action-island,
#showPostModalMobileBtn.dynamic-island-post,
#replyIslandBtn.reply-island,
#ghostIslandBtn.ghost-dynamic-island{
  min-width:144px!important;
  max-width:calc(100vw - 128px)!important;
  height:var(--ygz-action-height)!important;
  min-height:var(--ygz-action-height)!important;
  padding:0 22px!important;
  border-radius:999px!important;
  background:rgba(18,19,25,.82)!important;
  box-shadow:0 15px 36px rgba(0,0,0,.48)!important;
  text-decoration:none!important;
  border:1px solid rgba(255,255,255,.14)!important;
  overflow:hidden!important;
}
.ygz-action-island::before,.ygz-action-island::after,
#showPostModalMobileBtn.dynamic-island-post::before,#showPostModalMobileBtn.dynamic-island-post::after,
#replyIslandBtn.reply-island::before,#replyIslandBtn.reply-island::after,
#ghostIslandBtn.ghost-dynamic-island::before,#ghostIslandBtn.ghost-dynamic-island::after{
  display:none!important;
  content:none!important;
}
.settings-card::before,.settings-card::after{display:none!important;content:none!important}
.settings-card{background:rgba(24,25,32,.78)!important;box-shadow:0 12px 30px -24px rgba(0,0,0,.72)!important}

img{image-rendering:auto;-ms-interpolation-mode:bicubic}
@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){
  .ygz-floating-header[data-ygz-release="v72"] .ygz-top-nav,
  .ygz-action-island,#showPostModalMobileBtn.dynamic-island-post,#replyIslandBtn.reply-island,#ghostIslandBtn.ghost-dynamic-island{
    background:rgba(15,16,22,.96)!important;
  }
}
@media(max-width:520px){
  :root{--ygz-menu-cell:84px;--ygz-action-height:49px}
  .ygz-floating-header[data-ygz-release="v72"] .ygz-nav-menu-track--primary .ygz-menu-link,
  .ygz-floating-header[data-ygz-release="v72"] .ygz-nav-menu-track--secondary .ygz-menu-link,
  .ygz-floating-header[data-ygz-release="v72"] .ygz-nav-menu-track--secondary .ygz-menu-return{
    font-size:13px!important;
    padding-inline:6px!important;
  }
  .ygz-action-island,#showPostModalMobileBtn.dynamic-island-post,#replyIslandBtn.reply-island,#ghostIslandBtn.ghost-dynamic-island{
    min-width:142px!important;
    max-width:calc(100vw - 116px)!important;
    padding-inline:19px!important;
  }
}
@media(max-width:370px){:root{--ygz-menu-cell:78px}}
@media(prefers-reduced-motion:reduce){
  .ygz-floating-header[data-ygz-release="v72"] .ygz-primary-indicator{transition:none!important}
}
@supports(width:min(1px,1px)){
  .ygz-floating-header[data-ygz-release="v72"]{
    width:min(760px,calc(var(--ygz-visual-viewport-width,100vw) - 16px))!important;
    max-width:calc(var(--ygz-visual-viewport-width,100vw) - 12px)!important;
  }
}

/* ===== merged from css/ygz_v74_performance.css ===== */
/* V74 performance layer: transform-only motion, bounded glass cost and low-power fallbacks. */
:root{
  --ygz-v74-ease:cubic-bezier(.22,1,.36,1);
  --ygz-v74-fast:180ms;
  --ygz-v74-normal:320ms;
}
html{scroll-behavior:smooth;text-rendering:optimizeLegibility}
body{min-height:100%;-webkit-tap-highlight-color:transparent}
img{max-width:100%;height:auto}
img[loading="lazy"]{content-visibility:auto}
video{max-width:100%}

/* Selected navigation island: width is established once; only transform and opacity animate. */
.ygz-floating-header[data-ygz-perf-release="v74"] .ygz-primary-indicator,
.ygz-floating-header[data-ygz-perf-release="v74"] .ygz-top-nav .ygz-primary-indicator{
  left:0!important;
  transform-origin:left center!important;
  transition:transform var(--ygz-v74-normal) var(--ygz-v74-ease),opacity 140ms ease!important;
  will-change:auto!important;
  backface-visibility:hidden!important;
  contain:paint!important;
}
.ygz-floating-header[data-ygz-perf-release="v74"].is-indicator-moving .ygz-primary-indicator{
  will-change:transform!important;
}
.ygz-floating-header[data-ygz-perf-release="v74"] .ygz-primary-hover-indicator{
  left:0!important;
  transform-origin:left center!important;
  transition:transform 180ms var(--ygz-v74-ease),opacity 120ms ease!important;
}
.ygz-floating-header[data-ygz-perf-release="v74"] .ygz-nav-menu-track{
  contain:layout paint style!important;
  transform:translateZ(0);
}

/* Keep glass layers limited to shared surfaces instead of every child. */
.ygz-floating-header[data-ygz-perf-release="v74"] .ygz-top-nav{
  -webkit-backdrop-filter:blur(16px) saturate(145%)!important;
  backdrop-filter:blur(16px) saturate(145%)!important;
}
.ygz-action-island,
#showPostModalMobileBtn.dynamic-island-post,
#replyIslandBtn.reply-island,
#ghostIslandBtn.ghost-dynamic-island{
  -webkit-backdrop-filter:blur(14px) saturate(140%)!important;
  backdrop-filter:blur(14px) saturate(140%)!important;
  transition:transform 280ms var(--ygz-v74-ease),opacity 180ms ease,border-color 180ms ease!important;
  will-change:auto!important;
}
.ygz-action-island:hover,
#showPostModalMobileBtn.dynamic-island-post:hover,
#replyIslandBtn.reply-island:hover,
#ghostIslandBtn.ghost-dynamic-island:hover{will-change:transform!important}

/* Long feeds skip off-screen paint while retaining stable scroll geometry. */
.post-card,.reply-item,.market-card,.gp-card,.glass-card,.cb-log-item,.friend-item,.message-item{
  content-visibility:auto;
  contain-intrinsic-size:auto 220px;
}
.post-list,.reply-list,.market-grid,.gp-grid,.ghost-grid{contain:layout style}

/* Page transitions use compositor-friendly properties only. */
@keyframes ygzV72PageOut{to{opacity:.78;transform:translate3d(0,-3px,0)}}
@keyframes ygzV72PageIn{from{opacity:0;transform:translate3d(0,7px,0)}to{opacity:1;transform:translate3d(0,0,0)}}

/* Drag previews no longer animate left/top on every pointer event. */
.cb-card-drag-ghost{
  left:0!important;
  top:0!important;
  transform:translate3d(var(--cb-drag-x,0px),var(--cb-drag-y,0px),0) translate3d(-50%,-58%,0) rotate(2deg)!important;
  will-change:transform!important;
}

/* Canvas effects are isolated and never intercept input. */
.particle-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;contain:strict}

/* Automatic fallback for constrained phones, data-saver and reduced-motion users. */
html.ygz-lite-effects{scroll-behavior:auto}
html.ygz-lite-effects *,html.ygz-lite-effects *::before,html.ygz-lite-effects *::after{
  animation-duration:.001ms!important;
  animation-iteration-count:1!important;
  transition-duration:120ms!important;
}
html.ygz-lite-effects .particle-canvas{display:none!important}
html.ygz-lite-effects .ygz-top-nav,
html.ygz-lite-effects .ygz-action-island,
html.ygz-lite-effects .glass-element,
html.ygz-lite-effects [class*="glass"]{
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
html.ygz-lite-effects .ygz-top-nav{background:rgba(12,13,19,.94)!important}
html.ygz-lite-effects .ygz-action-island,
html.ygz-lite-effects #showPostModalMobileBtn.dynamic-island-post,
html.ygz-lite-effects #replyIslandBtn.reply-island,
html.ygz-lite-effects #ghostIslandBtn.ghost-dynamic-island{
  background:rgba(18,19,25,.96)!important;
  box-shadow:0 8px 22px rgba(0,0,0,.32)!important;
}
html.ygz-page-hidden .particle-canvas{visibility:hidden!important}

@media(max-width:520px){
  .ygz-floating-header[data-ygz-perf-release="v74"] .ygz-top-nav{
    -webkit-backdrop-filter:blur(12px) saturate(130%)!important;
    backdrop-filter:blur(12px) saturate(130%)!important;
  }
  .post-card,.reply-item,.market-card,.gp-card{contain-intrinsic-size:auto 190px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  ::view-transition-old(root),::view-transition-new(root){animation:none!important}
  .ygz-primary-indicator,.ygz-primary-hover-indicator,.ygz-action-island{transition:none!important}
}
@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){
  .ygz-floating-header[data-ygz-perf-release="v74"] .ygz-top-nav{background:rgba(12,13,19,.96)!important}
}

/* V75 ultra-light pass. This intentionally extends the existing performance file so the
   browser does not need another render-blocking stylesheet or script request. */
html.ygz-v75{
  --ygz-v75-ease:cubic-bezier(.2,.82,.2,1);
  --ygz-v75-spring:cubic-bezier(.22,1,.36,1);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
html.ygz-v75 body{overscroll-behavior-y:auto}
html.ygz-v75 .ygz-floating-header[data-ygz-lite-release="v75"] .ygz-top-nav{
  -webkit-backdrop-filter:blur(10px) saturate(126%)!important;
  backdrop-filter:blur(10px) saturate(126%)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.05),rgba(255,255,255,.012) 58%),rgba(10,10,16,.76)!important;
  box-shadow:0 10px 26px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.10)!important;
  contain:layout paint style!important;
}
html.ygz-v75 .ygz-floating-header[data-ygz-lite-release="v75"] .ygz-primary-indicator,
html.ygz-v75 .ygz-floating-header[data-ygz-lite-release="v75"] .ygz-top-nav .ygz-primary-indicator{
  transition:transform 240ms var(--ygz-v75-spring),opacity 100ms ease!important;
  will-change:auto!important;
}
html.ygz-v75 .ygz-floating-header[data-ygz-lite-release="v75"] .ygz-top-nav.is-indicator-moving .ygz-primary-indicator{
  will-change:transform!important;
}
html.ygz-v75 .ygz-floating-header[data-ygz-lite-release="v75"] .ygz-menu-link.is-active{
  color:#101116!important;
  position:relative!important;
  z-index:4!important;
}

/* Desktop pointer preview. The selected island remains tied to the real route; this second
   compositor layer follows the pointer and disappears as soon as the pointer leaves. */
@media(hover:hover) and (pointer:fine){
  html.ygz-v75 .ygz-floating-header[data-ygz-lite-release="v75"] .ygz-primary-hover-indicator{
    display:block!important;
    content:""!important;
    position:absolute!important;
    z-index:3!important;
    top:2px!important;
    bottom:2px!important;
    left:0!important;
    height:auto!important;
    min-height:0!important;
    border:1px solid rgba(255,255,255,.88)!important;
    border-radius:999px!important;
    background:linear-gradient(180deg,#fff,#edf0f5)!important;
    box-shadow:0 6px 15px rgba(0,0,0,.18),inset 0 1px 0 #fff!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
    opacity:0!important;
    transform:translate3d(0,0,0);
    transform-origin:left center!important;
    transition:opacity 90ms ease,width 150ms var(--ygz-v75-spring)!important;
    pointer-events:none!important;
    contain:paint!important;
    will-change:auto!important;
  }
  html.ygz-v75 .ygz-floating-header[data-ygz-lite-release="v75"] .ygz-primary-hover-indicator.is-visible{
    opacity:1!important;
    will-change:transform!important;
  }
  html.ygz-v75 .ygz-floating-header[data-ygz-lite-release="v75"] .ygz-top-nav.is-pointer-preview .ygz-primary-indicator{
    opacity:.16!important;
  }
  html.ygz-v75 .ygz-floating-header[data-ygz-lite-release="v75"] .ygz-menu-link.is-pointer-preview-target,
  html.ygz-v75 .ygz-floating-header[data-ygz-lite-release="v75"] .ygz-menu-return.is-pointer-preview-target{
    color:#101116!important;
    z-index:4!important;
  }
}

/* Repeated feed surfaces use an opaque-enough fill instead of one expensive blur layer per
   card. The shared header/modals retain glass, so the visual language stays consistent. */
html.ygz-v75 .post-card,
html.ygz-v75 .reply-item,
html.ygz-v75 .reply-parent-card,
html.ygz-v75 .child-card,
html.ygz-v75 .market-card,
html.ygz-v75 .gp-card,
html.ygz-v75 .friend-item,
html.ygz-v75 .message-item{
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  background-color:rgba(23,23,28,.94)!important;
  box-shadow:0 8px 24px rgba(0,0,0,.20)!important;
}
html.ygz-v75 .post-card,
html.ygz-v75 .reply-item,
html.ygz-v75 .child-card,
html.ygz-v75 .market-card,
html.ygz-v75 .gp-card{
  contain:layout paint style;
}
html.ygz-v75 .posts-grid,
html.ygz-v75 .reply-list,
html.ygz-v75 .market-grid,
html.ygz-v75 .gp-grid{contain:layout style}
html.ygz-v75 .post-card:hover,
html.ygz-v75 .child-card:hover{transform:translate3d(0,-1px,0)!important}
html.ygz-v75 img[loading="lazy"]{content-visibility:auto;contain-intrinsic-size:1px 220px}
html.ygz-v75 video{background:#0b0c10}
html.ygz-v75 button,
html.ygz-v75 a,
html.ygz-v75 [role="button"]{touch-action:manipulation}

/* Keep hidden floating controls cheap: opacity/scale are compositor properties; filter:blur
   would repaint the control every frame while a modal opens. */
html.ygz-v75.zoe-sidebar-open .ygz-action-island,
html.ygz-v75.ygz-forum-modal-open .ygz-action-island,
html.ygz-v75.ygz-report-modal-open .ygz-action-island,
html.ygz-v75 body.zoe-sidebar-open .ygz-action-island,
html.ygz-v75 body.ygz-forum-modal-open .ygz-action-island,
html.ygz-v75 body.ygz-report-modal-open .ygz-action-island{
  filter:none!important;
  opacity:.18!important;
}

@media(max-width:520px){
  html.ygz-v75{--ygz-menu-cell:82px;--ygz-header-height:54px;--ygz-v70-track-height:54px}
  html.ygz-v75 .ygz-floating-header[data-ygz-lite-release="v75"] .ygz-top-nav{
    -webkit-backdrop-filter:blur(8px) saturate(118%)!important;
    backdrop-filter:blur(8px) saturate(118%)!important;
  }
  html.ygz-v75 .ygz-floating-header[data-ygz-lite-release="v75"] .ygz-nav-menu-track--primary .ygz-menu-link,
  html.ygz-v75 .ygz-floating-header[data-ygz-lite-release="v75"] .ygz-nav-menu-track--secondary .ygz-menu-link,
  html.ygz-v75 .ygz-floating-header[data-ygz-lite-release="v75"] .ygz-nav-menu-track--secondary .ygz-menu-return{
    font-size:12.5px!important;
    padding-inline:5px!important;
  }
  html.ygz-v75 .post-card,
  html.ygz-v75 .reply-item,
  html.ygz-v75 .child-card,
  html.ygz-v75 .market-card,
  html.ygz-v75 .gp-card{box-shadow:0 5px 16px rgba(0,0,0,.17)!important}
}
@media(max-width:370px){html.ygz-v75{--ygz-menu-cell:76px}}
@media(prefers-reduced-motion:reduce){
  html.ygz-v75 .ygz-primary-hover-indicator{display:none!important}
}

/* V76 final navigation authority — continuous transform-only movement across full-page routes. */
:root{
  --ygz-indicator-duration:.56s;
  --ygz-nav-spring:cubic-bezier(.18,.88,.22,1);
}
html.ygz-v76 .ygz-floating-header[data-ygz-motion-release="v76"] .ygz-primary-indicator,
html.ygz-v76 .ygz-floating-header[data-ygz-motion-release="v76"] .ygz-top-nav[data-ygz-indicator-ready="1"] .ygz-primary-indicator{
  transition:transform var(--ygz-indicator-duration) var(--ygz-nav-spring),opacity .16s ease!important;
  will-change:auto!important;
  backface-visibility:hidden!important;
}
html.ygz-v76 .ygz-floating-header[data-ygz-motion-release="v76"] .ygz-top-nav.is-indicator-moving .ygz-primary-indicator,
html.ygz-v76 .ygz-floating-header[data-ygz-motion-release="v76"] .ygz-top-nav.is-cross-page-arrival .ygz-primary-indicator{
  will-change:transform!important;
}
html.ygz-v76 .ygz-floating-header[data-ygz-motion-release="v76"] .ygz-top-nav.is-cross-page-arrival .ygz-menu-link.is-active{
  color:var(--ygz-nav-text)!important;
}
html.ygz-v76 .ygz-floating-header[data-ygz-motion-release="v76"] .ygz-top-nav.is-cross-page-arrival .ygz-menu-link.is-arrival-origin{
  color:#111217!important;
}
html.ygz-v76 .ygz-floating-header[data-ygz-motion-release="v76"] .ygz-top-nav.is-loading{
  pointer-events:auto!important;
}
html.ygz-v76 .ygz-floating-header[data-ygz-motion-release="v76"] .ygz-top-nav.is-loading .ygz-menu-link{
  pointer-events:none!important;
}
html.ygz-v76.ygz-lite-effects .ygz-floating-header[data-ygz-motion-release="v76"] .ygz-primary-indicator{
  transition-duration:.38s,.14s!important;
}
@media(prefers-reduced-motion:reduce){
  html.ygz-v76 .ygz-floating-header[data-ygz-motion-release="v76"] .ygz-primary-indicator{
    transition:none!important;
  }
}



/* V78 avatar/frame hardening: fixed square geometry, no race-driven deformation. */
.avatar-frame-wrapper,
.profile-avatar-shell,
.profile-avatar-wrap,
.avatar-frame-wrapper-global {
  flex:0 0 auto!important;
  aspect-ratio:1/1!important;
  border-radius:50%!important;
  line-height:0!important;
  vertical-align:middle!important;
  transform:translateZ(0);
  backface-visibility:hidden;
}
.avatar-frame-wrapper .user-avatar,
.profile-avatar-shell .profile-avatar,
.profile-avatar-wrap .profile-avatar-core,
.avatar-frame-wrapper-global .user-avatar {
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  min-width:100%!important;
  min-height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  display:block!important;
  object-fit:cover!important;
  object-position:center!important;
  border-radius:50%!important;
  transform:translateZ(0)!important;
  backface-visibility:hidden!important;
}
.avatar-frame-wrapper .frame-img,
.profile-avatar-shell .profile-frame-img,
.profile-avatar-wrap .profile-frame-img,
.avatar-frame-wrapper-global .avatar-frame-overlay-global {
  display:block!important;
  aspect-ratio:1/1!important;
  opacity:1;
  backface-visibility:hidden!important;
  contain:paint;
  transition:opacity .14s ease;
}
.avatar-frame-wrapper .frame-img[aria-hidden="true"],
.profile-avatar-shell .profile-frame-img[aria-hidden="true"],
.profile-avatar-wrap .profile-frame-img[aria-hidden="true"],
.avatar-frame-wrapper-global .avatar-frame-overlay-global[aria-hidden="true"] { opacity:0!important; }

/* Large feeds may skip painting far-off cards while preserving their measured space. */
@supports (content-visibility:auto) {
  .forum-post-list .post-card,
  .market-listing,
  .collection-card,
  .ghost-card { content-visibility:auto; contain-intrinsic-size:auto 360px; }
}

/* Keep compositor promotion only while an element is actually moving. */
.ygz-primary-indicator:not(.is-scroll-following),
.card-inner:not(.is-animating) { will-change:auto; }

/* V82 exact avatar-frame centering and custom image download surface. */
.avatar-frame-wrapper,
.profile-avatar-shell,
.profile-avatar-wrap,
.avatar-frame-wrapper-global{
  --ygz-frame-auto-x:0px;
  --ygz-frame-auto-y:0px;
}
.avatar-frame-wrapper .frame-img,
.profile-avatar-shell .profile-frame-img,
.profile-avatar-wrap .profile-frame-img,
.avatar-frame-wrapper-global .avatar-frame-overlay-global{
  margin:0!important;
  padding:0!important;
  transform:translate3d(calc(-50% + var(--ygz-frame-x) + var(--ygz-frame-auto-x)),calc(-50% + var(--ygz-frame-y) + var(--ygz-frame-auto-y)),0) rotate(var(--ygz-frame-rotate))!important;
}
img:not([data-ygz-native-download="1"]){-webkit-touch-callout:none}
.ygz-image-download-menu{position:fixed;z-index:2147483646;min-width:154px;padding:6px;border:1px solid rgba(255,255,255,.16);border-radius:17px;background:rgba(19,20,27,.96);box-shadow:0 22px 64px rgba(0,0,0,.58),inset 0 1px 0 rgba(255,255,255,.07);-webkit-backdrop-filter:blur(24px) saturate(145%);backdrop-filter:blur(24px) saturate(145%);opacity:0;visibility:hidden;transform:translate3d(0,8px,0) scale(.96);transform-origin:top left;transition:opacity .16s ease,transform .22s cubic-bezier(.16,1,.3,1),visibility 0s linear .22s}
.ygz-image-download-menu.is-open{opacity:1;visibility:visible;transform:none;transition-delay:0s}
.ygz-image-download-action{appearance:none;-webkit-appearance:none;width:100%;min-height:44px;padding:0 15px;border:0;border-radius:12px;background:transparent;color:#fff;font:700 .9rem/1 inherit;text-align:left;cursor:pointer;transition:background .16s ease,transform .16s ease}
.ygz-image-download-action:hover{background:rgba(255,255,255,.08)}.ygz-image-download-action:active{transform:scale(.97);background:rgba(255,255,255,.12)}

/* V84: frame and avatar are exactly the same measured size everywhere. */
.avatar-frame-wrapper,
.profile-avatar-shell,
.profile-avatar-wrap,
.avatar-frame-wrapper-global{
  --ygz-frame-scale:1!important;
  --ygz-frame-x:0px!important;
  --ygz-frame-y:0px!important;
  --ygz-frame-auto-x:0px!important;
  --ygz-frame-auto-y:0px!important;
  --ygz-frame-rotate:0deg!important;
}
.avatar-frame-wrapper .frame-img,
.profile-avatar-shell .profile-frame-img,
.profile-avatar-wrap .profile-frame-img,
.avatar-frame-wrapper-global .avatar-frame-overlay-global{
  width:100%!important;
  height:100%!important;
}


/* V83 unframed avatar geometry: global responsive-image rules must never stretch profile circles. */
img.post-avatar,
img.reply-avatar,
img.red-packet-avatar,
img.child-reply-avatar,
img.ghost-comment-avatar{
  display:block!important;
  aspect-ratio:1/1!important;
  object-fit:cover!important;
  object-position:center!important;
  border-radius:50%!important;
  flex-shrink:0!important;
}


/* V119 long-session rendering budget. Off-screen feed/list cards are skipped until near the viewport. */
@supports (content-visibility: auto) {
  .post-card, .reply-item, .friend-card, .user-card, .market-card, .ghost-card,
  .collection-card, .card-cell, .notification-item, .message-item {
    content-visibility: auto;
    contain-intrinsic-size: auto 280px;
  }
}
html.ygz-lite-effects .particle-canvas { display: none !important; }
html.ygz-lite-effects .glass-element,
html.ygz-lite-effects .post-card,
html.ygz-lite-effects .reply-item,
html.ygz-lite-effects .friend-card,
html.ygz-lite-effects .market-card,
html.ygz-lite-effects .ghost-card {
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}
html.ygz-scrolling .ygz-floating-header,
html.ygz-scrolling .music-trigger,
html.ygz-scrolling .music-card {
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}
html.ygz-page-hidden .particle-canvas { visibility: hidden !important; }

/* V121 final loader authority. Full-viewport blur remains disabled on mobile. */
html.ygz-document-loading #ygzPageLoadingOverlay,
html.ygz-full-page-loading #ygzPageLoadingOverlay{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  background:rgba(5,6,10,.62)!important;
  -webkit-backdrop-filter:blur(6px) brightness(.82) saturate(90%)!important;
  backdrop-filter:blur(6px) brightness(.82) saturate(90%)!important;
  transition-delay:0s!important;
}
html.ygz-lite-effects.ygz-document-loading #ygzPageLoadingOverlay,
html.ygz-lite-effects.ygz-full-page-loading #ygzPageLoadingOverlay{
  background:rgba(5,6,10,.82)!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
@media(max-width:720px){
  html.ygz-document-loading #ygzPageLoadingOverlay,
  html.ygz-full-page-loading #ygzPageLoadingOverlay{
    background:rgba(5,6,10,.84)!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }
}


/* V122 final loader state. This block intentionally wins over all historical loader rules above. */
#ygzPageLoadingOverlay,
html:not(.ygz-loader-visible) #ygzPageLoadingOverlay{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  background:rgba(5,6,10,.16)!important;
  -webkit-backdrop-filter:blur(0) brightness(1) saturate(100%)!important;
  backdrop-filter:blur(0) brightness(1) saturate(100%)!important;
}
html.ygz-loader-visible #ygzPageLoadingOverlay{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:none!important;
  background:rgba(5,6,10,.38)!important;
  -webkit-backdrop-filter:blur(12px) brightness(.78) saturate(88%)!important;
  backdrop-filter:blur(12px) brightness(.78) saturate(88%)!important;
  transition-delay:0s!important;
}
.ygz-page-loading-spinner{display:none!important;animation:none!important}

/* V0.5 shared X-rarity language. Every page consumes the same turquoise,
   compositor-safe looping gradient without moving the card itself. */
:root{
  --ygz-x-frame:linear-gradient(90deg,#75fff0 0%,#10d9c4 18%,#087f86 38%,#b8fff8 52%,#23f0d3 68%,#006f7a 84%,#75fff0 100%);
  --ygz-x-glow:rgba(24,232,207,.24);
}
.rarity-X .card-img-wrapper,
.rarity-X .card-front,
.rarity-X .card-frame,
.rarity-x .card-img-wrapper,
.rarity-x .card-front,
[data-rarity="X"] .card-img-wrapper,
[data-rarity="X"] .card-front,
[data-rarity="X"] .card-frame{
  --frame-outer:var(--ygz-x-frame)!important;
  --frame-inner:linear-gradient(135deg,rgba(211,255,250,.86),rgba(4,132,139,.52))!important;
  --ambient-glow:var(--ygz-x-glow)!important;
  --hover-glow:rgba(30,246,220,.32)!important;
  border-color:#27dfca!important;
  box-shadow:0 7px 20px rgba(0,0,0,.50),0 0 15px var(--ygz-x-glow),0 0 30px rgba(2,126,135,.14)!important;
}
.market-rarity-X{
  --mx-rarity-frame:var(--ygz-x-frame)!important;
  --mx-rarity-glow:var(--ygz-x-glow)!important;
}
.rarity-X .card-img-wrapper::before,
.rarity-X .card-front::before,
.rarity-X .card-frame::before,
.rarity-x .card-img-wrapper::before,
.rarity-x .card-front::before,
[data-rarity="X"] .card-img-wrapper::before,
[data-rarity="X"] .card-front::before,
[data-rarity="X"] .card-frame::before,
.market-rarity-X .market-thumb-button::before,
.market-rarity-X .market-thumb-fallback::before{
  background-image:var(--ygz-x-frame)!important;
  background-size:320% 100%!important;
  animation:ygzXFrameLoop 3.2s linear infinite!important;
  will-change:background-position;
}
.rarity-X .rarity-badge,
.rarity-x .rarity-badge,
[data-rarity="X"] .rarity-badge{
  color:#d9fffa!important;
  border-color:rgba(82,255,231,.58)!important;
  background:linear-gradient(135deg,rgba(4,54,59,.94),rgba(6,132,126,.82))!important;
  box-shadow:0 0 10px rgba(23,237,208,.22)!important;
}
@keyframes ygzXFrameLoop{
  from{background-position:0 50%}
  to{background-position:320% 50%}
}
@media(prefers-reduced-motion:reduce){
  .rarity-X .card-img-wrapper::before,
  .rarity-X .card-front::before,
  .rarity-X .card-frame::before,
  .rarity-x .card-img-wrapper::before,
  .rarity-x .card-front::before,
  [data-rarity="X"] .card-img-wrapper::before,
  [data-rarity="X"] .card-front::before,
  [data-rarity="X"] .card-frame::before,
  .market-rarity-X .market-thumb-button::before,
  .market-rarity-X .market-thumb-fallback::before{
    animation-duration:8s!important;
  }
}

/* V0.7.1 compatibility baseline. The fixed top navigation snaps; page and
   bottom indicators move on one compositor transform and never fade/flash. */
.ygz-top-nav .ygz-primary-indicator,
.ygz-top-nav .ygz-primary-hover-indicator,
.ygz-floating-header .ygz-primary-indicator,
.ygz-floating-header .ygz-primary-hover-indicator{
  transition:none!important;
  animation:none!important;
  will-change:auto!important;
  backface-visibility:hidden!important;
  -webkit-backface-visibility:hidden!important;
}
.profile-tab-indicator,
.tabs-indicator,
.tab-indicator,
.segment-indicator,
.tab-underline,
.bottom-nav-indicator{
  transition-property:transform!important;
  transition-duration:.34s!important;
  transition-timing-function:cubic-bezier(.16,1,.3,1)!important;
  animation:none!important;
  will-change:transform!important;
  backface-visibility:hidden!important;
  -webkit-backface-visibility:hidden!important;
  contain:paint;
}
@media(prefers-reduced-motion:reduce){
  .profile-tab-indicator,.tabs-indicator,.tab-indicator,.segment-indicator,.tab-underline,.bottom-nav-indicator{
    transition:none!important;
    will-change:auto!important;
  }
}

/* Compact account switch and form dialogs. */
.ygz-account-sheet{
  width:min(100%,390px)!important;
  max-height:min(82dvh,560px)!important;
  min-height:0!important;
  height:auto!important;
  gap:9px!important;
  padding:13px!important;
  border-radius:21px!important;
}
.ygz-account-head h2{font-size:18px!important}
.ygz-account-close{
  width:34px!important;
  min-height:34px!important;
  height:34px!important;
  border-radius:12px!important;
  font-size:21px!important;
}
.ygz-account-list{gap:7px!important}
.ygz-account-row,.ygz-account-item{min-height:50px!important}
.ygz-account-item{padding:6px 11px!important;border-radius:14px!important}
.ygz-account-avatar{width:32px!important;height:32px!important;flex-basis:32px!important}
.ygz-account-item b{font-size:14px!important}
.ygz-account-add,.ygz-account-submit,.ygz-account-back{
  min-height:40px!important;
  border-radius:13px!important;
  font-size:14px!important;
}
.ygz-account-form{gap:8px!important}
.ygz-account-form input{min-height:42px!important;border-radius:13px!important}
.ygz-account-actions{gap:7px!important}
.settings-modal-card{
  min-height:0!important;
  height:auto!important;
  width:min(410px,calc(100vw - 28px))!important;
  max-height:min(86dvh,640px)!important;
  padding:20px!important;
  border-radius:24px!important;
}
.settings-modal-title{margin-bottom:17px!important}
.settings-field{margin-bottom:13px!important}
.settings-actions{margin-top:18px!important}

/* V0.7.2 final indicator compositor contract. Every non-bottom selection bar
   travels as one opaque transform layer; the fixed bottom bar changes
   selection without moving its underline. */
.ygz-top-nav .ygz-primary-indicator,
.ygz-floating-header .ygz-primary-indicator,
.ygz-top-nav .ygz-primary-hover-indicator,
.ygz-floating-header .ygz-primary-hover-indicator,
.profile-tab-indicator:not(.bottom-nav-indicator),
.tabs-indicator:not(.bottom-nav-indicator),
.tab-indicator:not(.bottom-nav-indicator),
.segment-indicator:not(.bottom-nav-indicator),
.tab-underline:not(.bottom-nav-indicator){
  opacity:1!important;
  visibility:visible!important;
  transition-property:transform!important;
  transition-duration:.30s!important;
  transition-timing-function:cubic-bezier(.2,.82,.2,1)!important;
  animation:none!important;
  will-change:transform!important;
  transform-origin:left center!important;
  backface-visibility:hidden!important;
  -webkit-backface-visibility:hidden!important;
  contain:paint!important;
}
.ygz-top-nav.is-indicator-moving .ygz-primary-indicator,
.ygz-floating-header.is-indicator-moving .ygz-primary-indicator{
  opacity:1!important;
  box-shadow:0 7px 18px rgba(0,0,0,.20)!important;
}
.bottom-nav-indicator{
  transition:none!important;
  animation:none!important;
  will-change:auto!important;
}
@media(prefers-reduced-motion:reduce){
  .ygz-top-nav .ygz-primary-indicator,
  .ygz-floating-header .ygz-primary-indicator,
  .profile-tab-indicator:not(.bottom-nav-indicator),
  .tabs-indicator:not(.bottom-nav-indicator),
  .tab-indicator:not(.bottom-nav-indicator),
  .segment-indicator:not(.bottom-nav-indicator),
  .tab-underline:not(.bottom-nav-indicator){
    transition:none!important;
    will-change:auto!important;
  }
}