#social{--m-out:cubic-bezier(.32,.72,0,1);--m-in:cubic-bezier(.4,0,1,1);--m-spring:cubic-bezier(.32,.72,0,1)}@supports (transition-timing-function:linear(0,1)){#social{--m-out:linear(0,.03 2%,.12 5%,.27 9%,.47 14%,.67 20%,.83 27%,.93 35%,.975 44%,.993 54%,1);--m-spring:linear(0,.22 6%,.6 14%,.88 24%,1.02 36%,1.015 46%,1.003 62%,1)}}#social .x-tab{transition:color .2s linear,transform .3s var(--m-spring)}#social .x-tab:active{transform:scale(.9);transition-duration:.05s}#social .x-tab svg{transition:fill .25s linear}#social .x-tab.on svg{transform:none;animation:mTab .4s var(--m-spring)}@keyframes mTab{0%{transform:translate3d(0,3px,0) scale(.85)}50%{transform:translate3d(0,-2px,0) scale(1.12)}100%{transform:none}}#social .x-bd{animation:mPop .3s var(--m-spring)}#social .x-main,#social .x-main.x-in{animation:none;transition:none}#social .x-main.x-in>*:nth-child(-n+5){animation:mRise .4s var(--m-out) backwards}#social .x-main.x-in>*:nth-child(2){animation-delay:.04s}#social .x-main.x-in>*:nth-child(3){animation-delay:.08s}#social .x-main.x-in>*:nth-child(4){animation-delay:.12s}#social .x-main.x-in>*:nth-child(5){animation-delay:.16s}@keyframes mRise{from{opacity:0;transform:translate3d(0,14px,0)}}#social .x-spin{animation:xSp .7s linear infinite,mFade .3s linear .2s backwards}@keyframes mFade{from{opacity:0}}#social .x-chat{animation:mPush .38s var(--m-out) backwards;contain:layout paint}@keyframes mPush{from{transform:translate3d(100%,0,0)}}#social .x-chat.x-out{animation:mPushOut .23s var(--m-in) forwards}@keyframes mPushOut{to{transform:translate3d(100%,0,0)}}#social a,#social button{-webkit-tap-highlight-color:transparent}#social .x-ov{animation:mFade .25s linear}#social .x-sheet{animation:mSheet .45s var(--m-out) backwards}@keyframes mSheet{from{transform:translate3d(0,100%,0)}}#social .x-ov.out{opacity:0;transition:opacity .22s linear}#social .x-ov.out .x-sheet{transform:translate3d(0,100%,0);transition:transform .22s var(--m-in)}#social .x-sv,#social .x-lbx{animation:mZoom .34s var(--m-out) backwards}@keyframes mZoom{from{opacity:0;transform:scale(.94)}}#social .x-sv .x-svc{animation:none}#social .x-mw.x-new.me .x-b,#social .x-mw.x-new.th .x-b{animation:mMsg .34s var(--m-spring) both;transition:none}#social .x-mw.x-new.me .x-b{transform-origin:bottom right}#social .x-mw.x-new.th .x-b{transform-origin:bottom left}@keyframes mMsg{from{opacity:0;transform:translate3d(0,10px,0) scale(.94)}}#social .x-rx{animation:mMsg .26s var(--m-spring)}#social .x-tb,#social .x-tb.x-cmenu,#social .x-menu{animation:mPop .26s var(--m-spring);transform-origin:center bottom}#social .xe-men{animation:mPop .2s var(--m-spring)}@keyframes mPop{from{opacity:0;transform:scale(.9)}}#social .x-toast{animation:mToast .4s var(--m-out)}@keyframes mToast{from{opacity:0;transform:translate(-50%,16px) scale(.96)}}#social .x-sk{background:var(--fill);animation:mSk 1.1s ease-in-out infinite alternate}@keyframes mSk{from{opacity:.45}to{opacity:1}}#social .x-typing i{animation:xDot 1s ease-in-out infinite}#social .x-typing i:nth-child(2){animation-delay:.12s}#social .x-typing i:nth-child(3){animation-delay:.24s}#social .x-btn,#social .x-ib,#social .x-act,#social .x-chip,#social .xe-o,#social .x-stile{transition:transform .35s var(--m-spring),opacity .15s linear,background-color .15s linear}#social .x-btn:active,#social .x-ib:active,#social .x-act:active,#social .x-chip:active,#social .xe-o:active,#social .x-stile:active{transform:scale(.95);transition-duration:.05s}#social .x-spr{animation:mSpr .3s var(--m-spring)}@keyframes mSpr{from{opacity:.4;transform:scale(.6)}}#social .xe-fly{animation:mFly .75s var(--m-out) forwards}@keyframes mFly{0%{opacity:0;transform:translate3d(-50%,16px,0) scale(.6)}25%{opacity:1}100%{opacity:0;transform:translate3d(-50%,-150px,0) scale(1.1)}}#social .x-sw i::after{transition:transform .28s var(--m-spring)}#social .x-colors i{transition:transform .25s var(--m-spring)}#social .x-svh button{transition:transform .25s var(--m-spring),background-color .15s linear}#social .xe-on{transition:max-height .3s var(--m-out),opacity .2s linear,padding .3s var(--m-out)}#social .xe-sheet-drag{transition:transform .28s var(--m-out)}#social .x-sv{contain:layout paint style}#social .x-sv .x-svc,#social .xe-sb,#social .x-svh,#social .x-svb{animation:none}#social .x-svb b{will-change:transform}#social .x-svc img,#social .x-svc video{transform:translateZ(0)}#social .x-sv *,#social .xe-sb,#social .xe-sb *{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}#social .x-svh button,#social .x-svv{background:rgba(0,0,0,.4)}#social .xe-sr button{background:rgba(255,255,255,.2)}#social .xe-sr button.on{background:rgba(255,255,255,.42)}#social .xe-si{background:rgba(0,0,0,.4)}#social .xe-rl span{background:rgba(255,255,255,.2)}#social .x-spin{width:26px;height:26px;border:0;border-radius:50%;margin:40px auto;background:conic-gradient(from 0deg,transparent 0,var(--ac) 100%);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2.5px));mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2.5px));animation:xSp .8s linear infinite,mFade .3s linear .15s backwards}#social .xr-ov{animation:mReelsIn .3s var(--m-out) backwards}@keyframes mReelsIn{from{opacity:0;transform:translate3d(0,24px,0)}}#social .xr-sp{animation:mSheet .4s var(--m-out) backwards}#social .xr-sb{animation:mFade .25s linear}#social .xr-sh.out .xr-sp{transition:transform .22s var(--m-in)}#social .xr-sh.out .xr-sb{transition:opacity .22s linear}#social .xr-pick,#social .xr-cpick{animation-duration:.24s;animation-timing-function:var(--m-spring)}#social .xr-rb .xr-em{animation:mSpr .28s var(--m-spring)}#social .xr-heart.go{animation-duration:.65s}#social .xr-pick button,#social .xr-cpick button{transition:transform .25s var(--m-spring)}@media (hover:none) and (pointer:coarse){#social button,#social a,#social [data-a],#social .x-act{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;touch-action:manipulation}#social .x-tab,#social .x-btn,#social .x-ib,#social .x-act,#social .x-chip{-webkit-user-select:none;user-select:none}#social .x-chat{animation-duration:.34s}#social .x-sheet{animation-duration:.4s}#social .x-sv,#social .x-lbx{animation-duration:.28s}#social .x-mw.x-new.me .x-b,#social .x-mw.x-new.th .x-b{animation-duration:.28s}#social .x-tb,#social .x-menu,#social .x-bd{animation-duration:.22s}#social .x-main.x-in>*:nth-child(n+4){animation:none}#social .x-main.x-in>*:nth-child(-n+3){animation-duration:.34s}#social .x-btn:active,#social .x-ib:active,#social .x-act:active,#social .x-chip:active,#social .x-tab:active{transition-duration:.04s}#social .x-sk{animation-duration:1.4s}}@media (prefers-reduced-motion:reduce){#social .x-main.x-in>*,#social .x-chat,#social .x-chat.x-out,#social .x-ov,#social .x-sheet,#social .x-sv,#social .x-lbx,#social .x-tab.on svg,#social .x-mw .x-b,#social .x-tb,#social .x-menu,#social .x-toast,#social .x-bd,#social .x-spr,#social .xe-fly{animation:none!important}#social .x-btn,#social .x-ib,#social .x-act,#social .x-chip,#social .x-tab{transition-duration:.01s!important}}
#social #xsgd{min-height:150px}#social #xsgd:empty{min-height:0}#social #xsgd,#social #xsgd *{animation:none!important}#social .xs-r{display:flex;gap:10px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;scroll-snap-type:none}#social .xs-r::-webkit-scrollbar{display:none}#social .xs-i{flex:none;width:112px;height:142px;contain:layout paint}#social .x-svb i b{width:100%!important;transform:scaleX(0);transform-origin:0 50%}#social .x-svb i.d b{transform:scaleX(1)}@keyframes xSvp{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes mSn{from{opacity:0;transform:translate3d(6%,0,0)}}@keyframes mSp{from{opacity:0;transform:translate3d(-6%,0,0)}}@keyframes mSu{from{opacity:0;transform:translate3d(18%,0,0)}}@keyframes mSuR{from{opacity:0;transform:translate3d(-18%,0,0)}}@keyframes mGh{to{opacity:0;transform:translate3d(-6%,0,0)}}@keyframes mGhR{to{opacity:0;transform:translate3d(6%,0,0)}}@keyframes mGu{to{opacity:0;transform:translate3d(-18%,0,0)}}#social .x-car{-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}#social #xth,#social .x-chat{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}#social button,#social [data-a],#social a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}#social img,#social video{-webkit-user-drag:none}html.xs-lock{overscroll-behavior:none}#social .x-sheet,#social .x-ch-s,#social .x-ov{overscroll-behavior:contain}#social .x-act,#social .x-btn,#social .x-ib,#social .x-tab,#social .x-chip{-webkit-user-select:none;user-select:none}@keyframes mZoom{from{transform:translate3d(0,100%,0)}}#social .x-sv{animation:none;touch-action:none}#social .x-sv.xs-drag{border-radius:28px;isolation:isolate}html.xs-lock.xs-lite #social .x-bar,html.xs-lock.xs-lite #social .x-btm{-webkit-backdrop-filter:none;backdrop-filter:none}@media(min-width:700px){#social .x-sv{left:0;right:0;margin:0 auto;transform:none}}#social{min-height:100vh;min-height:100dvh}html.xs-app,html.xs-app body{overscroll-behavior-y:contain;-webkit-tap-highlight-color:transparent}html.xs-app input,html.xs-app textarea,html.xs-app [contenteditable="true"]{-webkit-user-select:text;user-select:text}
#social .x-car,#social .xs-r,#social .xe-on{overflow-y:hidden;overflow-x:auto;touch-action:pan-x pan-y;overscroll-behavior-x:contain;overscroll-behavior-y:auto;scroll-snap-type:none;-webkit-overflow-scrolling:touch}#social .xs-i,#social .x-gc{touch-action:pan-x pan-y}#social #xsgd{content-visibility:visible}html,body{scroll-behavior:auto}#social{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}#social input,#social textarea,#social [contenteditable="true"]{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}#social .x-main{overflow-anchor:none}html,body{overflow-x:clip;overflow-y:visible;height:auto;min-height:100%}@supports not (overflow:clip){html,body{overflow-x:hidden}}#social .x-sv.xs-drag{border-radius:24px;overflow:hidden}html,body{touch-action:pan-x pan-y}#social .x-lbx,#social .x-lbx img{touch-action:none}#social .xs-i{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:120px;height:auto;min-height:150px;padding:8px 6px;overflow:hidden;contain:none}#social .xs-n,#social .xs-w,#social .xs-m{position:static;display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}#social .xs-m{flex:none;margin-top:4px;padding:5px 12px}@media (display-mode:standalone),(display-mode:fullscreen){html,body{background:#100A1C;overscroll-behavior:none}#social .x-bar{padding-top:calc(8px + env(safe-area-inset-top,0px))}#social .x-btm{padding-bottom:max(env(safe-area-inset-bottom,0px),6px)}body{-webkit-touch-callout:none}}

