html.xn-lb,html.xn-lb body{overflow:hidden;overscroll-behavior:none}#social .x-lbx{--xn-bg:1;background:rgba(0,0,0,calc(var(--xn-bg)*1));padding:0;touch-action:none;animation:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}#social .x-lbx img{max-height:100dvh;max-width:100%;width:100%;height:auto;object-fit:contain;border-radius:0;touch-action:none;will-change:transform;transform-origin:center center}#social .x-lbx.xn-drag .x-lx,#social .x-lbx.xn-drag .x-lc,#social .x-lbx.xn-drag .x-lbar,#social .x-lbx.xn-drag .x-ln{opacity:0}#social .x-lbx .x-lx{left:10px;right:auto;top:calc(8px + env(safe-area-inset-top,0px));width:36px;height:36px;background:rgba(60,60,67,.6);font-size:24px;line-height:1;padding:0 0 2px;z-index:6}#social .x-lbx .x-lc{left:0;right:0;top:calc(16px + env(safe-area-inset-top,0px));text-align:center;font-size:15px;font-weight:600;opacity:1;z-index:5;pointer-events:none}#social .x-lbx .x-lx,#social .x-lbx .x-lc,#social .x-lbx .x-lbar,#social .x-lbx .x-ln{transition:opacity .2s linear}#social .x-lbx.xn-hide .x-lx,#social .x-lbx.xn-hide .x-lc,#social .x-lbx.xn-hide .x-lbar,#social .x-lbx.xn-hide .x-ln,#social .x-lbx.xn-z .x-lx,#social .x-lbx.xn-z .x-lc,#social .x-lbx.xn-z .x-lbar,#social .x-lbx.xn-z .x-ln{opacity:0;pointer-events:none}@media(hover:none){#social .x-lbx .x-ln{display:none}}#social .x-lbx .x-lbar{display:flex;flex-wrap:wrap;justify-content:stretch;gap:0;padding:0 0 env(safe-area-inset-bottom,0px);background:linear-gradient(0deg,rgba(0,0,0,.88) 55%,rgba(0,0,0,0));z-index:4}#social .x-lbx .x-lbar .x-lcn{order:-1;flex:0 0 100%;justify-content:flex-start;height:38px;min-width:0;padding:0 16px;background:none;border-radius:0;font-size:15px;font-weight:500}#social .x-lbx .x-lbar>[data-k="l"],#social .x-lbx .x-lbar>[data-k="cm"],#social .x-lbx .x-lbar>[data-k="s"]{flex:1 1 0;min-width:0;height:48px;border-radius:0;padding:0 6px;background:none;color:#e4e6eb;font-size:15px;font-weight:600;gap:6px;border-top:.5px solid rgba(255,255,255,.18)}#social .x-lbx .x-lbar>[data-k="l"].on{background:none;color:var(--ac,#0a84ff)}#social .x-lbx .x-lbar>button:active{background:rgba(255,255,255,.08)}#social .x-lbx .x-lbar svg{width:22px;height:22px}#social .x-lbx .x-lt{bottom:calc(58px + env(safe-area-inset-bottom,0px))}#social .x-lbx .x-lbar .x-lsi{margin:8px 0 8px 12px}#social .x-lbx .x-lbar .x-btn{margin:8px 12px 8px 0;flex:none}#social .x-lbx.xn-out{pointer-events:none}#social .x-pvd{position:relative;overflow:hidden;background:#000}#social .x-pvd video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:transparent;opacity:0;transition:opacity .18s linear;z-index:1}#social .x-pvd.pl video{opacity:1}#social .x-pvd .x-pvp{transition:opacity .15s linear}#social .x-pvd.pl .x-pvp{opacity:0}#social .xr-rc.x-prc video{background:transparent;opacity:0;transition:opacity .18s linear}#social .xr-rc.x-prc.pl video{opacity:1}@media(prefers-reduced-motion:reduce){#social .x-pvd video,#social .xr-rc.x-prc video{transition:none}}#social .x-pvd{aspect-ratio:var(--ar,4/5);max-height:82dvh;width:100%;height:auto}#social .x-pvd img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}#social .x-pvd video{object-fit:contain}html{height:100%;min-height:100lvh}html,body{margin:0;min-height:100lvh}#social.on{min-height:100lvh}html.xn-app,html.xn-app body{background:#100A1C;margin:0;padding:0;width:100%;height:100%;min-height:100lvh;overscroll-behavior:none;-webkit-text-size-adjust:100%}html.xn-app{-webkit-tap-highlight-color:transparent}html.xn-app body{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}html.xn-app input,html.xn-app textarea,html.xn-app [contenteditable]{-webkit-user-select:text;user-select:text}html.xn-app #social.on{position:fixed;inset:0;width:100%;height:100%;min-height:0;max-height:none;margin:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;background:var(--bg,#100A1C);z-index:30}html.xn-app #social.on::before,html.xn-app #social.on::after{content:"";position:fixed;left:0;right:0;z-index:2;pointer-events:none}html.xn-app #social.on::before{top:0;height:env(safe-area-inset-top,0px);background:var(--pn,#100A1C)}html.xn-app #social.on::after{bottom:0;height:env(safe-area-inset-bottom,0px);background:var(--pn,#100A1C)}html.xn-app #social.on .x-bar{padding-top:max(var(--xn-sat,0px),env(safe-area-inset-top,0px))}html.xn-app #social.on .x-btm{padding-bottom:max(var(--xn-sab,0px),env(safe-area-inset-bottom,0px))}html.xn-app #social.on .x-chat{height:100dvh}html.xn-app.in body>*:not(#social):not(script):not(style):not(.x-toast):not(.xv-bar):not(#dpFrameModal):not(.ei){display:none!important}
*{-webkit-tap-highlight-color:transparent}html{touch-action:manipulation;-webkit-text-size-adjust:100%}a,button,[role=button],input,select,textarea,label{touch-action:manipulation}img,video{-webkit-touch-callout:none}button,.x-tab,.x-act,.x-btn,.x-ib{-webkit-user-select:none;user-select:none}button:active,.x-tab:active,.x-act:active,.x-btn:active,.x-ib:active{transform:scale(.96);transition:transform .08s}:root{--g-bg:rgba(28,28,30,.76);--g-tx:#fff;--g-t2:rgba(235,235,245,.62);--g-fill:rgba(120,120,128,.28);--g-ac:#0A84FF;--g-ln:rgba(255,255,255,.1)}@media(prefers-color-scheme:light){:root{--g-bg:rgba(250,250,252,.8);--g-tx:#000;--g-t2:rgba(60,60,67,.62);--g-fill:rgba(120,120,128,.16);--g-ac:#007AFF;--g-ln:rgba(0,0,0,.08)}}.xa-t,.xa-n>div{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text",Manrope,system-ui,sans-serif}.xa-t{position:fixed;z-index:2147483000;left:50%;top:calc(env(safe-area-inset-top,0px) + 10px);transform:translate(-50%,-180%);transition:transform .5s cubic-bezier(.32,.72,0,1);max-width:92vw;padding:11px 18px;border-radius:99px;background:var(--g-bg);-webkit-backdrop-filter:blur(30px) saturate(180%);backdrop-filter:blur(30px) saturate(180%);color:var(--g-tx);font-size:14px;font-weight:600;letter-spacing:-.1px;box-shadow:0 0 0 .5px var(--g-ln),0 10px 30px rgba(0,0,0,.28);white-space:nowrap;--d:#8e8e93}.xa-t::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:9px;background:var(--d)}.xa-t.on{transform:translate(-50%,0)}.xa-t.off{--d:#FF453A}.xa-t.ok{--d:#30D158}.xa-t.up{--d:#0A84FF;cursor:pointer}.xa-n{position:fixed;z-index:2147482500;inset:auto 0 0 0;display:flex;justify-content:center;padding:0 8px calc(env(safe-area-inset-bottom,0px) + 8px);transform:translateY(130%);transition:transform .55s cubic-bezier(.32,.72,0,1);pointer-events:none}.xa-n.on{transform:none;pointer-events:auto}.xa-n>div{width:min(100%,460px);background:var(--g-bg);-webkit-backdrop-filter:blur(34px) saturate(180%);backdrop-filter:blur(34px) saturate(180%);color:var(--g-tx);border-radius:34px;padding:22px 20px 16px;box-shadow:0 0 0 .5px var(--g-ln),0 20px 60px rgba(0,0,0,.35);font-size:15px;line-height:1.4}.xa-n b{display:block;font-size:22px;line-height:1.15;font-weight:700;letter-spacing:-.4px;margin-bottom:6px}.xa-n p{margin:0;color:var(--g-t2)}.xa-n ul{margin:14px 0 0;padding:0;list-style:none;display:grid;gap:10px;color:var(--g-tx);font-size:15px}.xa-n .r{display:flex;flex-direction:column-reverse;gap:4px;margin-top:20px}.xa-n button{min-height:52px;border:0;border-radius:99px;font:600 17px/1 -apple-system,BlinkMacSystemFont,"SF Pro Text",Manrope,system-ui,sans-serif;letter-spacing:-.2px}.xa-n .y{background:var(--g-ac);color:#fff}.xa-n .l{background:none;color:var(--g-ac)}@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){:root{--g-bg:#1c1c1e}@media(prefers-color-scheme:light){:root{--g-bg:#f2f2f7}}}@media(prefers-reduced-motion:reduce){.xa-t,.xa-n{transition-duration:.01s}}@media (display-mode:fullscreen),(display-mode:standalone){html,body{height:100%;min-height:100lvh;margin:0;overflow-x:hidden;overscroll-behavior:none;background:#100A1C}body{padding:0}}.xp{transform:scale(.96)!important;opacity:.82;transition:none!important}html.xn-and button:active,html.xn-and .x-tab:active,html.xn-and .x-act:active,html.xn-and .x-btn:active,html.xn-and .x-ib:active{transform:none;transition:none}.xr-h{position:fixed;overflow:hidden;pointer-events:none;z-index:2147483100;contain:strict}.xr-h i{position:absolute;border-radius:50%;background:currentColor;opacity:.2;transform:scale(0);animation:xrr .42s cubic-bezier(.4,0,.2,1) forwards;transition:opacity .3s linear}.xr-h.f i{opacity:0}@keyframes xrr{to{transform:scale(1)}}@media(prefers-reduced-motion:reduce){.xr-h i{animation-duration:.01s}}

/* ===== Saved Messages redesign + mobile smoothness (v2) ===== */
#social #xth>.sv-row{display:flex;align-items:center;gap:12px;margin:0 0 10px;padding:10px 14px;border-radius:16px;background:var(--pn,var(--fill));cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .18s var(--m-spring,ease),background .18s}
#social #xth>.sv-row:active{transform:scale(.98)}
.sv-ov{height:100dvh;overscroll-behavior:none;contain:layout paint;background:var(--bg)}
.sv-ov header{backdrop-filter:saturate(1.6) blur(16px);-webkit-backdrop-filter:saturate(1.6) blur(16px);background:color-mix(in srgb,var(--bar,var(--bg)) 82%,transparent)}
.sv-ov header>i{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--ac),color-mix(in srgb,var(--ac) 55%,#000))}
.sv-l{padding:12px;display:flex;flex-direction:column;gap:3px;overflow-y:auto;overscroll-behavior:contain;overflow-anchor:none;-webkit-overflow-scrolling:touch;will-change:scroll-position}
.sv-m.sv-new{animation:svPop .32s var(--m-spring,cubic-bezier(.2,.9,.3,1)) both;transform-origin:bottom right}
@keyframes svPop{from{opacity:0;transform:translate3d(0,10px,0) scale(.94)}to{opacity:1;transform:none}}
.sv-b{background:var(--ac);border-radius:19px 19px 6px 19px;box-shadow:0 1px 2px rgba(0,0,0,.18)}
.sv-b:has(img,video){padding:4px}
.sv-b img,.sv-b video{border-radius:15px;display:block}
.sv-dl,.sv-x{position:relative;width:26px;height:26px;display:inline-grid;place-items:center;border-radius:50%;border:0;padding:0;color:inherit;background:color-mix(in srgb,currentColor 14%,transparent);opacity:.8;transition:transform .15s,opacity .15s;-webkit-tap-highlight-color:transparent}
.sv-dl::before,.sv-x::before{content:"";position:absolute;inset:-8px}
.sv-dl svg,.sv-x svg{width:14px;height:14px}
.sv-dl:active,.sv-x:active{transform:scale(.86);opacity:1}
.sv-doc{min-width:230px;display:flex;align-items:center;gap:12px;position:relative;padding-right:44px}
.sv-doc>i{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;flex:none}
.sv-doc::after{content:"";position:absolute;right:8px;top:50%;width:30px;height:30px;margin-top:-15px;border-radius:50%;background:color-mix(in srgb,currentColor 16%,transparent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4v11M7 11l5 5 5-5M5 20h14'/%3E%3C/svg%3E") center/16px no-repeat}
.sv-ov footer{background:linear-gradient(to top,var(--bg) 70%,transparent);padding-bottom:max(8px,env(safe-area-inset-bottom))}
.sv-ov footer button{width:38px;height:38px;border-radius:50%}
.sv-ov footer textarea{border-radius:20px;box-shadow:0 0 0 1px var(--ln) inset;max-height:120px}
@media(hover:none){.sv-ov header{backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--bar,var(--bg))}}
@media(max-width:700px){#social{overscroll-behavior-y:contain}}
.sv-m:has(.sv-doc) .sv-dl{display:none}

/* ===== Saved Messages v3 — liquid-glass, filters, search, voice, undo ===== */
#social .sv-ov [hidden]{display:none!important}
#social .sv-ov{position:fixed;inset:0;z-index:300;display:flex;flex-direction:column;background:var(--bg,#000);color:var(--tx);transform:translate3d(100%,0,0);transition:transform .44s var(--m-out,cubic-bezier(.32,.72,0,1));will-change:transform;animation:none;contain:layout paint;overscroll-behavior:none;-webkit-user-select:none;user-select:none;--sv-g:color-mix(in srgb,var(--pn) 74%,transparent)}
#social .sv-ov.in{transform:none;will-change:auto}
#social .sv-ov.out{transform:translate3d(100%,0,0);transition-duration:.26s;transition-timing-function:cubic-bezier(.4,0,1,1)}
#social .sv-ov header{position:relative;z-index:4;flex:none;display:flex;align-items:center;gap:10px;padding:calc(8px + env(safe-area-inset-top,0px)) 12px 6px;background:var(--bg);border:0;backdrop-filter:none;-webkit-backdrop-filter:none}
#social .sv-ov header>div{flex:1;min-width:0}
#social .sv-ov header b{font-size:17px;font-weight:700;letter-spacing:-.02em}
#social .sv-ov .sv-g{width:40px;height:40px;border:0;border-radius:50%;background:var(--sv-g);box-shadow:0 0 0 .5px var(--ln),0 4px 16px rgba(0,0,0,.1);color:var(--ac);display:grid;place-items:center;flex:none;transition:transform .3s var(--m-spring,ease)}
#social .sv-ov .sv-g:active{transform:scale(.9)}
#social .sv-ft{flex:none;padding:2px 12px 6px;background:var(--bg);position:relative;z-index:3}
#social .sv-sf{display:flex;align-items:center;gap:8px;height:0;opacity:0;overflow:hidden;margin:0;padding:0 12px;border-radius:14px;background:var(--fill);color:var(--mut);transition:height .3s var(--m-out,ease),opacity .2s linear,margin .3s var(--m-out,ease)}
#social .sv-ov.sr .sv-sf{height:38px;opacity:1;margin:2px 0 8px}
#social .sv-sf svg{width:17px;height:17px;flex:none}
#social .sv-sf input{flex:1;min-width:0;height:100%;border:0;outline:0;background:none;color:var(--tx);font-size:16px;-webkit-user-select:text;user-select:text;-webkit-appearance:none}
#social .sv-fb{display:flex;gap:7px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;padding:2px 0}
#social .sv-fb::-webkit-scrollbar{display:none}
#social .sv-ch{flex:none;height:32px;padding:0 14px;border:0;border-radius:99px;background:var(--fill);color:var(--tx);font-size:14px;font-weight:600;transition:background-color .2s linear,color .2s linear,transform .3s var(--m-spring,ease)}
#social .sv-ch:active{transform:scale(.94)}
#social .sv-ch.on{background:var(--ac);color:var(--onac,#fff)}
#social .sv-l{flex:1;min-height:0;overflow-y:auto;padding:6px 12px 10px;display:flex;flex-direction:column;gap:3px;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;overflow-anchor:none;will-change:auto}
#social .sv-d{position:sticky;top:2px;z-index:2;align-self:center;margin:10px 0 6px}
#social .sv-d span{display:block;padding:4px 12px;border-radius:99px;background:var(--sv-g);box-shadow:0 0 0 .5px var(--ln);font-size:12px;font-weight:600;color:var(--mut);backdrop-filter:blur(14px) saturate(1.6);-webkit-backdrop-filter:blur(14px) saturate(1.6)}
#social .sv-m{display:flex;justify-content:flex-end;contain:layout style;-webkit-touch-callout:none}
#social .sv-b{position:relative;max-width:min(84%,440px);background:linear-gradient(180deg,color-mix(in srgb,var(--ac) 88%,#fff),var(--ac));color:var(--onac,#fff);border-radius:20px 20px 6px 20px;padding:8px 13px 6px;box-shadow:0 1px 2px rgba(0,0,0,.14);overflow:hidden;word-break:break-word}
#social .sv-m[data-k=image] .sv-b,#social .sv-m[data-k=video] .sv-b{padding:4px 4px 6px}
#social .sv-m[data-k=image] .sv-b p,#social .sv-m[data-k=video] .sv-b p{padding:4px 9px 0}
#social .sv-m[data-k=image] small,#social .sv-m[data-k=video] small{padding:0 9px}
#social .sv-b img,#social .sv-b video{display:block;width:280px;max-width:100%;max-height:380px;min-height:90px;object-fit:cover;border-radius:16px;margin:0;background:var(--fill)}
#social .sv-b p{margin:0;font-size:16px;line-height:1.35}
#social .sv-b a{color:inherit;text-decoration:underline}
#social .sv-b small{display:flex;justify-content:flex-end;align-items:center;gap:5px;margin-top:2px;font-size:11px;opacity:.85}
#social .sv-mo{position:relative;width:22px;height:18px;border:0;background:none;color:inherit;padding:0;display:grid;place-items:center;opacity:.75}
#social .sv-mo::before{content:"";position:absolute;inset:-10px}
#social .sv-mo svg{width:16px;height:16px}
#social .sv-sd{display:none;place-items:center}
#social .sv-sd svg{width:12px;height:12px;fill:#ffd60a;stroke:#ffd60a}
#social .sv-m[data-s="1"] .sv-sd{display:inline-grid}
#social .sv-pend .sv-b{opacity:.6}
#social .sv-p .sv-b{min-width:170px}
#social .sv-pn{font-size:14px;font-weight:600}
#social .sv-pl{display:flex;align-items:center;gap:9px;width:240px;max-width:100%;padding:2px 0}
#social .sv-pp{flex:none;width:36px;height:36px;border:0;border-radius:50%;background:var(--onac,#fff);color:var(--ac);display:grid;place-items:center;transition:transform .3s var(--m-spring,ease)}
#social .sv-pp:active{transform:scale(.9)}
#social .sv-pp svg{width:18px;height:18px}
#social .sv-wv{position:relative;flex:1;height:30px;cursor:pointer}
#social .sv-bs{position:absolute;inset:0;display:flex;align-items:center;gap:2px}
#social .sv-bs i{flex:1;min-width:2px;border-radius:2px;background:currentColor;opacity:.4}
#social .sv-bs.f i{opacity:1}
#social .sv-bs.f{clip-path:inset(0 calc(100% - var(--p,0%)) 0 0);transition:clip-path .25s linear}
#social .sv-pl em{font-style:normal;font-size:12px;font-variant-numeric:tabular-nums;opacity:.9;min-width:32px;text-align:right}
#social .sv-sp{flex:none;border:0;border-radius:99px;padding:3px 7px;background:color-mix(in srgb,currentColor 20%,transparent);color:inherit;font-size:11px;font-weight:700}
#social .sv-lk{display:flex;align-items:center;gap:8px;margin-top:6px;padding:8px 10px;border-radius:12px;background:color-mix(in srgb,currentColor 16%,transparent);text-decoration:none!important;font-size:13px;font-weight:600;min-width:0}
#social .sv-lk svg{width:16px;height:16px;flex:none}
#social .sv-lk span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#social .sv-e{margin:auto;text-align:center;color:var(--mut);font-size:14px;line-height:1.6;padding:30px}
#social .sv-e i{width:64px;height:64px;border-radius:20px;margin:0 auto 14px;display:grid;place-items:center;background:linear-gradient(135deg,var(--ac),color-mix(in srgb,var(--ac) 55%,#000));color:var(--onac,#fff)}
#social .sv-e svg{width:30px;height:30px}
#social .sv-e b{display:block;color:var(--tx);font-size:18px;margin-bottom:4px}
#social .sv-dnb{position:absolute;right:16px;bottom:calc(86px + env(safe-area-inset-bottom,0px));z-index:5;width:40px;height:40px;border:0;border-radius:50%;background:var(--sv-g);color:var(--ac);box-shadow:0 0 0 .5px var(--ln),0 6px 18px rgba(0,0,0,.18);display:grid;place-items:center;opacity:0;transform:scale(.6);pointer-events:none;transition:opacity .2s linear,transform .35s var(--m-spring,ease);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
#social .sv-dnb svg{width:22px;height:22px}
#social .sv-ov.dn .sv-dnb{opacity:1;transform:none;pointer-events:auto}
#social .sv-ov footer{position:relative;z-index:4;flex:none;display:block;padding:6px 10px max(8px,env(safe-area-inset-bottom,0px));background:linear-gradient(to top,var(--bg) 60%,transparent);border:0}
#social .sv-cm,#social .sv-rcb{display:flex;align-items:flex-end;gap:2px;min-height:48px;padding:4px;border-radius:26px;background:var(--sv-g);box-shadow:0 0 0 .5px var(--ln),0 8px 28px rgba(0,0,0,.12);backdrop-filter:blur(24px) saturate(1.8);-webkit-backdrop-filter:blur(24px) saturate(1.8)}
#social .sv-ov footer button{width:40px;height:40px}
#social .sv-ov textarea{flex:1;min-width:0;align-self:center;resize:none;border:0;outline:0;background:none;box-shadow:none;border-radius:0;padding:9px 6px;font-size:16px;line-height:1.3;max-height:120px;color:var(--tx);-webkit-user-select:text;user-select:text}
#social .sv-go{animation:mSpr .28s var(--m-spring,ease)}
#social .sv-rcb{display:none;align-items:center;gap:10px}
#social .sv-ov.rc .sv-cm{display:none}
#social .sv-ov.rc .sv-rcb{display:flex;animation:mPop .26s var(--m-spring,ease)}
#social .sv-rx,#social .sv-rs{flex:none;border:0;border-radius:50%;display:grid;place-items:center}
#social .sv-rx{background:none;color:var(--bad,#ff3b30)}
#social .sv-rs{background:var(--ac);color:var(--onac,#fff)}
#social .sv-rx svg,#social .sv-rs svg{width:22px;height:22px}
#social .sv-lv{flex:1;height:6px;border-radius:3px;background:var(--fill);overflow:hidden;position:relative}
#social .sv-lv b{position:absolute;inset:0;border-radius:3px;background:var(--bad,#ff3b30);transform:scaleX(calc(.06 + var(--lv,0)*.94));transform-origin:0 50%;transition:transform .09s linear}
#social .sv-tm{font-variant-numeric:tabular-nums;font-weight:600;font-size:15px;min-width:50px}
#social .sv-tm::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--bad,#ff3b30);margin-right:7px;animation:svRec 1s ease-in-out infinite alternate}
#social .sv-t{position:absolute;left:50%;bottom:calc(78px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);z-index:20;display:flex;align-items:center;gap:14px;max-width:calc(100% - 32px);padding:10px 16px;border-radius:99px;background:rgba(30,30,32,.92);color:#fff;font-size:14px;font-weight:500;box-shadow:0 8px 28px rgba(0,0,0,.3);animation:mToast .4s var(--m-out,ease)}
#social .sv-t button{border:0;background:none;color:#64d2ff;font-weight:700;font-size:14px;padding:4px 2px}
#social .sv-sh{position:absolute;inset:0;z-index:30;display:flex;align-items:flex-end;justify-content:center}
#social .sv-sb{position:absolute;inset:0;background:rgba(0,0,0,.4);opacity:0;transition:opacity .25s linear}
#social .sv-sc{position:relative;width:min(100%,460px);margin:0 8px calc(8px + env(safe-area-inset-bottom,0px));padding:8px;border-radius:30px;background:color-mix(in srgb,var(--pn) 88%,transparent);backdrop-filter:blur(30px) saturate(1.8);-webkit-backdrop-filter:blur(30px) saturate(1.8);box-shadow:0 0 0 .5px var(--ln),0 20px 60px rgba(0,0,0,.35);transform:translate3d(0,110%,0);transition:transform .42s var(--m-out,cubic-bezier(.32,.72,0,1))}
#social .sv-sh.in .sv-sb{opacity:1}
#social .sv-sh.in .sv-sc{transform:none}
#social .sv-sh.out .sv-sb{opacity:0}
#social .sv-sh.out .sv-sc{transform:translate3d(0,110%,0);transition-duration:.22s}
#social .sv-sc button{display:flex;align-items:center;gap:14px;width:100%;min-height:52px;padding:0 16px;border:0;border-radius:22px;background:none;color:var(--tx);font-size:17px;font-weight:500;text-align:left}
#social .sv-sc button:active{background:var(--fill)}
#social .sv-sc button svg{width:22px;height:22px;color:var(--ac);flex:none}
#social .sv-sc button.bad,#social .sv-sc button.bad svg{color:var(--bad,#ff3b30)}
#social .sv-sc .sv-cn{justify-content:center;margin-top:4px;background:var(--fill);font-weight:700}
#social .sv-gr{width:36px;height:5px;border-radius:3px;background:var(--ln);margin:2px auto 6px}
#social .sv-lb{position:absolute;inset:0;z-index:40;background:#000;display:grid;place-items:center;opacity:0;transition:opacity .2s linear;touch-action:none}
#social .sv-lb.in{opacity:1}
#social .sv-lb img{max-width:100%;max-height:100%;width:auto;height:auto;min-height:0;object-fit:contain;border-radius:0;background:none}
#social .sv-lx,#social .sv-ld{position:absolute;top:calc(10px + env(safe-area-inset-top,0px));width:40px;height:40px;border:0;border-radius:50%;background:rgba(60,60,67,.6);color:#fff;display:grid;place-items:center}
#social .sv-lx{left:12px}#social .sv-ld{right:12px}
#social .sv-lb svg{width:20px;height:20px}
#social #xth>.sv-row{margin:0 0 10px;padding:12px 14px;border-radius:20px;background:var(--pn);box-shadow:0 0 0 .5px var(--ln);width:100%}
#social .sv-row i{width:46px;height:46px;border-radius:15px;background:linear-gradient(135deg,var(--ac),color-mix(in srgb,var(--ac) 55%,#000));color:var(--onac,#fff)}
#social .sv-row::after{content:"";flex:none;width:8px;height:8px;margin-right:4px;border-top:2px solid var(--mut);border-right:2px solid var(--mut);transform:rotate(45deg);opacity:.6}
@media(hover:none){#social .sv-d span{backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--pn)}}
@media(prefers-reduced-motion:reduce){#social .sv-ov,#social .sv-sc,#social .sv-sb,#social .sv-dnb{transition-duration:.01s!important}#social .sv-new,#social .sv-t,#social .sv-go{animation:none!important}}

/* v4: iOS edge-swipe strip (chat) + image button in Saved Messages */
#social .x-edge{position:absolute;left:0;top:calc(env(safe-area-inset-top,0px) + 56px);bottom:0;width:16px;z-index:30;touch-action:none}
#social .sv-im{flex:none;width:40px;height:40px;border:0;background:none;color:var(--mut);display:grid;place-items:center;border-radius:50%;cursor:pointer}
#social .sv-im svg{width:24px;height:24px}
#social .sv-im:active{transform:scale(.88);color:var(--ac,#0a84ff)}
#social .x-chat,#social .x-chat.x-out{animation:none!important}

/* v5 smooth chat open/close + no double-load flash */
#social .x-chat{box-shadow:none;contain:layout paint style}
#social .x-chat.x-out,#social .x-chat.x-out *{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;animation:none!important;transition:none!important}
#social .x-chat.x-out{pointer-events:none;will-change:transform}
#social .x-main.x-in,#social .x-main.x-in>*,#social .x-ins{animation:none!important}
#social #xmain{backface-visibility:hidden}

/* v6: chat input icons same size */
#social .x-qp,#social .x-stkb{width:30px;height:30px;margin:1px 0;display:grid;place-items:center;flex:none}
#social .x-qp svg,#social .x-stkb svg{width:23px;height:23px}
/* v6: ultra-smooth lightbox (opacity-only, GPU layer, no scale/relayout) */
#social .x-lbx{animation:xlbIn .16s cubic-bezier(.32,.72,0,1) backwards!important;contain:layout paint style;backface-visibility:hidden;transform:translateZ(0)}
@keyframes xlbIn{from{opacity:0}to{opacity:1}}
#social .x-lbx img{backface-visibility:hidden;transform:translateZ(0)}
html.xn-lb{scrollbar-gutter:auto!important}
@media(prefers-reduced-motion:reduce){#social .x-lbx{animation:none!important}}

/* v7: lightbox image is revealed only after decode (no first-frame hitch) */
#social .x-lbx img:not(.x-av):not(.x-rxi){transition:opacity .14s linear}
#social .x-lbx:not(.xn-rdy) img:not(.x-av):not(.x-rxi){opacity:0}

/* v7: chat bars and message box are solid (no backdrop blur), cheaper to paint */
#social .x-ch-h,#social .x-ch-i,#social .x-ch-r,#social .x-ch-r:not([style*="none"]),#social .x-ip,#social .x-newb,#social .x-ch-h .xvb,#social .xe-rec,#social .xe-lock{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
#social .x-ch-h,#social .x-ch-i,#social .xe-rec{background:var(--bg)!important;box-shadow:none!important}
#social .x-ip,#social .x-ch-r:not([style*="none"]),#social .x-newb,#social .xe-lock{background:var(--pn)!important}
#social .x-ip{box-shadow:none!important}

/* v7: chat scroller isolated so bubbles never repaint the rest of the page */
#social .x-ch-s{contain:layout style paint;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}

/* v8: Saved Messages composer = same box as normal chats */
#social .sv-ov footer{padding:0;background:none}
#social .sv-ov .sv-cm.x-ch-i{display:flex;align-items:flex-end;gap:8px;min-height:0;padding:10px 12px max(10px,env(safe-area-inset-bottom,0px));border:0;border-radius:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(0deg,color-mix(in srgb,var(--bg) 88%,transparent) 30%,transparent)}
#social .sv-ov.rc .sv-cm.x-ch-i{display:none}
#social .sv-ov footer .x-pl{width:36px;height:36px;color:var(--tx);background:var(--pn);box-shadow:0 0 0 .5px var(--glb,var(--ln))}
#social .sv-ov footer .x-pl svg{width:20px;height:20px}
#social .sv-ov footer .x-qp{width:30px;height:30px;margin:1px 0;color:var(--mut);background:none}
#social .sv-ov footer .x-qp svg{width:23px;height:23px}
#social .sv-ov footer .xe-mic{width:44px;height:44px;margin:-8px 0;color:var(--ac);background:none}
#social .sv-ov footer .xe-mic svg{width:22px;height:22px}
#social .sv-ov footer .x-ip .x-send{width:30px;height:30px;margin:1px 0;background:var(--ac);color:var(--onac)}
#social .sv-ov footer .x-send svg{width:18px;height:18px}
#social .sv-ov .x-ip textarea{padding:6px 0;min-height:26px;align-self:center}