/* ===== v10 smooth pass (appended; wins over rules above) ===== */
/* page switch: one opacity fade on the container, no movement, no stagger = no bump */
@keyframes xFade{from{opacity:0}}
#social .x-main.x-in{animation:xFade .16s linear}
#social .x-main.x-in>*{animation:none!important}
#social .x-ins{animation:xFade .24s linear}
@keyframes mTab{0%{transform:scale(.86)}55%{transform:scale(1.08)}100%{transform:none}}
#social .x-tab.on svg{animation:mTab .3s var(--m-spring)}
#social .x-chat{animation-duration:.34s;backface-visibility:hidden}
/* cheaper glass on touch devices (still glass) */
#social .x-bar,#social .x-btm,#social .x-ch-h,#social .x-ch-i{transform:translateZ(0);backface-visibility:hidden}
@media (hover:none) and (pointer:coarse){#social .x-bar,#social .x-ch-h,#social .x-ch-i,#social .x-sheet{-webkit-backdrop-filter:saturate(170%) blur(14px);backdrop-filter:saturate(170%) blur(14px)}
#social .x-chat.x-out{animation-duration:.2s}#social .x-mw{contain:layout style}}
#social .x-ch-s{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;transform:translateZ(0)}
/* reserved slots + skeletons: suggestions never push the page */
#social #xgsd{overflow:hidden;transition:min-height .25s cubic-bezier(.32,.72,0,1)}
#social #xsgd{min-height:150px}#social #xsgd:empty{min-height:0}
#social #xgsd .x-gc.x-sk,#social #xsgd .xs-i.x-sk{background:var(--fill,rgba(120,120,128,.16));border-radius:16px;animation:mSk 1.1s ease-in-out infinite alternate!important}
#social .x-car,#social .xs-r{contain:layout paint}
/* chat box: attach menu, preview tray, media bubbles */
#social .x-aw{position:relative;display:flex;flex:none}
#social button.x-pl{border:0;padding:0}
#social .x-am{position:absolute;left:0;bottom:calc(100% + 10px);z-index:12;min-width:196px;padding:6px;border-radius:18px;background:var(--pn);box-shadow:0 0 0 .5px var(--glb,rgba(120,120,128,.3)),0 12px 36px rgba(0,0,0,.28);transform-origin:left bottom}
#social .x-am[hidden]{display:none}
#social .x-am:not([hidden]){animation:mPop .24s var(--m-spring)}
#social .x-am label{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:12px;font-weight:600;font-size:15px;cursor:pointer;transition:background-color .12s linear,transform .2s var(--m-spring)}
#social .x-am label:active{background:var(--fill);transform:scale(.97)}
#social .x-am i{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--fill);color:var(--ac,#0a84ff);flex:none}
#social .x-tray{display:flex;gap:10px;padding:10px 12px 2px;overflow-x:auto;scrollbar-width:none;background:var(--pn);border-top:.5px solid var(--ln);flex:none;animation:mPop .22s var(--m-spring);transform-origin:left bottom}
#social .x-tray::-webkit-scrollbar{display:none}
#social .x-at{position:relative;flex:none;width:68px;text-align:center}
#social .x-at img,#social .x-at video,#social .x-at b{display:grid;place-items:center;width:68px;height:68px;border-radius:14px;object-fit:cover;background:var(--fill);font-size:13px;font-weight:700;color:var(--ac,#0a84ff)}
#social .x-at span{display:block;margin-top:3px;font-size:10px;color:var(--mut);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#social .x-at button{position:absolute;top:-6px;right:-6px;width:22px;height:22px;border-radius:50%;border:0;padding:0;background:rgba(40,40,44,.92);color:#fff;font-size:15px;line-height:22px;transition:transform .2s var(--m-spring)}
#social .x-at button:active{transform:scale(.85)}
#social .x-b video{display:block;width:230px;max-width:100%;max-height:340px;border-radius:14px;background:#000;margin-bottom:4px}
#social .x-b.im video{margin:0;border-radius:18px;object-fit:cover}
#social .x-b.pend img,#social .x-b.pend video{opacity:.55;transition:opacity .25s linear}
#social .x-fl{display:flex;align-items:center;gap:10px;min-width:170px;padding:2px 2px 4px;color:inherit;text-decoration:none}
#social .x-fl i{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:rgba(127,127,127,.22);font:700 11px/1 system-ui;font-style:normal}
#social .x-fl span{font-weight:600;font-size:14px}
#social .x-send{transition:transform .3s var(--m-spring),opacity .18s linear}

/* quick photo button in the message box */
#social .x-qp{display:grid;place-items:center;flex:none;width:30px;height:30px;margin:0 2px;color:var(--mut);cursor:pointer;border-radius:50%;transition:transform .25s var(--m-spring),color .15s linear}
#social .x-qp:active{transform:scale(.88);color:var(--ac,#0a84ff)}

/* menu switch polish: chat push edge shadow, instant row press, lighter tab press */
#social .x-chat{box-shadow:-10px 0 28px rgba(0,0,0,.16)}
#social .x-ir{transition:background-color .12s linear}
#social .x-ir:active{background:var(--fill);transition:none}
#social .x-tab{transition:color .18s linear,transform .28s var(--m-spring)}
#social .x-tab:active{transform:scale(.88);transition-duration:.04s}

/* native touch: instant pressed state (set on pointerdown), bigger hit areas */
#social .x-btn.xp,#social .x-ib.xp,#social .x-act.xp,#social .x-chip.xp,#social .x-tab.xp,#social .x-stile.xp,#social .x-send.xp,#social .x-pl.xp,#social .x-qp.xp,#social .x-stkb.xp,#social .xs-i.xp,#social .x-at button.xp,#social .xe-o.xp{transform:scale(.94);opacity:.82;transition-duration:.04s}
#social .x-ir.xp{background:var(--fill);transition:none}
#social .x-am label.xp{background:var(--fill);transform:scale(.97)}
@media (pointer:coarse){#social .x-ib{min-width:44px;min-height:44px}#social .x-tab{min-height:48px}#social .x-chip{min-height:34px}}