body{margin:0}[hidden]{display:none!important}


/* Layout: single phone-width column (max 430px), profile header → tabs → feed; comments open as a bottom sheet. Light-only app by brief. */
:root{
  --bg:#FFFFFF; --page:#ECE9F3; --ink:#16132A; --ink2:#2B2640; --muted:#8A85A0; --line:#F0ECF6;
  --chip:#F1EEF7; --lav:#F8F5FF; --lav2:#F4EEFF; --lavline:#E6DCFB;
  --violet:#7C3AED; --violet-d:#5B21B6; --violet-t:#6D28D9; --plum:#4C1D95; --pink:#E11D74; --red:#EF4444;
  --gold-bg:#FEF3C7; --gold:#B45309;
  --grad:linear-gradient(105deg,#8B5CF6,#5B21B6);
  --font:-apple-system,BlinkMacSystemFont,"SF Arabic","SF Pro Text","Segoe UI",Roboto,"Noto Sans Arabic",Tahoma,sans-serif;
  color-scheme:light;
}
*{box-sizing:border-box}
html,body{background:var(--page)}
body{direction:rtl;font-family:var(--font);color:var(--ink);-webkit-font-smoothing:antialiased}
button{font:inherit;color:inherit;border:0;background:none;cursor:pointer;padding:0}
button:focus-visible,a:focus-visible{outline:2px solid var(--violet);outline-offset:2px;border-radius:10px}
p{margin:0}
.app{max-width:489px;margin:0 auto;background:var(--bg);min-height:100vh;position:relative;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));padding-block:12px 40px}
.top{display:flex;justify-content:space-between}
.round{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--bg);box-shadow:0 4px 14px rgba(46,16,101,.08),inset 0 0 0 1px var(--line)}
.hero{display:flex;flex-direction:column;align-items:center;text-align:center;margin-top:-6px}
.ring{width:132px;height:132px;border-radius:50%;padding:4px;background:conic-gradient(from 200deg,#7C3AED,#C026D3,#EC4899,#7C3AED);position:relative;box-shadow:0 14px 30px rgba(124,58,237,.18)}
.ring img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:4px solid var(--bg);display:block}
.ver{position:absolute;bottom:6px;left:6px}
h1{font-size:26px;font-weight:700;margin:14px 0 0;text-wrap:balance}
.handle{color:var(--muted);direction:ltr;font-size:15px;margin-top:2px}
.stats{display:flex;gap:8px;align-items:center;margin-top:12px}
.stat{height:30px;border-radius:15px;background:#F6F4FA;padding:0 12px;display:flex;align-items:center;gap:5px;font-size:13px;color:var(--muted)}
.stat b{color:var(--ink);font-size:14px}
.stat.main{height:36px;border-radius:18px;padding:0 15px;transform:translateY(-4px);background:var(--bg);color:var(--violet-t);box-shadow:inset 0 0 0 1.5px #8B5CF6}
.stat.main b{color:var(--violet-t);font-size:17px}
.bio{margin-top:6px;font-size:15px}
.welcome{width:100%;margin-top:12px;height:58px;border-radius:29px;background:linear-gradient(110deg,#F7F3FF,#FCF8FF 55%,#F3EDFF);box-shadow:inset 0 0 0 1px #ECE4FB;display:flex;align-items:center;gap:10px;padding:0 8px 0 18px}
.welcome .play{width:42px;height:42px;box-shadow:0 4px 10px rgba(72,34,251,.2)}
.welcome .wave{height:22px}

.welcome .mid{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;position:relative}
.welcome{position:relative}
.welcome .mid{align-self:stretch;justify-content:center}
.welcome .lbl{position:absolute;top:5px;left:0;right:0;text-align:center;font-size:11px;line-height:1;font-weight:600;color:var(--violet-t)}
.welcome .wave{flex:0 0 auto;width:100%}
.btns{display:flex;gap:6px;width:100%;margin-top:12px}
.b-follow{flex:1;height:38px;border-radius:10px;background:var(--grad);color:#fff;font-weight:600;font-size:14px}
.b-follow.on{background:var(--chip);color:var(--ink)}
.b-msg{flex:1;height:38px;border-radius:10px;background:var(--chip);font-weight:600;font-size:14px}
.b-add{width:42px;height:38px;border-radius:10px;background:var(--chip);display:grid;place-items:center}
.tabs{display:grid;grid-template-columns:repeat(5,1fr);margin:18px calc(-1*max(16px,env(safe-area-inset-left,0px))) 0;border-bottom:1px solid #EEE9F7}
.tab{display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 0;border-bottom:2.5px solid transparent;font-size:12.5px;color:#6B6B78}
.tab.on{border-color:var(--violet);color:var(--violet);font-weight:700}
.post{padding:12px 0 12px;position:relative}
.post+.post::before{content:"";position:absolute;top:0;height:8px;left:calc(-1*max(16px,env(safe-area-inset-left,0px)));right:calc(-1*max(16px,env(safe-area-inset-right,0px)));background:#F3F1F7}
.post+.post{padding-top:20px}
.post:first-child{padding-top:8px}
.ph{display:flex;align-items:center;gap:10px}
.ph img{width:38px;height:38px;border-radius:50%;object-fit:cover}
.ph .who{flex:1;min-width:0}
.ph .nm{display:flex;align-items:center;gap:5px;font-weight:700;font-size:15px}
.ph small{font-size:12px;color:#7A7590}
.breaking{align-self:flex-start;margin-top:2px;font-size:11.5px;font-weight:600;color:#fff;background:var(--red);border-radius:10px;padding:1px 8px;display:flex;align-items:center;gap:4px}
.breaking i{width:6px;height:6px;border-radius:50%;background:#fff}
.dots{align-self:flex-start;margin-top:2px;letter-spacing:1px;font-weight:700}
.headline{font-size:17.5px;font-weight:700;line-height:1.45;margin-top:8px;text-wrap:balance}
.txt{font-size:15px;line-height:1.55;margin-top:8px}
.pvt{overflow:hidden;margin:0 -2px;padding:0 2px}.pvr{display:flex;will-change:transform}.pvc{flex:0 0 100%;min-width:0}
.pv{margin-top:10px;height:44px;border-radius:22px;background:linear-gradient(110deg,#F3EEFF,#FBF3FF 55%,#EDE4FF);box-shadow:inset 0 0 0 1px #E6DAFF;display:flex;align-items:center;gap:10px;padding:0 6px 0 14px}
.play{width:46px;height:46px;border-radius:50%;background:linear-gradient(145deg,#9635F5,#4822FB);display:grid;place-items:center;flex-shrink:0;box-shadow:0 6px 14px rgba(72,34,251,.28)}
.wave{flex:1;min-width:0;height:30px;display:flex;align-items:center;justify-content:flex-end;gap:var(--g,2.6px);direction:ltr;overflow:hidden}
.wave i{flex:0 0 var(--bw,3px);border-radius:3px;background:var(--violet)}
.cv .wave{--bw:2.6px;--g:2.2px}
.welcome .wave{--bw:2.6px;--g:2.4px}
.wave i.dim{background:#D8CCFB}
.t{font-size:13px;font-weight:600;color:var(--plum);direction:ltr;font-variant-numeric:tabular-nums}
.img{margin-top:10px;border-radius:18px;overflow:hidden;line-height:0}
.acts{display:flex;align-items:center;gap:16px;margin-top:6px;font-weight:600;font-size:13.5px}
.acts>button{display:flex;align-items:center;gap:5px}
.vr{display:flex;align-items:center;gap:5px;height:30px;border-radius:15px;background:var(--lav2);color:var(--violet-t);padding:0 12px;font-size:12.5px;margin-left:12px}
.tc{margin-top:6px;border-radius:16px;background:var(--lav);padding:8px 11px 6px}
.pv .play{width:34px;height:34px;box-shadow:0 4px 10px rgba(72,34,251,.25)}
.pv .play svg{width:14px;height:14px}
.pv .wave{height:20px}
.pv .t{font-size:12.5px}
.tc .h{display:flex;align-items:center;gap:8px}
.tc .h img{width:28px;height:28px;border-radius:50%;object-fit:cover}
.badge{font-size:11px;font-weight:600;color:var(--gold);background:var(--gold-bg);border-radius:8px;padding:1px 7px;display:flex;align-items:center;gap:3px}
.lk{margin-right:auto;display:flex;align-items:center;gap:3px;font-size:12.5px;color:#7A7590}
.cv{display:flex;align-items:center;gap:8px;height:32px;border-radius:16px;background:linear-gradient(90deg,#F7F3FF,#F2ECFF);box-shadow:inset 0 0 0 1px #E4DAFB;padding:0 5px 0 12px}
.cv .play{width:24px;height:24px;background:linear-gradient(145deg,#A78BFA,#7C3AED);box-shadow:0 3px 8px rgba(124,58,237,.25)}
.cv .play svg{width:11px;height:11px}
.cv .wave{height:16px}.cv .wave i{background:#A78BFA}.cv .wave i.on{background:#5B21B6}
.cv .t{font-size:11.5px;font-weight:600;color:#6D28D9}
.all{display:flex;align-items:center;justify-content:center;gap:6px;margin:6px auto 0;font-weight:600;font-size:13px;color:var(--violet)}
.empty{padding:40px 0;text-align:center;color:var(--muted);font-size:14px}
/* sheet */
.scrim{position:fixed;inset:0;background:rgba(22,10,48,.45);z-index:20;opacity:0;transition:opacity .25s}
.scrim.open{opacity:1}
.sheet{position:fixed;left:50%;bottom:0;width:min(489px,100%);transform:translate(-50%,100%);transition:transform .3s cubic-bezier(.2,.8,.2,1);z-index:21;background:var(--bg);border-radius:28px 28px 0 0;height:82vh;display:flex;flex-direction:column;padding-bottom:env(safe-area-inset-bottom,0px)}
.sheet.open{transform:translate(-50%,0)}
.grab{width:40px;height:4px;border-radius:2px;background:#DDD3F5;margin:9px auto 0}
.sh{display:flex;align-items:center;justify-content:space-between;padding:14px 18px 4px}
.sh b{font-size:18px}.sh span{color:#7A7590;font-weight:500}
.sort{display:flex;gap:7px;padding:8px 18px 4px}
.sort button{height:34px;border-radius:17px;padding:0 15px;font-size:13px;font-weight:600;background:var(--bg);color:#4B4560;box-shadow:inset 0 0 0 1px #E4DFEC}
.sort button.on{background:#2E1065;color:#fff;box-shadow:none}
.list{flex:1;overflow:auto;padding:0 18px 20px}
.c{display:flex;gap:10px;padding:14px 0 12px;border-bottom:1px solid #F2EEF8}
.c:last-child{border-bottom:0}
.c .av{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0}
.c .av.top{width:32px;height:32px;box-shadow:0 0 0 2px #fff,0 0 0 4px #C026D3;margin:4px}
.c .body{flex:1;min-width:0}
.c .hd{display:flex;align-items:center;gap:6px}
.c .hd b{font-size:14.5px}
.c .tm{font-size:12px;color:#9C96AE}
.c .likes{margin-right:auto;display:flex;align-items:center;gap:4px;font-size:13px;font-weight:600;color:var(--muted)}
.c .likes.on{color:var(--pink)}
.c p{margin-top:3px;font-size:14px;color:var(--ink2);line-height:1.55}
.sv{margin-top:9px;display:flex;align-items:center;gap:10px;height:42px;border-radius:21px;background:linear-gradient(90deg,#F7F1FF,#F1EAFF);box-shadow:inset 0 0 0 1.5px #E2D6FB;padding:0 5px 0 14px}
.sv .play{width:32px;height:32px;box-shadow:0 4px 10px rgba(109,40,217,.35)}
.sv .wave{height:22px}
.sv .t{font-size:12.5px}
.cf{display:flex;align-items:center;gap:18px;margin-top:10px;font-size:12.5px;font-weight:600}
.cf .r{display:flex;align-items:center;gap:4px;color:#7A7590}
.cf .rep{display:flex;align-items:center;gap:6px;color:var(--violet)}
.cf .rep::before{content:"";width:20px;height:1.5px;background:#D8CCFF}
.composer{padding:8px 14px 14px;border-top:1px solid #F2EEF8;position:relative}
.composer .row{display:flex;align-items:flex-end;gap:10px}
.composer img{width:40px;height:40px;border-radius:50%;object-fit:cover;margin-bottom:5px}
.composer .in{flex:1;min-height:50px;border-radius:25px;background:#F6F2FF;display:flex;align-items:center;padding:0 16px}
.composer input{flex:1;min-width:0;border:0;background:none;font:inherit;font-size:14.5px;color:var(--ink);outline:none;height:50px}
.composer input::placeholder{color:#8F86B3}
.stack{position:relative;width:50px;height:50px;flex-shrink:0}
.stack .mic{position:absolute;inset:0;width:50px;height:50px;transition:transform .2s}
.mini{position:absolute;left:0;bottom:60px;width:50px;height:50px;border-radius:50%;background:var(--grad);box-shadow:0 6px 16px rgba(109,40,217,.38);display:grid;place-items:center;transition:transform .22s cubic-bezier(.2,.9,.3,1.3),opacity .2s;transform:translateY(20px) scale(.6);opacity:0;pointer-events:none}
.mini.show{transform:none;opacity:1;pointer-events:auto}
.att{display:flex;align-items:center;gap:10px;height:46px;border-radius:23px;margin:2px 0 10px;padding:0 6px 0 14px;background:linear-gradient(90deg,#F7F1FF,#F1EAFF);box-shadow:inset 0 0 0 1.5px #E2D6FB}
.att.recording{background:#FFF5F5;box-shadow:inset 0 0 0 1.5px #FECACA}
.att .dot{width:9px;height:9px;border-radius:50%;background:#EF4444;animation:blink 1s infinite}
@keyframes blink{50%{opacity:.25}}
.att .t{font-size:13px}
.att .stop{width:36px;height:36px;border-radius:50%;background:#EF4444;display:grid;place-items:center}
.att .del{width:32px;height:32px;display:grid;place-items:center}
.att .play{width:34px;height:34px;box-shadow:none}
.att .lbl{flex:1;font-size:12.5px;color:#B91C1C}
.att[hidden]{display:none}
.vc-scrim{position:absolute;inset:0;background:rgba(22,10,48,.35);z-index:5;opacity:0;transition:opacity .2s;border-radius:28px 28px 0 0}
.vc-scrim.open{opacity:1}
.vc{position:absolute;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:6;background:var(--bg);border-radius:28px;box-shadow:0 20px 50px rgba(30,10,80,.3);padding:18px 18px 18px;transform:translateY(30px) scale(.96);opacity:0;transition:transform .25s cubic-bezier(.2,.9,.3,1.2),opacity .2s}
.vc.open{transform:none;opacity:1}
.vc .hd{display:flex;align-items:center;gap:10px}
.vc .hd img{width:36px;height:36px;border-radius:50%;object-fit:cover}
.vc .hd b{flex:1;font-size:14.5px}
.vc .x{width:32px;height:32px;border-radius:50%;background:#F4F2F8;display:grid;place-items:center;color:#5B5670;font-size:16px}
.vc .quote{margin-top:12px;background:#F8F5FF;border-radius:16px;padding:10px 12px;font-size:15px;line-height:1.55;color:var(--ink);box-shadow:inset -3px 0 0 #8B5CF6}
.vc .quote[contenteditable]:focus{outline:2px solid #C4B5FD}
.vc .stage{margin-top:16px;height:120px;border-radius:22px;background:linear-gradient(120deg,#F3EEFF,#FBF5FF 55%,#EFE6FF);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;position:relative;overflow:hidden}
.vc .stage .wave{width:86%;flex:0 0 46px;height:46px;justify-content:center}
.vc .stage .wave i{transition:height .12s}
.vc .clock{font-size:22px;font-weight:700;color:#4C1D95;direction:ltr;font-variant-numeric:tabular-nums;display:flex;align-items:center;gap:8px}
.vc .clock .dot{width:10px;height:10px;border-radius:50%;background:#EF4444;animation:blink 1s infinite}
.vc .ctrl{display:flex;align-items:center;justify-content:space-between;margin-top:16px}
.vc .side{width:48px;height:48px;border-radius:50%;background:#F4F2F8;display:grid;place-items:center}
.vc .big{width:68px;height:68px;border-radius:50%;display:grid;place-items:center;background:#EF4444;box-shadow:0 0 0 8px rgba(239,68,68,.14),0 10px 22px rgba(239,68,68,.32)}
.vc .big.play{background:var(--grad);box-shadow:0 10px 22px rgba(109,40,217,.35)}
.vc .send{height:48px;border-radius:24px;background:var(--grad);color:#fff;font-weight:700;font-size:15px;display:flex;align-items:center;gap:8px;padding:0 20px;box-shadow:0 8px 18px rgba(109,40,217,.35)}
.vc .send[disabled]{opacity:.35;box-shadow:none}
.vc .note{text-align:center;font-size:12px;color:#8A85A0;margin-top:10px}

.mic{width:40px;height:40px;border-radius:50%;background:var(--grad);display:grid;place-items:center;box-shadow:0 5px 12px rgba(109,40,217,.38)}
.mic.rec{animation:pulse 1s infinite}
@keyframes pulse{50%{box-shadow:0 0 0 8px rgba(147,51,234,.18)}}
.toast{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);background:#16132A;color:#fff;font-size:13px;padding:9px 16px;border-radius:20px;z-index:40;opacity:0;transition:opacity .2s;pointer-events:none}
.toast.show{opacity:1}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
.vc{background:#fff!important;color:var(--ink);border-radius:30px!important;padding:18px 18px 16px!important;box-shadow:0 24px 50px rgba(46,16,101,.22),inset 0 0 0 1px #EFE9FA!important;overflow:hidden}
.vc::before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:linear-gradient(90deg,#8B5CF6,#5B21B6)}
.vc .hd b{color:var(--ink)}
.vc .x{background:#F4F2F8!important;color:#5B5670!important}
.vc .quote{background:var(--lav)!important;color:var(--ink)!important;box-shadow:none!important;border-radius:16px!important;position:relative}
.vc .quote::before{content:"النص";display:block;font-size:11px;font-weight:600;color:#8B5CF6;margin-bottom:2px}
.vc .stage{height:auto!important;padding:16px 14px 14px!important;margin-top:12px!important;border-radius:26px!important;background:linear-gradient(110deg,#F3EEFF,#FBF3FF 55%,#EDE4FF)!important;box-shadow:inset 0 0 0 1.5px #E6DAFF;flex-direction:column!important;gap:10px!important}
.vc .stage::after{display:none}
.vc .clock{order:2;color:var(--plum)!important;font-size:24px!important}
.vc .stage .wave{order:1;width:100%!important;flex:0 0 52px!important;height:52px!important}
.vc .stage .wave i{background:var(--violet)!important}
.vc .ctrl{margin-top:14px!important}
.vc .side{background:var(--lav2)!important}
.vc .side svg{stroke:#6D28D9}
.vc .big{width:72px!important;height:72px!important;background:linear-gradient(145deg,#9635F5,#4822FB)!important;box-shadow:0 0 0 8px rgba(150,53,245,.12),0 0 0 16px rgba(150,53,245,.06),0 10px 22px rgba(72,34,251,.35)!important;animation:halo 1.6s ease-in-out infinite}
.vc .big.ready{animation:none}
.vc .big.play{animation:none;box-shadow:0 10px 22px rgba(72,34,251,.35)!important}
@keyframes halo{50%{box-shadow:0 0 0 12px rgba(150,53,245,.16),0 0 0 24px rgba(150,53,245,.07),0 10px 22px rgba(72,34,251,.35)}}
.vc .clock .dot{background:#EF4444}
.vc .send{background:var(--grad)!important}
.vc .send[disabled]{background:#EDE9F5!important;color:#A39DB5;opacity:1!important;box-shadow:none!important}
.vc .send[disabled] svg path{fill:#A39DB5}
.vc .note{color:#8A85A0!important}
.vc .quote{min-height:58px;cursor:text;padding-left:40px!important}
.vc .quote:empty::after{content:"اكتب نصًا مع الفويس (اختياري)";color:#9C93BF}
.vc .pen{position:absolute;left:12px;bottom:12px;width:28px;height:28px;border-radius:50%;background:#fff;display:grid;place-items:center;box-shadow:0 2px 6px rgba(46,16,101,.1);pointer-events:none}
.vc .qwrap{position:relative;margin-top:12px}.vc .qwrap .quote{margin-top:0!important}
.vc .ctrl{display:grid!important;grid-template-columns:1fr auto 1fr;align-items:center}
.vc .ctrl #vcRedo{justify-self:start}.vc .ctrl .send{justify-self:end}
.vc .note{text-align:center;width:100%;margin-top:22px!important;font-size:13px!important;color:#6B6585!important}
.vc .rto{display:flex;align-items:center;gap:8px;margin-top:10px;padding:6px 10px;border-radius:12px;background:#FAF8FF;box-shadow:inset -3px 0 0 #8B5CF6}
.vc .rto img{width:24px;height:24px;border-radius:50%;object-fit:cover;flex-shrink:0;align-self:flex-start;margin-top:2px}
.vc .rto div{min-width:0;display:flex;flex-direction:column;gap:1px;line-height:1.35}
.vc .rto b{font-size:12px;color:#6D28D9}
.vc .rto span{font-size:12px;color:#3A3550;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vc .rto em{font-style:normal;font-size:11px;color:#8A85A0;display:flex;align-items:center;gap:3px;direction:rtl}
.vc .rto[hidden]{display:none!important}
.vc.reply{padding:14px 14px 12px!important}
.vc.reply .hd img{width:30px;height:30px}
.vc.reply .hd b{font-size:13.5px}
.vc.reply .x{width:28px;height:28px}
.vc.reply .quote{min-height:42px;padding:7px 12px 7px 36px!important;font-size:13.5px}
.vc.reply .quote::before{font-size:10px}
.vc.reply .pen{width:24px;height:24px;bottom:9px;left:9px}
.vc.reply .pen svg{width:12px;height:12px}
.vc.reply .stage{padding:10px 12px 8px!important;margin-top:8px!important;border-radius:20px!important;gap:4px!important}
.vc.reply .stage .wave{flex-basis:34px!important;height:34px!important}
.vc.reply .clock{font-size:18px!important}
.vc.reply .ctrl{margin-top:10px!important}
.vc.reply .big{width:54px!important;height:54px!important}
.vc.reply .big svg{width:22px;height:22px}
.vc.reply .side{width:38px;height:38px}
.vc.reply .send{height:40px;font-size:13.5px;padding:0 16px}
.vc.reply .note{margin-top:14px!important;font-size:12px!important}
.vc .quote,.vc.reply .quote,.composer input{font-size:16px!important}
.vc-scrim{position:fixed!important;inset:0!important;z-index:30!important;border-radius:0!important}
.vc{position:fixed!important;z-index:31!important;left:max(12px,calc(50% - 232px))!important;right:max(12px,calc(50% - 232px))!important}
@media (prefers-reduced-motion:reduce){.vc .big{animation:none}}

.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5px;margin:2px calc(-1*max(16px,env(safe-area-inset-left,0px))) 0}
.tile{position:relative;aspect-ratio:3/4;overflow:hidden;display:block;background:#F4F2F8;max-width:100%}
.tile svg{width:100%;height:100%;display:block;transition:transform .3s}
.tile svg{object-fit:cover}
.tile:active svg{transform:scale(.97)}
.tile .tb{position:absolute;top:7px;left:7px;width:24px;height:24px;border-radius:7px;display:grid;place-items:center;background:rgba(0,0,0,.28)}
.tile .tl{position:absolute;bottom:7px;left:8px;direction:ltr;display:flex;align-items:center;gap:3px;color:#fff;font-size:11.5px;font-weight:600;text-shadow:0 1px 3px rgba(0,0,0,.45)}
.img svg{width:100%;display:block;aspect-ratio:1/1}
.viewer{position:fixed;inset:0;z-index:15;background:var(--bg);display:flex;flex-direction:column;max-width:489px;margin:0 auto}
.vwh{display:flex;align-items:center;justify-content:space-between;padding:calc(10px + env(safe-area-inset-top,0px)) 16px 10px;border-bottom:1px solid var(--line)}
.vwh div{display:flex;flex-direction:column;align-items:center;line-height:1.2}.vwh small{font-size:11.5px;color:var(--muted);direction:ltr}.vwh b{font-size:15px}
.vwb{flex:1;overflow:auto;padding:4px 16px 30px}
.viewer[hidden]{display:none}
/* ===== v2: home, nav, carousel, song, create ===== */
/* inputs must be >=16px after zoom to stop iOS auto-zoom */
input,textarea,[contenteditable]{font-size:18.3px!important}
#lbox[hidden],#home .stories[hidden],#comHead[hidden]{display:none!important}

/* share sheet */
.shs-scrim{position:fixed;inset:0;z-index:28;background:rgba(22,10,48,.45)}.shs-scrim[hidden],.shs[hidden]{display:none}
.shs{position:fixed;left:50%;bottom:0;transform:translate(-50%,100%);width:min(489px,100%);z-index:29;background:#fff;border-radius:28px 28px 0 0;padding:0 16px calc(22px + env(safe-area-inset-bottom,0px));transition:transform .28s cubic-bezier(.2,.8,.2,1)}
.shs.open{transform:translate(-50%,0)}
.shs h3{font-size:17px;margin:12px 4px 12px}
.shs button.row{display:flex;align-items:center;gap:12px;width:100%;padding:12px 10px;border-radius:14px;text-align:right;font-weight:600;font-size:15px}
.shs button.row .ib{width:44px;height:44px;border-radius:50%;background:#F4F2F8;display:grid;place-items:center;flex-shrink:0}
.shs button.row.hl{background:#F4EEFF;box-shadow:inset 0 0 0 1px #E6DCFB;margin-top:6px}
.shs button.row.hl .ib{width:50px;height:50px;background:linear-gradient(145deg,#9635F5,#4822FB);box-shadow:0 6px 14px rgba(72,34,251,.3)}
/* share video page */
.svp{position:fixed;inset:0;z-index:30;background:#F7F5FB;max-width:489px;margin:0 auto;display:flex;flex-direction:column;transform:translateY(100%);transition:transform .3s cubic-bezier(.2,.8,.2,1)}.svp.open{transform:none}.svp[hidden]{display:none}
.svh{display:flex;align-items:center;gap:10px;padding:calc(12px + env(safe-area-inset-top,0px)) 14px 12px;background:#fff;border-bottom:1px solid #F0ECF6}.svh b{font-size:16px}
.svb{flex:1;overflow:auto;padding:16px 16px 40px}
.spin{width:44px;height:44px;border-radius:50%;border:4px solid rgba(255,255,255,.3);border-top-color:#fff;animation:spin .8s linear infinite;display:block}.spin.dark{border-color:#EDE4FF;border-top-color:#7C3AED}
@keyframes spin{to{transform:rotate(360deg)}}
.plat{position:fixed;inset:0;z-index:32;background:rgba(22,10,48,.45);display:flex;align-items:flex-end;justify-content:center}.plat[hidden]{display:none}
.pbox{width:min(489px,100%);background:#fff;border-radius:28px 28px 0 0;padding:28px 20px calc(26px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;align-items:center;text-align:center}
/* video frame */
.vframe{position:relative;width:252px;aspect-ratio:9/16;margin:4px auto 0;border-radius:22px;overflow:hidden;background:linear-gradient(160deg,#2E1065 0%,#5B21B6 45%,#7C3AED 75%,#EC4899 100%);box-shadow:0 20px 50px rgba(46,16,101,.3);isolation:isolate}
.vorb{position:absolute;width:150px;height:150px;border-radius:50%;filter:blur(26px);opacity:.55;animation:orb 7s ease-in-out infinite alternate}.vorb.a{background:#A855F7;top:-20px;right:-30px}.vorb.b{background:#FB7185;bottom:-30px;left:-40px;animation-delay:-3.5s}
@keyframes orb{to{transform:translate(-40px,60px) scale(1.15)}}
.vvig{position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(0,0,0,0) 55%,rgba(10,4,30,.55) 100%);pointer-events:none}
.vprog{position:absolute;top:8px;left:10px;right:10px;display:flex;gap:3px;z-index:6;direction:rtl}.vprog i{flex:1;height:3px;border-radius:2px;background:rgba(255,255,255,.3);overflow:hidden;display:block}.vprog i b{display:block;height:100%;width:0;background:#fff;margin-right:0}
.vrec{position:absolute;top:18px;left:12px;z-index:6;color:#fff;font-size:9px;font-weight:700;letter-spacing:.5px;direction:ltr}.vrec::first-letter{color:#EF4444}.vrec{animation:rec 1.2s steps(1) infinite}@keyframes rec{50%{opacity:.35}}
.vwm{position:absolute;bottom:8px;left:10px;z-index:6;opacity:.75;direction:ltr}
.vphone{position:absolute;left:50%;top:50%;width:230px;height:398px;margin:-199px 0 0 -115px;border-radius:18px;box-shadow:0 0 0 3px rgba(255,255,255,.5),0 24px 50px rgba(10,4,30,.55);overflow:hidden;background:#fff;z-index:3}
.vphone.whip{animation:whip .55s cubic-bezier(.2,.8,.2,1)}.vphone.fade{animation:vfade .55s ease}
@keyframes whip{0%{transform:perspective(600px) rotateY(-9deg) scale(.96);filter:blur(2.5px);opacity:.4}100%{transform:none;filter:none;opacity:1}}
@keyframes vfade{0%{opacity:.3}100%{opacity:1}}
.vscreen{position:absolute;inset:0;overflow:hidden}
.vcam{position:absolute;top:0;right:0;width:390px;height:675px;transform-origin:50% 50%;transition:transform 1s cubic-bezier(.45,.05,.2,1);zoom:.59;padding:0 16px;background:#fff;direction:rtl}
.vstat{display:flex;justify-content:space-between;padding:10px 6px 4px;font-size:14px;direction:ltr}.vstat span{font-size:11px;letter-spacing:1px}
.vtop{display:flex;justify-content:center;padding:6px 0 10px;border-bottom:1px solid #F0ECF6;margin:0 -16px}
.vpost .post{padding-top:12px}
.vdim{position:absolute;inset:0;background:#000;opacity:0;transition:opacity .55s;pointer-events:none;z-index:4}.vdim.on{opacity:.62}
.vsheet{position:absolute;left:0;right:0;bottom:0;height:277px;background:#fff;border-radius:13px 13px 0 0;transform:translateY(105%);transition:transform .55s cubic-bezier(.2,.8,.2,1);z-index:5;zoom:1;overflow:hidden}
.vsheet.on{transform:none}
.vsheet>*{zoom:.59}.vsheet{font-size:14px}
.vc-row{display:flex;gap:10px;padding:12px;border-radius:16px;transition:transform .4s,opacity .4s,background .4s;margin:0 -8px}
.vc-row img{width:38px;height:38px;border-radius:50%;object-fit:cover;flex-shrink:0}
.vc-row.cur{transform:scale(1.04);background:#F8F5FF}.vc-row.dimr{opacity:.28}
.vtap{position:absolute;width:56px;height:56px;margin:-28px 0 0 -28px;border-radius:50%;background:rgba(255,255,255,.35);box-shadow:0 0 0 2px #fff;opacity:0;pointer-events:none;z-index:7;zoom:.59}
.vtap.go{animation:tap .75s ease-out}@keyframes tap{0%{transform:scale(.3);opacity:1}100%{transform:scale(1.5);opacity:0}}
.vend{position:absolute;inset:0;z-index:8;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#fff;text-align:center;background:rgba(46,16,101,.85);backdrop-filter:blur(10px);opacity:0;pointer-events:none;transition:opacity .5s}
.vend.on{opacity:1}.vend.on .vpop{animation:pop .7s cubic-bezier(.3,1.6,.5,1)}@keyframes pop{0%{transform:scale(.6);opacity:0}100%{transform:none;opacity:1}}
.vend .word{direction:ltr}.vend .vq{font-size:30px;margin-top:10px}.vend p{font-size:13px;opacity:.9;padding:0 16px}
.vmic{width:62px;height:62px;border-radius:50%;background:#fff;display:grid;place-items:center;margin-top:10px;animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{50%{box-shadow:0 0 0 12px rgba(255,255,255,.18)}}
.vflash{position:absolute;inset:0;z-index:9;pointer-events:none;background:radial-gradient(circle,rgba(255,255,255,.75),rgba(237,228,255,0) 70%);opacity:0}.vflash.go{animation:flash .45s ease-out}@keyframes flash{0%{opacity:.9}100%{opacity:0}}
.vresume{position:absolute;left:50%;top:50%;width:64px;height:64px;margin:-32px 0 0 -32px;border-radius:50%;background:rgba(20,10,45,.45);backdrop-filter:blur(8px);display:grid;place-items:center;z-index:10}.vresume[hidden]{display:none}


.gp-scrim{position:fixed;inset:0;z-index:33;background:rgba(10,4,30,.35)}.gp-scrim[hidden],.gp[hidden],.gfx[hidden]{display:none}
.gp{position:fixed;left:50%;bottom:0;transform:translate(-50%,100%);width:min(489px,100%);z-index:34;background:linear-gradient(180deg,rgba(30,16,70,.96),rgba(14,8,34,.99));backdrop-filter:blur(16px);border-radius:24px 24px 0 0;padding:10px 10px calc(22px + env(safe-area-inset-bottom,0px));transition:transform .3s cubic-bezier(.2,.8,.2,1);color:#fff;box-shadow:0 -10px 30px rgba(0,0,0,.35)}
.gp.open{transform:translate(-50%,0)}
.gt{position:relative;text-align:center;padding:10px 4px 8px;border-radius:18px;background:rgba(255,255,255,.05);transition:transform .2s,background .2s;width:100%}
.gt.on{background:linear-gradient(180deg,rgba(167,139,250,.32),rgba(124,58,237,.18));box-shadow:inset 0 0 0 1.5px #C4B5FD,0 0 24px rgba(167,139,250,.35);transform:translateY(-4px)}
.gt img{display:block;margin:0 auto;object-fit:cover}
.gt b{display:block;color:#fff;margin-top:7px}.gt .gc{display:inline-flex;align-items:center;gap:3px;font-weight:700;font-size:11px;color:#FDE68A}
.gt .gsend{display:none;margin:8px 4px 0;height:32px;border-radius:10px;background:linear-gradient(135deg,#A78BFA,#7C3AED);color:#fff;font-weight:800;font-size:13px;line-height:32px;box-shadow:0 6px 14px rgba(124,58,237,.5)}.gt.on .gsend{display:block}
.gqty{display:flex;height:40px;border-radius:20px;background:rgba(255,255,255,.08);padding:3px;gap:2px}.gqty button{min-width:40px;height:34px;border-radius:17px;font-weight:800;font-size:13px;color:rgba(255,255,255,.7)}.gqty button.on{background:#fff;color:#4C1D95}
.coin{width:16px;height:16px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#FEF3C7,#FBBF24 45%,#D97706);display:inline-block;flex-shrink:0;vertical-align:-3px}
.gfx{position:fixed;inset:0;z-index:36;background:rgba(14,8,34,.82);backdrop-filter:blur(6px);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-align:center;padding:20px}
.gfx .gimg{width:200px;height:200px;border-radius:40px;object-fit:cover;animation:gpop .6s cubic-bezier(.3,1.6,.5,1)}
@keyframes gpop{0%{transform:scale(.4);opacity:0}100%{transform:none;opacity:1}}
.gfx .gx{font:900 46px var(--font);color:#FDE68A;font-style:italic;text-shadow:0 4px 16px rgba(0,0,0,.5)}
.gcombo{margin-top:20px;width:84px;height:84px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#A78BFA var(--p,100%),rgba(255,255,255,.15) 0)}
.gcombo span{width:72px;height:72px;border-radius:50%;background:#7C3AED;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:800;font-size:14px;line-height:1.15}
.gchip{display:inline-flex;align-items:center;gap:3px;height:20px;border-radius:10px;background:#F1EAFF;color:#5B21B6;font-weight:700;font-size:11px;padding:0 7px 0 3px}.gchip img{width:16px;height:16px;border-radius:5px;object-fit:cover}

/* bigger nav */
.bnav>button{font-size:12.5px!important;gap:4px!important}
.bnav>button:not(.plus) svg{width:29px;height:29px}
.bnav .me img{width:29px!important;height:29px!important}
.bnav .plus{width:62px!important;height:62px!important}
.bnav .plus svg{width:30px;height:30px}
/* bigger post actions */
.acts{gap:20px!important;font-size:15px!important;margin-top:8px!important}
.acts>button:not(.vr):not(.sup) svg{width:27px;height:27px}
.acts>button{gap:6px!important}
.vr,.sup{height:36px!important;border-radius:18px!important;font-size:14px!important;padding:0 14px!important}
.vr svg,.sup svg{width:17px;height:17px}
/* post page */
.tcard{cursor:pointer}
.pp{position:fixed;inset:0;z-index:14;background:#fff;max-width:489px;margin:0 auto;display:flex;flex-direction:column;transform:translateX(-100%);transition:transform .28s cubic-bezier(.2,.8,.2,1)}
.pp.open{transform:none}.pp[hidden]{display:none}
.pph{display:flex;align-items:center;gap:10px;padding:calc(10px + env(safe-area-inset-top,0px)) 14px 10px;border-bottom:1px solid #F0ECF6}
.pph b{font-size:16px;flex:1}
.ppb{flex:1;overflow:auto;padding:0 16px 96px}
.ppb .post{padding-top:12px}
.ppsort{display:flex;align-items:center;justify-content:space-between;padding:14px 0 4px;border-top:8px solid #F3F1F7;margin:6px -16px 0;padding-inline:16px}
.ppsort b{font-size:16px}
.ppsort button{font-weight:600;font-size:13px;color:#6D28D9}
.ppf2{position:absolute!important;left:0;right:0;bottom:0;background:#fff;padding-bottom:calc(14px + env(safe-area-inset-bottom,0px))!important}
.ppf{position:absolute;left:0;right:0;bottom:0;background:#fff;border-top:1px solid #F0ECF6;padding:10px 14px calc(14px + env(safe-area-inset-bottom,0px));display:flex;align-items:center;gap:10px}
.ppf img{width:38px;height:38px;border-radius:50%;object-fit:cover}
.ppf .in{flex:1;height:46px;border-radius:23px;background:#F6F2FF;display:flex;align-items:center;padding:0 16px;font-size:14.5px;color:#7A6FA0;text-align:right}
.ppf .mic{width:46px;height:46px;border-radius:50%;background:linear-gradient(145deg,#9635F5,#4822FB);display:grid;place-items:center;box-shadow:0 5px 12px rgba(109,40,217,.38)}

body{zoom:.88;margin:0}

.app{padding-bottom:110px}
.app[hidden]{display:none}
.hhead{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:6px 0 6px}
.rb{position:relative;width:42px;height:42px;border-radius:50%;background:#F6F4FA;display:grid;place-items:center}
.rb .dot{position:absolute;top:8px;right:10px;width:9px;height:9px;border-radius:50%;background:#E11D74;box-shadow:0 0 0 2px #F6F4FA}
.word{font:800 26px var(--font);color:#2E1065;direction:ltr;display:flex;align-items:center;gap:5px}
.word span{display:flex;align-items:center;gap:2px;height:20px}.word i{width:3px;border-radius:2px;background:linear-gradient(#A855F7,#EC4899);display:block}
.htabs{display:grid;grid-template-columns:1fr 1fr;margin:0 calc(-1*max(16px,env(safe-area-inset-left,0px)));border-bottom:1px solid #F0ECF6}
.htabs button{padding:10px 0 11px;font-weight:600;font-size:16px;color:#8A85A0}
.htabs button.on{font-weight:700;color:#16132A;box-shadow:inset 0 -2.5px 0 #7C3AED}
.stories{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:14px 0 16px;margin:0 -4px}
.stories::-webkit-scrollbar{display:none}
.st{display:flex;flex-direction:column;align-items:center;gap:6px;width:78px;flex-shrink:0}
.st .r{position:relative;width:70px;height:70px;border-radius:50%;padding:2.5px;background:conic-gradient(from 200deg,#7C3AED,#C026D3,#EC4899,#7C3AED)}
.st .r.seen{background:#E4DFEC}
.st .r>span:first-child{display:block;width:100%;height:100%;border-radius:50%;border:2.5px solid #fff;overflow:hidden}
.st .r>span:first-child>*{width:100%!important;height:100%!important}
.st .b{position:absolute;bottom:-1px;right:-1px;width:22px;height:22px;border-radius:50%;background:linear-gradient(145deg,#9635F5,#4822FB);display:grid;place-items:center;box-shadow:0 0 0 2.5px #fff}
.st small{font-size:12px;white-space:nowrap}.st.me small{font-weight:600}
#hfeed .post+.post::before,#hfeed .trend+.post::before,#hfeed .chm+.post::before{content:"";position:absolute;top:0;height:2px;left:calc(-1*max(16px,env(safe-area-inset-left,0px)));right:calc(-1*max(16px,env(safe-area-inset-right,0px)));background:#D8D5DE}
#hfeed .trend+.post,#hfeed .chm+.post{padding-top:16px}
#hfeed .post+.trend,#hfeed .post+.chm,#hfeed .trend+.chm,#hfeed .chm+.trend{border-top:2px solid #D8D5DE}
#hfeed .post+.post{padding-top:16px}
.flw{align-self:flex-start;margin-top:2px;font-weight:700;font-size:13px;color:#6D28D9;margin-left:10px}
.stag{align-self:flex-start;margin-top:2px;height:24px;border-radius:12px;background:linear-gradient(100deg,#6D28D9,#A855F7 60%,#EC4899);color:#fff;font-weight:700;font-size:12px;padding:0 10px;display:flex;align-items:center;gap:4px;margin-left:8px}
.trend{margin:0 calc(-1*max(16px,env(safe-area-inset-left,0px)));padding:16px 0 18px;background:linear-gradient(180deg,#FBF8FF,#fff)}
.trend .th{display:flex;align-items:center;justify-content:space-between;padding:0 16px 12px}
.trend .tl{display:flex;gap:10px;overflow-x:auto;padding:0 16px;scrollbar-width:none}.trend .tl::-webkit-scrollbar{display:none}
.tcard{flex:0 0 220px;border-radius:20px;background:#fff;box-shadow:0 4px 14px rgba(46,16,101,.08),inset 0 0 0 1px #EFE9FA;padding:12px}
.tcard .cv{margin-top:10px;height:38px;border-radius:19px}
.tcard .cv .play{width:30px;height:30px}
/* carousel */
.car{position:relative;margin:10px calc(-1*max(16px,env(safe-area-inset-left,0px))) 0;overflow:hidden}
.car{overflow-anchor:none}
.car .track{overflow:visible!important;scroll-snap-type:none!important;will-change:transform;touch-action:pan-y;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;backface-visibility:hidden}
.car .track img{-webkit-user-drag:none;pointer-events:none}
.car .track .slide{transform:translateZ(0)}
.track{display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;touch-action:pan-y;scrollbar-width:none;overscroll-behavior-x:contain}
.track::-webkit-scrollbar{display:none}
.slide{position:relative;flex:0 0 100%;scroll-snap-align:center;scroll-snap-stop:always;aspect-ratio:4/5;overflow:hidden;line-height:0;background:#1a1230}
.slide .bg{position:absolute;inset:-30px;width:calc(100% + 60px);height:calc(100% + 60px);object-fit:cover;filter:blur(24px) brightness(.85)}
.slide .fg{position:relative;width:100%;height:100%;object-fit:contain;display:block}
.slide.s2{aspect-ratio:auto;overflow:visible;background:none;line-height:normal}
.slide.s2 .pvw{padding:0 max(16px,env(safe-area-inset-left,0px)) 10px}
.slide.s2 .pv{margin-top:0}
.slide.s2 .sim{position:relative;aspect-ratio:4/5;overflow:hidden;line-height:0;background:#1a1230}
.car.c2 .cnt{top:64px}
.cnt{position:absolute;top:10px;right:10px;height:28px;border-radius:14px;background:rgba(20,10,45,.6);color:#fff;font-weight:600;font-size:13px;padding:0 11px;display:grid;place-items:center;direction:ltr}
.cdots{display:flex;justify-content:center;gap:5px;margin-top:10px}
.cdots i{display:block;height:6px;width:6px;border-radius:3px;background:#DDD3F5;transition:width .2s,background .2s}
.cdots i.on{width:18px;background:#7C3AED}
.pv.swap{animation:swap .35s ease}
@keyframes swap{0%{opacity:.3;transform:translateX(-8px)}100%{opacity:1;transform:none}}
/* song */
.song{position:relative;margin-top:12px;border-radius:26px;padding:12px;background:linear-gradient(160deg,#2A1260 0%,#4C1D95 45%,#7C3AED 100%);box-shadow:0 12px 30px rgba(76,29,149,.28)}
.song .cov{border-radius:18px;overflow:hidden;aspect-ratio:1206/600;box-shadow:0 12px 26px rgba(10,4,30,.45);line-height:0}
.song .cov img{width:100%;height:100%;object-fit:cover;object-position:50% 70%}
.srow{display:flex;align-items:center;gap:12px;margin-top:12px;color:#fff}
.play.sp{width:54px;height:54px;background:#fff;box-shadow:0 8px 20px rgba(0,0,0,.28)}
.play.sp svg{width:20px;height:20px}
.srow .sti{flex:1;min-width:0}.srow .sti b{display:block;font-size:17px;font-weight:800}.srow .sti span{font-size:12.5px;opacity:.78}
.sbar{position:relative;height:4px;border-radius:2px;background:rgba(255,255,255,.25);margin-top:12px}
.sbar i{position:absolute;right:0;top:0;bottom:0;width:0;background:#fff;border-radius:2px;display:block}
.sbar em{position:absolute;top:-4px;width:12px;height:12px;margin-right:-6px;border-radius:50%;background:#fff;right:0}
.stms{display:flex;justify-content:space-between;margin-top:5px;font-weight:600;font-size:11px;color:rgba(255,255,255,.75);direction:ltr}
.sup{height:32px;border-radius:16px;background:linear-gradient(120deg,#7C3AED,#A855F7 55%,#EC4899);box-shadow:0 6px 14px rgba(124,58,237,.32);color:#fff!important;font-weight:700;font-size:13px;padding:0 12px;display:flex;align-items:center;gap:4px;white-space:nowrap}
.king{display:block;width:100%;margin:-6px 0 4px;mix-blend-mode:multiply}
.tc.kbox{margin-top:2px;padding:4px 11px 6px}
.tc.kbox .h{padding-top:6px;border-top:1px solid #EDE6FB}
.liked{height:20px;border-radius:10px;background:#FCE7F3;color:#DB2777;font-weight:700;font-size:11px;padding:0 8px;display:inline-flex;align-items:center;gap:3px}
.lk.red{color:#E11D74;font-weight:800;font-size:13px}
.mtag{position:absolute;bottom:10px;right:10px;height:30px;border-radius:15px;background:rgba(20,10,45,.55);backdrop-filter:blur(8px);color:#fff;font-weight:700;font-size:12px;display:flex;align-items:center;gap:6px;padding:0 12px}
.img{position:relative}
.img .ph-img{width:100%;display:block}
/* bottom nav */
.bnav{position:fixed;left:50%;transform:translateX(-50%);bottom:0;width:min(489px,100%);background:#fff;border-top:1px solid #F0ECF6;display:grid;grid-template-columns:repeat(5,1fr);align-items:center;padding:8px 4px calc(10px + env(safe-area-inset-bottom,0px));z-index:12}
.bnav>button{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:11px;color:#8A85A0;font-weight:500}
.bnav>button.on{color:#6D28D9;font-weight:700}
.bnav .plus{justify-self:center;width:58px;height:58px;border-radius:50%;background:linear-gradient(145deg,#9635F5,#4822FB);display:grid;place-items:center;margin-top:-26px;box-shadow:0 0 0 5px #fff,0 10px 22px rgba(72,34,251,.4)}
.bnav .me{padding:1.5px;border-radius:50%;box-shadow:inset 0 0 0 1.5px #D9C8FB;line-height:0}
.bnav button.on .me{box-shadow:inset 0 0 0 2px #7C3AED}
.bnav .me img{width:24px;height:24px;border-radius:50%;object-fit:cover}
/* create */
.cr{position:fixed;inset:0;z-index:25;background:#fff;max-width:489px;margin:0 auto;display:flex;flex-direction:column;transform:translateY(100%);transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.cr.open{transform:none}.cr[hidden]{display:none}
.cr.rec{background:linear-gradient(180deg,#fff,#F6F1FF)}
.crt{display:flex;align-items:center;justify-content:space-between;padding:calc(12px + env(safe-area-inset-top,0px)) 16px 12px}
.crt b{font-size:16px}
.pub{height:38px;border-radius:19px;background:#EDE9F5;color:#A39DB5;font-weight:700;font-size:14.5px;padding:0 20px}
.pub.on{background:linear-gradient(145deg,#9635F5,#4822FB);color:#fff;box-shadow:0 6px 14px rgba(72,34,251,.3)}
.seg{display:flex;gap:4px;margin:0 16px;background:#F4F2F8;border-radius:16px;padding:4px}
.seg button{flex:1;height:34px;border-radius:12px;font-weight:600;font-size:13.5px;color:#8A85A0}
.seg button.on{background:#fff;color:#16132A;font-weight:700;box-shadow:0 2px 8px rgba(46,16,101,.1)}
.crw{display:flex;align-items:center;gap:10px;padding:18px 18px 0}
.crw img{width:44px;height:44px;border-radius:50%;object-fit:cover}
.crw b{font-size:15.5px}.aud{margin-top:3px;display:inline-flex;align-items:center;gap:4px;height:24px;border-radius:12px;background:#F4F2F8;padding:0 9px;font-size:12px;color:#5B5670}
.crb{flex:1;overflow:auto;padding:0 18px 120px}
.ctext{width:100%;border:0;outline:0;resize:none;font:400 16px/1.6 var(--font);color:#16132A;padding:14px 0 0;background:transparent;min-height:56px}
.ctext::placeholder{color:#A39DB5}
.bigmic{display:flex;flex-direction:column;align-items:center;margin-top:64px}
.bigmic button{width:100px;height:100px;border-radius:50%;background:linear-gradient(145deg,#9635F5,#4822FB);display:grid;place-items:center;box-shadow:0 0 0 13px #F3EEFF,0 0 0 26px #FAF7FF,0 16px 30px rgba(72,34,251,.35)}
.bigmic p{font-weight:600;font-size:14px;color:#6B6585;margin-top:36px}
.tr{margin-top:14px;border-radius:18px;background:#fff;box-shadow:inset 0 0 0 1px #EFE9FA;padding:12px 14px}
.tr .l{display:flex;align-items:center;gap:6px;font-weight:600;font-size:11.5px;color:#7C3AED}
.tr p{font-size:15.5px;line-height:1.65;margin-top:6px;min-height:52px}
.tr p i{display:inline-block;width:2px;height:18px;background:#7C3AED;vertical-align:middle;margin-right:2px;animation:blink 1s steps(1) infinite}
@keyframes blink{50%{opacity:0}}
.rclock{display:flex;align-items:center;justify-content:center;gap:8px;font-weight:700;font-size:30px;color:#2E1065;direction:ltr;margin-top:70px}
.rclock span{width:11px;height:11px;border-radius:50%;background:#EF4444;box-shadow:0 0 0 5px rgba(239,68,68,.18);animation:blink 1.2s steps(1) infinite}
.rwave{display:flex;align-items:center;justify-content:center;gap:3px;height:64px;margin-top:16px;direction:ltr}
.rwave i{width:3.4px;border-radius:3px;background:#7C3AED;display:block;transition:height .12s}
.rctl{position:absolute;left:0;right:0;bottom:calc(40px + env(safe-area-inset-bottom,0px));display:flex;align-items:center;justify-content:center;gap:34px}
.rctl .s{width:54px;height:54px;border-radius:50%;background:#fff;box-shadow:0 4px 14px rgba(46,16,101,.1);display:grid;place-items:center}
.rctl .stop{width:84px;height:84px;border-radius:50%;background:#EF4444;display:grid;place-items:center;box-shadow:0 0 0 10px rgba(239,68,68,.14),0 14px 28px rgba(239,68,68,.35)}
.fx{display:flex;gap:7px;margin-top:10px;flex-wrap:wrap}
.fx button{height:32px;border-radius:16px;background:#F6F3FB;color:#5B5670;font-weight:600;font-size:12.5px;padding:0 13px}
.fx button.on{background:#EDE4FF;color:#5B21B6;box-shadow:inset 0 0 0 1px #D9C8FB}
.cimg{position:relative;margin-top:14px;border-radius:20px;overflow:hidden;line-height:0}
.cimg img{width:100%;aspect-ratio:1206/980;object-fit:cover}
.cimg .x{position:absolute;top:10px;left:10px;width:28px;height:28px;border-radius:50%;background:rgba(0,0,0,.45);display:grid;place-items:center}
.addm{position:absolute;bottom:12px;right:12px;height:38px;border-radius:19px;background:rgba(20,10,45,.55);backdrop-filter:blur(8px);display:flex;align-items:center;gap:7px;padding:0 15px;font-weight:700;font-size:13.5px;color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.25)}
.mchip{position:absolute;bottom:12px;right:12px;height:38px;border-radius:19px;background:rgba(20,10,45,.55);backdrop-filter:blur(8px);display:flex;align-items:center;gap:8px;padding:0 8px 0 14px;font-weight:700;font-size:13px;color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.25)}
.mchip .eq,.eq{display:inline-flex;align-items:flex-end;gap:2px;height:12px}
.eq i{width:2.5px;background:#fff;border-radius:2px;display:block;animation:eq .8s ease-in-out infinite}
.eq i:nth-child(2){animation-delay:.2s}.eq i:nth-child(3){animation-delay:.4s}.eq i:nth-child(4){animation-delay:.1s}
@keyframes eq{0%,100%{height:4px}50%{height:12px}}
.mchip .ex{width:22px;height:22px;border-radius:50%;background:rgba(255,255,255,.2);display:grid;place-items:center}
.cstrip{display:flex;gap:8px;overflow-x:auto;margin-top:14px;scrollbar-width:none}
.cstrip .t{flex:0 0 150px;height:180px;border-radius:16px;overflow:hidden;position:relative}
.cstrip .t img{width:100%;height:100%;object-fit:cover}
.cstrip .t b{position:absolute;top:8px;right:8px;width:22px;height:22px;border-radius:50%;background:#7C3AED;color:#fff;font-size:11px;display:grid;place-items:center;box-shadow:0 0 0 2px #fff}
.vol{display:flex;align-items:center;gap:10px;margin-top:12px;font-size:13px;color:#5B5670}
.vol input{flex:1;accent-color:#7C3AED}
.crbar{position:absolute;left:0;right:0;bottom:0;background:#fff;border-top:1px solid #F0ECF6;padding:14px 16px calc(30px + env(safe-area-inset-bottom,0px));display:flex;gap:8px}
.crbar button{height:40px;border-radius:20px;background:#fff;box-shadow:inset 0 0 0 1px #E6DCFB;display:flex;align-items:center;gap:7px;padding:0 15px;font-weight:600;font-size:13.5px;color:#4C1D95}
.crbar button.on{background:#F4EEFF}
.crbar[hidden]{display:none}
/* music sheet */
.ms-scrim{position:fixed;inset:0;z-index:26;background:rgba(22,10,48,.45)}
.ms{position:fixed;left:50%;bottom:0;transform:translate(-50%,100%);width:min(489px,100%);height:78vh;z-index:27;background:#fff;border-radius:28px 28px 0 0;box-shadow:0 -10px 30px rgba(20,10,45,.2);transition:transform .3s cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column}
.ms.open{transform:translate(-50%,0)}.ms[hidden],.ms-scrim[hidden]{display:none}
.ms .hd{display:flex;align-items:center;justify-content:space-between;padding:12px 18px 0}
.ms .hd b{font-size:17px}
.ms .done{height:36px;border-radius:18px;background:linear-gradient(145deg,#9635F5,#4822FB);color:#fff;font-weight:700;font-size:14px;padding:0 18px}
.ms .done:disabled{background:#EDE9F5;color:#A39DB5}
.ms .srch{margin:12px 16px 0;height:44px;border-radius:22px;background:#F4F2F8;display:flex;align-items:center;gap:8px;padding:0 14px;font-size:14px;color:#A39DB5}
.ms .mt{display:flex;gap:22px;padding:14px 20px 0;border-bottom:1px solid #F0ECF6}
.ms .mt button{font-weight:600;font-size:14px;color:#8A85A0;padding-bottom:8px}.ms .mt button.on{color:#16132A;font-weight:700;box-shadow:inset 0 -2.5px 0 #7C3AED}
.ml{flex:1;overflow:auto;padding:8px 6px 0}
.trk{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:16px;width:100%;text-align:right}
.trk.on{background:#F6F1FF;box-shadow:inset 0 0 0 1.5px #DCCBFF}
.trk .c{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;flex-shrink:0}
.trk .n{flex:1}.trk .n b{font-size:14.5px;display:block}.trk .n span{font-size:12px;color:#8A85A0}
.trk .p{width:34px;height:34px;border-radius:50%;background:#F4F2F8;display:grid;place-items:center}
.trk.on .p{background:linear-gradient(145deg,#9635F5,#4822FB)}
.trim{margin:10px 16px calc(16px + env(safe-area-inset-bottom,0px));padding:12px 14px;border-radius:18px;background:#fff;box-shadow:0 4px 16px rgba(46,16,101,.08)}
.trim .h{display:flex;justify-content:space-between;font-weight:600;font-size:12.5px;color:#5B5670}
.trim .h span{direction:ltr;color:#6D28D9}
.trim .w{position:relative;margin-top:10px;height:44px;border-radius:12px;background:#F4F2F8;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:3px;padding:0 8px;direction:ltr}
.trim .w i{width:3px;border-radius:2px;background:#C9B8F5;display:block}
.trim .win{position:absolute;top:0;bottom:0;right:38%;width:34%;border-radius:10px;box-shadow:inset 0 0 0 2.5px #7C3AED;background:rgba(124,58,237,.12);touch-action:none;cursor:grab}

/* iOS: effective font must be >=16px after body zoom(.88) */
html body input#ppTxt,html body input#txt,html body .composer input,html body .vc .quote,html body .vc.reply .quote,html body textarea,html body input[type=text]{font-size:18.3px!important}

.avw{position:relative;display:block;flex-shrink:0;border-radius:50%;line-height:0;align-self:flex-start;width:max-content;height:max-content}
.avw.mot{cursor:pointer;box-shadow:0 0 0 2px #fff,0 0 0 4px var(--mc)}
.avw.m-lion{--mc:#FFAD29}.avw.m-wolf{--mc:#7C9BFF}
.avw .mg{position:absolute;left:-5px;bottom:-5px;width:20px;height:20px;border-radius:50%;object-fit:cover;border:2px solid #fff;box-shadow:0 1px 4px rgba(0,0,0,.25)}
.avw.mot:active{transform:scale(.94)}
#mo{position:fixed;inset:0;z-index:9999;background:#000;display:grid;place-items:center}
#mo[hidden]{display:none!important}
#mo .moh{position:absolute;inset:0;visibility:hidden}#mo .moh.on{visibility:visible}#moX{z-index:2}
#moX{position:absolute;top:calc(14px + env(safe-area-inset-top,0px));left:14px;width:40px;height:40px;border-radius:50%;border:0;background:rgba(255,255,255,.16);color:#fff;font-size:18px;display:grid;place-items:center;cursor:pointer;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}

#chview .chm{margin:0;border-bottom:0;background:none;padding:6px 16px 4px}
.chm{margin:0 calc(-1*max(16px,env(safe-area-inset-left,0px)));padding:16px 16px 18px;background:linear-gradient(180deg,#FBF8FF,#fff)}
.chm .hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.chm .hd b{font-size:15.5px;display:flex;align-items:center;gap:6px}
.chm .hd a{font-weight:600;font-size:12.5px;color:#6D28D9}
.chq{border-radius:24px;background:#fff;box-shadow:0 4px 18px rgba(46,16,101,.08),inset 0 0 0 1px #EFE9FA;padding:14px 14px 12px}
.chq .chtr{display:flex;align-items:center;gap:8px}
.chq .lv{height:24px;border-radius:12px;background:#EF4444;color:#fff;font-weight:700;font-size:11.5px;padding:0 9px;display:flex;align-items:center;gap:4px}
.chq .lv i{width:6px;height:6px;border-radius:50%;background:#fff;display:block}
.chq .tl{flex:1;font-size:12.5px;font-weight:600;color:#6B6585;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chq .tm{height:24px;border-radius:12px;background:#2E1065;color:#fff;font-weight:700;font-size:11.5px;padding:0 9px;display:flex;align-items:center;gap:4px;font-variant-numeric:tabular-nums}
.chq .duel{display:flex;align-items:flex-start;justify-content:center;gap:10px;margin-top:16px}
.chq .chlead{color:#fff!important;position:absolute;top:-8px;left:50%;transform:translateX(-50%);height:22px;border-radius:11px;background:linear-gradient(145deg,#9635F5,#4822FB);color:#fff;font-weight:700;font-size:11px;padding:0 9px;display:flex;align-items:center;gap:3px;white-space:nowrap;box-shadow:0 0 0 2.5px #fff,0 4px 10px rgba(72,34,251,.3);z-index:2}
.chq .barw{position:relative;margin-top:16px}
.chq .bar2{position:relative;height:16px;direction:rtl}
.chq .bar2 .lo{position:absolute;left:0;top:2px;height:12px;border-radius:6px;background:linear-gradient(90deg,#FB9A8C,#F97362)}
.chq .bar2 .hi{position:absolute;right:0;top:0;height:16px;background:linear-gradient(270deg,#4822FB,#9635F5);clip-path:polygon(0 50%,14px 0,100% 0,100% 100%,14px 100%);border-radius:0 8px 8px 0;filter:drop-shadow(0 4px 8px rgba(72,34,251,.35))}
.chq .bar2 .tip{position:absolute;top:50%;transform:translateY(-50%) skewX(-12deg);width:56px;height:32px;border-radius:12px;background:linear-gradient(145deg,#9635F5,#4822FB);display:grid;place-items:center;box-shadow:0 0 0 3px #fff,0 0 0 6px rgba(150,53,245,.18),0 6px 14px rgba(72,34,251,.4)}
.chq .knob{position:absolute;top:50%;transform:translate(-50%,-50%);width:32px;height:32px;border-radius:50%;background:#fff;display:grid;place-items:center;box-shadow:0 3px 10px rgba(46,16,101,.22),0 0 0 3px #F4EEFF}
.chq .pl{width:112px;text-align:center;position:relative}
.chq .rg{display:inline-block;padding:3px;border-radius:50%;background:var(--r)}
.chq .rg img{display:block;width:90px;height:90px;border-radius:50%;object-fit:cover;border:2.5px solid #fff}
.chq .pl b{display:flex;align-items:center;justify-content:center;gap:4px;font-size:15px;margin-top:6px}
.chq .pl span{font-size:11.5px;color:#8A85A0}
.chq .vs{width:46px;height:46px;border-radius:50%;background:linear-gradient(145deg,#9635F5,#4822FB);color:#fff;font-weight:700;font-size:15px;display:grid;place-items:center;margin-top:26px;box-shadow:0 6px 14px rgba(72,34,251,.28),0 0 0 4px #F4EEFF}
.chq h3{text-align:center;font-size:17px;margin-top:10px}
.chq .bar{display:flex;height:12px;border-radius:6px;overflow:hidden;background:#F1EEF7;gap:0}
.chq .bar i{display:block;border-radius:5px}
.chq .pc{display:flex;justify-content:space-between;font-size:13px;font-weight:700;margin-top:10px}
.chq .tc{margin-top:12px}
.chq .go{margin-top:12px;height:46px;border-radius:23px;background:linear-gradient(145deg,#9635F5,#4822FB);color:#fff;font-weight:700;font-size:15px;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 8px 18px rgba(72,34,251,.25)}


#chp{max-width:489px;margin:0 auto;background:#fff;min-height:100vh;padding-bottom:96px}
#chp .xtb{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:rgba(255,255,255,.92);backdrop-filter:blur(12px)}
#chp .xtb .xib{width:40px;height:40px;border-radius:50%;background:#F4F2F8;display:grid;place-items:center}
#chp .xtb .xtt{text-align:center;line-height:1.3}#chp .xtb .xtt b{font-size:16px;display:block}#chp .xtb .xtt span{font-size:12px;color:#8A85A0}
#chp .xhero{margin:0 14px;border-radius:28px;padding:18px 12px 16px;background:linear-gradient(165deg,#F6F1FF,#EFE7FF 55%,#FFF1EE);box-shadow:inset 0 0 0 1px #ECE3FB;position:relative}
#chp .xlvrow{display:flex;justify-content:center;gap:8px}
#chp .xlv{height:26px;border-radius:13px;background:#EF4444;color:#fff;font-weight:700;font-size:12px;padding:0 10px;display:flex;align-items:center;gap:5px}
#chp .xlv i{width:6px;height:6px;border-radius:50%;background:#fff;display:block}
#chp .xchip{height:26px;border-radius:13px;background:#fff;color:#4B4560;font-weight:600;font-size:12px;padding:0 10px;display:flex;align-items:center;gap:5px;box-shadow:inset 0 0 0 1px #ECE3FB}
#chp .xduel{display:flex;justify-content:center;align-items:flex-start;gap:6px;margin-top:16px}
#chp .xpl{width:140px;text-align:center}
#chp .xrg{display:inline-block;padding:4px;border-radius:50%;background:var(--r);box-shadow:0 12px 26px var(--sh)}
#chp .xrg img{display:block;width:118px;height:118px;border-radius:50%;object-fit:cover;border:3px solid #fff}
#chp .xpl b{display:flex;justify-content:center;align-items:center;gap:4px;font-size:17px;margin-top:8px}
#chp .xpl small{font-size:12px;color:#8A85A0}
#chp .xvs{width:50px;height:50px;border-radius:50%;background:linear-gradient(145deg,#9635F5,#4822FB);color:#fff;font-weight:800;display:grid;place-items:center;margin-top:36px;box-shadow:0 0 0 5px #fff,0 8px 18px rgba(72,34,251,.3)}
#chp .xpc{display:flex;justify-content:space-between;font-size:13.5px;font-weight:700;margin-top:10px}
#chp .xtimer{margin:14px 14px 0;border-radius:22px;background:#1E0B45;color:#fff;padding:12px 14px;display:flex;align-items:center;justify-content:space-between}
#chp .xtimer .l{font-size:13px;font-weight:600;opacity:.85;line-height:1.4}
#chp .xtimer .l b{display:block;font-size:15px;opacity:1}
#chp .xtiles{display:flex;gap:6px;direction:ltr;align-items:center}
#chp .xtiles div{width:50px;border-radius:12px;background:rgba(255,255,255,.12);text-align:center;padding:5px 0 3px;line-height:1.1}
#chp .xtiles b{display:block;font-size:20px;font-variant-numeric:tabular-nums}
#chp .xtiles span{font-size:10px;opacity:.75}
#chp .xtiles em{font-style:normal;opacity:.4;font-weight:700}
#chp h4{font-size:15.5px;margin:20px 16px 10px;display:flex;align-items:center;justify-content:space-between}
#chp h4 small{font-size:12px;color:#8A85A0;font-weight:600}
#chp .xvc{margin:0 14px 10px;border-radius:22px;background:#fff;box-shadow:0 4px 16px rgba(46,16,101,.07),inset 0 0 0 1px #EFE9FA;padding:12px 12px 12px 14px;position:relative;overflow:hidden}
#chp .xvc::before{content:"";position:absolute;right:0;top:12px;bottom:12px;width:4px;border-radius:4px 0 0 4px;background:var(--c)}
#chp .xvc .h{display:flex;align-items:center;gap:9px}
#chp .xvc .h img{width:40px;height:40px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px var(--c);border:2px solid #fff}
#chp .xvc .h b{font-size:15px}#chp .xvc .h span{font-size:12px;color:#8A85A0;display:block}
#chp .xvc .xtag{margin-right:auto;height:24px;border-radius:12px;padding:0 10px;font-size:12px;font-weight:700;display:flex;align-items:center;background:var(--bg);color:var(--c)}
#chp .xvc p{font-size:14px;margin:8px 0 0;color:#2B2640}
#chp .xvc .sv{margin-top:8px}
#chp .xsup{margin:4px 14px 0;border-radius:22px;background:linear-gradient(180deg,#FBF8FF,#F6F1FF);box-shadow:inset 0 0 0 1px #ECE3FB;padding:12px}
#chp .xsup .xq{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#6B6585;font-weight:600}
#chp .xsup .xq b{font-size:14.5px;color:#16132A}
#chp .xsup .xbt{display:flex;gap:8px;margin-top:10px}
#chp .xsup .xbt button{flex:1;height:48px;border-radius:24px;color:#fff;font-weight:700;font-size:14.5px;display:flex;align-items:center;justify-content:center;gap:7px}
#chp .xsup .xbt img{width:24px;height:24px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.8)}
#chp .xkingw{margin:0 14px}
#chp .xkingw .tc{margin-top:0}
#chp .xtabs2{display:flex;margin:22px 14px 0;background:#F4F2F8;border-radius:16px;padding:4px}
#chp .xtabs2 button{flex:1;height:40px;border-radius:12px;font-weight:600;font-size:14px;color:#6B6585}
#chp .xtabs2 .on{background:#fff;color:#16132A;font-weight:700;box-shadow:0 2px 8px rgba(46,16,101,.08)}
#chp .xlst{padding:0 16px}
#chp .xcmp{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:489px;padding:10px 14px 24px;background:#fff;border-top:1px solid #F0ECF6;display:flex;align-items:center;gap:10px;z-index:6}
#chp .xcmp .in{flex:1;height:46px;border-radius:23px;background:#F4F2F8;display:flex;align-items:center;padding:0 16px;color:#8A85A0;font-size:14px}
#chp .xcmp .mic{width:46px;height:46px;border-radius:50%;background:linear-gradient(145deg,#9635F5,#4822FB);display:grid;place-items:center;box-shadow:0 6px 14px rgba(72,34,251,.3)}

#chp .col{flex:1;min-width:0;text-align:center;display:flex;flex-direction:column;align-items:center}
#chp .col .xrg img{width:104px;height:104px}
#chp .col .nm{display:flex;align-items:center;gap:4px;font-size:16.5px;font-weight:700;margin-top:8px}
#chp .col .pcn{font-size:26px;font-weight:800;line-height:1.1;margin-top:2px;direction:ltr}
#chp .col .pcn small{font-size:13px}
#chp .col .vtx{font-size:12px;color:#6B6585;margin-top:4px;line-height:1.5;min-height:36px;padding:0 4px}
#chp .col .mv{width:100%;margin-top:8px;height:40px;border-radius:20px;display:flex;align-items:center;gap:6px;padding:0 5px 0 10px;background:#fff;box-shadow:inset 0 0 0 1.5px var(--ln)}
#chp .col .mv .p{width:30px;height:30px;border-radius:50%;background:var(--g);display:grid;place-items:center;flex-shrink:0}
#chp .col .mv .w{flex:1;display:flex;align-items:center;gap:2px;height:18px;overflow:hidden}
#chp .col .mv .w i{display:block;width:2.4px;border-radius:2px;background:var(--wc);flex-shrink:0}
#chp .col .mv .t{font-size:11.5px;font-weight:700;color:var(--c)}
#chp .col .sb2{width:100%;margin-top:8px;height:44px;border-radius:22px;background:var(--g);color:#fff;font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center;gap:6px;box-shadow:0 8px 16px var(--sh)}
#chp .mid{width:44px;flex-shrink:0;display:flex;justify-content:center;padding-top:38px}
#chp .htop{display:flex;align-items:center;justify-content:space-between}
#chp .mt{display:flex;align-items:center;gap:4px;direction:ltr;background:#1E0B45;color:#fff;border-radius:14px;padding:4px 6px}
#chp .mt div{min-width:30px;text-align:center;line-height:1}
#chp .mt b{display:block;font-size:14px;font-variant-numeric:tabular-nums}
#chp .mt span{font-size:8.5px;opacity:.7}
#chp .mt em{font-style:normal;opacity:.45;font-size:12px}
#chp .meta{display:flex;justify-content:center;gap:14px;margin-top:12px;font-size:12.5px;color:#4B4560;font-weight:600}

#chpg{position:fixed;inset:0;z-index:80;background:#fff;overflow-y:auto;-webkit-overflow-scrolling:touch;transform:translateX(-100%);transition:transform .28s ease}
#chpg.open{transform:none}
#vc .side.redo{width:auto!important;padding:0 14px;gap:6px;display:inline-flex;align-items:center;border-radius:22px;background:#F4EEFF!important;color:#5B21B6;font-weight:700;font-size:14px}
#chp .chf{position:fixed!important;left:50%;transform:translateX(-50%);width:100%;max-width:489px;bottom:0;background:#fff;z-index:6;border-top:1px solid #F0ECF6;padding-bottom:calc(14px + env(safe-area-inset-bottom,0px))!important}
#vcScrim{z-index:95!important}#vc{z-index:96!important}
#gpScrim{z-index:90!important}#gp{z-index:91!important}#gfx{z-index:92!important}#chpg[hidden]{display:none}
#chp .col .cv .play{background:var(--g)}
#chp .sp{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #F2EEF8}
#chp .sp .n{width:24px;text-align:center;font-weight:800;color:#8A85A0}
#chp .sp img.u{width:44px;height:44px;border-radius:50%;object-fit:cover}
#chp .sp .gi{width:34px;height:34px;border-radius:10px;object-fit:cover}
#chp .sp b{font-size:14.5px;display:block}#chp .sp span{font-size:12.5px;color:#8A85A0}


/* ===== scroll & keyboard stability (shared by every overlay) ===== */
html,body{overscroll-behavior-y:none}
html.lock body{overflow:hidden!important}
.list,.ppb,#chpg,.cr,.ms,.gp,.shs,.pp,.xov .xbd{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.sheet{bottom:var(--kb,0px)!important;max-height:calc(var(--vvh,100vh) - 20px)}
.pp,#chpg{top:var(--vvt,0px)!important;bottom:var(--kb,0px)!important;height:auto!important}
#chp .chf{bottom:var(--kb,0px)!important}
.bnav{left:0!important;right:0!important;margin:0 auto;transform:translateZ(0)!important;will-change:transform;backface-visibility:hidden;overflow:visible!important}
#ptr{height:0;overflow:hidden;display:flex;align-items:flex-end;justify-content:center}
#ptr .pi{display:flex;align-items:center;gap:3px;height:28px;margin-bottom:12px;opacity:0;transition:opacity .15s}
#ptr .pi i{display:block;width:4px;border-radius:2px;background:linear-gradient(180deg,#9635F5,#EE42CB);height:8px;transform-origin:center}
#ptr.spin .pi i{animation:ptrq .9s ease-in-out infinite}
#ptr.spin .pi i:nth-child(2){animation-delay:.12s}#ptr.spin .pi i:nth-child(3){animation-delay:.24s}#ptr.spin .pi i:nth-child(4){animation-delay:.36s}#ptr.spin .pi i:nth-child(5){animation-delay:.48s}
@keyframes ptrq{0%,100%{height:8px}50%{height:24px}}
.hnew{animation:hnew .5s ease}@keyframes hnew{from{opacity:0;transform:translateY(-8px)}}
/*PLAN2CSS>*/
/* ===== plan phases 2–4 (x* namespace) ===== */
.xov{z-index:14}
.xov .pph{min-height:58px}
.xov .pph .xbk{width:38px;height:38px;display:grid;place-items:center;flex-shrink:0}
.xov .xqtt{font-size:16.5px;color:#10102E}
.xov .xbd{padding:0 16px 40px}
.xlink{font-weight:600;font-size:12.5px;color:#7928FF;flex-shrink:0}
.xlink:disabled{color:#C9C4D8}
.xsharebtn{width:38px;height:38px;display:grid;place-items:center}
/* search */
.xsbar{flex:1;height:42px;border-radius:21px;background:#F3EEFF;display:flex;align-items:center;gap:8px;padding:0 14px}
.xsbar input{flex:1;min-width:0;border:0;background:none;outline:0;font:inherit;font-size:15px;color:#10102E;-webkit-appearance:none;appearance:none}
.xsbar input::-webkit-search-cancel-button{display:none}
.xsbar input::placeholder{color:#89869F}
.xsbar button{width:22px;height:22px;border-radius:50%;background:#C9BFEA;color:#fff;font-size:11px;font-weight:700;display:grid;place-items:center}
.xsec{margin-top:18px}
.xsh{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:10px}
.xsh b{font-size:15.5px;color:#10102E}
.xsh small{font-size:12px;color:#89869F}
.xchips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px 0}
.xchips::-webkit-scrollbar{display:none}
.xchips button{flex-shrink:0;height:36px;border-radius:18px;padding:0 14px;font-weight:600;font-size:13px;background:#F4F2F8;color:#2B2640;white-space:nowrap}
.xchips button.on{background:#2E1065;color:#fff;font-weight:700}
.xlist{display:flex;flex-direction:column}
.xrow{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #F3F0F8;cursor:pointer}
.xrow:last-child{border-bottom:0}
.xsq{flex-shrink:0;border-radius:15px;overflow:hidden;display:block}
.xri{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.35}
.xri b{font-size:15px;color:#10102E}
.xri b mark{background:#E9DCFF;color:#6328F5;border-radius:4px;padding:0 1px}
.xri small{font-size:12.5px;color:#6B6585;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.xri small.xm{font-size:11.5px;color:#89869F}
.xjoin{flex-shrink:0;height:32px;border-radius:16px;padding:0 16px;background:linear-gradient(145deg,#9635F5,#6328F5);color:#fff;font-weight:700;font-size:12.5px;white-space:nowrap}
.xjoin.on{background:#F3EEFF;color:#6328F5}
.xjoin.big{width:100%;height:34px;margin-top:10px}
.xcards{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;margin:0 -16px;padding:2px 16px 6px}
.xcards::-webkit-scrollbar{display:none}
.xcard{flex:0 0 176px;border-radius:20px;background:#fff;box-shadow:0 4px 14px rgba(46,16,101,.08),inset 0 0 0 1px #F0EBF7;overflow:hidden;text-align:center;padding:0 12px 12px;cursor:pointer;display:flex;flex-direction:column;align-items:center}
.xcard .xcv{height:64px;margin:0 -12px;align-self:stretch;overflow:hidden}
.xcard .xcv img,.xcard .xcv span{display:block;width:100%;height:100%;object-fit:cover}
.xcard .xcl{margin-top:-30px;border-radius:17px;box-shadow:0 0 0 3px #fff;display:block;overflow:hidden}
.xcard b{font-size:14px;margin-top:8px;color:#10102E}
.xcard small{font-size:11.5px;color:#6B6585;line-height:1.35;height:31px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.xcard small.xm{height:auto;color:#89869F;margin-top:2px}
.xnote{font-size:13px;color:#89869F}
.xempty{text-align:center;padding:44px 24px 30px;display:flex;flex-direction:column;align-items:center;gap:6px}
.xempty .xei{width:64px;height:64px;border-radius:50%;background:#F3EEFF;display:grid;place-items:center;font-size:28px;margin-bottom:6px}
.xempty b{font-size:16px;color:#10102E}
.xempty p{font-size:13.5px;color:#89869F;max-width:260px}
.xbtn{margin-top:12px;height:42px;border-radius:21px;padding:0 20px;background:linear-gradient(145deg,#9635F5,#6328F5);color:#fff;font-weight:700;font-size:14px}
/* collection page (hashtag-like) */
.xqhero{display:flex;gap:14px;align-items:center;margin:0 -16px;padding:18px 16px;background:linear-gradient(180deg,#F3EEFF,#fff)}
.xhi{flex-shrink:0;width:72px;height:72px;border-radius:22px;background:linear-gradient(145deg,#9635F5,#6328F5);display:grid;place-items:center;font-size:34px;box-shadow:0 8px 18px rgba(99,40,245,.22)}
.xhi.flag{background:#fff;box-shadow:0 6px 16px rgba(46,16,101,.12),inset 0 0 0 1px #E9DCFF}
.xqhero h1{font-size:22px;color:#10102E;display:flex;align-items:center;gap:8px}
.xqhero p{font-size:13px;color:#6B6585;margin-top:2px}
.xqhero small{display:block;font-size:12.5px;color:#89869F;margin-top:6px}
.xqhero small b{color:#10102E}
.xsort{margin:12px 0 4px}
.xposts .post{position:relative}
.xposts .post+.post::before{content:"";position:absolute;top:0;height:2px;left:-16px;right:-16px;background:#D8D5DE}
.xposts .post+.post{padding-top:16px}
.xpm{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:#89869F;margin:0 0 10px}
.xrk{height:22px;border-radius:11px;padding:0 9px;background:#F3EEFF;color:#6328F5;font-weight:800;display:inline-flex;align-items:center}
.xmore{display:flex;justify-content:center;padding:20px 0 6px;font-size:13px;color:#89869F}
.xspin{width:24px;height:24px;border-radius:50%;border:3px solid #E9DCFF;border-top-color:#7928FF;animation:xsp .8s linear infinite}
@keyframes xsp{to{transform:rotate(360deg)}}
.xflag{display:inline-block;vertical-align:middle;flex-shrink:0;border-radius:2.5px}
/* notifications */
.xnf{margin:12px 0 2px}
.xgh{font-size:15px;color:#10102E;margin:18px 0 6px}
.xn{position:relative;display:flex;align-items:flex-start;gap:12px;padding:10px 12px;margin:0 -12px;border-radius:16px;cursor:pointer;transition:background .2s}
.xn.un{background:#FAF7FF}
.xn:active{background:#F3EEFF}
.xav{position:relative;flex-shrink:0;width:48px;height:48px}
.xav img,.xav>span>img{width:46px;height:46px;border-radius:50%;object-fit:cover;display:block}
.xav>span:not(.a1):not(.a2){border-radius:14px;overflow:hidden;display:block}
.xav.two .a1,.xav.two .a2{position:absolute;display:block;border-radius:50%;box-shadow:0 0 0 2px #fff;overflow:hidden;line-height:0}
.xav.two .a2{top:0;left:0}
.xav.two .a1{bottom:0;right:0}
.xav.two img{width:34px;height:34px}
.xav:not(.two) .a1{display:block;line-height:0}
.xn.un .xav.two .a1,.xn.un .xav.two .a2{box-shadow:0 0 0 2px #FAF7FF}
.xbg{position:absolute;bottom:-2px;left:-2px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;box-shadow:0 0 0 2px #fff;z-index:2}
.xn.un .xbg{box-shadow:0 0 0 2px #FAF7FF}
.xnt{flex:1;min-width:0;padding-top:2px}
.xnt p{font-size:14px;line-height:1.5;color:#10102E}
.xnt p b{font-weight:700}
.xtm{color:#89869F;font-size:12.5px;white-space:nowrap}
.xnt q{display:block;font-size:13.5px;color:#4B4560;margin-top:2px;quotes:none;line-height:1.45}
.xnt small{display:block;font-size:12.5px;color:#89869F;margin-top:2px;line-height:1.45}
.xnv{margin-top:8px;height:36px;border-radius:18px;max-width:220px}
.xnv .play{width:28px;height:28px}
.xth{flex-shrink:0;position:relative;width:46px;height:46px;border-radius:12px;overflow:hidden;display:block;margin-top:1px}
.xth img{width:100%;height:100%;object-fit:cover;display:block}
.xth.v{background:linear-gradient(145deg,#9635F5,#6328F5);display:grid;place-items:center}
.xth.sq{overflow:visible}
.xfb{flex-shrink:0;height:32px;border-radius:10px;padding:0 12px;background:#7928FF;color:#fff;font-weight:700;font-size:12.5px;white-space:nowrap;margin-top:6px}
.xfb.on{background:#F3EEFF;color:#10102E}
.xend{text-align:center;font-size:12.5px;color:#89869F;padding:22px 0 4px}
.xn.un .xnt p::after{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:#7928FF;margin-inline-start:6px;vertical-align:middle}
.xsbar button[hidden]{display:none}
.xat{color:#6328F5;font-weight:600}
/*<PLAN2CSS*//*PLAN3CSS>*//* models4.css */
.xa .ig-root{position:absolute;inset:0;background:#fff;overflow:hidden;color:#10102E}
.xa .ig-hd{display:flex;align-items:center;gap:14px;padding:16px 18px 8px;flex-direction:row}
.xa .ig-hd b{flex:1;text-align:center;font-size:20px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:6px;margin-left:-60px}
.xa .ig-chev{font-size:16px;font-weight:600}
.xa .ig-rd{width:8px;height:8px;border-radius:50%;background:#EE42CB}
.xa .ig-ic{width:34px;height:34px;display:grid;place-items:center;font-size:20px;font-weight:800;letter-spacing:1px}
.xa .ig-srch{margin:6px 14px 0;height:44px;border-radius:22px;background:#F2EEF9;display:flex;align-items:center;gap:10px;padding:0 16px;font-size:16px;color:#89869F}
.xa .ig-notes{display:flex;gap:14px;padding:58px 14px 4px;overflow:hidden}
.xa .ig-nt{position:relative;width:86px;flex-shrink:0;display:flex;flex-direction:column;align-items:center}
.xa .ig-nt small{font-size:13px;margin-top:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:86px}
.xa .ig-nt small.ig-me{color:#89869F}
.xa .ig-bb{position:absolute;top:-50px;left:50%;transform:translateX(-50%);width:max-content;max-width:94px;background:#fff;border-radius:16px;padding:7px 10px;font-size:11.5px;line-height:1.3;text-align:center;box-shadow:0 2px 12px rgba(46,16,101,.13);z-index:2;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.xa .ig-bb::after{content:"";position:absolute;bottom:-6px;right:24px;width:10px;height:10px;border-radius:50%;background:inherit;box-shadow:0 2px 4px rgba(46,16,101,.08)}
.xa .ig-bb.ig-v{display:flex;align-items:center;gap:4px;color:#6328F5;padding:8px 10px}
.xa .ig-bb.ig-v b{font-size:11.5px}
.xa .ig-bb.ig-c{background:linear-gradient(135deg,#F7C6EE,#E3D0FF);color:#3B1580;font-weight:600}
.xa .ig-wv{display:inline-flex;align-items:center;gap:2px}
.xa .ig-wv i{width:2.5px;border-radius:2px;display:inline-block}
.xa .ig-chips{display:flex;gap:8px;padding:14px 14px 6px;overflow:hidden}
.xa .ig-flt{height:38px;border-radius:19px;padding:0 12px;display:flex;align-items:center;gap:4px;box-shadow:inset 0 0 0 1.5px #E6E1EF;font-weight:700;flex-shrink:0}
.xa .ig-ch{position:relative;height:38px;border-radius:19px;padding:0 16px;display:grid;place-items:center;font-size:14.5px;font-weight:700;box-shadow:inset 0 0 0 1.5px #E6E1EF;white-space:nowrap;flex-shrink:0}
.xa .ig-ch.ig-on{background:#F2EEF9;box-shadow:none}
.xa .ig-ch i{position:absolute;top:-6px;left:-4px;font-style:normal;width:20px;height:20px;border-radius:50%;background:#EE42CB;color:#fff;font-size:11px;font-weight:700;display:grid;place-items:center;box-shadow:0 0 0 2px #fff}
.xa .ig-list{padding:6px 0 90px}
.xa .ig-r{display:flex;align-items:center;gap:13px;padding:8px 16px}
.xa .ig-av{flex-shrink:0;border-radius:50%;line-height:0}
.xa .ig-av.ig-ring{box-shadow:0 0 0 2.5px #fff,0 0 0 5px #9635F5}
.xa .ig-av.ig-seen{box-shadow:0 0 0 2.5px #fff,0 0 0 4px #E4DEF0}
.xa .ig-tx{flex:1;min-width:0;line-height:1.35}
.xa .ig-tx b{font-size:16px;font-weight:500;display:block}
.xa .ig-tx small{display:block;font-size:14.5px;color:#89869F;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.xa .ig-r.ig-un b{font-weight:800}
.xa .ig-r.ig-un small{color:#10102E;font-weight:700}
.xa .ig-vs{display:inline-flex;align-items:center;gap:4px;color:#7928FF}
.xa .ig-dot{width:10px;height:10px;border-radius:50%;background:#7928FF;flex-shrink:0}
.xa .ig-cam{flex-shrink:0;opacity:.9}
.xa .ig-nav{position:absolute;bottom:22px;left:14px;right:14px;height:66px;border-radius:33px;background:rgba(255,255,255,.9);backdrop-filter:blur(16px);box-shadow:0 8px 28px rgba(46,16,101,.14),inset 0 0 0 1px #F0EBF8;display:flex;justify-content:space-around;align-items:center;padding:0 8px}
.xa .ig-nav span{position:relative;width:60px;height:50px;border-radius:25px;display:grid;place-items:center}
.xa .ig-nav span.ig-on{width:88px;background:#F2EEF9}
.xa .ig-nb{position:absolute;bottom:12px;left:30px;width:8px;height:8px;border-radius:50%;background:#EE42CB;box-shadow:0 0 0 2px #F2EEF9}
/* 2 · with borders */
.xa .ig-b .ig-list{margin:8px 12px 0;padding:4px 0;border-radius:24px;box-shadow:inset 0 0 0 1.5px #EAE3F7}
.xa .ig-b .ig-r{padding:9px 12px;position:relative}
.xa .ig-b .ig-r+.ig-r::before{content:"";position:absolute;top:0;right:82px;left:14px;height:1px;background:#F1EDF7}
/* 3 · more attractive: unread rows highlighted */
.xa .ig-hi .ig-r.ig-un{margin:3px 10px;padding:10px;border-radius:20px;background:linear-gradient(90deg,#F3EEFF,#FBF8FF);box-shadow:inset 0 0 0 1.5px #DCCBFF}
.xa .ig-hi .ig-r.ig-un .ig-dot{width:12px;height:12px;background:linear-gradient(145deg,#EE42CB,#7928FF);box-shadow:0 0 0 4px rgba(150,53,245,.15)}
.xa .ig-hi .ig-ch.ig-on{background:linear-gradient(145deg,#9635F5,#6328F5);color:#fff}
/* 4 · minimal */
.xa .ig-min .ig-bb{box-shadow:0 1px 6px rgba(46,16,101,.1)}
.xa .ig-min .ig-notes{padding-top:52px}
.xa .ig-min .ig-chips .ig-ch{box-shadow:none;background:#F7F5FB}
.xa .ig-min .ig-ch.ig-on{background:#10102E;color:#fff}
.xa .ig-min .ig-tx b{font-size:15.5px}
.xa .ig-min .ig-cam{display:none}

.xa .ig-play{width:22px;height:22px;border-radius:50%;background:linear-gradient(145deg,#9635F5,#6328F5);display:grid;place-items:center;flex-shrink:0;box-shadow:0 2px 6px rgba(99,40,245,.35)}
.xa .ig-chips5{gap:8px}
.xa .ig-chips5 .ig-ch{padding:0 16px}
.xa .ig-strg{flex:0 0 auto;height:38px;border-radius:19px;background:linear-gradient(135deg,#9635F5,#6328F5 60%,#EE42CB);color:#fff;font-weight:800;font-size:14px;display:flex;align-items:center;gap:8px;padding:0 14px 0 7px;box-shadow:0 5px 14px rgba(99,40,245,.3);white-space:nowrap;gap:6px}
.xa .ig-strg>span:not(.xmask){flex:1}
.xa .ig-strg .xmask{box-shadow:0 0 0 1.5px rgba(255,255,255,.6)}
.xa .ig-micb{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;flex-shrink:0}
.xa .ig-r.ig-un .ig-micb{background:#F2EEF9}
.xa .ig-bb.ig-v{max-width:none;padding:6px 10px 6px 8px;gap:5px}
.xa .ig-bb.ig-v b{color:#6328F5}
.xa .ig-hd b{font-weight:700;font-size:21px}
.xa .ig-tx b{font-weight:400;font-size:16px;letter-spacing:-.1px}
.xa .ig-tx small{font-size:14px;color:#8E8AA3}
.xa .ig-r.ig-un b{font-weight:700}
.xa .ig-r.ig-un small{font-weight:600}
.xa .ig-ch,.xa .ig-flt{font-weight:600}
.xa .ig-nt small{font-size:12.5px}
.xa .ig-bb{font-size:11.5px;font-weight:400}
.xa .ig-strg{font-weight:700;font-size:13.5px}
.xa .ig-hd{padding:12px 14px 6px;gap:10px}
.xa .ig-ic{width:46px;height:46px;border-radius:50%;background:#fff;box-shadow:0 2px 14px rgba(16,16,46,.1),inset 0 0 0 1px #F2EFF7}
.xa .ig-hd b{margin-left:-110px}

.xa .ig-hd{position:relative;justify-content:flex-start}
.xa .ig-hd b{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);margin:0!important;justify-content:center;pointer-events:none}

.xa .ig-strg{height:42px!important;border-radius:21px!important;padding:0 16px 0 8px!important;font-size:14.5px!important;margin-top:-2px}
.xa .ig-strg .xmask{width:28px!important;height:28px!important}

/* thread.css */
.xa .tq-root{position:absolute;inset:0;background:#fff;overflow:hidden;color:#10102E;direction:ltr}
.xa .tq-top{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;gap:8px;padding:12px 12px 14px;background:linear-gradient(180deg,rgba(255,255,255,.96) 55%,rgba(255,255,255,0));z-index:3}
.xa .tq-c{width:46px;height:46px;border-radius:50%;background:#fff;box-shadow:0 2px 14px rgba(16,16,46,.1),inset 0 0 0 1px #F2EFF7;display:grid;place-items:center;flex-shrink:0}
.xa .tq-who{display:flex;align-items:center;gap:8px;direction:rtl;flex-direction:row-reverse}
.xa .tq-who>span{display:flex;flex-direction:column;line-height:1.2;text-align:left;direction:ltr}
.xa .tq-who b{font-size:16px;font-weight:700;direction:rtl}
.xa .tq-who small{font-size:12.5px;color:#89869F}
.xa .tq-gap{flex:1}
.xa .tq-body{position:absolute;top:0;left:0;right:0;bottom:92px;padding:76px 12px 6px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden}
.xa .tq-intro{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 0 14px;direction:rtl}
.xa .tq-intro b{font-size:18px;font-weight:700;margin-top:8px}
.xa .tq-intro small{font-size:12.5px;color:#89869F}
.xa .tq-wel{margin-top:10px;display:flex;align-items:center;gap:8px;height:42px;border-radius:21px;background:linear-gradient(90deg,#F7F3FF,#EFE6FF);box-shadow:inset 0 0 0 1px #E3D6FF;padding:0 14px 0 6px;direction:ltr}
.xa .tq-wpb{width:32px;height:32px;border-radius:50%;background:linear-gradient(145deg,#9635F5,#6328F5);display:grid;place-items:center;flex-shrink:0;box-shadow:0 4px 10px rgba(99,40,245,.3)}
.xa .tq-wl{font-size:12.5px;font-weight:700;color:#6328F5;white-space:nowrap}
.xa .tq-vp{margin-top:10px;height:32px;border-radius:10px;background:#F2EEF9;padding:0 14px;display:grid;place-items:center;font-size:13px;font-weight:600}
.xa .tq-m{display:flex;align-items:flex-end;gap:6px;margin-top:2px}
.xa .tq-m.tq-f{margin-top:8px}
.xa .tq-m.tq-me{justify-content:flex-end}
.xa .tq-m img,.xa .tq-m>span{flex-shrink:0}
.xa .tq-sp{width:30px;flex-shrink:0}
.xa .tq-b{position:relative;max-width:72%;padding:10px 15px;font-size:16px;line-height:1.4;border-radius:22px;direction:rtl}
.xa .tq-th .tq-b{background:#F1EDF8;color:#10102E}
.xa .tq-me .tq-b{background:linear-gradient(135deg,#A23BFF,#6328F5);color:#fff}
.xa .tq-th:not(.tq-f) .tq-b{border-top-left-radius:6px}
.xa .tq-th:not(.tq-l) .tq-b{border-bottom-left-radius:6px}
.xa .tq-me:not(.tq-f) .tq-b{border-top-right-radius:6px}
.xa .tq-me:not(.tq-l) .tq-b{border-bottom-right-radius:6px}
.xa .tq-hasrx{margin-bottom:14px}
.xa .tq-rx{position:absolute;bottom:-17px;width:30px;height:26px;border-radius:13px;background:#F1EDF8;box-shadow:0 0 0 2.5px #fff;display:grid;place-items:center;font-size:14px}
.xa .tq-th .tq-rx{left:10px}
.xa .tq-me .tq-rx{left:10px}
.xa .tq-ts{align-self:center;font-size:12px;color:#89869F;font-weight:600;margin:14px 0 4px;direction:rtl}
.xa .tq-rs{font-size:13px;color:#89869F;margin:6px 0 4px 42px;direction:rtl;align-self:flex-start}
.xa .tq-story{display:flex;align-items:stretch;gap:8px;margin-left:36px}
.xa .tq-story i{width:3px;border-radius:2px;background:#E4DEF0}
.xa .tq-story img{width:118px;height:190px;border-radius:18px;object-fit:cover}
.xa .tq-vb{display:flex;align-items:center;gap:8px;min-width:210px;direction:ltr}
.xa .tq-b:has(.tq-vb){padding:8px 12px 8px 8px}
.xa .tq-pb{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;flex-shrink:0}
.xa .tq-pb.th{background:linear-gradient(145deg,#9635F5,#6328F5)}
.xa .tq-pb.me{background:#fff}
.xa .tq-vb b{font-size:12.5px;font-weight:600}
.xa .tq-th .tq-vb b{color:#6328F5}
.xa .tq-sp2{font-size:10.5px;font-weight:700;border-radius:8px;padding:2px 6px;background:rgba(255,255,255,.22)}
.xa .tq-wv{flex:1;display:flex;align-items:center;gap:2px;height:24px}
.xa .tq-wv i{flex:1;border-radius:2px;display:block;min-width:2px}
.xa .tq-seen{align-self:flex-end;margin:4px 2px 0;line-height:0}
.xa .tq-comp{position:absolute;left:12px;right:12px;bottom:22px;height:58px;border-radius:29px;background:#F2EEF9;display:flex;align-items:center;gap:12px;padding:0 12px 0 6px;direction:ltr}
.xa .tq-cam{width:46px;height:46px;border-radius:50%;background:linear-gradient(145deg,#9635F5,#6328F5);display:grid;place-items:center;flex-shrink:0;box-shadow:0 4px 12px rgba(99,40,245,.3)}
.xa .tq-ph{flex:1;font-size:16px;color:#89869F;direction:rtl;text-align:right}

.xa .tq-topal{justify-content:flex-start}
.xa .tq-dim{position:absolute;inset:0;background:rgba(16,16,46,.25);z-index:4}
.xa .tq-pop{position:absolute;top:70px;left:12px;right:12px;z-index:5;background:#fff;border-radius:26px;padding:16px;box-shadow:0 18px 40px rgba(16,16,46,.25);direction:rtl}
.xa .tq-ph2{display:flex;align-items:center;gap:12px}
.xa .tq-ph2 b{font-size:17px;display:flex;align-items:center;gap:4px}
.xa .tq-ph2 small{font-size:12.5px;color:#89869F}
.xa .tq-wel.big{height:58px;border-radius:29px;margin-top:14px;padding:0 16px 0 8px;gap:10px}
.xa .tq-wel.big .tq-wpb{width:42px;height:42px}
.xa .tq-wt{font-size:12.5px;color:#6328F5;white-space:nowrap}
.xa .tq-cap{display:block;text-align:center;font-size:12.5px;color:#6328F5;font-weight:700;margin-top:8px}
.xa .tq-acts{display:flex;gap:8px;margin-top:14px}
.xa .tq-acts span{flex:1;height:38px;border-radius:12px;background:#F2EEF9;display:grid;place-items:center;font-size:13.5px;font-weight:600}

.xa .tq-sheet{position:absolute;left:0;right:0;bottom:0;top:96px;z-index:6;background:#fff;border-radius:28px 28px 0 0;padding:8px 16px 20px;direction:rtl;box-shadow:0 -10px 30px rgba(16,16,46,.15);overflow:hidden}
.xa .tq-grab{width:40px;height:5px;border-radius:3px;background:#E4DEF0;margin:0 auto 12px}
.xa .tq-sh{display:flex;align-items:center;gap:12px}
.xa .tq-sh b{font-size:18px;display:flex;align-items:center;gap:4px}
.xa .tq-sh small{font-size:13px;color:#89869F}
.xa .tq-qa{display:flex;justify-content:space-between;margin-top:16px}
.xa .tq-qa span{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:12px;font-weight:600}
.xa .tq-qa i{width:52px;height:52px;border-radius:50%;background:#F2EEF9;display:grid;place-items:center}
.xa .tq-sec{margin-top:16px}
.xa .tq-sech{display:flex;justify-content:space-between;align-items:center}
.xa .tq-sech b{font-size:15px}
.xa .tq-sech span{font-size:13px;color:#7928FF;font-weight:600}
.xa .tq-media{display:flex;gap:6px;margin-top:8px}
.xa .tq-media>*{flex:1;height:76px;border-radius:14px;object-fit:cover;min-width:0}
.xa .tq-mv{background:linear-gradient(145deg,#9635F5,#6328F5);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#fff}
.xa .tq-mv.f{background:linear-gradient(145deg,#EE42CB,#9635F5)}
.xa .tq-mv b{font-size:12px}
.xa .tq-grp{margin-top:12px;border-radius:20px;background:#FAF8FD;box-shadow:inset 0 0 0 1px #F0EBF8;overflow:hidden}
.xa .tq-oi{display:flex;align-items:center;gap:12px;padding:11px 14px;border-bottom:1px solid #F1EDF7}
.xa .tq-oi:last-child{border-bottom:0}
.xa .tq-oic{width:34px;height:34px;border-radius:11px;background:#fff;box-shadow:inset 0 0 0 1px #EDE7F7;display:grid;place-items:center;flex-shrink:0}
.xa .tq-oi>div{flex:1;min-width:0;line-height:1.3}
.xa .tq-oi b{font-size:14.5px;font-weight:600;display:block}
.xa .tq-oi small{font-size:11.5px;color:#89869F}
.xa .tq-red b{color:#E11D48}
.xa .tq-red .tq-oic{background:#FFF1F3;box-shadow:none}
.xa .tq-sw{width:44px;height:26px;border-radius:13px;background:#E4E0EC;position:relative;flex-shrink:0}
.xa .tq-sw::after{content:"";position:absolute;top:3px;right:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.18)}
.xa .tq-swon{background:#7928FF}
.xa .tq-swon::after{right:auto;left:3px}
.xa .tq-thm{display:flex;gap:6px}
.xa .tq-thm i{width:20px;height:20px;border-radius:50%;display:block}
.xa .tq-thm i:first-child{box-shadow:0 0 0 2px #fff,0 0 0 3.5px #7928FF}
.xa .tq-chev{font-size:20px;color:#B4AFC6}

.xa .tq-on2{background:linear-gradient(145deg,#9635F5,#6328F5)!important;color:#fff}
.xa .tq-menu{position:absolute;top:354px;left:12px;width:250px;z-index:6;background:rgba(255,255,255,.98);border-radius:20px;box-shadow:0 18px 40px rgba(16,16,46,.25);overflow:hidden;direction:rtl}
.xa .tq-menu div{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;font-size:15px;border-bottom:1px solid #F1EDF7}
.xa .tq-menu div:last-child{border-bottom:0}
.xa .tq-menu .tq-mr{color:#E11D48}
.xa .tq-menu .tq-mr:nth-last-child(2){border-top:6px solid #F4F1F9}
.xa .tq-det{position:absolute;inset:0;background:#fff;direction:rtl}
.xa .tq-dh{display:flex;align-items:center;justify-content:space-between;padding:12px}
.xa .tq-dh b{font-size:17px}
.xa .tq-dh .tq-c{transform:scaleX(-1)}
.xa .tq-dhero{display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 0 4px}
.xa .tq-dhero b{font-size:20px;display:flex;align-items:center;gap:5px;margin-top:10px}
.xa .tq-dhero small{font-size:13.5px;color:#89869F}
.xa .tq-dqa{display:flex;justify-content:center;gap:22px;margin-top:18px}
.xa .tq-dqa span{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:12.5px}
.xa .tq-dqa i{width:52px;height:52px;border-radius:50%;background:#F2EEF9;display:grid;place-items:center}
.xa .tq-dl{margin-top:20px}
.xa .tq-dl div{display:flex;align-items:center;gap:14px;padding:13px 20px;font-size:15.5px}
.xa .tq-dl span{flex:1}
.xa .tq-dl small{font-size:13px;color:#89869F}
.xa .tq-dl em{font-style:normal;font-size:20px;color:#C3BDD6}
.xa .tq-dred{margin-top:8px;border-top:6px solid #F6F3FB}
.xa .tq-dred span{color:#E11D48}
.xa .tq-sheet2{position:absolute;left:0;right:0;bottom:0;z-index:6;background:#fff;border-radius:28px 28px 0 0;padding:8px 16px 26px;direction:rtl;box-shadow:0 -10px 30px rgba(16,16,46,.15)}
.xa .tq-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:6px}
.xa .tq-tiles span{height:96px;border-radius:22px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}
.xa .tq-tiles i{width:44px;height:44px;border-radius:50%;background:#fff;display:grid;place-items:center;box-shadow:0 3px 10px rgba(16,16,46,.06)}
.xa .tq-tiles b{font-size:12.5px;font-weight:600;color:#10102E}
.xa .tq-rb{display:flex;gap:10px;margin-top:12px}
.xa .tq-rb span{flex:1;height:48px;border-radius:16px;background:#FFF1F3;color:#E11D48;font-weight:700;font-size:14.5px;display:flex;align-items:center;justify-content:center;gap:8px}

/* details.css */
.xa .dq-root{position:absolute;inset:0;background:#fff;color:#10102E;direction:ltr;overflow:hidden}
.xa .dq-back{position:absolute;top:16px;left:14px;width:48px;height:48px;border-radius:50%;background:#fff;box-shadow:0 2px 14px rgba(16,16,46,.1),inset 0 0 0 1px #F2EFF7;display:grid;place-items:center}
.xa .dq-hero{display:flex;flex-direction:column;align-items:center;padding-top:62px}
.xa .dq-hero>img{box-shadow:0 0 0 1px #EEE9F6}
.xa .dq-hero b{font-size:22px;font-weight:700;margin-top:12px;direction:rtl}
.xa .dq-wel{margin-top:10px;display:flex;align-items:center;gap:8px;height:36px;border-radius:18px;background:#F4F0FB;padding:0 14px 0 4px}
.xa .dq-wel>span:last-child{font-size:12.5px;font-weight:600;color:#6328F5;direction:rtl}
.xa .dq-pb{width:28px;height:28px;border-radius:50%;background:linear-gradient(145deg,#A23BFF,#6328F5);display:grid;place-items:center}
.xa .dq-wv{display:flex;align-items:center;gap:2px;width:84px}
.xa .dq-wv i{flex:1;border-radius:2px;background:#B9A3F0;display:block}
.xa .dq-qa{display:flex;justify-content:center;gap:42px;margin-top:22px;direction:rtl}
.xa .dq-qa span{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:44px}
.xa .dq-qa small{font-size:13px}
.xa .dq-dots{font-size:18px;font-weight:800;letter-spacing:1px;height:28px;line-height:24px}
.xa .dq-list{margin-top:30px}
.xa .dq-r{display:flex;align-items:center;gap:16px;padding:0 20px 0 18px;height:58px}
.xa .dq-r>div{flex:1;direction:rtl;text-align:right;line-height:1.25;order:2}
.xa .dq-r .dq-ic{order:3;width:28px;display:grid;place-items:center}
.xa .dq-r svg:last-child{order:1;transform:scaleX(-1)}
.xa .dq-r b{font-size:16.5px;font-weight:400;display:block}
.xa .dq-r small{font-size:14px;color:#8E8AA3}
.xa .dq-thm{width:26px;height:26px;border-radius:50%;background:linear-gradient(160deg,#B347FF,#6328F5);display:block}
.xa .dq-tabs{display:flex;margin-top:14px;border-bottom:1px solid #F0EDF5}
.xa .dq-tabs span{flex:1;display:grid;place-items:center;height:46px}
.xa .dq-tabs span.on{box-shadow:inset 0 -2px 0 #10102E}
.xa .dq-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px}
.xa .dq-grid div{height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#fff}
.xa .dq-grid .v{background:linear-gradient(160deg,#A23BFF,#6328F5)}
.xa .dq-grid .v.f{background:linear-gradient(160deg,#EE42CB,#9635F5)}
.xa .dq-grid .v.d{background:linear-gradient(160deg,#4B1FD0,#10102E)}
.xa .dq-grid b{font-size:13px}

.xa .dq-root{color:#0B0B14}
.xa .dq-hero b{font-weight:650;font-size:22px;font-variation-settings:"wdth" 92}
.xa .dq-r b{font-weight:360;font-size:16.5px;font-variation-settings:"wdth" 92;color:#0B0B14}
.xa .dq-r small{font-weight:360;color:#8A8A93}
.xa .dq-qa small{font-weight:380;font-variation-settings:"wdth" 92}
.xa .dq-r{height:62px}
.xa .dq-list{margin-top:34px}
.xa .dq-wel{background:#F6F3FC;height:34px}
.xa .dq-wel>span:last-child{font-weight:500}
.xa .dq-wv i{background:#CDBDF3}
/* softer media grid: photos + soft voice tiles */
.xa .dq-grid .v{background:#F4F0FB;color:#6328F5}
.xa .dq-grid .v.f{background:#FBF0FA;color:#C026A8}
.xa .dq-grid .v.d{background:none;padding:0}
.xa .dq-grid .v .dq-gp{width:40px;height:40px;border-radius:50%;background:linear-gradient(145deg,#A23BFF,#6328F5);display:grid;place-items:center;box-shadow:0 6px 14px rgba(99,40,245,.25)}
.xa .dq-grid .v.f .dq-gp{background:linear-gradient(145deg,#EE42CB,#9635F5)}
.xa .dq-grid img{width:100%;height:150px;object-fit:cover;display:block}

.xa .dq-wel{direction:rtl;padding:0 4px 0 14px}
.xa .dq-wel>span:nth-child(2){font-size:12.5px;font-weight:500;color:#6328F5;white-space:nowrap}
.xa .dq-wt{font-size:12.5px;font-weight:600;color:#6328F5}
.xa .dq-wel svg,.xa .dq-vp svg{transform:scaleX(-1)}
.xa .dq-tabs{direction:rtl}
.xa .dq-tabs span{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;height:58px}
.xa .dq-tabs small{font-size:11.5px;color:#8A8A93}
.xa .dq-tabs span.on small{color:#0B0B14;font-weight:600}
.xa .dq-vl{direction:rtl;padding:4px 16px}
.xa .dq-vi{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid #F3F0F8}
.xa .dq-vm{flex:1;min-width:0}
.xa .dq-vh{display:flex;justify-content:space-between;align-items:baseline}
.xa .dq-vh b{font-size:14px;font-weight:500}
.xa .dq-vh small{font-size:12px;color:#8A8A93}
.xa .dq-vp{display:flex;align-items:center;gap:8px;margin-top:5px;height:38px;border-radius:19px;background:#F6F3FC;padding:0 4px 0 12px}
.xa .dq-vp .dq-wv{flex:1;width:auto}
.xa .dq-vp b{font-size:12px;color:#6328F5;font-weight:600}
.xa .dq-list{margin-top:24px}
.xa .dq-r{height:54px}
.xa .dq-hero .dq-wt{font-size:12.5px!important;margin:0!important;font-weight:600!important}
.xa .dq-wv i{max-width:3px}
.xa .dq-vp .dq-wv{gap:2.5px}
.xa .dq-vl{padding-bottom:30px}
.xa .dq-vp .dq-wv{justify-content:space-between}

/* stranger.css */
.xa .sq-root{position:absolute;inset:0;background:#fff;color:#0B0B14;direction:rtl;overflow:hidden}
.xa .sq-hd{display:flex;align-items:center;justify-content:space-between;padding:14px 14px 6px;direction:ltr}
.xa .sq-c{width:46px;height:46px;border-radius:50%;background:#fff;box-shadow:0 2px 14px rgba(16,16,46,.1),inset 0 0 0 1px #F2EFF7;display:grid;place-items:center}
.xa .sq-ht{text-align:center}
.xa .sq-ht b{font-size:19px;font-weight:650}
.xa .sq-me{display:flex;align-items:center;justify-content:center;gap:8px;margin:6px auto 0;width:max-content;height:38px;border-radius:19px;background:#F6F3FC;padding:0 6px 0 14px;font-size:13px;color:#6B6585}
.xa .sq-me b{color:#6328F5;font-weight:600}
.xa .sq-sh{width:28px;height:28px;border-radius:50%;background:#fff;display:grid;place-items:center}
.xa .sq-tabs{display:flex;gap:8px;padding:16px 16px 0}
.xa .sq-tabs span{height:38px;border-radius:19px;padding:0 18px;display:flex;align-items:center;gap:6px;font-size:14.5px;font-weight:600;box-shadow:inset 0 0 0 1.5px #E6E1EF}
.xa .sq-tabs span.on{background:#F2EEF9;box-shadow:none}
.xa .sq-tabs i{font-style:normal;min-width:20px;height:20px;border-radius:10px;background:#EE42CB;color:#fff;font-size:11px;display:grid;place-items:center;padding:0 5px}
.xa .sq-find{margin:18px 16px 0;height:64px;border-radius:32px;background:linear-gradient(135deg,#A23BFF,#6328F5);display:flex;align-items:center;gap:14px;padding:0 10px;color:#fff;box-shadow:0 10px 24px rgba(99,40,245,.28)}
.xa .sq-fi{width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,.18);display:grid;place-items:center}
.xa .sq-find b{font-size:18px;font-weight:700;display:block}
.xa .sq-find small{font-size:12.5px;opacity:.85}
.xa .sq-or{display:flex;align-items:center;gap:12px;margin:18px 24px 0;color:#B4AFC6;font-size:13px}
.xa .sq-or::before,.xa .sq-or::after{content:"";flex:1;height:1px;background:#EFEAF7}
.xa .sq-recw{display:flex;flex-direction:column;align-items:center;text-align:center;padding-top:14px}
.xa .sq-ring{position:relative;width:132px;height:132px;border-radius:50%;background:#F4F0FB;display:grid;place-items:center}
.xa .sq-ring>i{position:absolute;inset:-8px;border-radius:50%;border:1.5px solid #E5DAFB}
.xa .sq-rec{width:96px;height:96px;border-radius:50%;background:radial-gradient(circle at 35% 25%,#B67CFF,#7928FF 55%,#6328F5);display:grid;place-items:center;box-shadow:0 14px 30px rgba(99,40,245,.35)}
.xa .sq-recw b{font-size:16px;font-weight:650;margin-top:14px}
.xa .sq-recw small{font-size:12.5px;color:#8A8A93;margin-top:3px;max-width:260px}
.xa .sq-secH{display:flex;justify-content:space-between;align-items:baseline;padding:22px 16px 4px}
.xa .sq-secH b{font-size:15.5px;font-weight:650}
.xa .sq-secH small{font-size:12.5px;color:#8A8A93}
.xa .sq-open{display:flex;align-items:flex-start;gap:12px;padding:10px 16px}
.xa .sq-om{flex:1;min-width:0}
.xa .sq-oh{display:flex;justify-content:space-between;align-items:baseline}
.xa .sq-oh b{font-size:15px;font-weight:500}
.xa .sq-oh small{font-size:12px;color:#8A8A93}
.xa .sq-om p{font-size:14px;color:#4B4560;margin-top:1px}
.xa .sq-in{align-self:center;height:34px;border-radius:10px;background:#7928FF;color:#fff;font-weight:600;font-size:13.5px;padding:0 16px;display:grid;place-items:center}
.xa .sq-vp{display:flex;align-items:center;gap:8px;margin-top:6px;height:38px;border-radius:19px;padding:0 4px 0 12px}
.xa .sq-pb{width:30px;height:30px;border-radius:50%;background:linear-gradient(145deg,#A23BFF,#6328F5);display:grid;place-items:center;flex-shrink:0}
.xa .sq-wv{flex:1;display:flex;align-items:center;justify-content:space-between;height:22px}
.xa .sq-wv i{width:2.5px;border-radius:2px;display:block}
.xa .sq-vp b{font-size:12px;font-weight:600;color:#6328F5}
/* searching */
.xa .sq-srch{display:flex;flex-direction:column;align-items:center;background:radial-gradient(110% 60% at 50% 40%,#F4EEFF,#fff)}
.xa .sq-srch .sq-hd{align-self:stretch}
.xa .sq-radar{position:relative;width:260px;height:260px;margin-top:80px;display:grid;place-items:center}
.xa .sq-radar>i{position:absolute;border-radius:50%;border:1.5px solid #DCCBFF}
.xa .sq-radar>i:nth-child(1){inset:0;opacity:.35}.xa .sq-radar>i:nth-child(2){inset:30px;opacity:.6}.xa .sq-radar>i:nth-child(3){inset:60px}
.xa .sq-st{font-size:19px;font-weight:650;margin-top:26px}
.xa .sq-ss{font-size:13.5px;color:#8A8A93;margin-top:4px}
.xa .sq-tm{margin-top:14px;font-size:15px;font-weight:600;color:#6328F5;font-variant-numeric:tabular-nums}
.xa .sq-cancel{margin-top:30px;height:46px;border-radius:23px;padding:0 34px;background:#F2EEF9;font-weight:600;font-size:15px;display:grid;place-items:center}
/* thread extras */
.xa .sq-exp{margin-top:6px;background:#F6F3FC;border-radius:10px;padding:3px 10px;color:#6B6585!important}
.xa .sq-skip{height:40px;border-radius:20px;padding:0 16px;background:#F2EEF9;color:#6328F5;font-weight:600;font-size:14px;display:grid;place-items:center}
.xa .sq-dots{display:flex;gap:4px}
.xa .sq-dots i{width:7px;height:7px;border-radius:50%;background:#B9A8E6}
/* my chats */
.xa .sq-myrec{margin:16px 16px 0;border-radius:22px;background:#F6F3FC;padding:14px}
.xa .sq-mh{display:flex;justify-content:space-between;align-items:center}
.xa .sq-mh b{font-size:14.5px;font-weight:650}
.xa .sq-mh span{font-size:11.5px;font-weight:600;color:#16A34A;background:#fff;border-radius:10px;padding:3px 10px}
.xa .sq-prog{height:6px;border-radius:3px;background:#E9E3F6;margin-top:12px;overflow:hidden}
.xa .sq-prog i{display:block;height:100%;border-radius:3px;background:linear-gradient(90deg,#A23BFF,#EE42CB)}
.xa .sq-myrec>small{display:block;font-size:12.5px;color:#8A8A93;margin-top:6px}
.xa .sq-myrec>small b{color:#0B0B14}
.xa .sq-note{margin:14px 16px 6px;font-size:12.5px;color:#8A8A93;text-align:center}
.xa .sq-r{display:flex;align-items:center;gap:12px;padding:8px 16px}
.xa .sq-rt{flex:1;min-width:0;line-height:1.35}
.xa .sq-rt b{font-size:16px;font-weight:400;display:flex;align-items:center;gap:6px}
.xa .sq-rt small{font-size:14px;color:#8A8A93;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
.xa .sq-r.un .sq-rt b{font-weight:650}
.xa .sq-r.un .sq-rt small{color:#0B0B14;font-weight:550}
.xa .sq-tag{font-style:normal;font-size:10.5px;font-weight:600;color:#6328F5;background:#F2EEF9;border-radius:8px;padding:1px 7px}
.xa .sq-dot{width:10px;height:10px;border-radius:50%;background:#7928FF}
.xa .sq-exp2{font-size:11.5px;color:#8A8A93}
.xa .sq-prog i{margin-left:auto}
.xa .sq-wv i{width:3px}
.xa .sq-or{margin-top:22px}

.xa .tq-root .sq-exp{margin-top:6px}
.xa .sq-wait{align-self:center;display:flex;flex-direction:column;align-items:center;text-align:center;margin-top:40px;direction:rtl}
.xa .sq-wait b{font-size:15.5px;font-weight:600;margin-top:14px}
.xa .sq-wait small{font-size:12.5px;color:#8A8A93;margin-top:4px}
.xa .sq-wd{display:flex;gap:6px}
.xa .sq-wd i{width:10px;height:10px;border-radius:50%;background:#C9B2FF}
.xa .sq-wd i:nth-child(2){background:#9635F5}
.xa .sq-skp{position:absolute;left:0;right:0;bottom:0;z-index:6;background:#fff;border-radius:28px 28px 0 0;padding:10px 18px 30px;display:flex;flex-direction:column;align-items:center;text-align:center;direction:rtl;box-shadow:0 -10px 30px rgba(16,16,46,.15)}
.xa .sq-grab{width:40px;height:5px;border-radius:3px;background:#E4DEF0;margin-bottom:16px}
.xa .sq-skp b{font-size:18px;font-weight:650;margin-top:12px}
.xa .sq-skp small{font-size:13px;color:#8A8A93;margin-top:4px}
.xa .sq-b1{margin-top:20px;width:100%;height:52px;border-radius:26px;background:linear-gradient(135deg,#A23BFF,#6328F5);color:#fff;font-size:15.5px;font-weight:650;display:flex;align-items:center;justify-content:center;gap:8px}
.xa .sq-b2{margin-top:10px;width:100%;height:50px;border-radius:25px;background:#F2EEF9;font-size:15px;font-weight:600;display:grid;place-items:center}
.xa .sq-b3{margin-top:10px;font-size:14px;font-weight:600;color:#E11D48;display:flex;align-items:center;gap:6px}

/* stranger2.css */
.xa .r2-id{display:block;font-size:12.5px;color:#6328F5;font-weight:600}
.xa .sq-c{position:relative}
.xa .r2-b{position:absolute;top:-2px;right:-2px;font-style:normal;min-width:20px;height:20px;border-radius:10px;background:#EE42CB;color:#fff;font-size:11px;font-weight:700;display:grid;place-items:center;padding:0 5px;box-shadow:0 0 0 2px #fff}
.xa .r2a-hero{display:flex;flex-direction:column;align-items:center;text-align:center;padding-top:34px}
.xa .r2a-ring{position:relative;width:186px;height:186px;border-radius:50%;background:radial-gradient(circle,#EFE6FF,#F8F5FD 70%);display:grid;place-items:center}
.xa .r2a-ring>i{position:absolute;border-radius:50%;border:1.5px solid #E2D5FB}
.xa .r2a-ring>i:first-child{inset:-14px;opacity:.6}.xa .r2a-ring>i:nth-child(2){inset:14px}
.xa .r2a-hero b{font-size:21px;font-weight:700;margin-top:18px}
.xa .r2a-hero small{font-size:13.5px;color:#8A8A93;margin-top:4px}
.xa .r2a-srch{margin:26px 16px 0;height:54px;border-radius:27px;box-shadow:inset 0 0 0 1.5px #E6DDF7;display:flex;align-items:center;gap:10px;padding:0 6px 0 16px}
.xa .r2a-srch span{flex:1;font-size:14.5px;color:#4B4560}
.xa .r2a-srch b{height:42px;border-radius:21px;padding:0 20px;background:#F2EEF9;color:#6328F5;font-weight:650;font-size:14.5px;display:grid;place-items:center}
.xa .r2b-row{display:flex;gap:10px;padding:20px 16px 0}
.xa .r2b-card{flex:1;height:178px;border-radius:26px;padding:16px;display:flex;flex-direction:column;justify-content:flex-end;color:#fff;position:relative;overflow:hidden}
.xa .r2b-card.s{background:linear-gradient(160deg,#A23BFF,#6328F5)}
.xa .r2b-card.r{background:linear-gradient(160deg,#EE42CB,#9635F5)}
.xa .r2b-card::after{content:"";position:absolute;top:-30px;left:-30px;width:120px;height:120px;border-radius:50%;background:rgba(255,255,255,.1)}
.xa .r2b-ic{position:absolute;top:16px;right:16px;width:54px;height:54px;border-radius:50%;background:rgba(255,255,255,.2);display:grid;place-items:center}
.xa .r2b-card b{font-size:18px;font-weight:700}
.xa .r2b-card small{font-size:12px;opacity:.9;margin-top:2px;line-height:1.4}
.xa .r2b-my{margin:12px 16px 0;height:44px;border-radius:16px;background:#F6F3FC;display:flex;align-items:center;gap:12px;padding:0 14px;font-size:13px;color:#4B4560}
.xa .r2b-my b{color:#6328F5}
.xa .r2b-p{flex:1;height:6px;border-radius:3px;background:#E9E3F6;overflow:hidden}
.xa .r2b-p i{display:block;height:100%;margin-left:auto;border-radius:3px;background:linear-gradient(90deg,#A23BFF,#EE42CB)}
.xa .r2c-cards{display:flex;gap:10px;padding:6px 16px 4px;overflow:hidden}
.xa .r2c-card{flex:0 0 224px;border-radius:24px;background:#F6F3FC;padding:14px;display:flex;flex-direction:column;align-items:flex-start}
.xa .r2c-card b{font-size:15px;font-weight:600;margin-top:8px}
.xa .r2c-card small{font-size:12px;color:#8A8A93}
.xa .r2c-card p{font-size:14px;margin-top:6px;min-height:20px}
.xa .r2c-card .sq-vp{width:100%}
.xa .r2c-f{width:100%;display:flex;justify-content:space-between;align-items:center;margin-top:10px;font-size:12.5px;color:#6B6585}
.xa .r2c-dock{position:absolute;left:14px;right:14px;bottom:22px;height:76px;border-radius:38px;background:#fff;box-shadow:0 10px 30px rgba(46,16,101,.16),inset 0 0 0 1px #F0EBF8;display:flex;align-items:center;padding:0 10px;gap:12px}
.xa .r2c-s{flex:1;height:56px;border-radius:28px;background:linear-gradient(135deg,#A23BFF,#6328F5);color:#fff;display:flex;align-items:center;justify-content:center;gap:8px;font-size:16px}
.xa .r2c-r{width:62px;height:62px;border-radius:50%;background:radial-gradient(circle at 35% 25%,#FF7BE0,#EE42CB 45%,#9635F5);display:grid;place-items:center;box-shadow:0 0 0 5px #FBEFFA,0 10px 22px rgba(238,66,203,.35)}
.xa .r2c-l{font-size:12px;font-weight:650;line-height:1.3;color:#C026A8}

/* stranger3.css */
.xa .r3-chat{position:relative;width:58px;height:58px;border-radius:50%;background:#F2EEF9;display:grid;place-items:center}
.xa .r3-chat .r2-b{top:0;right:0}
.xa .r3-s1{margin:24px auto 0;width:180px;height:52px;border-radius:26px;background:linear-gradient(135deg,#A23BFF,#6328F5);color:#fff;display:flex;align-items:center;justify-content:center;gap:8px;font-size:17px;font-weight:650;box-shadow:0 10px 22px rgba(99,40,245,.28)}
.xa .r3-mine{height:46px;border-radius:23px;background:linear-gradient(135deg,#A23BFF,#6328F5);color:#fff;display:flex;align-items:center;gap:7px;padding:0 8px 0 14px;font-size:14.5px;font-weight:650;box-shadow:0 6px 16px rgba(99,40,245,.28);direction:rtl}
.xa .r3-mine i{font-style:normal;min-width:22px;height:22px;border-radius:11px;background:#fff;color:#6328F5;font-size:11.5px;font-weight:800;display:grid;place-items:center;padding:0 6px}
.xa .r3-s2{margin:24px auto 0;width:150px;height:48px;border-radius:24px;background:#F2EEF9;color:#6328F5;display:flex;align-items:center;justify-content:center;gap:8px;font-size:16px;font-weight:650}
.xa .r3-strip{margin:10px 16px 0;height:62px;border-radius:20px;background:#F6F3FC;display:flex;align-items:center;gap:12px;padding:0 14px}
.xa .r3-av{display:flex}
.xa .r3-strip>div{flex:1;line-height:1.3}
.xa .r3-strip b{font-size:15.5px;font-weight:650;display:block}
.xa .r3-strip small{font-size:12.5px;color:#8A8A93}
.xa .r3-s3{display:flex;justify-content:center;margin-top:20px}
.xa .r3-s3 span{height:46px;border-radius:23px;padding:0 24px;box-shadow:inset 0 0 0 1.5px #DCCBFF;color:#6328F5;display:flex;align-items:center;gap:8px;font-size:16px;font-weight:650}

.xa .r3-lite{background:#F2EEF9;color:#6328F5;box-shadow:none}
.xa .r3-lite i{background:#EE42CB;color:#fff}
.xa .r3-wide{width:230px}

.xa .r4-hd{position:relative}
.xa .r4-t{position:absolute;left:0;right:0;text-align:center;font-size:19px;font-weight:650;pointer-events:none}
.xa .r4-id{margin:8px auto 0;width:max-content;display:flex;align-items:center;gap:8px;height:40px;border-radius:20px;background:#fff;box-shadow:0 2px 12px rgba(46,16,101,.08),inset 0 0 0 1px #EEE8F8;padding:0 6px 0 14px}
.xa .r4-id b{font-size:14px;font-weight:600}
.xa .r4-sep{width:1px;height:18px;background:#E6E1EF}
.xa .r4-ed{display:flex;align-items:center;gap:4px;height:28px;border-radius:14px;background:#F2EEF9;color:#6328F5;font-size:12.5px;font-weight:650;padding:0 10px}
.xa .r4-id+.r2a-hero{padding-top:22px}

.xa .se2-ring{position:relative}
.xa .se2-arc{position:absolute;inset:-8px;border-radius:50%;border:3px solid transparent;border-top-color:#9635F5;border-left-color:rgba(150,53,245,.35)}
.xa .se2-tm{margin-top:10px;height:32px;border-radius:16px;background:#F2EEF9;color:#6328F5;font-weight:700;font-size:14.5px;padding:0 16px;display:grid;place-items:center;direction:ltr}
.xa .r2a-hero small{display:block}
.xa .se2-row{display:flex;justify-content:center;gap:10px;margin-top:20px}
.xa .se2-on{height:52px;border-radius:26px;padding:0 24px;background:#fff;box-shadow:inset 0 0 0 1.5px #DCCBFF,0 6px 18px rgba(99,40,245,.12);color:#6328F5;font-weight:650;font-size:16px;display:flex;align-items:center;gap:10px}
.xa .se2-on i{width:10px;height:10px;border-radius:50%;background:#22C55E;box-shadow:0 0 0 4px rgba(34,197,94,.18)}
.xa .se2-x{height:52px;border-radius:26px;padding:0 22px;background:#F2EEF9;font-weight:600;font-size:15px;display:grid;place-items:center}

.xa .fd-pair{display:flex;align-items:center;position:relative}
.xa .fd-pair>.xmask:last-child{margin-right:-20px}
.xa .fd-ok{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;width:40px;height:40px;border-radius:50%;background:#22C55E;display:grid;place-items:center;box-shadow:0 0 0 4px #fff,0 6px 16px rgba(34,197,94,.35)}
.xa .fd-open{margin:20px auto 0;width:240px;height:54px;border-radius:27px;background:linear-gradient(135deg,#A23BFF,#6328F5);color:#fff;font-size:16.5px;font-weight:650;display:flex;align-items:center;justify-content:center;gap:9px;box-shadow:0 10px 22px rgba(99,40,245,.3)}
.xa .fd-open i{font-style:normal;width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,.25);display:grid;place-items:center;font-size:13px}
.xa .fd-auto{display:block;text-align:center;font-size:12.5px;color:#8A8A93;margin-top:8px}
.xa .fd-pair>.xmask{width:92px!important;height:92px!important}.xa .fd-pair>.xmask:last-child{margin-right:-12px!important}.xa .fd-pair{gap:0}

/* mine.css */
.xa .mn-mask{display:grid;place-items:center;border-radius:50%;flex-shrink:0;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.22)}
.xa .mn-rec{margin:12px 16px 0;border-radius:22px;background:linear-gradient(180deg,#F6F2FD,#F1EAFF);padding:12px 14px}
.xa .mn-rh{display:flex;align-items:center;gap:8px}
.xa .mn-rl{width:26px;height:26px;border-radius:50%;background:linear-gradient(145deg,#EE42CB,#9635F5);display:grid;place-items:center}
.xa .mn-rh b{flex:1;font-size:14.5px;font-weight:650}
.xa .mn-st{font-size:12px;color:#16A34A;font-weight:600}
.xa .mn-pr{display:flex;align-items:center;gap:10px;margin-top:10px}
.xa .mn-bar{flex:1;height:6px;border-radius:3px;background:#E3D9F6;overflow:hidden}
.xa .mn-bar i{display:block;height:100%;margin-left:auto;border-radius:3px;background:linear-gradient(90deg,#A23BFF,#EE42CB)}
.xa .mn-pr small{font-size:12.5px;color:#8A8A93}.xa .mn-pr b{color:#0B0B14}
.xa .mn-ch{padding-top:14px}
.xa .mn-note{font-size:12px;color:#8A8A93;padding:2px 16px 4px}
.xa .mn-r{display:flex;align-items:center;gap:13px;padding:8px 16px}
.xa .mn-av{position:relative;line-height:0}
.xa .mn-on{position:absolute;bottom:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#22C55E;box-shadow:0 0 0 2.5px #fff}
.xa .mn-tx{flex:1;min-width:0;line-height:1.35}
.xa .mn-tx b{font-size:16px;font-weight:400;display:flex;align-items:center;gap:6px}
.xa .mn-tx small{display:block;font-size:14px;color:#8A8A93;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.xa .mn-un .mn-tx b{font-weight:650}
.xa .mn-un .mn-tx small{color:#0B0B14;font-weight:550}
.xa .mn-left{opacity:.55}
.xa .mn-src{font-style:normal;font-size:10.5px;font-weight:600;border-radius:8px;padding:1px 7px;background:#F2EEF9;color:#6328F5}
.xa .mn-src.srch{background:#EEF2FF;color:#4F46E5}
.xa .mn-vs{display:inline-flex;align-items:center;gap:4px;color:#7928FF}
.xa .mn-side{display:flex;flex-direction:column;align-items:center;gap:6px}
.xa .mn-exp{font-size:11px;color:#8A8A93}
.xa .mn-exp.low{color:#E11D48}
.xa .mn-dot{width:10px;height:10px;border-radius:50%;background:#7928FF}
.xa .mn-mic{line-height:0}
.xa .mn-searching{margin:22px 16px 0;height:68px;border-radius:34px;background:#fff;box-shadow:0 6px 22px rgba(99,40,245,.16),inset 0 0 0 1.5px #DCCBFF;display:flex;align-items:center;gap:12px;padding:0 8px 0 14px}
.xa .mn-searching>div{flex:1;line-height:1.35}
.xa .mn-searching b{font-size:15px;font-weight:650;color:#6328F5;display:block}
.xa .mn-searching small{font-size:11.5px;color:#8A8A93}
.xa .mn-sp{width:44px;height:44px;border-radius:50%;background:linear-gradient(145deg,#A23BFF,#6328F5);display:flex;align-items:center;justify-content:center;gap:3px}
.xa .mn-sp i{width:5px;height:5px;border-radius:50%;background:#fff}
.xa .mn-sp i:nth-child(2){opacity:.6}.xa .mn-sp i:nth-child(3){opacity:.3}
.xa .mn-x{height:40px;border-radius:20px;padding:0 16px;background:#F2EEF9;font-weight:600;font-size:13.5px;display:grid;place-items:center}
.xa .mn-ready{margin:16px 16px 0;border-radius:28px;padding:20px 18px 16px;background:linear-gradient(160deg,#A23BFF,#6328F5 70%);color:#fff;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:0 14px 30px rgba(99,40,245,.32)}
.xa .mn-rdg{position:relative;line-height:0;border-radius:50%;box-shadow:0 0 0 4px rgba(255,255,255,.35)}
.xa .mn-ready b{font-size:19px;font-weight:700;margin-top:10px}
.xa .mn-ready small{font-size:13px;opacity:.9;margin-top:2px}
.xa .mn-open{margin-top:14px;width:100%;height:48px;border-radius:24px;background:#fff;color:#6328F5;font-weight:700;font-size:15px;display:grid;place-items:center}
.xa .mn-later{margin-top:8px;font-size:13px;opacity:.85}
.xa .mn-ready+.r2a-hero{padding-top:20px;transform:scale(.85);transform-origin:top center}

/* search.css */
.xa .se-bg{background:radial-gradient(120% 55% at 50% 38%,#F3ECFF,#fff 70%);display:flex;flex-direction:column;align-items:center}
.xa .se-bg .sq-hd{align-self:stretch}
.xa .se-stage{position:relative;width:340px;height:330px;margin-top:40px;display:grid;place-items:center}
.xa .se-r{position:absolute;border-radius:50%;border:1.5px solid #DCCBFF}
.xa .se-r.r1{width:320px;height:320px;opacity:.3}.xa .se-r.r2{width:250px;height:250px;opacity:.55}.xa .se-r.r3{width:180px;height:180px}
.xa .se-arc{position:absolute;width:250px;height:250px;border-radius:50%;border:3px solid transparent;border-top-color:#9635F5;border-right-color:rgba(150,53,245,.35)}
.xa .se-dt{position:absolute;border-radius:50%}
.xa .se-t{font-size:20px;font-weight:650;margin-top:16px}
.xa .se-s{font-size:13.5px;color:#8A8A93;margin-top:4px}
.xa .se-tm{margin-top:16px;height:36px;border-radius:18px;background:#fff;box-shadow:inset 0 0 0 1px #E9DCFF;padding:0 18px;display:grid;place-items:center}
.xa .se-tm span{font-size:16px;font-weight:700;color:#6328F5;font-variant-numeric:tabular-nums;direction:ltr}
.xa .se-tips{margin-top:18px;font-size:12.5px;color:#6B6585;display:flex;gap:6px;align-items:center}
.xa .se-btns{position:absolute;left:16px;right:16px;bottom:30px;display:flex;flex-direction:column;gap:10px}
.xa .se-bg2{height:52px;border-radius:26px;background:#fff;box-shadow:0 4px 16px rgba(46,16,101,.08),inset 0 0 0 1.5px #DCCBFF;color:#6328F5;font-weight:650;font-size:15px;display:flex;align-items:center;justify-content:center;gap:8px}
.xa .se-cn{height:48px;display:grid;place-items:center;font-size:14.5px;font-weight:600;color:#8A8A93}
.xa .se-pair{position:relative;display:flex;align-items:center}
.xa .se-pair>.mn-mask:last-child{margin-right:-22px}
.xa .se-link{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;width:44px;height:44px;border-radius:50%;background:#22C55E;display:grid;place-items:center;box-shadow:0 0 0 5px #fff,0 8px 18px rgba(34,197,94,.35)}
.xa .se-found .se-t{color:#0B0B14}
.xa .se-load{margin-top:22px;width:160px;height:5px;border-radius:3px;background:#EDE5FB;overflow:hidden}
.xa .se-load i{display:block;width:70%;height:100%;margin-left:auto;border-radius:3px;background:linear-gradient(90deg,#A23BFF,#EE42CB)}
.xa .se-wave{align-self:center;display:flex;gap:8px;margin:6px 0 10px;direction:rtl}
.xa .se-wave span{height:34px;border-radius:17px;padding:0 14px;display:grid;place-items:center;background:#fff;box-shadow:inset 0 0 0 1.5px #E3D6FF;font-size:13.5px;font-weight:600;color:#6328F5}
/* ===== messages v2 · app integration ===== */
.xmni{position:relative;display:block;line-height:0}
.xmbadge{position:absolute;top:-5px;left:-8px;min-width:18px;height:18px;border-radius:9px;background:#EE42CB;color:#fff;font-style:normal;font-weight:700;font-size:10.5px;display:grid;place-items:center;padding:0 5px;box-shadow:0 0 0 2px #fff;line-height:1}
.xmbadge[hidden],.xa-navdot[hidden]{display:none}
.xa-navdot{position:absolute;top:-3px;right:-6px;width:11px;height:11px;border-radius:50%;background:#22C55E;box-shadow:0 0 0 2.5px #fff;animation:xapl 1.4s ease-in-out infinite}
.xa-navdot.found{background:#EE42CB}
@keyframes xapl{50%{transform:scale(.7)}}
.xmask{display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#A23BFF,#6328F5);flex-shrink:0;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.22)}
.xa,.xa *{box-sizing:border-box}
.xa{color:#0B0B14}
/* inbox in normal page flow */
#msgview.xa-iv{padding:0 0 110px!important}
.xa .xa-inbox{position:relative!important;inset:auto!important;overflow:visible;min-height:100vh}
.xa .xa-inbox .ig-list{padding-bottom:20px}
.xa .ig-srch input{flex:1;min-width:0;border:0;background:none;outline:0;font:inherit;font-size:16px;color:#10102E;-webkit-appearance:none;appearance:none}
.xa .ig-srch input::placeholder{color:#89869F}
.xa .ig-srch input::-webkit-search-cancel-button{display:none}
.xa .ig-notes{overflow-x:auto;scrollbar-width:none}
.xa .ig-notes::-webkit-scrollbar{display:none}
.xa .ig-chips{overflow-x:auto;scrollbar-width:none}
.xa .ig-ch,.xa .ig-flt,.xa .ig-strg,.xa .ig-r,.xa .ig-micb,.xa [data-toast]{cursor:pointer}
.xa .ig-strg.busy{background:#fff;color:#6328F5;box-shadow:inset 0 0 0 1.5px #DCCBFF}
.xa .ig-strg.found{background:linear-gradient(135deg,#22C55E,#16A34A)}
.xa-spin{width:22px;height:22px;border-radius:50%;border:2.5px solid #E5DAFB;border-top-color:#7928FF;animation:xarot .9s linear infinite;flex-shrink:0}
.xa-rot{animation:xarot 1.4s linear infinite}
@keyframes xarot{to{transform:rotate(360deg)}}
.xa .xa-none{text-align:center;color:#89869F;font-size:14px;padding:36px 0}
.xa .ig-bb.ig-v{padding:5px 8px 5px 6px;max-width:none;width:118px}
/* voice players drawn right-to-left */
.xa .xav{display:flex;align-items:center;gap:8px;direction:rtl;min-width:0}
.xa .xav .wave{flex:1;min-width:0;height:22px;transform:scaleX(-1);--bw:2.6px;--g:2.2px}
.xa .xav .play{width:30px!important;height:30px!important;border-radius:50%;flex-shrink:0;background:linear-gradient(145deg,#A23BFF,#6328F5)!important;box-shadow:none!important;display:grid;place-items:center}
.xa .xav .play svg{transform:scaleX(-1);width:13px;height:13px;margin:0!important}
.xa .xav .t{font-size:12px;font-weight:600;color:#6328F5;min-width:28px;text-align:left;direction:ltr}
.xa .xav .wave i{background:#CBB9F3!important}
.xa .xav .wave i.on{background:#7928FF!important}
.xa .xav.xa-note{gap:5px}.xa .xav.xa-note .play{width:22px!important;height:22px!important}.xa .xav.xa-note .wave{height:16px;--bw:2px;--g:1.6px}.xa .xav.xa-note .t{font-size:11px;min-width:24px}
.xa .xav.xa-soft{margin-top:6px;height:40px;border-radius:20px;background:#F6F3FC;padding:0 5px 0 12px}
.xa .xav.xa-white{margin-top:8px;height:40px;border-radius:20px;background:#fff;padding:0 5px 0 12px}
.xa .xav.xa-wel{margin-top:10px;height:40px;border-radius:20px;background:#F4F0FB;padding:0 5px 0 14px;width:230px}
.xa .xav.xa-wel.big{width:auto;height:56px;border-radius:28px;margin-top:14px}
.xa .xav.xa-wel.big .play{width:42px!important;height:42px!important}
.xa .xav.xa-th{min-width:200px}
.xa .xav.xa-me{min-width:200px}
.xa .xav.xa-me .play{background:#fff!important}
.xa .xav.xa-me .play svg path,.xa .xav.xa-me .play svg rect{fill:#6328F5}
.xa .xav.xa-me .wave i{background:rgba(255,255,255,.5)!important}
.xa .xav.xa-me .wave i.on{background:#fff!important}
.xa .xav.xa-me .t{color:#fff}
/* thread */
.xa .xa-thr{position:absolute;inset:0}
.xa .tq-me .tq-b{background:var(--xme)}
.xa .tq-th .tq-b{background:var(--xth)}
.xa .tq-body{overflow-y:auto!important;justify-content:flex-start!important;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding-bottom:12px}
.xa .xa-sp{flex:1 0 auto;min-height:8px}
.xa .tq-b.tq-vbb{padding:7px 12px 7px 8px}
.xa .tq-b.xa-ib{padding:0;background:none!important;overflow:hidden}
.xa .xa-img{display:block;max-width:220px;max-height:300px;border-radius:20px;object-fit:cover}
.xa .tq-b.xa-pb{padding:4px;background:none!important}
.xa .xa-post{width:220px;border-radius:18px;background:#fff;box-shadow:inset 0 0 0 1px #E9DCFF;padding:10px 12px;cursor:pointer;color:#10102E}
.xa .xa-ph{display:flex;align-items:center;gap:7px}.xa .xa-ph b{font-size:13px}
.xa .xa-post p{font-size:13.5px;font-weight:600;margin-top:6px;line-height:1.45}.xa .xa-post small{font-size:12px;color:#7928FF}
.xa .xa-file{display:flex;align-items:center;gap:10px;cursor:pointer}
.xa .xa-file>span{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:rgba(255,255,255,.9);flex-shrink:0}
.xa .tq-th .xa-file>span{background:linear-gradient(145deg,#A23BFF,#6328F5)}
.xa .xa-file b{font-size:13.5px;font-weight:600;max-width:160px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.xa .xa-link{display:inline-flex;align-items:center;gap:6px;text-decoration:underline;cursor:pointer;word-break:break-all}
.xa .xa-ln{text-decoration:underline;font-weight:600}
.xa .xa-q{border-radius:14px;padding:6px 10px;margin-bottom:6px;font-size:12.5px;line-height:1.4;background:rgba(255,255,255,.2)}
.xa .tq-th .xa-q{background:rgba(99,40,245,.08)}
.xa .xa-q b{display:block;font-size:11.5px;opacity:.85}
.xa .tq-comp{bottom:calc(16px + env(safe-area-inset-bottom,0px))!important;padding:0 12px 0 6px!important;z-index:3}
.xa .tq-comp input.tq-ph{flex:1;min-width:0;border:0;background:none;outline:0;font:inherit;font-size:16px;color:#10102E;height:100%}
.xa .tq-comp input.tq-ph::placeholder{color:#89869F}
.xa .xa-ci{display:grid;place-items:center;flex-shrink:0;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.xa .xa-send{display:none;font-weight:700;font-size:15px;color:#7928FF;padding:0 6px;cursor:pointer}
.xa .tq-comp.typing .xa-ci{display:none}
.xa .tq-comp.typing .xa-send{display:block}
.xa .tq-comp.recing input,.xa .tq-comp.recing .xa-ci:not(#xaMic),.xa .tq-comp.recing .tq-cam{visibility:hidden}
.xa #xaMic.holding{transform:scale(1.5);background:linear-gradient(145deg,#EE42CB,#9635F5);border-radius:50%;width:46px;height:46px;box-shadow:0 0 0 10px rgba(238,66,203,.14);position:relative;z-index:6}
.xa #xaMic.holding svg{stroke:#fff}
.xa #xaMic.hint{animation:xahint .5s}@keyframes xahint{25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}
.xa .xa-recbar{position:absolute;left:12px;right:12px;bottom:calc(16px + env(safe-area-inset-bottom,0px));height:58px;border-radius:29px;z-index:4;display:flex;align-items:center;gap:10px;padding:0 64px 0 14px;direction:rtl;pointer-events:none}
.xa .xa-recbar[hidden]{display:none}
.xa .xa-recbar>*{pointer-events:auto}
.xa .xa-rd{width:10px;height:10px;border-radius:50%;background:#EF4444;animation:xabl 1s infinite}@keyframes xabl{50%{opacity:.25}}
.xa .xa-recbar b{font-size:15px;font-weight:700;font-variant-numeric:tabular-nums;direction:ltr}
.xa .xa-slide{flex:1;text-align:center;font-size:13.5px;color:#89869F;font-weight:600}
.xa .xa-rw,.xa .xa-rx,.xa .xa-rs{display:none}
.xa .xa-recbar.locked{background:#F2EEF9;padding:0 6px;pointer-events:auto}
.xa .xa-recbar.locked .xa-slide{display:none}
.xa .xa-recbar.locked .xa-rw{display:flex;flex:1;height:26px;transform:scaleX(-1)}
.xa .xa-recbar.locked .xa-rw i{background:#B9A3F0!important}
.xa .xa-recbar.locked .xa-rx{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#FFF1F3;cursor:pointer}
.xa .xa-recbar.locked .xa-rs{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:linear-gradient(145deg,#A23BFF,#6328F5);cursor:pointer}
.xa .tq-comp.recing:has(~ .xa-recbar.locked),.xa .xa-recbar.locked~.tq-comp{visibility:hidden}
.xa .xa-lock{position:absolute;left:24px;bottom:96px;width:44px;height:78px;border-radius:22px;background:#fff;box-shadow:0 6px 20px rgba(46,16,101,.16);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;z-index:5}
.xa .xa-lock[hidden]{display:none}
.xa .xa-rep{position:absolute;left:12px;right:12px;bottom:calc(80px + env(safe-area-inset-bottom,0px));z-index:3;display:flex;align-items:center;gap:10px;background:#fff;border-radius:16px;padding:8px 12px;box-shadow:0 4px 14px rgba(46,16,101,.1),inset 0 0 0 1px #EEE8F8;direction:rtl}
.xa .xa-rep div{flex:1;min-width:0;border-right:3px solid #7928FF;padding-right:8px}
.xa .xa-rep b{font-size:12.5px;color:#6328F5;display:block}.xa .xa-rep small{font-size:12.5px;color:#6B6585;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
.xa .xa-rep span{cursor:pointer;color:#89869F}
.xa .xa-emo{position:absolute;left:0;right:0;bottom:0;height:290px;background:#FBF9FF;border-top:1px solid #EFE9FA;z-index:4;display:flex;flex-direction:column;padding-bottom:env(safe-area-inset-bottom,0px)}
.xa .xa-emo[hidden]{display:none}
.xa.xa-emoon .tq-comp{bottom:300px!important}.xa.xa-emoon .tq-body{bottom:370px!important}
.xa .xa-et{display:flex;justify-content:space-around;padding:6px 8px;border-bottom:1px solid #F0EBF7}
.xa .xa-et span{width:44px;height:36px;border-radius:12px;font-size:20px;opacity:.55;display:grid;place-items:center;cursor:pointer}
.xa .xa-et span.on{background:#E9DCFF;opacity:1}
.xa .xa-eg{flex:1;overflow-y:auto;display:grid;grid-template-columns:repeat(8,1fr);padding:6px 8px;align-content:start}
.xa .xa-eg span{height:42px;font-size:25px;display:grid;place-items:center;cursor:pointer;border-radius:10px}
.xa .xa-leftbar{position:absolute;left:12px;right:12px;bottom:calc(18px + env(safe-area-inset-bottom,0px));height:54px;border-radius:27px;background:#F6F3FC;display:flex;align-items:center;justify-content:center;font-size:13.5px;color:#6B6585;direction:rtl;gap:4px}
.xa .xa-leftbar span{color:#7928FF;font-weight:700;cursor:pointer}
.xa .tq-who,.xa .tq-c,.xa .sq-skip{cursor:pointer}
/* long-press actions */
.xa .xa-act{position:absolute;inset:0;z-index:7}
.xa .xa-act .tq-dim{background:rgba(16,16,46,.3);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
.xa .xa-acw{position:absolute;left:14px;right:14px;top:50%;transform:translateY(-50%);z-index:8;display:flex;flex-direction:column;gap:10px;align-items:flex-start;direction:rtl}
.xa .xa-acw.me{align-items:flex-start}.xa .xa-acw.th{align-items:flex-end}
.xa .xa-rxb{display:flex;gap:4px;background:#fff;border-radius:30px;padding:6px 8px;box-shadow:0 10px 30px rgba(16,16,46,.2)}
.xa .xa-rxb span{width:40px;height:40px;display:grid;place-items:center;font-size:24px;border-radius:50%;cursor:pointer}
.xa .xa-rxb span.on{background:#F3EEFF}
.xa .xa-selb{max-width:260px;padding:10px 15px;border-radius:22px;font-size:15.5px;background:#F1EDF8;box-shadow:0 10px 30px rgba(16,16,46,.2)}
.xa .xa-selb.me{background:linear-gradient(135deg,#A23BFF,#6328F5);color:#fff}
.xa .xa-menu{width:230px;background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 14px 34px rgba(16,16,46,.22)}
.xa .xa-menu div{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;font-size:15px;font-weight:600;border-bottom:1px solid #F5F2FA;cursor:pointer}
.xa .xa-menu div:last-child{border-bottom:0}.xa .xa-menu .del{color:#E11D48}
.xa .xa-popw,.xa .xa-skw,.xa .xa-edw{position:absolute;inset:0;z-index:7}
.xa .tq-acts span{cursor:pointer}
.xa .xa-nowel{text-align:center;color:#89869F;font-size:13px;margin-top:14px}
/* details */
.xa .dq-root{position:absolute;inset:0}
.xa .dq-scroll{position:absolute;inset:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding-bottom:40px}
.xa .dq-hero .xav.xa-wel{width:240px}
.xa .dq-qa span,.xa .dq-r,.xa .dq-tabs span,.xa .dq-back{cursor:pointer}
.xa .xa-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px}
.xa .xa-grid img{width:100%;aspect-ratio:1;object-fit:cover;display:block}
.xa .xa-lrow{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #F3F0F8;font-size:14px;color:#6328F5;direction:ltr;justify-content:flex-end}
/* stranger pages */
.xa .sq-root{position:absolute;inset:0}
.xa .sq-scroll{position:absolute;inset:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding-bottom:40px}
.xa [data-xgcirc],.xa [data-xgsearch],.xa .se2-x,.xa .fd-open,.xa .sq-in,.xa .r3-mine,.xa .r4-ed,.xa .sq-c,.xa .mn-r,.xa .ig-ch{cursor:pointer}
.xa .xa-recring{background:radial-gradient(circle,#FCE6F7,#FBF7FE 70%)!important}
.xa .xa-recon{background:radial-gradient(circle at 35% 25%,#FF7BE0,#EE42CB 45%,#9635F5)!important;animation:xapu 1.2s ease-in-out infinite}
.xa .xa-recon b{color:#fff;font-size:30px;font-weight:700;font-variant-numeric:tabular-nums;direction:ltr}
@keyframes xapu{50%{box-shadow:0 0 0 16px rgba(238,66,203,.12),0 14px 30px rgba(99,40,245,.35)}}
.xa .sq-in.off{background:#F1EEF7;color:#89869F}
.xa .xa-lk{opacity:.6}
.xa .se2-on i{animation:xapl 1.2s ease-in-out infinite}
.xa .sq-open .xav.xa-soft{margin-top:6px}
.xa .xmrules{text-align:center;font-size:12px;color:#89869F;margin:18px 16px 4px;line-height:1.6}
.xa .xempty{text-align:center;padding:44px 24px 30px;display:flex;flex-direction:column;align-items:center;gap:6px}
.xa .xempty .xei{width:64px;height:64px;border-radius:50%;background:#F3EEFF;display:grid;place-items:center;font-size:28px;margin-bottom:6px}
.xa .xempty b{font-size:16px}.xa .xempty p{font-size:13.5px;color:#89869F}
.xa .xbtn{margin-top:12px;height:42px;border-radius:21px;padding:0 20px;background:linear-gradient(145deg,#9635F5,#6328F5);color:#fff;font-weight:700;font-size:14px;display:grid;place-items:center;cursor:pointer}
.xa .xa-edin{margin-top:16px;width:100%;height:52px;border-radius:26px;background:#F2EEF9;display:flex;align-items:center;gap:8px;padding:0 6px 0 18px}
.xa .xa-edin input{flex:1;min-width:0;border:0;background:none;outline:0;font:inherit;font-size:16.5px;font-weight:600;color:#10102E;text-align:right}
.xa .xa-edin span{width:40px;height:40px;border-radius:50%;background:#fff;display:grid;place-items:center;cursor:pointer}
.xa .xa-ederr{color:#E11D48!important;min-height:16px}
.xa .sq-b1,.xa .sq-b2,.xa .sq-b3{cursor:pointer}
/* floating background-search pill + found banner */
#xaPill{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(96px + env(safe-area-inset-bottom,0px));z-index:30;height:54px;border-radius:27px;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 10px 28px rgba(46,16,101,.2),inset 0 0 0 1.5px #DCCBFF;display:flex;align-items:center;gap:10px;padding:0 8px 0 16px;direction:rtl;white-space:nowrap;cursor:pointer;animation:xain .3s ease}
#xaPill .bgm{position:relative;width:38px;height:38px;display:block;line-height:0}
#xaPill .bgr{position:absolute;inset:-4px;border-radius:50%;border:2.5px solid transparent;border-top-color:#9635F5;border-left-color:rgba(150,53,245,.35)}
#xaPill b{font-size:14px;font-weight:650;color:#6328F5}
#xaPill small{font-size:12.5px;color:#8A8A93;font-weight:600;direction:ltr}
#xaPill .bgx{width:34px;height:34px;border-radius:50%;background:#F2EEF9;display:grid;place-items:center;color:#6B6585;font-size:13px}
#xaBan{position:fixed;top:calc(10px + env(safe-area-inset-top,0px));left:10px;right:10px;max-width:470px;margin:0 auto;z-index:95;border-radius:24px;background:rgba(255,255,255,.97);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 14px 36px rgba(16,16,46,.22);display:flex;align-items:center;gap:12px;padding:12px 12px 12px 14px;direction:rtl;cursor:pointer;animation:xadrop .35s cubic-bezier(.2,.9,.3,1.2)}
#xaBan .bgpp{position:relative;line-height:0}
#xaBan .bgok{position:absolute;bottom:-3px;left:-3px;width:20px;height:20px;border-radius:50%;background:#22C55E;display:grid;place-items:center;box-shadow:0 0 0 2.5px #fff}
#xaBan div{flex:1;line-height:1.35}#xaBan b{font-size:15px;font-weight:650;display:block}#xaBan small{font-size:13px;color:#6B6585}
#xaBan .bgo{height:40px;border-radius:20px;padding:0 18px;background:linear-gradient(135deg,#A23BFF,#6328F5);color:#fff;font-weight:650;font-size:14px;display:grid;place-items:center}
@keyframes xain{from{opacity:0;transform:translate(-50%,10px)}}
@keyframes xadrop{from{opacity:0;transform:translateY(-30px)}}
.xa .xav.xa-th .wave,.xa .xav.xa-me .wave{flex:0 0 132px;width:132px}
.xa .xav.xa-soft .wave,.xa .xav.xa-white .wave{flex:1 1 120px;min-width:100px}
.xa .xav.xa-wel .wave{flex:1 1 140px;min-width:120px}
.xa .xav.xa-note .wave{flex:0 0 46px;width:46px}
.xa .mn-bar{display:flex!important;direction:rtl}
.xa .mn-bar i{margin:0!important;flex-shrink:0}
/* no iOS text-selection callout on long-press */
.xa .tq-body,.xa .tq-body *,.xa .xa-act,.xa .xa-act *,.xa .ig-list,.xa .ig-list *,.xa .mn-r,.xa .mn-r *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.xa .tq-b img{-webkit-user-drag:none}
.xa .xa-selc{display:flex;max-width:100%}
.xa .xa-selc .tq-b{max-width:290px;box-shadow:0 10px 30px rgba(16,16,46,.2)}
.xa .xa-selc .tq-rx{display:none}
.xa .tq-me .tq-b.tq-vbb{padding:7px 8px 7px 14px}
.xa .tq-th .tq-b.tq-vbb{padding:7px 8px 7px 14px}
/* notes row: no overlap */
.xa .ig-notes{gap:10px!important;padding:60px 12px 6px!important}
.xa .ig-nt{width:92px!important}
.xa .ig-nt small{max-width:92px!important}
.xa .ig-bb{top:0!important;transform:translate(-50%,calc(-100% + 12px))!important;max-width:96px!important}
.xa .ig-bb.ig-v{width:auto!important;max-width:98px!important;padding:5px 6px!important;gap:4px!important}
.xa .ig-bb.ig-v .xav.xa-note{gap:4px}
.xa .ig-bb.ig-v .xav.xa-note .wave{flex:0 0 34px;width:34px}
.xa .ig-bb.ig-v .xav.xa-note .t{min-width:22px;font-size:10.5px}
/* keep last message clear of the composer (iPhone safe area) */
.xa .tq-body{bottom:calc(92px + env(safe-area-inset-bottom,0px))!important;padding-bottom:18px!important}
.xa .ig-bb.ig-v{max-width:100px!important;overflow:visible!important}
.xa .ig-bb.ig-v .xav.xa-note .wave{flex:0 0 26px!important;width:26px!important}
.xa .ig-bb.ig-v .xav.xa-note .t{display:inline-block!important}
.xa .ig-bb.ig-v{width:max-content!important;max-width:104px!important}
.xa .xav{width:auto!important;height:auto;flex-shrink:1}.xa .xav.xa-soft,.xa .xav.xa-white,.xa .xav.xa-wel{height:40px}.xa .xav.xa-wel.big{height:56px}.xa .xav.xa-wel{width:230px!important}.xa .dq-hero .xav.xa-wel{width:240px!important}
/*<PLAN3CSS*//*PLAN4CSS>*//* ===== plan 4 ===== */
#toast{z-index:100}
#q4up{z-index:15}
#q4up .q4-upb{padding:0;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
#q4up .q4-up{min-height:100%;padding-top:calc(12px + env(safe-area-inset-top,0px))}
#q4up .top{align-items:center}
.q4-uph{font-weight:600;font-size:14px;color:#6B6585;direction:ltr}
.q4-ring.none{background:#EEE9F7}
.q4-ring.seen{background:#D9D4E5}
.q4-ring.story{cursor:pointer;animation:q4spin 6s linear infinite}
.q4-ring.story img,.q4-ring.story .q4-ini{animation:q4spin 6s linear infinite reverse}
@keyframes q4spin{to{transform:rotate(360deg)}}
.q4-ring .q4-ini{display:block;border-radius:50%;overflow:hidden;border:4px solid #fff;line-height:0}
.q4-ring .q4-ini>*{width:116px!important;height:116px!important;font-size:34px!important}
.q4-upf{padding-bottom:40px}
.q4-upf .grid{margin-top:2px}
.flw.on{color:#8A85A0;font-weight:600}
/* story ring on avatars */
.q4-rg{border-radius:50%;box-shadow:0 0 0 2px #fff,0 0 0 4px #C026D3!important;cursor:pointer}
.q4-rgs{box-shadow:0 0 0 2px #fff,0 0 0 4px #D9D4E5!important}
.ph>.q4-rg{margin:3px}
/* story viewer */
.q4-st{position:fixed;inset:0;z-index:90;max-width:489px;margin:0 auto;color:#fff;display:flex;flex-direction:column;opacity:0;transform:scale(.96);transition:opacity .22s,transform .22s;overflow:hidden}
.q4-st.open{opacity:1;transform:none}
.q4-stbars{display:flex;gap:4px;padding:calc(10px + env(safe-area-inset-top,0px)) 12px 0;direction:rtl}
.q4-stbars i{flex:1;height:3px;border-radius:2px;background:rgba(255,255,255,.35);overflow:hidden;display:flex}
.q4-stbars b{display:block;height:100%;background:#fff;border-radius:2px}
.q4-sthd{display:flex;align-items:center;gap:10px;padding:12px 14px;position:relative;z-index:3}
.q4-stu{border-radius:50%;box-shadow:0 0 0 2px rgba(255,255,255,.9);line-height:0;cursor:pointer}
.q4-stw{flex:1;line-height:1.3;cursor:pointer}.q4-stw b{font-size:15px;display:flex;align-items:center;gap:5px}.q4-stw small{font-size:12px;opacity:.8}
.q4-stx{width:40px;height:40px;display:grid;place-items:center}
.q4-stz{position:absolute;inset:80px 0 110px;display:flex;z-index:1}.q4-stz span{flex:1}
.q4-stbody{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:0 24px;position:relative;z-index:2;pointer-events:none}
.q4-stbody .cv{pointer-events:auto}
.q4-stav{position:relative;width:150px;height:150px;display:grid;place-items:center}
.q4-stav>img,.q4-stav>span:last-child{box-shadow:0 0 0 4px rgba(255,255,255,.85),0 18px 40px rgba(0,0,0,.3);border-radius:50%;position:relative;z-index:1}
.q4-pulse{position:absolute;inset:0;border-radius:50%;background:rgba(255,255,255,.18);animation:q4pl 2.2s ease-out infinite}.q4-pulse.b{animation-delay:1.1s}
@keyframes q4pl{from{transform:scale(.85);opacity:.9}to{transform:scale(1.6);opacity:0}}
.q4-stcap{font-size:19px;font-weight:700;text-align:center;line-height:1.5;text-shadow:0 2px 10px rgba(0,0,0,.25)}
.q4-stv{width:100%;max-width:330px;height:54px;border-radius:27px;background:rgba(255,255,255,.16);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.25)}
.q4-stv .play{width:42px;height:42px;background:#fff!important}.q4-stv .play svg path,.q4-stv .play svg rect{fill:#5B21B6}
.q4-stv .wave i{background:rgba(255,255,255,.45)!important}.q4-stv .wave i.on{background:#fff!important}.q4-stv .t{color:#fff}
.q4-stft{display:flex;gap:10px;padding:12px 14px calc(16px + env(safe-area-inset-bottom,0px));position:relative;z-index:3}
.q4-stft button[data-q4streply]{flex:1;height:48px;border-radius:24px;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.6);color:#fff;font-weight:600;font-size:14.5px;display:flex;align-items:center;justify-content:center;gap:8px}
.q4-stlk{width:48px;height:48px;display:grid;place-items:center}
/* challenge & community cards in profiles */
.q4-lh{font-size:13px;font-weight:600;color:#8A85A0;margin:16px 0 10px}
.q4-ch{border-radius:20px;background:#fff;box-shadow:0 4px 16px rgba(46,16,101,.07),inset 0 0 0 1px #EFE9F8;padding:14px;margin-bottom:12px;cursor:pointer}
.q4-chh{display:flex;align-items:center;gap:8px}.q4-chh b{font-size:15px;flex:1}
.q4-chs{height:24px;border-radius:12px;padding:0 10px;font-size:11.5px;font-weight:700;display:inline-flex;align-items:center;gap:5px;flex-shrink:0}
.q4-chs.live{background:#FEE2E2;color:#DC2626}.q4-chs.live i{width:6px;height:6px;border-radius:50%;background:#EF4444}
.q4-chs.soon{background:#F4EEFF;color:#5B21B6}.q4-chs.done{background:#F1F5F9;color:#475569}
.q4-chd{display:flex;align-items:center;justify-content:center;gap:22px;margin-top:12px}
.q4-chp{display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer}.q4-chp b{font-size:13.5px}
.q4-vs{width:38px;height:38px;border-radius:50%;background:linear-gradient(145deg,#9635F5,#4822FB);color:#fff;font-weight:800;font-size:13px;display:grid;place-items:center}
.q4-chbar{height:8px;border-radius:4px;background:#FBD5CE;margin-top:12px;overflow:hidden;display:flex}.q4-chbar i{display:block;height:100%;background:linear-gradient(270deg,#4822FB,#9635F5)}
.q4-chm{display:flex;justify-content:space-between;gap:8px;margin-top:10px;font-size:12px;color:#8A85A0}
.q4-cm{display:flex;align-items:center;gap:12px;padding:12px;border-radius:18px;background:#fff;box-shadow:inset 0 0 0 1px #EFE9F8;margin-bottom:10px;cursor:pointer}
.q4-cmt{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.35}.q4-cmt b{font-size:15px}.q4-cmt small{font-size:12.5px;color:#6B6585}.q4-cmt em{font-style:normal;font-size:11.5px;color:#8A85A0;margin-top:2px}
.q4-cmb{height:34px;border-radius:17px;padding:0 16px;background:linear-gradient(145deg,#9635F5,#4822FB);color:#fff;font-weight:700;font-size:13px;display:grid;place-items:center}
/* sheets */
#q4scr{position:fixed;inset:0;background:rgba(16,16,46,.4);z-index:93;opacity:0;transition:opacity .25s}#q4scr.open{opacity:1}
#q4sh{position:fixed;left:0;right:0;bottom:0;max-width:489px;margin:0 auto;z-index:94;background:#fff;border-radius:24px 24px 0 0;padding:8px 14px calc(18px + env(safe-area-inset-bottom,0px));transform:translateY(105%);transition:transform .28s cubic-bezier(.2,.8,.2,1);max-height:86vh;overflow-y:auto;box-shadow:0 -10px 40px rgba(16,16,46,.15)}
#q4sh.open{transform:none}
.q4-grab{width:40px;height:5px;border-radius:3px;background:#E3DEEE;margin:2px auto 10px}
.q4-sht{display:flex;align-items:center;gap:10px;padding:4px 4px 12px;border-bottom:1px solid #F3F0F8;margin-bottom:6px}
.q4-sht div{display:flex;flex-direction:column;line-height:1.35;min-width:0}.q4-sht b{font-size:15.5px}.q4-sht small{font-size:12.5px;color:#8A85A0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.q4-shav{line-height:0;flex-shrink:0}
.q4-opt{display:flex;align-items:center;gap:12px;width:100%;padding:12px 6px;border-radius:14px;text-align:right}
.q4-opt:active{background:#F7F4FC}
.q4-oi{width:40px;height:40px;border-radius:50%;background:#F4EEFF;display:grid;place-items:center;font-size:18px;flex-shrink:0}
.q4-ot{flex:1;display:flex;flex-direction:column;line-height:1.35}.q4-ot b{font-size:15px;font-weight:600}.q4-ot small{font-size:12.5px;color:#8A85A0}
.q4-opt.red .q4-ot b{color:#E11D48}.q4-opt.red .q4-oi{background:#FFF1F3}
.q4-opt.on .q4-oi{background:#7C3AED}.q4-opt.on .q4-oi svg{stroke:#fff}
.q4-ok{color:#7C3AED;font-weight:800}
.q4-rr{border-bottom:1px solid #F5F2FA;border-radius:0;padding:14px 6px}.q4-cv{color:#B5AFC7;font-size:20px}
.q4-why{display:flex;flex-direction:column;gap:2px;padding:6px 0 8px;border-bottom:1px solid #F3F0F8;margin-bottom:6px}
.q4-why div{display:flex;align-items:center;gap:12px;padding:8px 6px}.q4-why span{width:36px;height:36px;border-radius:50%;background:#FAF7FF;display:grid;place-items:center;font-size:17px;flex-shrink:0}.q4-why p{font-size:14px;line-height:1.5}
.q4-done{text-align:center;padding:16px 10px 8px;display:flex;flex-direction:column;align-items:center;gap:8px}
.q4-done span{width:64px;height:64px;border-radius:50%;background:linear-gradient(145deg,#9635F5,#4822FB);color:#fff;font-size:30px;display:grid;place-items:center;font-weight:800}
.q4-done b{font-size:17px}.q4-done p{font-size:14px;color:#6B6585;line-height:1.6;max-width:300px}
.q4-donebtn{width:100%;height:48px;border-radius:24px;background:linear-gradient(145deg,#9635F5,#4822FB);color:#fff;font-weight:700;font-size:15px;margin-top:10px}
/* hidden post */
article.post.q4-hid{padding:14px 0}
.q4-hidc{display:flex;align-items:center;gap:12px;padding:14px;border-radius:18px;background:#FAF8FD;box-shadow:inset 0 0 0 1px #EFE9F8}
.q4-hidc>span{font-size:22px}.q4-hidc div{flex:1;display:flex;flex-direction:column;line-height:1.4}.q4-hidc b{font-size:14.5px}.q4-hidc small{font-size:12.5px;color:#8A85A0}
.q4-hidc button{height:34px;border-radius:17px;padding:0 16px;background:#fff;box-shadow:inset 0 0 0 1.5px #DCCBFF;color:#6D28D9;font-weight:700;font-size:13px}
/* notifications */
.q4-nv{display:inline-flex;align-items:center;gap:5px;margin-top:6px;height:26px;border-radius:13px;padding:0 10px;background:#F4EEFF;color:#5B21B6;font-size:12px;font-weight:600}
.q4-hl{animation:q4hl 2.6s ease}
@keyframes q4hl{0%,60%{background:#F1E8FF;box-shadow:0 0 0 8px #F1E8FF}100%{background:transparent;box-shadow:0 0 0 8px transparent}}
/* gift badges */
.q4-gb{display:inline-flex;align-items:center;gap:4px;height:22px;border-radius:11px;padding:0 8px 0 4px;font-size:11px;font-weight:700;white-space:nowrap;flex-shrink:0;vertical-align:middle}
.q4-gb img{width:16px;height:16px;border-radius:50%;object-fit:cover}
.q4-gb.lion{background:linear-gradient(90deg,#FEF3C7,#FDE68A);color:#92400E}
.q4-gb.wolf{background:linear-gradient(90deg,#DBEAFE,#BFDBFE);color:#1E40AF}
.q4-gb.top{background:#F4EEFF;color:#5B21B6}
/* supporters */
.q4-sup{padding:6px 0 10px}
.q4-podium{display:grid;grid-template-columns:1fr 1.15fr 1fr;align-items:end;gap:8px;padding:30px 4px 0;direction:rtl}
.q4-pd{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0}
.q4-pdav{position:relative;border-radius:50%;padding:3px;background:conic-gradient(from 200deg,#C4B5FD,#7C3AED,#C4B5FD);cursor:pointer;line-height:0}
.q4-pd.r1 .q4-pdav{background:conic-gradient(from 200deg,#FDE68A,#F59E0B,#7C3AED,#FDE68A);box-shadow:0 10px 26px rgba(124,58,237,.3)}
.q4-pd.r2 .q4-pdav{background:conic-gradient(from 200deg,#E2E8F0,#94A3B8,#E2E8F0)}
.q4-pd.r3 .q4-pdav{background:conic-gradient(from 200deg,#FED7AA,#C2410C,#FED7AA)}
.q4-pdav>img:first-of-type,.q4-pdav>span{border:3px solid #fff;border-radius:50%}
.q4-crown{position:absolute;top:-24px;left:50%;transform:translateX(-50%);font-size:24px;font-style:normal;line-height:1}
.q4-pdg{position:absolute;bottom:-2px;left:-2px;width:26px!important;height:26px!important;border-radius:50%;border:2.5px solid #fff!important;object-fit:cover}
.q4-pd em{position:absolute;bottom:-9px;right:50%;transform:translateX(50%);min-width:22px;height:22px;border-radius:11px;background:#7C3AED;color:#fff;font-style:normal;font-weight:800;font-size:12px;display:grid;place-items:center;box-shadow:0 0 0 2.5px #fff;line-height:1}
.q4-pd.r1 em{background:#F59E0B}.q4-pd.r2 em{background:#64748B}.q4-pd.r3 em{background:#C2410C}
.q4-pd b{font-size:13.5px;margin-top:12px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}
.q4-pd.r1 b{font-size:14.5px}
.q4-coins{display:inline-flex;align-items:center;gap:4px;font-weight:800;font-size:13px;color:#5B21B6;direction:ltr}
.q4-coins .coin{transform:scale(.85)}
.q4-step{width:100%;border-radius:14px 14px 0 0;margin-top:6px;background:linear-gradient(180deg,#F4EEFF,#FBF9FF)}
.q4-pd.r1 .q4-step{height:66px;background:linear-gradient(180deg,#EDE3FF,#F8F4FF)}.q4-pd.r2 .q4-step{height:44px}.q4-pd.r3 .q4-step{height:30px}
.q4-sl{margin-top:6px}
.q4-sr{display:flex;align-items:center;gap:12px;padding:12px 2px;border-bottom:1px solid #F3F0F8}
.q4-rk{width:20px;text-align:center;font-weight:800;color:#C4B5FD;font-size:15px;flex-shrink:0}
.q4-sav{position:relative;line-height:0;cursor:pointer;flex-shrink:0}
.q4-sg{position:absolute;bottom:-3px;left:-4px;width:20px;height:20px;border-radius:50%;border:2px solid #fff;object-fit:cover}
.q4-st2{flex:1;min-width:0;display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;line-height:1.3}.q4-st2 b{font-size:14.5px;cursor:pointer}.q4-st2 small{flex-basis:100%;font-size:12px;color:#8A85A0}
.q4-you{border:0;background:#FBF9FF;border-radius:16px;padding:12px;margin-top:10px}
.q4-tabs{display:flex;gap:6px;background:#F4F2F8;border-radius:22px;padding:4px;margin:12px 0 6px}
.q4-tabs button{flex:1;height:38px;border-radius:19px;font-weight:600;font-size:13.5px;color:#6B6585}
.q4-tabs button.on{background:#fff;color:#16132A;font-weight:700;box-shadow:0 2px 8px rgba(46,16,101,.08)}
#list .q4-tabs{margin-top:0}
/* gift card */
.q4-gc{display:flex;flex-direction:column;align-items:center;gap:12px;padding:6px 6px 4px;text-align:center}
.q4-gcg{width:120px;height:120px;border-radius:30px;overflow:hidden;box-shadow:0 0 40px color-mix(in srgb,var(--g) 55%,transparent)}.q4-gcg img{width:100%;height:100%;object-fit:cover}
.q4-gcu{display:flex;align-items:center;gap:10px;cursor:pointer}.q4-gcu div{display:flex;flex-direction:column;text-align:right;line-height:1.35}.q4-gcu b{font-size:15.5px}.q4-gcu small{font-size:12.5px;color:#8A85A0}
.q4-gcc{display:flex;align-items:center;gap:6px;height:38px;border-radius:19px;padding:0 16px;background:#F4EEFF;color:#5B21B6;direction:ltr}.q4-gcc b{font-size:17px}.q4-gcc span{font-size:12px}
.q4-gcv{width:100%}.q4-gcv small{display:block;font-size:12.5px;color:#8A85A0;margin-bottom:6px}.q4-gcv .cv{height:46px;border-radius:23px}
.q4-gct{font-size:14.5px;color:#4B4560}.q4-gcn{font-size:12px;color:#A39DB8}
.q4-vid{position:fixed;inset:0;z-index:9998;background:#000;display:grid;place-items:center}.q4-vid video{width:100%;height:100%;object-fit:contain}.q4-vid button{position:absolute;top:calc(14px + env(safe-area-inset-top,0px));left:14px;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.2);color:#fff}
/* ===== sponsored contest ===== */
.q5-card{margin:16px 0 4px;border-radius:20px;padding:12px;background:linear-gradient(135deg,#FBF8FF,#F3ECFF);box-shadow:inset 0 0 0 1px #E6DAFB;cursor:pointer;text-align:right}
.q5-ch{display:flex;justify-content:space-between;align-items:center;font-size:11.5px}
.q5-ad{height:20px;border-radius:10px;padding:0 8px;background:#fff;color:#6B6585;font-weight:700;font-size:10.5px;display:inline-flex;align-items:center;box-shadow:inset 0 0 0 1px #E6DAFB}
.q5-ad.on{position:absolute;top:12px;right:12px;background:rgba(0,0,0,.35);color:#fff;box-shadow:none;backdrop-filter:blur(6px)}
.q5-cd{color:#6D28D9;font-weight:700}
.q5-cb{display:flex;gap:12px;align-items:center;margin-top:10px}
.q5-thumb{width:72px;height:72px;border-radius:16px;object-fit:cover;flex-shrink:0;box-shadow:0 6px 16px rgba(72,34,251,.22)}
.q5-ct{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px;line-height:1.35}
.q5-br{display:flex;align-items:center;gap:6px}.q5-br b{font-size:13px;letter-spacing:.5px}.q5-br small{font-size:11px;color:#8A85A0}
.q5-tt{font-size:15.5px}.q5-ct>small{font-size:12px;color:#6B6585}
.q5-logo{display:grid;place-items:center;background:linear-gradient(145deg,#4822FB,#9635F5 60%,#22D3EE);flex-shrink:0}
.q5-watch{margin-top:12px;width:100%;height:42px;border-radius:21px;background:linear-gradient(145deg,#9635F5,#4822FB);color:#fff;font-weight:700;font-size:14.5px;display:flex;align-items:center;justify-content:center;gap:7px;box-shadow:0 8px 18px rgba(72,34,251,.25)}
.q5-pg{z-index:15}
.q5-pg .pph{gap:8px}.q5-bk{width:38px;height:38px;display:grid;place-items:center}.q5-ht{flex:1;text-align:center;font-size:15px}
.q5-b{padding-bottom:110px!important}
.q5-hero{position:relative;margin:12px 0 0;border-radius:22px;overflow:hidden;aspect-ratio:1/1;max-height:360px;width:100%;line-height:0}
.q5-hero>img{width:100%;height:100%;object-fit:cover;animation:q5kb 14s ease-in-out infinite alternate}
@keyframes q5kb{to{transform:scale(1.03)}}
.q5-hv{position:absolute;left:12px;right:12px;bottom:12px;line-height:normal}
.q5-hv .cv{height:52px;border-radius:26px;background:rgba(255,255,255,.18);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.35)}
.q5-hv .play{width:42px;height:42px;background:#fff!important}.q5-hv .play svg path,.q5-hv .play svg rect{fill:#4822FB}
.q5-hv .wave i{background:rgba(255,255,255,.5)!important}.q5-hv .wave i.on{background:#fff!important}.q5-hv .t{color:#fff}
.q5-brand{display:flex;align-items:center;gap:10px;margin-top:14px}.q5-brand div{flex:1;display:flex;flex-direction:column;line-height:1.35}.q5-brand b{font-size:16px;display:flex;align-items:center;gap:5px;letter-spacing:.5px}.q5-brand small{font-size:12.5px;color:#8A85A0}
.q5-brand .flw{margin:0;align-self:center}
.q5-h{font-size:21px;margin-top:14px}.q5-d{font-size:14.5px;color:#4B4560;line-height:1.7;margin-top:6px}
.q5-timer{margin-top:14px;border-radius:18px;padding:12px;background:#2E1065;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:8px}
.q5-timer>span{font-size:12.5px;font-weight:600;opacity:.9}.q5-timer>div{display:flex;gap:5px;direction:ltr}
.q5-timer b{width:44px;border-radius:12px;background:rgba(255,255,255,.12);display:flex;flex-direction:column;align-items:center;padding:4px 0;line-height:1.1}.q5-timer em{font-style:normal;font-size:17px;font-variant-numeric:tabular-nums}.q5-timer small{font-size:9.5px;opacity:.75;font-weight:500}
.q5-sec{margin-top:18px}.q5-sec>b{font-size:16px}
.q5-prz{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}
.q5-pz{border-radius:18px;padding:12px 6px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:2px;background:#FBF9FF;box-shadow:inset 0 0 0 1px #EFE9F8}
.q5-pz.p1{background:linear-gradient(180deg,#F3ECFF,#fff);box-shadow:inset 0 0 0 1.5px #C4B5FD}
.q5-pz span{font-size:26px}.q5-pz b{font-size:18px;color:#5B21B6}.q5-pz small{font-size:11px;color:#8A85A0;line-height:1.35}
.q5-rules{margin:10px 0 0;padding:0 20px 0 0;display:flex;flex-direction:column;gap:8px}
.q5-rules li{font-size:14px;line-height:1.6;color:#2B2640;padding-right:4px}.q5-rules li::marker{color:#7C3AED;font-weight:800}
.q5-cta{margin-top:20px}
.q5-join{position:relative;border-radius:24px;padding:22px 16px 16px;text-align:center;background:radial-gradient(120% 90% at 50% 0%,#EDE3FF,#FBF9FF 70%);box-shadow:inset 0 0 0 1.5px #DCCBFF;display:flex;flex-direction:column;align-items:center;gap:4px}
.q5-jm{width:64px;height:64px;border-radius:50%;background:linear-gradient(145deg,#9635F5,#4822FB);display:grid;place-items:center;box-shadow:0 10px 24px rgba(72,34,251,.35),0 0 0 8px rgba(150,53,245,.12);margin-bottom:8px;animation:q5pu 2s ease-in-out infinite}
@keyframes q5pu{50%{box-shadow:0 10px 24px rgba(72,34,251,.35),0 0 0 14px rgba(150,53,245,.06)}}
.q5-join b{font-size:16.5px}.q5-join small{font-size:12.5px;color:#6B6585}
.q5-jb{margin-top:12px;width:100%;height:50px;border-radius:25px;background:linear-gradient(145deg,#9635F5,#4822FB);color:#fff;font-weight:800;font-size:15.5px;box-shadow:0 10px 22px rgba(72,34,251,.3)}
.q5-in{display:flex;align-items:center;gap:12px;border-radius:20px;padding:14px;background:#F3ECFF}.q5-in>span{width:40px;height:40px;border-radius:50%;background:#7C3AED;color:#fff;display:grid;place-items:center;font-weight:800}.q5-in div{flex:1;display:flex;flex-direction:column;line-height:1.4}.q5-in small{font-size:12.5px;color:#6B6585}
.q5-in button{height:36px;border-radius:18px;padding:0 14px;background:#fff;color:#6D28D9;font-weight:700;font-size:13px;box-shadow:inset 0 0 0 1.5px #DCCBFF}
.q5-tabs{margin-top:22px}
.q5-etag{display:flex;justify-content:space-between;align-items:center;margin:2px 0 6px;padding:6px 10px;border-radius:12px;background:#F6F1FF;font-size:12px;color:#6D28D9;font-weight:600}.q5-etag b{font-weight:800}
.q5-lk{display:inline-flex;align-items:center;gap:4px;font-weight:800;font-size:13.5px;color:#BE185D;direction:ltr}
.q5-prize{font-size:11.5px;font-weight:800;color:#5B21B6;background:#F3ECFF;border-radius:10px;padding:2px 8px;margin-top:2px}
.q5-bar{position:absolute;left:0;right:0;bottom:0;padding:10px 16px calc(14px + env(safe-area-inset-bottom,0px));background:linear-gradient(180deg,rgba(255,255,255,0),#fff 35%);z-index:3}
.q5-bar[hidden]{display:none}
.q5-bar button{width:100%;height:54px;border-radius:27px;background:linear-gradient(145deg,#9635F5,#4822FB);color:#fff;font-weight:800;font-size:16px;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 12px 26px rgba(72,34,251,.35)}
.q5-bar small{font-size:11.5px;font-weight:600;opacity:.85;margin-right:4px;background:rgba(255,255,255,.18);border-radius:10px;padding:2px 8px}
.q5-tx{display:block;margin-top:8px}.q5-tx textarea{width:100%;border:0;outline:0;border-radius:16px;background:#F6F3FC;padding:12px 14px;font:inherit;font-size:15px;resize:none;color:#10102E}
.q5-rec{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 0 8px}
.q5-rb{width:76px;height:76px;border-radius:50%;background:linear-gradient(145deg,#9635F5,#4822FB);display:grid;place-items:center;box-shadow:0 10px 24px rgba(72,34,251,.35)}
.q5-rb.on{background:#EF4444;animation:q5pu 1.2s ease-in-out infinite}
.q5-rec b{font-size:20px;font-variant-numeric:tabular-nums}.q5-rec small{font-size:12.5px;color:#8A85A0}
.q5-ok{display:flex;align-items:center;gap:8px;font-size:13.5px;color:#4B4560;padding:6px 4px}.q5-ok input{width:18px;height:18px;accent-color:#7C3AED}
.q4-donebtn:disabled{opacity:.45}
/* ===== sponsored v2 ===== */
.q5-v{margin-top:12px}
.q5-hero{aspect-ratio:1/1;max-height:340px}
.q5-prz{gap:6px;margin-top:8px}
.q5-pz{padding:8px 4px;border-radius:14px;gap:1px}
.q5-pz span{font-size:18px}.q5-pz b{font-size:15px}.q5-pz em{font-style:normal;font-size:11.5px;font-weight:700;color:#2B2640}.q5-pz small{font-size:10.5px}
.q5-pz.pzbig{background:linear-gradient(180deg,#F3ECFF,#fff);box-shadow:inset 0 0 0 1.5px #C4B5FD}
.q5-rl{margin-top:16px;width:100%;display:flex;align-items:center;gap:12px;padding:12px;border-radius:16px;background:#FBF9FF;box-shadow:inset 0 0 0 1px #EFE9F8;text-align:right}
.q5-rli{width:38px;height:38px;border-radius:12px;background:#F3ECFF;display:grid;place-items:center;font-size:18px;flex-shrink:0}
.q5-rlt{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.35}.q5-rlt b{font-size:15px}.q5-rlt small{font-size:12.5px;color:#8A85A0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.q5-more{font-size:13px;font-weight:700;color:#6D28D9;flex-shrink:0}
#q4sh .q5-rules{margin:6px 0 6px;padding:0 22px 0 4px;gap:10px}
#q4sh .q5-rules li,.q5-rules li{font-family:system-ui,-apple-system,"Segoe UI",Helvetica,Arial,sans-serif;font-size:15px;line-height:1.34;font-weight:400;color:#050505}
.q5-in{margin-top:16px}
.q5-hp .ph{align-items:center}.q5-hp .q5-ad{margin-inline-start:auto}
.q5-himg{cursor:pointer}.q5-himg img{aspect-ratio:1/1;object-fit:cover}
.q5-hcta{margin-top:10px;width:100%;height:44px;border-radius:14px;background:#F3ECFF;color:#5B21B6;font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:space-between;padding:0 14px}
.q5-hcta svg{width:18px;height:18px}
/* players model B */
.q5-wcs{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:8px;align-items:end;padding-top:8px}
.q5-wc{border-radius:20px;padding:12px 6px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:4px;background:#FBF9FF;box-shadow:inset 0 0 0 1px #EFE9F8;min-width:0}
.q5-wc.pzbig{background:linear-gradient(180deg,#EDE3FF,#fff);box-shadow:inset 0 0 0 1.5px #C4B5FD,0 10px 24px rgba(124,58,237,.14);padding:16px 6px}
.q5-wci{font-size:20px}.q5-wc small{font-size:11px;font-weight:700;color:#6D28D9}
.q5-wca{border-radius:50%;padding:2.5px;background:conic-gradient(from 200deg,#C4B5FD,#7C3AED,#C4B5FD);line-height:0;cursor:pointer}.q5-wca>*{border:2.5px solid #fff;border-radius:50%}
.q5-wc b{font-size:13px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.q5-wc em{font-style:normal;font-weight:800;font-size:13px;color:#fff;background:linear-gradient(145deg,#9635F5,#4822FB);border-radius:10px;padding:2px 10px}
.q5-lb{margin-top:14px;display:flex;flex-direction:column}
.q5-lr{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #F3F0F8;cursor:pointer}
.q5-lrb{flex:1;min-width:0}.q5-lrb>div{display:flex;align-items:center;gap:8px}.q5-lrb b{font-size:14.5px}.q5-lrb small{font-size:11.5px;color:#8A85A0;flex:1}
.q5-lrb i{display:block;height:6px;border-radius:3px;background:#F1ECFA;margin-top:6px;overflow:hidden}.q5-lrb u{display:block;height:100%;border-radius:3px;background:linear-gradient(270deg,#4822FB,#C084FC);margin-right:0}
/* players model C */
.q5-pf{margin:8px 0 4px}
.q5-cl{display:flex;flex-direction:column;gap:8px;margin-top:8px}
.q5-cr{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:18px;background:#fff;box-shadow:inset 0 0 0 1px #EFE9F8;cursor:pointer}
.q5-cr.top{background:linear-gradient(90deg,#fff,#F7F2FF)}
.q5-crk{width:28px;text-align:center;font-size:18px;font-weight:800;color:#C4B5FD;flex-shrink:0}
.q5-crl{text-align:left}
/* join sheet */
.q5-kd{display:flex;gap:6px;background:#F4F2F8;border-radius:20px;padding:4px;margin-top:8px}.q5-kd button{flex:1;height:36px;border-radius:17px;font-weight:600;font-size:13.5px;color:#6B6585}.q5-kd button.on{background:#fff;color:#16132A;font-weight:700;box-shadow:0 2px 8px rgba(46,16,101,.08)}
.q5-tx[hidden],.q5-pick[hidden]{display:none}
.q5-pick{margin-top:8px;width:100%;height:64px;border-radius:16px;background:#F6F3FC;box-shadow:inset 0 0 0 1.5px dashed #DCCBFF;display:flex;align-items:center;justify-content:center;gap:10px;font-weight:600;color:#5B21B6;font-size:14px}
.q5-pick img{width:48px;height:48px;border-radius:12px;object-fit:cover}
/* ===== sponsored v3 · soft style ===== */
#q5ad .q5-b b,#q5ad .q5-b h2{font-weight:600}
#q5ad .q5-b{color:#16132A}
.q5-ht{font-weight:600!important;font-size:15px}
.q5-hero{border-radius:20px;margin-top:10px}
.q5-brand b{font-size:15px;letter-spacing:.3px}
.q5-h{font-size:19px;margin-top:12px;letter-spacing:-.1px}
.q5-d{font-size:14px;color:#5B5670;line-height:1.75}
.q5-timer{background:#F7F3FF;color:#2E1065;box-shadow:inset 0 0 0 1px #ECE4FB;padding:10px 12px;border-radius:16px}
.q5-timer>span{font-weight:500;opacity:1;color:#5B5670}
.q5-timer b{background:#fff;box-shadow:0 1px 3px rgba(46,16,101,.08);width:42px;border-radius:11px}
.q5-timer em{font-size:16px;font-weight:600;color:#4C1D95}.q5-timer small{color:#8A85A0;opacity:1}
.q5-sec>b{font-size:15px}
.q5-pz{background:#fff;box-shadow:inset 0 0 0 1px #EEE8F8;padding:9px 4px}
.q5-pz span{font-size:16px}.q5-pz b{font-size:14.5px!important;color:#5B21B6}.q5-pz em{font-weight:500;font-size:11px;color:#3B3550}.q5-pz small{color:#A39DB8}
.q5-pz.pzbig{background:#FBF8FF;box-shadow:inset 0 0 0 1px #DCCBFF}
.q5-rl{background:#fff;box-shadow:inset 0 0 0 1px #EEE8F8;padding:10px 12px}
.q5-rli{background:#F7F3FF;font-size:16px;width:36px;height:36px}
.q5-rlt b{font-size:14.5px}.q5-more{font-weight:600;font-size:12.5px}
.q5-etag{background:none;padding:0;margin:0 0 8px;font-weight:500;color:#8A85A0;font-size:12px}
.q5-etag b{font-weight:600;color:#6D28D9;background:#F5F0FF;border-radius:9px;padding:2px 8px;font-size:11.5px}
.q5-lk{font-weight:600;font-size:13px;color:#D6336C}
.q5-prize{font-weight:600;font-size:11px;color:#6D28D9;background:#F5F0FF;padding:1px 7px}
.q5-bar button{font-weight:600;font-size:15.5px;height:52px;box-shadow:0 8px 20px rgba(72,34,251,.22)}
.q5-bar small{font-weight:500}
.q5-in{background:#FBF8FF;box-shadow:inset 0 0 0 1px #ECE4FB}
/* top-3 prize cards above the list */
.q5-wcs{gap:8px;padding-top:6px}
.q5-wc{background:#fff;box-shadow:inset 0 0 0 1px #EEE8F8;border-radius:18px;padding:12px 6px 10px;gap:5px}
.q5-wc.pzbig{background:linear-gradient(180deg,#F7F2FF,#fff 70%);box-shadow:inset 0 0 0 1px #DCCBFF,0 6px 18px rgba(124,58,237,.08);padding:14px 6px 12px}
.q5-wc small{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:11px;font-weight:500;color:#6D28D9}.q5-wc small span{font-size:16px}
.q5-wca{padding:2px;background:linear-gradient(145deg,#DCCBFF,#A78BFA)}.q5-wc.pzbig .q5-wca{background:linear-gradient(145deg,#C4B5FD,#7C3AED)}
.q5-wc b{font-size:13px;font-weight:600!important}
.q5-wc em{font-weight:600;font-size:12px;color:#5B21B6;background:#F3ECFF;padding:2px 10px}
.q5-pl{margin-top:10px}
.q5-pl .q4-sr{padding:10px 2px}
.q5-pl .q4-rk{font-weight:600;font-size:14px;color:#B9AEDB}
.q5-pl .q4-st2 b{font-weight:600!important;font-size:14.5px}
/* home sponsored post */
.q5-hcta{font-weight:600;background:#F7F3FF;color:#5B21B6;box-shadow:inset 0 0 0 1px #ECE4FB}
.q5-card .q5-tt{font-weight:600;font-size:15px}.q5-watch{font-weight:600;box-shadow:0 6px 14px rgba(72,34,251,.18)}
/* timer: light colour touch */
.q5-timer{background:linear-gradient(120deg,#EFE6FF,#F9EEFF 60%,#FDEFF7);box-shadow:inset 0 0 0 1px #E6D9FC}
.q5-timer>span{color:#6D28D9;font-weight:600}
.q5-timer b{background:#fff;box-shadow:0 2px 6px rgba(124,58,237,.12)}
.q5-timer em{background:linear-gradient(145deg,#9635F5,#4822FB);-webkit-background-clip:text;background-clip:text;color:transparent}
/* prizes Z1 */
.z1{margin-top:8px;border-radius:18px;background:#fff;box-shadow:inset 0 0 0 1px #EEE8F8;overflow:hidden}
.z1-r{display:flex;align-items:center;gap:12px;padding:11px 14px;border-bottom:1px solid #F4F0FA}.z1-r:last-child{border-bottom:0}
.z1-r.on{background:linear-gradient(90deg,#fff,#F7F2FF)}
.z1-i{width:38px;height:38px;border-radius:12px;background:#F5F0FF;display:grid;place-items:center;font-size:18px;flex-shrink:0}
.z1-r div{flex:1;display:flex;flex-direction:column;line-height:1.35}.z1-r b{font-size:14px}.z1-r small{font-size:11.5px;color:#9A94AE}
.z1-r em{font-style:normal;font-weight:600;font-size:15px;color:#5B21B6;background:#F3ECFF;border-radius:11px;padding:3px 10px}
.z1-r.on em{color:#fff;background:linear-gradient(145deg,#9635F5,#4822FB)}
/* prizes Z2 */
.z2{margin-top:8px;display:flex;flex-direction:column;gap:8px}
.z2-big{display:flex;align-items:center;gap:10px;border-radius:20px;padding:14px 16px;background:linear-gradient(120deg,#F1E8FF,#FBF2FF);box-shadow:inset 0 0 0 1px #E2D3FC;overflow:hidden}
.z2-big div{flex:1;display:flex;flex-direction:column;line-height:1.3}.z2-big small{font-size:12px;color:#6D28D9;font-weight:600}.z2-big b{font-size:30px;font-weight:700!important;color:#4C1D95;letter-spacing:-.5px}.z2-big span{font-size:11.5px;color:#8A85A0}
.z2-big img{width:76px;height:76px;border-radius:18px;object-fit:cover;box-shadow:0 8px 18px rgba(72,34,251,.25);transform:rotate(-6deg)}
.z2-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.z2-s{display:flex;align-items:center;gap:10px;border-radius:16px;padding:10px 12px;background:#fff;box-shadow:inset 0 0 0 1px #EEE8F8}
.z2-s span{width:34px;height:34px;border-radius:11px;background:#F5F0FF;display:grid;place-items:center;font-size:16px}.z2-s div{display:flex;flex-direction:column;line-height:1.3}.z2-s b{font-size:15px;color:#5B21B6}.z2-s small{font-size:11px;color:#6B6585}
/* prizes Z3 (tickets) */
.z3{margin:8px -16px 0;padding:0 16px 4px;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}.z3::-webkit-scrollbar{display:none}
.z3-t{flex:0 0 150px;border-radius:18px;background:#fff;box-shadow:inset 0 0 0 1px #EEE8F8;overflow:hidden;position:relative}
.z3-a{padding:12px 12px 10px;display:flex;align-items:center;justify-content:space-between;background:#F7F2FF}.z3-t.t0 .z3-a{background:linear-gradient(135deg,#9635F5,#4822FB);color:#fff}.z3-t.t0 .z3-a b{color:#fff}
.z3-a span{font-size:20px}.z3-a b{font-size:20px;color:#5B21B6;font-weight:700!important}
.z3-b{padding:10px 12px;border-top:1.5px dashed #E4DAF7;display:flex;flex-direction:column;line-height:1.35}.z3-b b{font-size:13px}.z3-b small{font-size:11px;color:#9A94AE}
.z3-t::before,.z3-t::after{content:"";position:absolute;top:calc(50% - 2px);width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1px #EEE8F8}.z3-t::before{left:-7px}.z3-t::after{right:-7px}
/* players common */
.pav{line-height:0;cursor:pointer;border-radius:50%;flex-shrink:0}
/* P1 */
.p1-lead{display:flex;align-items:center;gap:14px;border-radius:22px;padding:16px;background:linear-gradient(120deg,#F1E8FF,#FBF4FF);box-shadow:inset 0 0 0 1px #E4D6FB;position:relative;cursor:pointer;margin-top:6px}
.p1-lead .pav{padding:3px;background:linear-gradient(145deg,#C4B5FD,#7C3AED)}.p1-lead .pav>*{border:3px solid #fff;border-radius:50%}
.p1-crown{position:absolute;top:12px;left:14px;font-size:11.5px;font-weight:600;color:#6D28D9;background:#fff;border-radius:10px;padding:2px 9px}
.p1-li{display:flex;flex-direction:column;gap:2px}.p1-li b{font-size:17px}.p1-li small{font-size:12px;color:#8A85A0}.p1-lk{display:flex;align-items:center;gap:8px;margin-top:4px}
.p1-two{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}
.p1-c{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;border-radius:18px;padding:14px 8px 12px;background:#fff;box-shadow:inset 0 0 0 1px #EEE8F8;cursor:pointer;text-align:center}
.p1-c>div{display:flex;flex-direction:column;align-items:center;gap:2px}.p1-c b{font-size:14px}
.p1-rk{position:absolute;top:10px;right:12px;font-size:12px;font-weight:600;color:#A78BFA}
.p1-list{margin-top:10px}
.p1-r{display:flex;align-items:center;gap:10px;padding:10px 2px;cursor:pointer}
.p1-n{width:18px;text-align:center;font-size:13px;font-weight:600;color:#B9AEDB}
.p1-rb{flex:1;min-width:0}.p1-rb>div{display:flex;justify-content:space-between;align-items:center}.p1-rb b{font-size:14px}
.p1-rb i{display:block;height:5px;border-radius:3px;background:#F2EDFA;margin-top:7px;overflow:hidden}.p1-rb u{display:block;height:100%;border-radius:3px;background:linear-gradient(270deg,#7C3AED,#C4B5FD)}
/* P2 */
.p2-stage{display:grid;grid-template-columns:1fr 1.2fr 1fr;align-items:end;gap:6px;padding:26px 6px 18px;margin-top:6px;border-radius:26px;background:radial-gradient(120% 100% at 50% 100%,#EEE4FF,#FBF8FF 70%)}
.p2-p{display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;position:relative;text-align:center;min-width:0}
.p2-p.r1{transform:translateY(-10px)}
.p2-cr{position:absolute;top:-24px;font-size:22px}
.p2-ring{position:relative;border-radius:50%;padding:2.5px;background:linear-gradient(145deg,#DCCBFF,#A78BFA);line-height:0}.p2-p.r1 .p2-ring{background:linear-gradient(145deg,#C4B5FD,#6D28D9);box-shadow:0 10px 24px rgba(124,58,237,.22)}
.p2-ring .pav>*{border:3px solid #fff;border-radius:50%}
.p2-ring em{position:absolute;bottom:-6px;left:50%;transform:translateX(-50%);min-width:20px;height:20px;border-radius:10px;background:#fff;color:#6D28D9;font-style:normal;font-size:11.5px;font-weight:700;display:grid;place-items:center;box-shadow:0 2px 6px rgba(46,16,101,.15)}
.p2-p b{font-size:13.5px;margin-top:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.p2-p.r1 b{font-size:14.5px}
.p2-lk{display:inline-flex;align-items:center;gap:4px;font-weight:600;font-size:12.5px;color:#D6336C;background:#fff;border-radius:11px;padding:2px 9px;box-shadow:0 1px 4px rgba(46,16,101,.06);direction:ltr}
.p2-list{margin-top:10px;display:flex;flex-direction:column;gap:6px}
.p2-r{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:16px;background:#FBF9FF;cursor:pointer}
.p2-n{width:22px;height:22px;border-radius:50%;background:#fff;color:#8B7BC2;font-size:12px;font-weight:600;display:grid;place-items:center}
.p2-rt{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.35}.p2-rt b{font-size:14px}.p2-rt small{font-size:11.5px;color:#9A94AE}
/* P3 */
.p3-leads{display:flex;justify-content:space-around;align-items:flex-end;padding:12px 0 14px;margin-top:4px}
.p3-l{display:flex;flex-direction:column;align-items:center;gap:3px;cursor:pointer;text-align:center;width:31%}
.p3-ring{position:relative;border-radius:50%;padding:3px;background:conic-gradient(from 200deg,#C4B5FD,#7C3AED,#EE42CB,#C4B5FD);line-height:0}.p3-ring .pav>*{border:3px solid #fff;border-radius:50%}
.p3-ring i{position:absolute;bottom:-4px;left:-4px;width:26px;height:26px;border-radius:50%;background:#fff;display:grid;place-items:center;font-style:normal;font-size:13px;box-shadow:0 2px 6px rgba(46,16,101,.15)}
.p3-l b{font-size:13.5px;margin-top:6px}.p3-l small{font-size:11px;color:#8A85A0}.p3-v{font-size:12px;font-weight:600;color:#5B21B6;background:#F3ECFF;border-radius:10px;padding:1px 9px}
.p3-h{display:flex;justify-content:space-between;align-items:baseline;padding:10px 2px 6px;border-top:1px solid #F3F0F8}.p3-h b{font-size:14.5px}.p3-h small{font-size:11.5px;color:#9A94AE}
.p3-r{display:flex;align-items:center;gap:10px;padding:10px 2px;border-bottom:1px solid #F6F3FA;cursor:pointer}
.p3-n{width:22px;text-align:center;font-size:13px;font-weight:600;color:#B9AEDB}.p3-r.top .p3-n{color:#7C3AED}
.p3-rt{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.4}.p3-rt>div{display:flex;align-items:center;gap:6px}.p3-rt b{font-size:14px}.p3-rt small{font-size:11.5px;color:#9A94AE}
/* players P4 glow stage */
.p4-card{position:relative;margin-top:8px;border-radius:26px;padding:14px 10px 0;background:radial-gradient(90% 70% at 50% 60%,#E9DCFF 0%,#F6F0FF 55%,#FDFBFF 100%);box-shadow:inset 0 0 0 1px #E6DAFB,0 10px 30px rgba(124,58,237,.10);overflow:hidden}
.p4-top{display:flex;justify-content:space-between;align-items:baseline;padding:0 6px}.p4-top b{font-size:14.5px;color:#4C1D95}.p4-top small{font-size:11.5px;color:#8B7BC2}
.p4-sp{position:absolute;color:#C4B5FD;font-size:14px;animation:p4tw 2.4s ease-in-out infinite}.p4-sp.s1{top:46px;right:22%}.p4-sp.s2{top:80px;left:16%;animation-delay:.8s;font-size:10px}.p4-sp.s3{top:40px;left:34%;animation-delay:1.5s;font-size:11px}
@keyframes p4tw{50%{opacity:.25;transform:scale(.7)}}
.p4-stage{display:grid;grid-template-columns:1fr 1.25fr 1fr;align-items:end;gap:6px;margin-top:18px}
.p4-p{display:flex;flex-direction:column;align-items:center;gap:5px;position:relative;cursor:pointer;min-width:0;text-align:center}
.p4-cr{position:absolute;top:-26px;font-size:24px;filter:drop-shadow(0 3px 6px rgba(245,158,11,.35))}
.p4-ring{border-radius:50%;padding:3px;background:linear-gradient(145deg,#fff,#C4B5FD);box-shadow:0 8px 20px rgba(124,58,237,.18);line-height:0}
.p4-p.r1 .p4-ring{background:conic-gradient(from 200deg,#A78BFA,#7C3AED,#EE42CB,#A78BFA);box-shadow:0 0 0 6px rgba(167,139,250,.18),0 14px 30px rgba(124,58,237,.3)}
.p4-ring .pav>*{border:3px solid #fff;border-radius:50%}
.p4-p b{font-size:13.5px;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.p4-p.r1 b{font-size:15px}
.p4-lk{display:inline-flex;align-items:center;gap:4px;font-size:12.5px;font-weight:600;color:#D6336C;background:rgba(255,255,255,.75);backdrop-filter:blur(6px);border-radius:12px;padding:2px 10px;direction:ltr}
.p4-step{width:100%;margin-top:6px;border-radius:18px 18px 0 0;background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(255,255,255,.55));box-shadow:inset 0 1px 0 #fff;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:8px;gap:2px}
.p4-p.r1 .p4-step{height:86px;background:linear-gradient(180deg,#fff,rgba(255,255,255,.6))}.p4-p.r2 .p4-step{height:66px}.p4-p.r3 .p4-step{height:56px}
.p4-step em{font-style:normal;font-weight:700;font-size:20px;background:linear-gradient(145deg,#9635F5,#4822FB);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1}
.p4-step small{font-size:11px;font-weight:600;color:#6D28D9}
.p4-list{margin-top:12px;display:flex;flex-direction:column;gap:6px}
.p4-r{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:18px;background:#fff;box-shadow:0 2px 10px rgba(46,16,101,.05),inset 0 0 0 1px #F1ECF9;cursor:pointer}
.p4-n{width:26px;height:26px;border-radius:50%;background:#F5F0FF;color:#7C3AED;font-weight:600;font-size:12.5px;display:grid;place-items:center;flex-shrink:0}
.p4-rt{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.35}.p4-rt b{font-size:14px}.p4-rt small{font-size:11.5px;color:#9A94AE}
.p4-lk2{display:inline-flex;align-items:center;gap:4px;font-weight:600;font-size:13px;color:#D6336C;background:#FFF1F6;border-radius:12px;padding:3px 10px;direction:ltr}
/* players P5 race */
.p5{margin-top:8px;border-radius:24px;padding:14px;background:#fff;box-shadow:inset 0 0 0 1px #EEE8F8,0 8px 24px rgba(46,16,101,.05)}
.p5-hd{display:flex;justify-content:space-between;align-items:center}.p5-hd div{display:flex;flex-direction:column;line-height:1.35}.p5-hd b{font-size:15px}.p5-hd small{font-size:11.5px;color:#9A94AE}.p5-flag{font-size:24px}
.p5-track{margin-top:12px;display:flex;flex-direction:column;gap:12px}
.p5-ln{display:grid;grid-template-columns:24px 1fr;grid-template-rows:auto auto;column-gap:8px;cursor:pointer}
.p5-n{grid-row:1/3;align-self:center;text-align:center;font-weight:600;font-size:13px;color:#B9AEDB}
.p5-lane{height:40px;border-radius:20px;background:repeating-linear-gradient(90deg,#F6F2FD 0 10px,#FBF9FF 10px 20px);position:relative;overflow:visible;border-left:3px dashed #E2D6F7}
.p5-bar{height:100%;border-radius:20px;background:linear-gradient(270deg,#EDE4FF,#C4B5FD);position:relative;transition:width .6s}
.p5-ln.top .p5-bar{background:linear-gradient(270deg,#E9DCFF,#8B5CF6)}
.p5-run{position:absolute;left:3px;top:3px;border-radius:50%;box-shadow:0 0 0 2px #fff,0 4px 10px rgba(72,34,251,.25)}
.p5-inf{display:flex;justify-content:space-between;align-items:center;padding:4px 4px 0}.p5-inf b{font-size:13px}.p5-inf span{display:inline-flex;align-items:center;gap:3px;font-size:12px;font-weight:600;color:#D6336C;direction:ltr}
.p5-note{margin-top:12px;text-align:center;font-size:12.5px;color:#6D28D9;background:#F7F3FF;border-radius:14px;padding:8px}
/* players P6 spotlight */
.p6-row{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;margin:8px -16px 0;padding:4px 16px 8px}.p6-row::-webkit-scrollbar{display:none}
.p6-c{position:relative;flex:0 0 190px;height:250px;border-radius:24px;overflow:hidden;cursor:pointer;box-shadow:0 10px 26px rgba(46,16,101,.14)}
.p6-c.r1{flex-basis:210px}
.p6-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.p6-g0{background:linear-gradient(160deg,#C084FC,#6D28D9)}.p6-g1{background:linear-gradient(160deg,#A5B4FC,#7C3AED)}.p6-g2{background:linear-gradient(160deg,#F0ABFC,#8B5CF6)}
.p6-c::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(16,8,46,0) 30%,rgba(16,8,46,.72))}
.p6-rk{position:absolute;top:10px;right:10px;z-index:2;font-size:22px}
.p6-pz{position:absolute;top:12px;left:10px;z-index:2;font-size:11.5px;font-weight:600;color:#4C1D95;background:rgba(255,255,255,.9);border-radius:11px;padding:2px 9px}
.p6-b{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:12px;color:#fff;display:flex;flex-direction:column;align-items:flex-start;gap:2px}
.p6-b .pav{box-shadow:0 0 0 3px rgba(255,255,255,.9);margin-bottom:6px}
.p6-b b{font-size:15px}.p6-b small{font-size:11.5px;opacity:.85}
.p6-f{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:6px}
.p6-lk{display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:600;background:rgba(255,255,255,.18);backdrop-filter:blur(8px);border-radius:12px;padding:3px 10px;direction:ltr}
.p6-play{width:34px;height:34px;border-radius:50%;background:#fff!important;display:grid;place-items:center}.p6-play svg path,.p6-play svg rect{fill:#5B21B6}
.p6-list{margin-top:6px}
.p6-r{display:flex;align-items:center;gap:10px;padding:10px 2px;border-bottom:1px solid #F4F0FA;cursor:pointer}
.p6-n{width:22px;text-align:center;font-weight:600;font-size:13px;color:#B9AEDB}
.p6-rt{flex:1;min-width:0}.p6-rt b{font-size:14px}.p6-rt i{display:block;height:5px;border-radius:3px;background:#F2EDFA;margin-top:6px;overflow:hidden}.p6-rt u{display:block;height:100%;border-radius:3px;background:linear-gradient(270deg,#7C3AED,#C4B5FD)}
.p6-lk2{display:inline-flex;align-items:center;gap:4px;font-weight:600;font-size:13px;color:#D6336C;direction:ltr}
/* ===== ad page variants ===== */
.q5-A1 .pph,.q5-A2 .pph,.q5-A3 .pph{display:none}
.a1-bk{position:absolute;top:calc(12px + env(safe-area-inset-top,0px));right:14px;z-index:3;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.85);backdrop-filter:blur(10px);display:grid;place-items:center;color:#16132A;box-shadow:0 4px 14px rgba(16,8,46,.18)}
.a1-bk.w{background:rgba(255,255,255,.2);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.3)}
/* A1 immersive hero + overlapping sheet */
.a1-hero{position:relative;margin:0 -16px;height:470px;overflow:hidden;line-height:normal}
.a1-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 20%;animation:q5kb 14s ease-in-out infinite alternate}
.a1-fade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,8,60,0) 35%,rgba(20,8,60,.55) 70%,rgba(20,8,60,.85))}
.a1-ad{position:absolute;top:calc(18px + env(safe-area-inset-top,0px));left:14px;z-index:3;font-size:11px;font-weight:600;color:#fff;background:rgba(0,0,0,.28);backdrop-filter:blur(8px);border-radius:11px;padding:3px 10px}
.a1-in{position:absolute;left:16px;right:16px;bottom:44px;color:#fff;z-index:2}
.a1-br{display:flex;align-items:center;gap:6px;font-size:13px}.a1-br b{font-size:14px;letter-spacing:.5px}.a1-br span{opacity:.8;font-size:12px;margin-right:4px}
.a1-in h2{font-size:27px;font-weight:700!important;margin-top:8px;line-height:1.3;text-shadow:0 2px 12px rgba(0,0,0,.25)}
.a1-tm,.a2-tm,.a3-tm{display:flex;align-items:center;gap:4px;direction:ltr}
.a1-tm{margin-top:12px;justify-content:flex-end}
.a1-tm b,.a2-tm b{display:flex;flex-direction:column;align-items:center;min-width:46px;padding:5px 0;border-radius:12px;background:rgba(255,255,255,.16);backdrop-filter:blur(10px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.25);line-height:1.1}
.a1-tm em,.a2-tm em{font-style:normal;font-size:18px;font-weight:600;color:#fff;font-variant-numeric:tabular-nums}.a1-tm small,.a2-tm small{font-size:9.5px;color:rgba(255,255,255,.8)}
.a1-tm i,.a2-tm i{font-style:normal;color:rgba(255,255,255,.6);font-weight:600}
.a1-sheet{position:relative;margin:-26px -16px 0;padding:18px 16px 4px;background:#fff;border-radius:26px 26px 0 0;z-index:2}
.a1-v .pv{margin-top:0}
.a1-fol{display:flex;align-items:center;gap:10px;margin-top:12px}.a1-fol span{flex:1;font-size:13.5px;color:#5B5670;line-height:1.6}.a1-fol .flw{margin:0}
/* A2 bold poster */
.a2-hero{position:relative;margin:0 -16px;padding:calc(70px + env(safe-area-inset-top,0px)) 20px 22px;background:radial-gradient(130% 90% at 80% 0%,#A855F7 0%,#6D28D9 45%,#2E1065 100%);color:#fff;overflow:hidden;border-radius:0 0 30px 30px;line-height:normal}
.a2-ad{position:absolute;top:calc(20px + env(safe-area-inset-top,0px));left:16px;font-size:11px;font-weight:600;background:rgba(255,255,255,.16);border-radius:11px;padding:3px 10px}
.a2-o{position:absolute;border-radius:50%;filter:blur(30px)}.a2-o.o1{width:200px;height:200px;background:#EE42CB;opacity:.35;left:-60px;top:120px}.a2-o.o2{width:160px;height:160px;background:#22D3EE;opacity:.25;right:-40px;bottom:60px}
.a2-tt{position:relative;z-index:2;max-width:58%}.a2-tt small{font-size:12.5px;font-weight:600;color:#FDE68A}
.a2-tt h2{font-size:52px;line-height:1;font-weight:800!important;margin-top:8px;letter-spacing:-1px}.a2-tt p{font-size:13px;opacity:.85;margin-top:10px;line-height:1.6}
.a2-can{position:absolute;z-index:1;left:-10px;top:calc(60px + env(safe-area-inset-top,0px));width:220px;height:220px;object-fit:cover;border-radius:50%;-webkit-mask-image:radial-gradient(circle,#000 55%,transparent 72%);mask-image:radial-gradient(circle,#000 55%,transparent 72%);animation:a2fl 4s ease-in-out infinite}
@keyframes a2fl{50%{transform:translateY(-8px) rotate(-2deg)}}
.a2-tmw{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;margin-top:26px;padding:10px 12px;border-radius:18px;background:rgba(255,255,255,.1);box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}.a2-tmw>span{font-size:12.5px;font-weight:600}
.a2-v{position:relative;z-index:2;margin-top:12px}.a2-v .pv{margin:0;background:rgba(255,255,255,.14)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.22)!important}
.a2-v .pv .wave i{background:rgba(255,255,255,.45)!important}.a2-v .pv .t{color:#fff!important}.a2-v .play{background:#fff!important}.a2-v .play svg path,.a2-v .play svg rect{fill:#5B21B6}
.a2-body{padding-top:6px}
/* A3 brand profile style */
.a3-cov{position:relative;margin:0 -16px;height:190px;overflow:hidden;line-height:0}
.a3-cov>img{width:100%;height:100%;object-fit:cover;object-position:50% 35%;transform:scale(1.15)}
.a3-blur{position:absolute;inset:0;background:linear-gradient(180deg,rgba(46,16,101,.15),rgba(46,16,101,.45));backdrop-filter:blur(2px)}
.a3-id{position:relative;margin-top:-46px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px}
.a3-lg{border-radius:28px;padding:4px;background:#fff;box-shadow:0 10px 26px rgba(72,34,251,.25);line-height:0}
.a3-id h2{font-size:21px;margin-top:6px}.a3-id p{font-size:13px;color:#6B6585;display:flex;align-items:center;gap:4px}
.a3-st{display:flex;gap:8px;margin-top:6px}.a3-st div{min-width:84px;border-radius:16px;padding:8px 10px;background:#FBF8FF;box-shadow:inset 0 0 0 1px #EEE8F8;display:flex;flex-direction:column;line-height:1.3}.a3-st b{font-size:17px;color:#4C1D95}.a3-st small{font-size:11px;color:#8A85A0}
.a3-act{width:100%;margin-top:10px;display:flex;align-items:center;gap:10px;height:56px;border-radius:28px;padding:0 8px 0 16px;background:linear-gradient(135deg,#9635F5,#4822FB);color:#fff;box-shadow:0 10px 24px rgba(72,34,251,.28)}
.a3-pl{width:42px;height:42px;border-radius:50%;background:#fff!important;display:grid;place-items:center;flex-shrink:0}.a3-pl svg path,.a3-pl svg rect{fill:#4822FB}
.a3-w{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px;text-align:right}.a3-w span{font-size:11.5px;font-weight:600;opacity:.9}.a3-w .wave{height:18px}.a3-w .wave i{background:rgba(255,255,255,.45)!important}.a3-w .wave i.on{background:#fff!important}
.a3-act .t{color:#fff;font-size:12px;font-weight:600}
.a3-id .flw{margin:6px 0 0}
.a3-body{padding-top:4px}
.a3-tm{justify-content:center;margin-top:14px;padding:10px;border-radius:18px;background:linear-gradient(120deg,#EFE6FF,#FDEFF7)}
.a3-tm b{display:flex;flex-direction:column;align-items:center;min-width:48px;padding:5px 0;border-radius:12px;background:#fff;line-height:1.1}.a3-tm em{font-style:normal;font-size:17px;font-weight:600;color:#5B21B6}.a3-tm small{font-size:9.5px;color:#8A85A0}.a3-tm i{font-style:normal;color:#B9AEDB}
/* ===== home sponsored post variants ===== */
.q5-hp.h1,.q5-hp.h2,.q5-hp.h3{padding-top:14px}
.h1-c{position:relative;border-radius:24px;overflow:hidden;padding:18px 16px;background:linear-gradient(135deg,#6D28D9,#9635F5 55%,#C084FC);color:#fff;min-height:190px;cursor:pointer;box-shadow:0 12px 28px rgba(109,40,217,.25)}
.h1-o{position:absolute;width:220px;height:220px;border-radius:50%;left:-60px;top:-40px;background:radial-gradient(circle,rgba(255,255,255,.35),transparent 65%)}
.h1-t{position:relative;z-index:2;max-width:62%}
.h1-ad{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.16);border-radius:12px;padding:3px 8px 3px 4px}.h1-ad b{font-size:12px;letter-spacing:.4px}.h1-ad em{font-style:normal;font-size:10.5px;opacity:.8}
.h1-t h3{font-size:19px;font-weight:700;margin-top:10px;line-height:1.35}.h1-t p{font-size:13px;opacity:.9;margin-top:4px}.h1-t p b{color:#FDE68A}
.h1-m{display:flex;gap:8px;margin-top:10px;font-size:11.5px;font-weight:600}.h1-m span{background:rgba(255,255,255,.14);border-radius:10px;padding:2px 8px}
.h1-b{margin-top:12px;height:38px;border-radius:19px;padding:0 18px;background:#fff;color:#5B21B6;font-weight:700;font-size:13.5px;box-shadow:0 6px 14px rgba(16,8,46,.18)}
.h1-can{position:absolute;left:-14px;bottom:-18px;width:180px;height:200px;object-fit:cover;transform:rotate(-8deg);border-radius:30px;z-index:1;-webkit-mask-image:linear-gradient(90deg,#000 70%,transparent);mask-image:linear-gradient(90deg,#000 70%,transparent)}
.h1-v{margin-top:10px}.h1-v .pv{margin:0}
.h2-m{position:relative;margin-top:10px;border-radius:24px;overflow:hidden;aspect-ratio:4/5;cursor:pointer;line-height:normal}
.h2-m>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.h2-f{position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,8,60,.1),rgba(20,8,60,0) 30%,rgba(20,8,60,.75))}
.h2-top{position:absolute;top:12px;left:12px;right:12px;display:flex;justify-content:space-between}.h2-top span{font-size:12px;font-weight:600;color:#fff;background:rgba(0,0,0,.25);backdrop-filter:blur(8px);border-radius:12px;padding:3px 10px}
.h2-b{position:absolute;left:12px;right:12px;bottom:12px;color:#fff}.h2-b>b{font-size:19px;font-weight:700;text-shadow:0 2px 10px rgba(0,0,0,.3)}
.h2-v{margin-top:10px}.h2-v .pv{margin:0;background:rgba(255,255,255,.16)!important;backdrop-filter:blur(12px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.25)!important}.h2-v .wave i{background:rgba(255,255,255,.5)!important}.h2-v .t{color:#fff!important}.h2-v .play{background:#fff!important}.h2-v .play svg path,.h2-v .play svg rect{fill:#5B21B6}
.h2-cta{margin-top:10px;width:100%;height:46px;border-radius:23px;background:#fff;color:#4C1D95;font-weight:700;font-size:14.5px;display:flex;align-items:center;justify-content:space-between;padding:0 18px}.h2-cta i{font-style:normal;font-size:20px}
.h3-row{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;margin:10px -16px 0;padding:0 16px 6px;scroll-snap-type:x mandatory}.h3-row::-webkit-scrollbar{display:none}
.h3-c{flex:0 0 78%;scroll-snap-align:center;border-radius:22px;overflow:hidden;background:#fff;box-shadow:inset 0 0 0 1px #EEE8F8}
.h3-im{aspect-ratio:1/1;line-height:0;cursor:pointer}.h3-im img{width:100%;height:100%;object-fit:cover}.h3-v{padding:8px}.h3-v .pv{margin:0}
.h3-pz,.h3-ld{height:100%;min-height:330px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:18px;text-align:center;cursor:pointer;background:radial-gradient(100% 80% at 50% 0%,#EFE6FF,#fff 70%)}
.h3-pz small,.h3-ld small{font-size:13px;font-weight:600;color:#6D28D9}.h3-pz>b{font-size:44px;font-weight:700;color:#4C1D95}.h3-pz>span{font-size:13px;color:#6B6585}.h3-pz div{display:flex;gap:8px;margin-top:6px}.h3-pz em{font-style:normal;font-size:13px;font-weight:600;color:#5B21B6;background:#F3ECFF;border-radius:12px;padding:4px 10px}
.h3-pz .h1-b,.h3-ld .h1-b{background:linear-gradient(145deg,#9635F5,#4822FB);color:#fff}
.h3-l{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;border-radius:14px;background:#fff;box-shadow:inset 0 0 0 1px #F0EBF8}.h3-l>span{font-weight:700;color:#A78BFA;width:16px}.h3-l b{flex:1;text-align:right;font-size:13.5px}.h3-l em{font-style:normal;display:inline-flex;gap:3px;align-items:center;font-size:12.5px;font-weight:600;color:#D6336C;direction:ltr}
/* person of the day */
#xc .xqhero{align-items:center}
.q6-sotd{margin-inline-start:auto;flex-shrink:0;position:relative;width:92px;height:116px;border-radius:20px;overflow:hidden;box-shadow:0 8px 20px rgba(72,34,251,.22),0 0 0 2.5px #fff,0 0 0 4.5px #C4B5FD;cursor:pointer;display:block;padding:0}
.q6-img,.q6-img img,.q6-img>span{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:cover;border-radius:0!important;display:block}
.q6-sotd::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(46,16,101,0) 40%,rgba(46,16,101,.82))}
.q6-lb{position:absolute;top:6px;left:50%;transform:translateX(-50%);z-index:2;white-space:nowrap;font-size:9.5px;font-weight:700;color:#4C1D95;background:rgba(255,255,255,.92);border-radius:9px;padding:2px 7px}
.q6-sotd b{position:absolute;left:4px;right:4px;bottom:7px;z-index:2;color:#fff;font-size:12.5px;font-weight:600;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/*<PLAN4CSS*/
/* ===== home sponsored post · style 3 dark luxe (Pepsi) ===== */
#hfeed .q6{padding-top:14px}
.q6-c{border-radius:24px;padding:12px;background:radial-gradient(90% 50% at 50% 0%,#4A3699 0%,#231C45 60%,#1C1830 100%);color:#fff}
.q6-h{display:flex;align-items:center;gap:9px}
.q6-lg{width:42px;height:42px;border-radius:50%;padding:2px;background:linear-gradient(135deg,#D9CFFB,#7C3AED);flex-shrink:0;display:block}
.q6-lg img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block;border:2px solid #1C1830}
.q6-lg.sm{width:38px;height:38px}.q6-lg.sm img{border-color:#2A2156}
.q6-who{flex:1;min-width:0}.q6-who b{display:flex;align-items:center;gap:4px;font-size:15px}.q6-who small{font-size:11.5px;color:#B9AEE6}
.q6-n{text-align:center;line-height:1.1}.q6-n b{display:block;font-size:21px;font-weight:800;color:#D9CFFB;font-variant-numeric:tabular-nums}.q6-n small{font-size:10px;color:#B9AEE6}
.q6-t{font-size:14.5px;line-height:1.55;margin-top:10px;color:#F1ECFF}
.q6-im{margin-top:10px;border-radius:18px;overflow:hidden;line-height:0;cursor:pointer}
.q6-im img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block}
.q6-ap{display:flex;align-items:center;gap:10px;margin-top:10px;padding:7px;border-radius:30px;background:linear-gradient(90deg,rgba(156,134,242,.32),rgba(156,134,242,.12));box-shadow:inset 0 0 0 1px rgba(217,207,251,.35)}
.q6-ap .play{width:40px;height:40px;background:#fff;box-shadow:0 0 0 4px rgba(217,207,251,.22),0 0 18px rgba(156,134,242,.6)}
.q6-ap .play svg *{fill:#5B21B6}
.q6-am{flex:1;min-width:0}.q6-am small{display:block;font-size:10.5px;font-weight:700;color:#D9CFFB;margin-bottom:2px}
.q6-ap .wave{height:20px;--bw:2.6px;--g:2.2px;width:100%}.q6-ap .wave i{background:#F1ECFF}.q6-ap .wave i.dim{background:rgba(217,207,251,.45)}
.q6-cta{display:flex;align-items:center;justify-content:center;width:100%;height:48px;margin-top:10px;border-radius:14px;background:linear-gradient(90deg,#D9CFFB,#fff 50%,#D9CFFB);color:#1C1830!important;font-weight:800;font-size:15px}
.q6-pv{margin-top:12px;padding:10px 12px 12px;border-radius:16px;background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.q6-ph{display:flex;align-items:center;gap:10px}
.q6-ph>div{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.3}.q6-ph small{font-size:10.5px;font-weight:600;color:#B9AEE6}.q6-ph b{font-size:13px}
.q6-lk{font-size:11.5px;color:#B9AEE6;font-weight:600}
.q6-md{position:relative;width:44px;height:44px;flex-shrink:0}
.q6-rg{display:block;width:44px;height:44px;border-radius:50%;padding:2px;background:conic-gradient(#D9CFFB,#7C3AED,#D9CFFB)}
.q6-rg>*{width:100%!important;height:100%!important;border-radius:50%;object-fit:cover;display:block;border:2px solid #1C1830;box-sizing:border-box}
.q6-md i{position:absolute;top:-6px;left:50%;transform:translateX(-50%);width:20px;height:20px;border-radius:50%;background:#fff;display:grid;place-items:center}
.q6-pvx{display:flex;align-items:center;gap:8px;margin-top:9px;width:88%;height:36px;border-radius:18px;background:rgba(255,255,255,.08);padding:0 4px 0 10px}
.q6-pvx .play{width:28px;height:28px;box-shadow:none}.q6-pvx .play svg{width:12px;height:12px}
.q6-pvx .wave{height:16px;--bw:2.2px;--g:2px}.q6-pvx .wave i{background:#C4B5FD}.q6-pvx .wave i.dim{background:rgba(156,134,242,.4)}
.q6-pvx .t{color:#B9AEE6;font-size:11px}

/* ===== ad page · style ب٢ ===== */
#q5ad .pph{background:#2E2463;border-bottom:0;color:#fff}
#q5ad .pph .q5-ht{color:#fff}
#q5ad .pph svg,#q5ad .pph svg *{stroke:#fff}
.q7-hd{margin:0 -16px;padding:4px 16px 18px;background:radial-gradient(110% 55% at 50% 0%,#4A3699 0%,#231C45 60%,#1C1830 100%);color:#fff;border-radius:0 0 28px 28px}
.q7-im{position:relative;border-radius:20px;overflow:hidden;line-height:0;margin-top:8px}
.q7-im img{width:100%;aspect-ratio:1/1;max-height:360px;object-fit:cover;display:block}
.q7-ad{position:absolute;top:12px;left:12px;line-height:1;background:rgba(20,10,45,.55);color:#fff;font-size:11px;font-weight:700;border-radius:12px;padding:5px 10px}
.q7-br{display:flex;align-items:center;gap:10px;margin-top:14px}
.q7-br>div{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.35}
#q5ad .q7-br b{display:flex;align-items:center;gap:5px;font-size:16px;font-weight:700}
.q7-br small{font-size:12px;color:#B9AEE6}
.q7-br .flw{margin:0;align-self:center;height:32px;border-radius:10px;padding:0 14px;background:#fff;color:#1C1830}
.q7-br .flw.on{background:rgba(255,255,255,.14);color:#fff}
#q5ad .q7-t{font-size:21px;font-weight:800;margin:14px 0 4px;color:#fff;text-wrap:balance}
.q7-d{font-size:14px;line-height:1.6;color:#DCD5F5;margin:0}
.q7-hd .q6-ap{margin-top:14px}
.q7-tmh{font-size:12px;font-weight:700;color:#B9AEE6;margin-top:14px}
.q7-tm{display:flex;gap:6px;margin-top:6px}
.q7-tm div{flex:1;border-radius:14px;padding:8px 0;text-align:center;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(217,207,251,.22)}
#q5ad .q7-tm b{display:block;font-size:21px;font-weight:800;color:#fff;font-variant-numeric:tabular-nums}
.q7-tm small{font-size:10.5px;color:#B9AEE6}
.q7-pz{margin-top:18px}
#q5ad .q7-sec{display:block;font-size:16px;font-weight:800;margin-bottom:8px}
.q7-big{border-radius:20px;padding:12px;display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,#DDD0FF,#EEE7FF);box-shadow:inset 0 0 0 1px #CDBBF8}
.q7-big img{width:86px;height:86px;border-radius:16px;object-fit:cover;flex-shrink:0}
.q7-big small{font-size:12px;font-weight:600;color:#5B4E85}
#q5ad .q7-big b{display:block;font-size:28px;font-weight:800;line-height:1.1;margin:2px 0;color:#3B1A8C}
.q7-big span{font-size:12px;color:#5B4E85}
.q7-sm{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}
.q7-sm div{border-radius:16px;padding:10px 12px;background:#E8DFFF;box-shadow:inset 0 0 0 1px #D3C3FA}
#q5ad .q7-sm b{display:block;font-size:18px;font-weight:800;color:#3B1A8C}
.q7-sm small{font-size:12px;color:#5B4E85}

/* ===== QA fixes ===== */
.acts{gap:clamp(10px,3.4vw,18px)!important;min-width:0}
.acts>*{flex-shrink:0}
.acts .vr{margin-left:0!important;white-space:nowrap;padding:0 11px!important}
@media (max-width:400px){.acts{font-size:14px!important}.acts>button:not(.vr):not(.sup) svg{width:25px;height:25px}.acts .vr,.acts .sup{padding:0 10px!important;font-size:13px!important}}
/* 11. play icon points the same way in messages as everywhere else */
.xa .xav .play svg,.xa .dq-wel svg,.xa .dq-vp svg{transform:none!important}


/* ad page tabs · model ب exactly as the mockup: lavender track, violet pill on the open tab */
#q5ad .q5-tabs{background:#EFE9FF;box-shadow:inset 0 0 0 1px #E2D7FC;gap:6px;padding:4px;border-radius:22px}
#q5ad .q5-tabs button{display:flex;align-items:center;justify-content:center;gap:6px;height:40px;border-radius:19px;font-weight:600;font-size:13.5px;background:none;color:#6D5BA8;box-shadow:none}
#q5ad .q5-tabs svg{width:16px;height:16px;flex-shrink:0}
#q5ad .q5-tabs button.on{background:linear-gradient(135deg,#9B6BFF,#6D3FE0);color:#fff;font-weight:700;box-shadow:0 6px 14px -4px rgba(109,63,224,.55)}

/* community supporters strip */
.cs-strip{display:flex;align-items:center;gap:12px;width:100%;margin-top:10px;padding:9px 12px;border-radius:18px;background:linear-gradient(90deg,#F4EEFF,#FBF9FF);box-shadow:inset 0 0 0 1px #ECE6FA;text-align:right}
.cs-stk{display:flex;align-items:center;padding-top:6px}
.cs-a{position:relative;display:block;line-height:0}.cs-a+.cs-a{margin-right:-10px}
.cs-a>img:first-of-type,.cs-a>span{border-radius:50%;box-shadow:0 0 0 2px #fff}
.cs-cr{position:absolute;top:-11px;left:50%;transform:translateX(-50%);font-style:normal;font-size:12px;line-height:1;z-index:1}
.cs-g{position:absolute;bottom:-3px;left:-3px;width:16px!important;height:16px!important;border-radius:5px!important;object-fit:cover;box-shadow:0 0 0 1.5px #fff}
.cs-tx{flex:1;min-width:0;line-height:1.35}.cs-tx b{display:block;font-size:14px}.cs-tx small{display:block;font-size:11.5px;color:#6B6585;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cs-ch{width:28px;height:28px;border-radius:50%;background:#fff;display:grid;place-items:center;box-shadow:inset 0 0 0 1px #ECE6FA;flex-shrink:0}
.cs-sh{max-height:70vh;overflow:auto}

/* «شخصية اليوم» · د١ with a square photo */
.xqhero.has-sotd{flex-wrap:wrap}
.q7-sotd{flex:0 0 100%;display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:20px;background:radial-gradient(80% 140% at 85% 0%,#E9DFFF,#F7F3FF 60%,#fff);box-shadow:inset 0 0 0 1px #ECE6FA;text-align:right;position:relative;overflow:hidden}
.q7-sq{position:relative;flex-shrink:0;width:66px;height:66px}
.q7-sq::before{content:"";position:absolute;inset:-10px;border-radius:24px;background:radial-gradient(circle,rgba(167,139,250,.45),rgba(167,139,250,0) 70%)}
.q7-sq img{position:relative;width:66px;height:66px;border-radius:16px;object-fit:cover;display:block;box-shadow:0 8px 16px -8px rgba(91,33,182,.6)}
.q7-tx{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start}
.q7-tg{display:inline-flex;align-items:center;gap:4px;font-size:10.5px;font-weight:800;color:#fff;background:linear-gradient(135deg,#9B6BFF,#6D3FE0);border-radius:10px;padding:3px 9px}
.q7-tx b{font-size:16px;font-weight:800;margin-top:4px;color:#16132A}
.q7-tx small{font-size:12px;color:#6B6585}
.q7-ch{width:30px;height:30px;border-radius:50%;background:#fff;display:grid;place-items:center;box-shadow:inset 0 0 0 1px #ECE6FA;flex-shrink:0}

/* ===== shared sheet bits ===== */
.ux-sh{display:flex;flex-direction:column;gap:10px;padding:2px 2px 6px}
.ux-h{font-size:17px;display:block;text-align:center;margin-bottom:2px}
.ux-sub{font-size:12px;color:#8A85A0;font-weight:600}
.ux-srch{display:flex;align-items:center;gap:8px;height:44px;border-radius:14px;background:#F4F2F8;padding:0 12px}
.ux-srch input{flex:1;min-width:0;border:0;background:none;font:inherit;font-size:15px;color:#16132A;outline:none}
.ux-pl{display:flex;flex-direction:column;gap:2px;max-height:52vh;overflow:auto}
.ux-pr{display:flex;align-items:center;gap:12px;padding:8px 6px;border-radius:14px;text-align:right;width:100%}
.ux-pr:active,.ux-pr:hover{background:#F6F1FF}
.ux-pr span b{display:block;font-size:14.5px}.ux-pr span small{font-size:12px;color:#8A85A0}
.ux-opt{display:flex;align-items:center;gap:12px;padding:12px;border-radius:16px;background:#F8F5FF;box-shadow:inset 0 0 0 1px #ECE6FA;text-align:right;width:100%}
.ux-opt b{display:block;font-size:14.5px}.ux-opt small{font-size:12px;color:#6B6585}
.ux-oi{width:44px;height:44px;border-radius:14px;background:linear-gradient(145deg,#9635F5,#4822FB);display:grid;place-items:center;flex-shrink:0}
.ux-cf p{text-align:center;font-size:13.5px;color:#6B6585;margin:0 8px 6px}
.ux-del{height:48px;border-radius:16px;background:#DC2626;color:#fff;font-weight:800;font-size:15px}
.ux-cancel{height:46px;border-radius:16px;background:#F4F2F8;color:#16132A;font-weight:700;font-size:14.5px}
/* inbox select mode */
.ux-selbar{position:sticky;top:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 16px;background:#fff;border-bottom:1px solid #F0ECF6}
.ux-selbar b{font-size:15px}
.ux-selbar button{height:36px;border-radius:18px;padding:0 14px;font-weight:700;font-size:13.5px;background:#F4F2F8;color:#16132A;display:flex;align-items:center;gap:6px}
.ux-selbar [data-uxseldel]{background:#F4F2F8;color:#C9C3D9}
.ux-selbar [data-uxseldel].on{background:#DC2626;color:#fff}
.ux-selmode .ig-hd{display:none}
.ux-ck{width:24px;height:24px;border-radius:50%;box-shadow:inset 0 0 0 2px #D8D0EA;display:grid;place-items:center;flex-shrink:0;color:#fff;font-size:13px;font-weight:900}
.ux-ck.on{background:#7C3AED;box-shadow:none}
.ux-selr.on{background:#F6F1FF}
/* community follow */
.cp-fol.on{background:#2E1065!important;color:#fff!important}

/* ===== create «+» ===== */
.crw{position:relative}
.crw .aud{cursor:pointer}
.cr-dd{position:absolute;top:66px;right:70px;z-index:5;width:230px;background:#fff;border-radius:18px;box-shadow:0 14px 34px rgba(46,16,101,.25);padding:6px;display:flex;flex-direction:column}
.cr-dd button{display:flex;align-items:center;gap:10px;padding:9px 8px;border-radius:12px;text-align:right;width:100%}
.cr-dd button.on{background:#F3ECFF}
.cr-dd .i{width:32px;height:32px;border-radius:50%;background:#F4F2F8;display:grid;place-items:center;font-size:15px;flex-shrink:0}
.cr-dd b{display:block;font-size:13.5px}.cr-dd small{font-size:11px;color:#6B6585}
.cr-dd .ck{margin-right:auto;color:#7C3AED;font-weight:900}
.bigmic .cr-or{display:block;font-size:12px;color:#A39DB5;margin-top:10px}
.bigmic .cr-att{margin-top:10px;width:auto;height:42px;border-radius:21px;padding:0 18px;background:#fff;box-shadow:inset 0 0 0 1.5px #E2D7FC;color:#5B21B6;font-weight:700;font-size:13.5px;display:flex;align-items:center;gap:7px}
.bigmic.sm{margin-top:26px}.bigmic.sm button[data-c="rec"]{width:72px;height:72px;box-shadow:0 0 0 9px #F3EEFF,0 0 0 18px #FAF7FF,0 12px 22px rgba(72,34,251,.3)}.bigmic.sm p{margin-top:24px}
.cr-ct{margin-top:14px}
.cr-tag{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700;color:#5B21B6;background:#F3ECFF;border-radius:10px;padding:3px 10px}
.cstrip .t .x{position:absolute;top:7px;left:7px;width:24px;height:24px;border-radius:50%;background:rgba(22,19,42,.55);display:grid;place-items:center}
.cstrip .cr-add{flex:0 0 96px;background:#F7F5FB;box-shadow:inset 0 0 0 1.5px #E2D7FC;color:#7C3AED;font-size:30px;display:grid;place-items:center}
.cr-vc{margin-top:12px;border-radius:20px;background:linear-gradient(110deg,#F3EEFF,#FBF3FF);box-shadow:inset 0 0 0 1px #E6DAFF;padding:8px}
.cr-vc .pv{margin-top:0;background:#fff;box-shadow:none;height:50px}
.cr-src{display:block;font-size:11.5px;color:#6B6585;margin:6px 6px 0}
.cr-acts{display:flex;gap:6px;margin-top:8px}
.cr-acts button{flex:1;height:40px;border-radius:13px;background:#fff;display:flex;align-items:center;justify-content:center;gap:5px;font-size:12.5px;font-weight:700;color:#3B2A7A;box-shadow:inset 0 0 0 1px #ECE6FA}
.cr-acts .del{color:#DC2626}
.cr-acts .en{color:#fff;background:linear-gradient(145deg,#9635F5,#4822FB);box-shadow:0 6px 12px -4px rgba(72,34,251,.45)}
.cr-acts .en.done{background:#ECFDF3;color:#15803D;box-shadow:inset 0 0 0 1px #BBF7D0}
.cr-ench{display:flex;align-items:center;justify-content:space-between;font-size:11.5px;color:#6B6585;padding:7px 4px 0}
.cr-ench button{color:#15803D;font-weight:800;font-size:12px}
.cr-note{text-align:center;font-size:12px;color:#8A85A0;margin-top:10px}
.cr-conv{margin-top:18px;display:flex;align-items:center;gap:12px;padding:14px;border-radius:20px;background:linear-gradient(110deg,#F3EEFF,#FBF3FF);box-shadow:inset 0 0 0 1px #E6DAFF}
.cr-conv .ic{width:44px;height:44px;border-radius:14px;background:linear-gradient(145deg,#9635F5,#4822FB);display:grid;place-items:center;flex-shrink:0}
.cr-conv>div{flex:1;min-width:0}.cr-conv>div b{font-size:14px}.cr-conv>b{color:#5B21B6;font-size:13px}
.cr-prog{height:6px;border-radius:3px;background:#EDE9F5;overflow:hidden;margin-top:8px}.cr-prog i{display:block;height:100%;width:0;background:linear-gradient(90deg,#9B6BFF,#6D3FE0);transition:width .09s linear}

/* ===== community composer ===== */
.cc-row{position:relative;display:flex;align-items:center;gap:8px;margin:14px 0 2px;padding:12px 0;border-top:1px solid #F2EFF8;border-bottom:1px solid #F2EFF8}
.cc-chip{display:flex;align-items:center;gap:6px;height:44px;border-radius:22px;padding:0 5px 0 12px;background:#EFEDF4;flex-shrink:0}
.cc-chip img,.cc-chip>span{width:34px;height:34px}
.cc-pill{flex:1;min-width:0;height:44px;border-radius:22px;display:flex;align-items:center;justify-content:space-between;padding:0 16px 0 5px;background:linear-gradient(110deg,#F3EEFF,#FBF3FF);box-shadow:inset 0 0 0 1px #E6DAFF;color:#6D5BA8;font-size:15px;text-align:right}
.cc-mic{width:34px;height:34px;border-radius:50%;background:linear-gradient(145deg,#9635F5,#4822FB);display:grid;place-items:center;box-shadow:0 4px 10px rgba(72,34,251,.35);flex-shrink:0}
.cc-dd{position:absolute;top:60px;right:0;z-index:6;width:220px;background:#fff;border-radius:18px;box-shadow:0 14px 34px rgba(46,16,101,.25);padding:6px;display:flex;flex-direction:column}
.cc-dd button{display:flex;align-items:center;gap:10px;padding:8px;border-radius:12px;text-align:right;width:100%}
.cc-dd button.on{background:#F3ECFF}.cc-dd b{display:block;font-size:13.5px}.cc-dd small{font-size:11px;color:#6B6585}.cc-dd i{margin-right:auto;font-style:normal;color:#7C3AED;font-weight:900}
.cc-an{width:30px;height:30px;border-radius:50%;background:#EFEDF4;display:grid;place-items:center;font-size:15px;flex-shrink:0}
#ccs{position:fixed;inset:0;z-index:95;max-width:489px;margin:0 auto}
#ccs[hidden]{display:none}
.cc-dim{position:absolute;inset:0;background:rgba(22,19,42,.35);opacity:0;transition:opacity .25s}
#ccs.open .cc-dim{opacity:1}
.cc-sh{position:absolute;left:0;right:0;bottom:0;background:#fff;border-radius:26px 26px 0 0;box-shadow:0 -16px 40px rgba(46,16,101,.18);padding:10px 16px calc(18px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;max-height:88vh;overflow:auto;transform:translateY(105%);transition:transform .28s cubic-bezier(.2,.8,.2,1)}
#ccs.open .cc-sh{transform:none}
.cc-grab{width:40px;height:4px;border-radius:2px;background:#DDD7EA;align-self:center;margin-bottom:10px}
#ccBody{display:flex;flex-direction:column;gap:12px}
.cc-hd{display:flex;align-items:center;gap:10px}.cc-hd>div{flex:1;min-width:0}.cc-hd b{font-size:14.5px;display:block}.cc-hd small{font-size:11.5px;color:#6B6585}
.cc-hd .pub{height:36px;border-radius:18px;padding:0 18px;font-weight:700;font-size:14px;background:#EDE9F5;color:#A39DB5}
.cc-hd .pub.on{background:linear-gradient(145deg,#9635F5,#4822FB);color:#fff;box-shadow:0 6px 14px rgba(72,34,251,.3)}
.cc-ta{width:100%;min-height:64px;border:0;border-radius:16px;background:#F7F5FB;padding:12px 14px;font:inherit;font-size:15px;color:#16132A;resize:none;outline:none}
.cc-vz{display:flex;flex-direction:column;align-items:center;gap:10px;padding:6px 0}
.cc-big{width:70px;height:70px;border-radius:50%;background:linear-gradient(145deg,#9635F5,#4822FB);display:grid;place-items:center;box-shadow:0 0 0 8px #F3EEFF,0 0 0 16px #FAF7FF,0 12px 22px rgba(72,34,251,.3);margin:12px 0 8px}
.cc-vz .note,.cn-big .note{font-size:12px;color:#6B6585}
.cc-rec{display:flex;align-items:center;gap:8px;font-variant-numeric:tabular-nums}.cc-rec i{width:10px;height:10px;border-radius:50%;background:#EF4444;animation:ccBl 1s infinite}.cc-rec b{font-size:18px}
@keyframes ccBl{50%{opacity:.3}}
.cc-vz .rwave,.cn-big .rwave{height:50px;margin-top:4px}
.cc-stop{width:60px;height:60px;border-radius:50%;background:#EF4444;display:grid;place-items:center;box-shadow:0 8px 18px rgba(239,68,68,.35)}
.cc-tools{display:flex;gap:8px;justify-content:center}
.cc-tools button,.cc-tools span{height:38px;border-radius:19px;padding:0 14px;display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;background:#F4F2F8;color:#4B4560}
.cc-strip{margin-top:6px}.cc-strip .t{flex:0 0 110px;height:130px}

/* ===== challenges ===== */
.ch-start{margin:12px 0 4px;display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:22px;text-align:right;width:100%;color:#fff;background:radial-gradient(120% 140% at 85% 0%,#4A3699,#231C45 60%,#1C1830);box-shadow:0 12px 24px -12px rgba(35,28,69,.7)}
.ch-start .ic{width:46px;height:46px;border-radius:50%;background:linear-gradient(145deg,#9B6BFF,#6D3FE0);display:grid;place-items:center;flex-shrink:0}
.ch-start .tx{flex:1;min-width:0}.ch-start b{display:block;font-size:15.5px}.ch-start small{display:block;font-size:11.5px;opacity:.75;margin-top:1px}
.ch-start .go{width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.14);display:grid;place-items:center;flex-shrink:0}
.ch-tabs{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:10px 0 6px}
.ch-tabs button{flex-shrink:0;height:36px;border-radius:18px;padding:0 15px;font-weight:600;font-size:13.5px;background:#F4F2F8;color:#2B2640}
.ch-tabs button.on{font-weight:700;background:#2E1065;color:#fff}
.ch-q{width:64px;height:64px;border-radius:50%;border:2px dashed #A78BFA;display:grid;place-items:center;background:#fff;color:#7C3AED;font-size:26px}
.ch-note{font-size:12px;color:#6B6585;text-align:center;margin-top:10px}
.ch-mhint{font-size:12px;color:#8A85A0;margin:6px 2px 0}
.ch-mlbl{font-size:12px;font-weight:800;color:#5B21B6;margin:16px 2px -4px}
.ch-empty{margin-top:24px;text-align:center;padding:26px 16px;border-radius:20px;background:#FAF8FF;box-shadow:inset 0 0 0 1px #ECE6FA}.ch-empty b{display:block;font-size:15px}.ch-empty small{color:#8A85A0;font-size:12.5px}
.ce{margin-top:12px;border-radius:24px;padding:14px;background:linear-gradient(180deg,#FBF9FF,#fff);box-shadow:inset 0 0 0 1px #ECE6FA,0 10px 24px -18px rgba(46,16,101,.35)}
.ce-top{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.ce-st{font-size:11.5px;font-weight:800;color:#78716C;background:#F5F5F4;border-radius:10px;padding:3px 9px}
.ce-cat{font-size:11.5px;font-weight:700;color:#5B21B6;background:#F3ECFF;border-radius:10px;padding:3px 9px}
.ce-ago{margin-right:auto;font-size:11.5px;color:#8A85A0}
.ce-t{font-size:16px;margin:10px 0 22px}
.ce-duel{display:flex;align-items:flex-end;justify-content:space-between;margin-top:14px}
.ce-p{position:relative;width:42%;display:flex;flex-direction:column;align-items:center;gap:3px;text-align:center}
.ce-p .ce-rg{display:block;border-radius:50%;padding:3px;background:#E9E4F3}
.ce-p.win .ce-rg{background:conic-gradient(from 200deg,#FBBF24,#FDE68A,#F59E0B,#FBBF24);box-shadow:0 8px 20px -6px rgba(245,158,11,.6)}
.ce-p .ce-rg>*{box-shadow:0 0 0 2px #fff;border-radius:50%}
.ce-p.lose{opacity:.72}.ce-p.lose .ce-rg img{filter:grayscale(.35)}
.ce-crown{position:absolute;top:-18px;left:50%;transform:translateX(-50%) rotate(-8deg);font-style:normal;font-size:22px;line-height:1;filter:drop-shadow(0 2px 3px rgba(180,83,9,.35))}
.ce-p b{font-size:13.5px;margin-top:4px}
.ce-wl{font-size:10.5px;font-weight:800;color:#92400E;background:linear-gradient(90deg,#FEF3C7,#FDE68A);border-radius:9px;padding:2px 8px}
.ce-pc{font-size:24px;font-weight:900;color:#4C1D95;line-height:1.1}.ce-p.win .ce-pc{color:#B45309}.ce-pc small{font-size:13px}
.ce-cn{display:flex;align-items:center;gap:3px;font-size:11px;color:#8A85A0}.ce-cn svg,.ce-cn img{width:13px;height:13px}
.ce-mid{display:flex;flex-direction:column;align-items:center;padding-bottom:34px}
.ce-vs{width:36px;height:36px;border-radius:50%;background:#EDE9F5;color:#6B6585;font-weight:900;font-size:12px;display:grid;place-items:center}
.ce-tie{display:flex;flex-direction:column;align-items:center;font-size:22px}.ce-tie b{font-size:12px;color:#5B21B6}
.ce-bar{display:flex;gap:3px;height:10px;margin-top:12px;direction:rtl}.ce-bar i{display:block;height:100%;border-radius:5px}.ce-bar i:first-child{background:linear-gradient(270deg,#4822FB,#9635F5)}.ce-bar i:last-child{background:linear-gradient(90deg,#FB9A8C,#F97362)}
.ce-meta{display:flex;justify-content:center;gap:14px;margin-top:10px;font-size:12px;color:#6B6585}
.ce-res{text-align:center;font-size:13px;color:#4B4560;margin-top:8px}.ce-res b{color:#B45309}
.ce-go{margin-top:12px;width:100%;height:44px;border-radius:22px;background:linear-gradient(145deg,#9635F5,#4822FB);color:#fff;font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center;gap:6px;box-shadow:0 8px 18px -6px rgba(72,34,251,.5)}
.ce-win{display:flex;align-items:center;gap:12px;padding:12px;border-radius:18px;background:linear-gradient(110deg,#FFFBEB,#FEF3C7);box-shadow:inset 0 0 0 1px #FDE68A}
.ce-win b{display:block;font-size:15px}.ce-win small{font-size:12px;color:#92400E}
.ce-wav{position:relative;display:block;border-radius:50%;padding:2px;background:conic-gradient(from 200deg,#FBBF24,#FDE68A,#F59E0B,#FBBF24)}.ce-wav i{position:absolute;top:-14px;left:50%;transform:translateX(-50%);font-style:normal;font-size:18px}
.ce-tie.big{font-size:34px}
.ce-tbl{border-radius:16px;box-shadow:inset 0 0 0 1px #ECE6FA;overflow:hidden}
.ce-tbl>div{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:6px;padding:9px 12px;font-size:13px;text-align:center}.ce-tbl>div:nth-child(odd){background:#FAF8FF}.ce-tbl span{text-align:right;color:#6B6585}
.ce-sub{font-size:14px;margin-top:4px}
.ce-en{display:flex;align-items:flex-start;gap:10px;padding:6px 0}.ce-en b{font-size:13.5px}.ce-en small{font-size:11px;color:#8A85A0;margin-right:6px}
/* create challenge overlay */
.chn{z-index:60}
.cn-wrap{display:flex;flex-direction:column;height:100%;overflow:auto;padding:calc(10px + env(safe-area-inset-top,0px)) 16px calc(18px + env(safe-area-inset-bottom,0px))}
.cn-top{display:flex;align-items:center;justify-content:space-between;padding:4px 0 10px}.cn-top b{font-size:16px}
.cn-x{width:36px;height:36px;border-radius:50%;background:#F4F2F8;display:grid;place-items:center}
.cn-pub{height:36px;border-radius:18px;padding:0 18px;font-weight:700;font-size:14px;background:#EDE9F5;color:#A39DB5}.cn-pub.on{background:linear-gradient(145deg,#9635F5,#4822FB);color:#fff;box-shadow:0 6px 14px rgba(72,34,251,.3)}
.cn-steps{display:flex;gap:6px;padding:4px 0}.cn-steps i{flex:1;height:5px;border-radius:3px;background:#E8E3F2;display:block}.cn-steps i.on{background:linear-gradient(90deg,#9B6BFF,#6D3FE0)}
.cn-stl{display:flex;justify-content:space-between;font-size:11px;color:#8A85A0;font-weight:600}.cn-stl b{color:#5B21B6}
.cn-body{flex:1;display:flex;flex-direction:column;gap:14px;padding-top:14px}
.cn-big{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center;min-height:440px}
.cn-big h3{margin:0;font-size:22px}.cn-big p{margin:0;font-size:13.5px;color:#6B6585;max-width:260px}
.cn-mic{width:84px;height:84px;border-radius:50%;background:linear-gradient(145deg,#9635F5,#4822FB);display:grid;place-items:center;box-shadow:0 0 0 10px #F3EEFF,0 0 0 20px #FAF7FF,0 14px 26px rgba(72,34,251,.35);margin:10px 0}
.cn-sug{display:flex;flex-direction:column;gap:6px;width:100%}.cn-sug span{border-radius:14px;padding:10px 12px;background:#F8F5FF;font-size:13px;text-align:right;box-shadow:inset 0 0 0 1px #ECE6FA}
.cn-ok{font-size:12.5px;font-weight:700;color:#15803D;background:#ECFDF3;border-radius:12px;padding:4px 10px}
.cn-rec{display:flex;align-items:center;gap:8px;width:100%}
.cn-redo{width:40px;height:40px;border-radius:50%;background:#fff;display:grid;place-items:center;box-shadow:inset 0 0 0 1px #ECE6FA;flex-shrink:0}
.cn-next{height:52px;border-radius:16px;background:linear-gradient(145deg,#9635F5,#4822FB);color:#fff;font-weight:800;font-size:15px;width:100%;flex-shrink:0}
.cn-next.off,.cn-next[disabled]{background:#EDE9F5;color:#A39DB5}
.cn-h{font-size:18px}.cn-h2{font-size:13px;font-weight:800;display:flex;justify-content:space-between;margin-bottom:6px}.cn-h2 small{font-weight:600;color:#6B6585;font-size:11.5px}
.cn-who{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.cn-who button{border-radius:16px;padding:10px 12px;background:#F7F5FB;box-shadow:inset 0 0 0 1px #ECE6FA;text-align:right}
.cn-who button.on{background:#F3ECFF;box-shadow:inset 0 0 0 2px #A78BFA}.cn-who b{display:block;font-size:14px}.cn-who small{font-size:11.5px;color:#6B6585}
.cn-allh{font-size:13px;color:#6B6585;background:#FAF8FF;border-radius:14px;padding:12px}
.cn-pl{display:flex;flex-direction:column;gap:2px;max-height:40vh;overflow:auto}
.cn-pr{display:flex;align-items:center;gap:10px;padding:8px 4px;border-radius:14px;text-align:right;width:100%}.cn-pr span{flex:1}.cn-pr b{display:block;font-size:14px}.cn-pr small{font-size:11.5px;color:#6B6585}
.cn-rd{width:22px;height:22px;border-radius:50%;box-shadow:inset 0 0 0 2px #D8D0EA;flex-shrink:0}
.cn-pr.on{background:#F6F1FF}.cn-pr.on .cn-rd{background:#7C3AED;box-shadow:inset 0 0 0 5px #fff,0 0 0 2px #7C3AED}
.cn-vs{border-radius:22px;padding:16px 12px 14px;background:radial-gradient(90% 90% at 50% 0%,#EDE4FF,#F8F5FF 65%,#fff);box-shadow:inset 0 0 0 1px #ECE6FA;text-align:center}
.cn-vs .row{display:flex;align-items:center;justify-content:space-around}
.cn-vs .p{display:flex;flex-direction:column;align-items:center;gap:5px;width:110px}
.cn-vs .p>img,.cn-vs .p>span:first-child{box-shadow:0 0 0 3px #fff,0 0 0 5px #8B5CF6;border-radius:50%}
.cn-vs .p b{font-size:14px}.cn-vs .p small{font-size:11px;color:#6B6585}
.cn-vs .q{width:76px;height:76px;border-radius:50%;border:2px dashed #A78BFA;display:grid;place-items:center;background:#fff;color:#7C3AED;font-size:30px;box-shadow:none!important}
.cn-vs .vsb{width:44px;height:44px;border-radius:50%;background:linear-gradient(145deg,#8B5CF6,#5B21B6);color:#fff;font-weight:900;font-size:14px;display:grid;place-items:center;box-shadow:0 6px 14px rgba(91,33,182,.4)}
.cn-vs .tt{font-size:15px;font-weight:800;margin-top:12px}.cn-vs .mt{display:flex;justify-content:center;gap:12px;margin-top:6px;font-size:11.5px;color:#6B6585}
.cn-in{width:100%;height:46px;border-radius:14px;background:#F7F5FB;border:0;padding:0 14px;font:inherit;font-size:15px;color:#16132A;outline:none}
.cn-cats{display:flex;gap:7px;flex-wrap:wrap}.cn-cats button{height:32px;border-radius:16px;padding:0 13px;font-size:13px;font-weight:600;background:#F4F2F8;color:#4B4560}.cn-cats button.on{background:#EDE4FF;color:#5B21B6;box-shadow:inset 0 0 0 1.5px #C4B5FD}
.cn-set{display:grid;grid-template-columns:1fr 1fr;gap:8px}.cn-set button{border-radius:16px;background:#F8F5FF;box-shadow:inset 0 0 0 1px #ECE6FA;padding:9px 6px;text-align:center}.cn-set small{display:block;font-size:10.5px;color:#6B6585;font-weight:600}.cn-set b{display:block;font-size:15px;margin-top:2px;color:#4C1D95}
.cn-rule{font-size:12px;color:#6B6585;line-height:1.6;background:#FAF8FF;border-radius:14px;padding:10px 12px}.cn-rule b{color:#16132A}
/* ---- notes ---- */
.stories{padding-top:40px!important}.st{position:relative}
.nta,.ntb{position:absolute;top:-33px;right:50%;transform:translateX(50%);z-index:2;max-width:76px;border-radius:15px;padding:4px 8px;font-size:10.5px;font-weight:700;white-space:nowrap;display:flex;align-items:center;gap:4px;line-height:1.3;cursor:pointer}
.nta{background:linear-gradient(135deg,#8B5CF6,#5B21B6);color:#fff}
.ntb{background:var(--nb);color:var(--nf);box-shadow:0 0 0 1px rgba(124,58,237,.18),0 3px 10px rgba(76,29,149,.14)}
.nta::after,.ntb::after{content:"";position:absolute;bottom:-3px;right:50%;width:7px;height:7px;background:inherit;transform:translateX(50%) rotate(45deg)}
.ntx{overflow:hidden;text-overflow:ellipsis;display:block;max-width:56px}
.ntm{display:inline-flex;align-items:center;gap:1.5px;height:12px}.ntm i{width:2px;border-radius:2px;background:currentColor;display:block}
.ntm.big{height:22px;gap:2.5px}.ntm.big i{width:3px}
.ntp{width:18px;height:18px;border-radius:50%;background:currentColor;display:grid;place-items:center;flex-shrink:0;padding:0}
.ntp svg{width:9px;height:9px}.ntp svg *{fill:var(--nb);stroke:var(--nb)}
.nt-bub .ntp{width:30px;height:30px}.nt-bub .ntp svg{width:13px;height:13px}
.ntc{position:fixed;left:0;right:0;top:0;bottom:0;z-index:500;background:#fff;display:flex;flex-direction:column;opacity:0;transform:translateY(14px);transition:opacity .22s,transform .22s;--nb:#EFE7FF;--nf:#2E1065}
.ntc.open{opacity:1;transform:none}
.ntx-x{position:absolute;top:calc(14px + env(safe-area-inset-top,0px));right:14px;width:44px;height:44px;border-radius:50%;background:#fff;box-shadow:0 2px 14px rgba(76,29,149,.16);display:grid;place-items:center;z-index:2}
.nt-stage{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:70px 24px 0}
.nt-bub{min-width:140px;max-width:250px;min-height:62px;border-radius:26px;padding:12px 18px;background:var(--nb);color:var(--nf);box-shadow:0 6px 20px rgba(76,29,149,.16);display:flex;align-items:center;justify-content:center;gap:10px;font-weight:600;font-size:15px;transition:background .2s,color .2s}
.nt-bub textarea{width:100%;border:0;background:none;outline:0;resize:none;text-align:center;font:inherit;color:inherit;line-height:1.4;padding:0;overflow:hidden;direction:rtl}
.nt-bub textarea::placeholder{color:inherit;opacity:.55}
.nt-bub b{font-variant-numeric:tabular-nums}
.nt-dots{position:relative;width:100%;height:20px}.nt-dots i{position:absolute;border-radius:50%;background:var(--nb);box-shadow:0 3px 8px rgba(76,29,149,.12);transition:background .2s}
.nt-dots i:nth-child(1){width:15px;height:15px;right:calc(50% - 38px);top:-2px}.nt-dots i:nth-child(2){width:9px;height:9px;right:calc(50% - 56px);top:12px}
.nt-av{position:relative;width:112px;height:112px;margin-top:-2px}.nt-av>*:first-child{width:112px!important;height:112px!important;border-radius:50%}
.nt-pal{position:absolute;bottom:-2px;left:-6px;width:38px;height:38px;border-radius:50%;background:#fff;box-shadow:0 2px 10px rgba(76,29,149,.28);display:grid;place-items:center}
.nt-tools{display:flex;gap:12px;margin-top:26px;align-items:center}
.nt-voice{height:52px;border-radius:26px;padding:0 20px;display:flex;align-items:center;gap:9px;background:linear-gradient(135deg,#8B5CF6,#4C1D95);color:#fff;font-weight:700;font-size:14.5px;box-shadow:0 8px 20px rgba(91,33,182,.34)}
.nt-voice.rec{background:linear-gradient(135deg,#7C3AED,#2E1065)}
.nt-tool{height:48px;min-width:56px;border-radius:18px;background:#fff;box-shadow:0 0 0 1.5px #E7E0F5;display:grid;place-items:center}
.nt-hint{font-size:12px;color:#6B6585;margin-top:12px;min-height:18px;text-align:center}
.nt-del{color:#DC2626;font-weight:700;font-size:12px}
.nt-foot{display:flex;justify-content:space-between;align-items:center;padding:10px 18px calc(12px + env(safe-area-inset-bottom,0px))}
.nt-aud{display:flex;align-items:center;gap:6px;font-weight:700;font-size:14px;padding:6px 0;color:#16132A}
.nt-share{border-radius:24px;padding:12px 26px;font-weight:700;font-size:15px;color:#fff;background:linear-gradient(135deg,#8B5CF6,#5B21B6);opacity:.4;transition:opacity .2s}
.nt-share.on{opacity:1;box-shadow:0 8px 18px rgba(91,33,182,.3)}
.nt-prev{display:flex;justify-content:center;padding:34px 0 16px}.nt-prev .ntb{position:relative;top:0;right:auto;transform:none;max-width:260px;font-size:14px;padding:10px 16px;border-radius:22px;cursor:default}
.nt-prev .ntx{max-width:none}

/* ---- story creator ---- */
.syc{position:fixed;left:0;right:0;top:0;bottom:0;z-index:500;background:#12072B;color:#fff;opacity:0;transform:translateY(14px);transition:opacity .22s,transform .22s;overflow:hidden}
.syc.open{opacity:1;transform:none}.syc[hidden]{display:none}
.sy-cv{position:absolute;inset:0;transition:background .25s}.sy-cv::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.4),transparent 24%,transparent 58%,rgba(0,0,0,.55))}
.sy-top{position:absolute;top:0;left:0;right:0;padding:calc(14px + env(safe-area-inset-top,0px)) 14px 0;display:flex;align-items:center;justify-content:space-between;z-index:3}
.sy-ic{width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.18);backdrop-filter:blur(8px);display:grid;place-items:center;flex-shrink:0;color:#fff}.sy-ic b{font-size:17px}.sy-ic.big{width:46px;height:46px}
.sy-aud{height:36px;border-radius:18px;padding:0 13px;background:rgba(255,255,255,.18);backdrop-filter:blur(8px);color:#fff;font-weight:700;font-size:13px;display:flex;align-items:center;gap:6px}
.sy-share{height:38px;border-radius:19px;padding:0 20px;background:rgba(255,255,255,.22);color:rgba(255,255,255,.6);font-weight:700;font-size:14px;transition:.2s}.sy-share.on{background:#fff;color:#4C1D95}
.sy-tools{position:absolute;right:12px;top:calc(76px + env(safe-area-inset-top,0px));display:flex;flex-direction:column;gap:14px;z-index:3}
.sy-tl{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:10.5px;font-weight:700;color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.4)}
.sy-mid{position:absolute;left:0;right:0;top:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:90px 70px 150px;z-index:2;pointer-events:none}
.sy-mid>*{pointer-events:auto}
#syT{width:100%;border:0;background:none;outline:0;resize:none;text-align:center;font:inherit;font-size:26px;font-weight:800;color:#fff;line-height:1.4;max-height:260px;overflow:hidden;text-shadow:0 2px 14px rgba(0,0,0,.4);direction:rtl}
#syT::placeholder{color:rgba(255,255,255,.85)}
.sy-sub{font-size:13px;opacity:.75}
.sy-vc{display:flex;align-items:center;gap:9px;background:rgba(255,255,255,.2);backdrop-filter:blur(10px);border-radius:26px;padding:7px 8px 7px 12px;font-variant-numeric:tabular-nums}
.sy-p{width:34px;height:34px;border-radius:50%;background:#fff;display:grid;place-items:center;flex-shrink:0;padding:0}.sy-p svg{width:14px;height:14px}.sy-p svg *{fill:#4C1D95;stroke:#4C1D95}
.sy-w{display:inline-flex;align-items:center;gap:2px;height:22px}.sy-w i{width:2.5px;border-radius:2px;background:#fff;display:block}.sy-w.big{flex:1;justify-content:center;overflow:hidden}
.sy-vx{width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,.25);display:grid;place-items:center}
.sy-bot{position:absolute;left:0;right:0;bottom:0;padding:0 18px calc(18px + env(safe-area-inset-bottom,0px));z-index:3}
.sy-modes{display:flex;gap:20px;justify-content:center;margin-bottom:14px;font-weight:700;font-size:14px}
.sy-modes button{color:#fff;opacity:.6;padding:4px 2px;position:relative}.sy-modes .on{opacity:1}.sy-modes .on::after{content:"";position:absolute;left:25%;right:25%;bottom:-3px;height:3px;border-radius:2px;background:#fff}
.sy-row{display:flex;align-items:center;justify-content:space-between}
.sy-gal{width:46px;height:46px;border-radius:13px;border:2px solid #fff;background:rgba(255,255,255,.18);display:grid;place-items:center;overflow:hidden;padding:0}.sy-gal img{width:100%;height:100%;object-fit:cover}
.sy-shut{width:78px;height:78px;border-radius:50%;border:5px solid #fff;display:grid;place-items:center;padding:0}.sy-shut i{width:56px;height:56px;border-radius:50%;background:#fff;display:block}
.sy-rec{display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.18);backdrop-filter:blur(10px);border-radius:34px;padding:10px 10px 10px 16px;font-variant-numeric:tabular-nums;font-weight:700}
.sy-dot{width:10px;height:10px;border-radius:50%;background:#C4B5FD;animation:sypu 1s infinite;flex-shrink:0}@keyframes sypu{50%{opacity:.3}}
.sy-stop{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,#8B5CF6,#4C1D95);display:grid;place-items:center;flex-shrink:0;box-shadow:0 6px 16px rgba(0,0,0,.35)}
.sy-note{text-align:center;font-size:12.5px;opacity:.75;margin-top:10px}
/* ===== v77 ===== */
/* comment text */
.ctx{white-space:pre-wrap;overflow-wrap:anywhere}.ctx.cl3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.ctx-more{display:block;color:#7C3AED;font-weight:700;font-size:13px;margin:2px 0 4px;padding:2px 0}
.cph{display:flex;gap:6px;margin:8px 0}.cph i{display:block;flex:1;max-width:120px;aspect-ratio:1;border-radius:12px;background-size:cover;background-position:center;background-color:#E9E1FB}.cph.n1 i{max-width:200px;aspect-ratio:4/3}
/* voice waves: bigger touch area, no page scroll while scrubbing */
[data-wave]{touch-action:auto!important;position:relative}
[data-wave][data-live]{touch-action:none!important}
/* reply-by-voice sheet */
#rvd{position:fixed;inset:0;z-index:90;background:rgba(20,10,40,.4);opacity:0;transition:opacity .25s;touch-action:none}#rvd.on{opacity:1}
#rvs{position:fixed;left:0;right:0;bottom:var(--kb,0px);z-index:91;max-width:489px;margin:0 auto;background:#fff;color:#16132A;border-radius:24px 24px 0 0;padding:8px 14px calc(8px + env(safe-area-inset-bottom,0px));min-height:211px;transform:translateY(105%);transition:transform .3s cubic-bezier(.2,.8,.2,1);box-shadow:0 -10px 34px rgba(0,0,0,.25);touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
#rvs.on{transform:none}
#rvs[hidden],#rvd[hidden]{display:none}
.rv-hd{display:flex;align-items:center;gap:8px;height:46px}.rv-av{width:30px;height:30px;border-radius:50%;background:#C084FC center/cover;flex-shrink:0}.rv-tt{line-height:1.25}.rv-tt b{font-size:15px;display:block}.rv-tt small{color:#6B6585;font-size:12px}.rv-cl{margin-inline-start:auto;width:30px;height:30px;display:grid;place-items:center;font-size:22px;color:#16132A}
.rv-tx{display:flex;align-items:flex-start;gap:8px;min-height:38px;border-radius:13px;border:1.5px solid #E7E0F5;padding:0 10px 0 12px;user-select:text;-webkit-user-select:text;touch-action:manipulation}
.rv-tx textarea{flex:1;min-width:0;display:block;font:inherit;font-size:16px;line-height:22px;padding:6px 0;margin:0;border:0;background:none;resize:none;overflow:hidden;color:#16132A;outline:0;height:34px;max-height:112px;cursor:text}.rv-tx textarea::placeholder{color:#8A85A0;font-size:14px}
.rv-ths{display:flex;gap:5px;margin-top:5px}.rv-th{width:28px;height:28px;border-radius:8px;background:#7C3AED center/cover;position:relative;flex-shrink:0}.rv-th button{position:absolute;top:-5px;left:-5px;width:15px;height:15px;border-radius:50%;background:#16132A;color:#fff;font-size:10px;line-height:15px}
.rv-rcw{position:relative;margin-top:7px;height:54px}.rv-tr{position:absolute;right:6px;top:7px;width:40px;height:40px;border-radius:50%;background:#2E1065;color:#fff;display:grid;place-items:center;opacity:calc(var(--p,0)*1.2);transform:scale(calc(.6 + var(--p,0)*.5))}
.rv-rcm{position:relative;height:54px;touch-action:none}.rv-rc{display:none;height:54px;border-radius:16px;background:#F1EAFE;padding:0 8px 0 12px;align-items:center;gap:10px;color:#7C3AED}
#rvs[data-r="idle"] .rv-i,#rvs[data-r="rec"] .rv-r,#rvs[data-r="done"] .rv-d{display:flex}
.rv-mb{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#8B5CF6,#5B21B6);color:#fff;display:grid;place-items:center;flex-shrink:0;box-shadow:0 4px 10px rgba(91,33,182,.35);touch-action:none}
.rv-hint{font-size:12.5px;color:#6B6585;white-space:nowrap}.rv-arr{font-size:26px;line-height:1;color:#7C3AED;animation:rvNu 1.1s ease-in-out infinite}@keyframes rvNu{50%{transform:translateX(-6px)}}
.rv-wv{display:flex;align-items:center;gap:2.5px;height:34px;flex:1;min-width:0;justify-content:center;overflow:hidden}.rv-wv i{width:3px;border-radius:2px;background:currentColor;display:block;opacity:.55;flex-shrink:0}.rv-r .rv-wv i{opacity:1;animation:rvWv .9s ease-in-out infinite}@keyframes rvWv{50%{transform:scaleY(.35)}}
.rv-sc{position:relative;height:48px;touch-action:none;cursor:ew-resize;display:block}.rv-sc .rv-l{position:absolute;inset:0;display:flex;align-items:center;gap:2px}.rv-sc .rv-l i{flex:1;max-width:4px;min-width:2px;border-radius:2px;background:currentColor;display:block;opacity:1}.rv-l0{opacity:.32}.rv-l1{clip-path:inset(0 0 0 calc(100% - var(--p,0%)))}
.rv-sc::before{content:"";position:absolute;left:-6px;right:-6px;top:-8px;bottom:-8px}
.rv-tm{font-variant-numeric:tabular-nums;font-weight:700;font-size:14px;direction:ltr;color:#2E1065;min-width:34px;text-align:center}
.rv-rb{height:34px;border-radius:17px;padding:0 10px;background:#fff;box-shadow:0 0 0 1px #E7E0F5;font-size:12px;font-weight:700;color:#2E1065;display:flex;align-items:center;gap:4px;white-space:nowrap}
.rv-lk{position:absolute;right:2px;top:-46px;width:44px;height:64px;border-radius:22px;background:#2E1065;color:#fff;display:none;flex-direction:column;align-items:center;justify-content:center;font-size:16px;gap:2px;z-index:2;box-shadow:0 6px 16px rgba(46,16,101,.4)}.rv-lk small{font-size:11px;opacity:.8;animation:rvNu2 1s ease-in-out infinite}@keyframes rvNu2{50%{transform:translateY(-4px)}}
#rvs[data-h="1"] .rv-lk{display:flex}
.rv-act{display:flex;align-items:center;gap:8px;margin-top:7px}.rv-chip{height:36px;border-radius:18px;padding:0 14px;box-shadow:0 0 0 1.5px #E7E0F5;font-weight:700;font-size:13px;display:flex;align-items:center;gap:6px;color:#2E1065}.rv-chip[disabled]{opacity:.5}
.rv-pub{margin-inline-start:auto;height:38px;border-radius:19px;padding:0 34px;background:#7C3AED;color:#fff;font-weight:800;font-size:14px}.rv-pub[disabled]{opacity:.45}
html.rv-lock,html.rv-lock body{touch-action:none;overscroll-behavior:none}
html.rv-lock #list,html.rv-lock #ppBody{padding-bottom:340px}
html.rv-lock2 #list,html.rv-lock2 #ppBody{overflow:hidden!important}
/* create → story transition (scale + soft blur cross-fade) */
#cr.trC{transition:transform .5s cubic-bezier(.2,.8,.2,1),opacity .5s,filter .5s!important;transform:scale(.88)!important;opacity:0!important;filter:blur(6px)}
#syc.in{animation:syIn .6s cubic-bezier(.2,.8,.2,1)}@keyframes syIn{from{opacity:0;transform:scale(1.12);filter:blur(10px)}}
/* community: composer under the sort chips; create screen banner */
.cc-row{margin-top:14px}
#crTo{display:flex;align-items:center;gap:8px;margin:calc(8px + env(safe-area-inset-top,0px)) 16px 6px;padding:8px 12px;border-radius:14px;background:#F1EAFE;color:#2E1065;font-size:13.5px}
/* ⋯ menu back arrow */
.q4-back{position:absolute;top:14px;left:14px;width:40px;height:40px;border-radius:50%;background:#F1EAFE;display:grid;place-items:center;z-index:2}
/* strips */
.trend .tl{scroll-snap-type:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;touch-action:pan-x pan-y;scroll-padding:0 16px}
.trend .tcard{scroll-snap-align:start;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}

/* ===== v78: clearer name + visible input ===== */
.rv-hd{height:54px;gap:10px}.rv-av{width:38px;height:38px}
.rv-tt{line-height:1.2;display:flex;flex-direction:column;align-items:flex-start;gap:3px}.rv-tt b{font-size:16.5px;font-weight:800;color:#16132A}
.rv-to{display:inline-flex;align-items:center;gap:5px;background:#EFE7FF;color:#5B21B6;border-radius:10px;padding:2px 10px 3px;font-size:13.5px;line-height:1.35;font-weight:500;max-width:62vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rv-to i{font-style:normal}.rv-to b{font-weight:800;color:#2E1065;overflow:hidden;text-overflow:ellipsis}
.rv-tx{position:relative;display:flex;align-items:flex-start;gap:8px;min-height:50px;box-sizing:border-box;border-radius:16px;border:2px solid #B9A2F5;background:#F7F3FF;padding:12px 14px;transition:border-color .15s,background .15s}
.rv-tx:focus-within{border-color:#7C3AED;background:#fff;box-shadow:0 0 0 4px rgba(124,58,237,.12)}
.rv-tx textarea{padding:0;line-height:24px;height:24px;font-size:16px;font-weight:500;color:#16132A;background:transparent;position:relative;z-index:1}
.rv-pl{position:absolute;inset-inline-start:14px;top:12px;line-height:24px;font-size:16px;font-weight:500;color:#6B5E9A;pointer-events:none;z-index:0}.rv-pl[hidden]{display:none}
/* ===== v78b: smaller title, scrub playhead ===== */
.rv-hd{height:48px;gap:9px}.rv-av{width:32px;height:32px}.rv-tt{gap:2px}.rv-tt b{font-size:14.5px;font-weight:700}
.rv-to{font-size:12px;padding:1px 8px 2px;border-radius:8px}
.wave.scr::after,[data-wave].scr::after{content:"";position:absolute;left:var(--hx,50%);top:-3px;bottom:-3px;width:2px;margin-left:-1px;border-radius:1px;background:#3B1A8A;box-shadow:0 0 0 1px rgba(255,255,255,.7);pointer-events:none;z-index:2}

/* room under the last post while the reply sheet is open */
html.rv-pad body{padding-bottom:50vh!important}

/* ===== v80: song bar scrub ===== */
.sbar{touch-action:pan-y;cursor:pointer}.sbar::before{content:"";position:absolute;inset:-12px -10px;z-index:1}
.sbar em{transition:transform .12s}.sbar.drag em{transform:scale(1.5)}
.song .play.sp svg{display:block}

/* ===== v80: fixed, non-compressible layout of the reply sheet (keyboard open or closed) ===== */
#rvs{display:flex;flex-direction:column}#rvs>*{flex:none}
.rv-hd{height:auto;min-height:46px;margin-bottom:8px}
/* ===== v80: lighter horizontal strips (each card on its own layer, no snap) ===== */
.trend .tl{will-change:scroll-position;scroll-behavior:auto}
.trend .tcard{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}

/* v81 */
.gp{will-change:transform}.gp.closing{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:rgba(18,10,44,.99)!important;pointer-events:none}
#shcScr{position:fixed;inset:0;z-index:98;background:rgba(22,10,48,.45);opacity:0;transition:opacity .25s}#shcScr.open{opacity:1}#shcScr[hidden],#shc[hidden]{display:none}
#shc{position:fixed;left:50%;bottom:0;transform:translate(-50%,100%);width:min(489px,100%);max-height:78vh;z-index:99;background:#fff;border-radius:28px 28px 0 0;padding:0 14px calc(18px + env(safe-area-inset-bottom,0px));transition:transform .28s cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column;direction:rtl}
#shc.open{transform:translate(-50%,0)}.shc-g{width:40px;height:4px;border-radius:2px;background:#D9D3E8;margin:9px auto 4px}#shc h3{margin:8px 4px 6px;font-size:17px;font-weight:700;color:#16132A}
.shc-l{overflow:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;flex:1;min-height:0}
.shc-r{display:flex;align-items:center;gap:12px;width:100%;padding:9px 6px;border-radius:14px;text-align:right}.shc-r.on{background:#F4EFFD}
.shc-a{flex:none;width:46px;height:46px;border-radius:50%;overflow:hidden;display:block}.shc-n{flex:1;display:flex;flex-direction:column;min-width:0}.shc-n b{font-size:15.5px;color:#16132A}.shc-n small{font-size:12px;color:#8A85A0}
.shc-k{flex:none;width:22px;height:22px;border-radius:50%;border:2px solid #CFC7E4;box-sizing:border-box}.shc-r.on .shc-k{border-color:#7C3AED;background:#7C3AED;box-shadow:inset 0 0 0 4px #fff}
#shcGo{margin-top:10px;height:48px;border-radius:24px;background:#7C3AED;color:#fff;font-weight:700;font-size:16px}#shcGo:disabled{background:#DDD6EE;color:#fff}
/* v82 · strips: one card per swipe, settles on a card */
.trend .tl{scroll-snap-type:x mandatory!important;scroll-padding:0 16px}
.trend .tl>.tcard{scroll-snap-align:start;scroll-snap-stop:always}

/* v87 · while the page glides under the reply sheet, skip the expensive blur layers */
html.rv-moving *,html.rv-moving *::before,html.rv-moving *::after{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
html.rv-lock{scroll-behavior:auto}
/* ===== v100 test ===== */
/* community composer */
#cr.cr-com .seg{display:none}
#crTo{display:flex;align-items:center;gap:12px;margin:calc(8px + env(safe-area-inset-top,0px)) 16px 4px;padding:10px 14px;border-radius:18px;background:linear-gradient(135deg,#F5EEFF,#EBE1FF);box-shadow:inset 0 0 0 1.5px #DCCBFB;color:#2E1065}
#crTo .cra{width:42px;height:42px;border-radius:14px;overflow:hidden;flex:none;display:grid;place-items:center;box-shadow:0 0 0 2px #fff,0 4px 10px rgba(91,33,182,.22)}
#crTo .cra img{width:100%;height:100%;object-fit:cover;display:block}
#crTo .cra .e{width:100%;height:100%;display:grid;place-items:center;font-size:21px}
#crTo .crt2{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0;line-height:1.25}
#crTo .crt2 small{font-size:11.5px;color:#6D28D9;font-weight:600}
#crTo .crt2 b{font-size:16.5px;font-weight:800;color:#2E1065;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#crTo .crk{width:24px;height:24px;border-radius:50%;background:linear-gradient(145deg,#9635F5,#4822FB);display:grid;place-items:center;flex:none}
/* record mode chooser */
.cr-rm{display:flex;gap:8px;margin:0 16px 26px;width:calc(100% - 32px);padding:4px;border-radius:18px;background:#F4F2F8}
.cr-rm button{flex:1;width:auto!important;height:auto!important;border-radius:14px!important;box-shadow:none!important;background:transparent!important;display:flex!important;align-items:center;justify-content:center;gap:8px;padding:9px 8px;color:#8A85A0;text-align:right;transition:background .2s,color .2s,box-shadow .2s}
.cr-rm button span{display:flex;flex-direction:column;line-height:1.25}
.cr-rm button b{font-size:13.5px;font-weight:800}
.cr-rm button small{font-size:10.5px;font-weight:500;opacity:.85;margin-top:1px}
.cr-rm button.on{background:#fff!important;color:#5B21B6;box-shadow:0 2px 10px rgba(46,16,101,.14)!important}
.bigmic{margin-top:34px}.bigmic.sm{margin-top:20px}
.bigmic p{margin-top:30px}
/* recording screen */
.cr-md{display:flex;align-items:center;justify-content:center;gap:6px;width:max-content;margin:34px auto 0;padding:6px 14px;border-radius:14px;background:#EFE7FF;color:#5B21B6;font-size:12.5px;font-weight:700}
#cr.rec .rclock{margin-top:16px;font-size:44px;letter-spacing:1px;font-weight:800;font-variant-numeric:tabular-nums}
#cr.rec:not(.rm-dict) .rclock{margin-top:20px}
#cr.rec:not(.rm-dict) .rwave{height:110px;margin-top:34px}
#cr.rec .rwave i{width:4px;background:linear-gradient(180deg,#A855F7,#5B21B6);border-radius:4px}
#cr.rec .rctl{gap:30px;align-items:flex-start}
#cr.rec .rctl .rc{display:flex;flex-direction:column;align-items:center;gap:9px;width:78px}
#cr.rec .rctl .rc small{font-size:12px;font-weight:600;color:#6B6585}
#cr.rec .rctl .s{width:58px;height:58px;margin:13px 0;box-shadow:0 0 0 1.5px #E7DFF8,0 6px 16px rgba(46,16,101,.1)}
#cr.rec .rctl .stop{width:84px;height:84px;position:relative;box-shadow:0 0 0 9px rgba(239,68,68,.12),0 14px 28px rgba(239,68,68,.36);animation:rcPulse 1.8s ease-in-out infinite}
@keyframes rcPulse{50%{box-shadow:0 0 0 15px rgba(239,68,68,.06),0 14px 28px rgba(239,68,68,.36)}}
#gmsw{position:fixed;z-index:9990;left:50%;transform:translateX(-50%);top:calc(70px + env(safe-area-inset-top,0px));display:flex;align-items:center;gap:5px;background:rgba(46,16,101,.92);color:#fff;border-radius:16px;padding:5px 8px;font-size:11px;white-space:nowrap}
#gmsw b{font-weight:600;margin-left:3px}
#gmsw button{height:24px;border-radius:12px;padding:0 9px;background:rgba(255,255,255,.14);color:#fff;font-size:11.5px;font-weight:700}
#gmsw button.on{background:#fff;color:#2E1065}
html.rv-lock #gmsw,body:has(#rvs.on) #gmsw,body:has(#cr.open) #gmsw{display:none}
.slide .bg[data-bk]{filter:none}
/* ===== batch 2: «الأكثر استماعاً» / «فلسطين» bars are tappable ===== */
.trend .th{cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .15s}
.trend .th:active{background:rgba(124,58,237,.08)}
/* ===== batch 3 ===== */
.ch-wait{display:flex;align-items:center;gap:7px;height:36px;border-radius:18px;margin:2px 0 6px;padding:0 14px;min-width:172px;width:max-content;background:#F4F2F8;color:#2B2640;font-weight:600;font-size:13.5px}
.ch-wait em{font-style:normal;min-width:20px;height:20px;border-radius:10px;display:grid;place-items:center;background:#EDE4FF;color:#5B21B6;font-size:12px;font-weight:700;padding:0 6px;margin-inline-start:auto}
.ch-wait.on{font-weight:700;background:#2E1065;color:#fff}.ch-wait.on em{background:rgba(255,255,255,.2);color:#fff}
.cw-o{display:flex;align-items:center;gap:10px;margin-top:10px}.cw-o b{display:block;font-size:14px}.cw-o small{display:block;font-size:12px;color:#6B6585;margin-top:1px}
.cw-go{margin-top:12px;width:100%;height:44px;border-radius:22px;background:linear-gradient(135deg,#9635F5,#4822FB);color:#fff;font-weight:700;font-size:14.5px}
.cj-b{display:flex;flex-direction:column;align-items:center;gap:14px;padding:8px 0 14px;text-align:center}.cj-b .note{font-size:12px;color:#6B6585}.cj-b .cn-rec{width:100%}.cj-b .cn-next{width:100%}
.cn-ty{display:grid;grid-template-columns:1fr 1fr;gap:10px}.cn-ty button{border-radius:16px;padding:12px 8px;background:#F4F2F8;display:flex;flex-direction:column;align-items:center;gap:4px;box-shadow:inset 0 0 0 1.5px transparent}
.cn-ty .e{font-size:26px;line-height:1.1}.cn-ty b{font-size:14px;color:#16132A}.cn-ty small{font-size:11px;color:#6B6585}.cn-ty .on{background:#F3EDFF;box-shadow:inset 0 0 0 2px #7C3AED}.cn-ty .on b{color:#5B21B6}
.cn-set.one{grid-template-columns:1fr}
.cn-tmsg{display:flex;gap:8px;align-items:flex-start;background:#F3EDFF;border:1px solid #DDD0FF}.cn-tmsg .i{font-size:18px;line-height:1.3}
#chp .mid.hasr{flex-direction:column;align-items:center;padding-top:0;gap:22px}
#chp .rno{width:40px;height:40px;border-radius:50%;background:#E5322D;color:#fff;font-size:26px;font-weight:800;line-height:1;display:grid;place-items:center;direction:ltr;box-shadow:0 0 0 3px #fff,0 6px 12px rgba(229,50,45,.35);margin-top:-20px}
#chp .xhero .rar{position:absolute;top:50%;transform:translateY(-50%);width:34px;height:34px;border-radius:50%;background:#fff;display:grid;place-items:center;box-shadow:0 2px 10px rgba(46,16,101,.22);z-index:3}
#chp .xhero .rar.nx{left:4px}#chp .xhero .rar.pv{right:4px}#chp .xhero .rar[hidden]{display:none}
#chp .col.rin{animation:rIn .26s ease-out}#chp .col.rin2{animation:rIn2 .26s ease-out}
@keyframes rIn{from{opacity:.2;transform:translateX(-18px)}to{opacity:1;transform:none}}@keyframes rIn2{from{opacity:.2;transform:translateX(18px)}to{opacity:1;transform:none}}
#chp .lk2{width:100%;margin-top:8px;height:44px;border-radius:22px;background:#fff;color:var(--c);font-weight:700;font-size:15px;display:flex;align-items:center;justify-content:center;gap:7px;box-shadow:inset 0 0 0 2px var(--ln)}
#chp .lk2 .hr{color:var(--c);fill:transparent;transition:fill .15s,color .15s}
#chp .lk2.on{background:var(--g);color:#fff;box-shadow:0 8px 16px var(--sh)}#chp .lk2.on .hr{color:#fff;fill:#fff;animation:hrP .35s ease-out}
@keyframes hrP{0%{transform:scale(.7)}55%{transform:scale(1.35)}100%{transform:scale(1)}}

.q4-stv [data-wave]{touch-action:none!important}
/* ===== batch 4: profile tile icons (root cause: ".tile svg{width:100%;height:100%}" also hit the eye/mic icons) ===== */
.tile .tl svg{width:12px!important;height:12px!important;transition:none;transform:none!important}
.tile .tb svg{width:13px!important;height:13px!important;transition:none;transform:none!important}
.tile .tl{font-size:11px;gap:3px;bottom:7px;left:8px}
/* ===== new search page ===== */
#sx{background:#fff;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Arabic",sans-serif}
#sx .sx-top{display:flex;align-items:center;gap:8px;padding:calc(10px + env(safe-area-inset-top,0px)) 12px 6px}
#sx .sx-top .xbk{width:34px;height:38px;display:grid;place-items:center;flex-shrink:0}
#sx .sx-bar{flex:1;height:42px;border-radius:21px;background:#EFE7FB;display:flex;align-items:center;gap:8px;padding:0 14px}
#sx .sx-bar input{flex:1;min-width:0;border:0;background:transparent;font:inherit;font-size:14.5px;color:#1E1430;outline:0}
#sx .sx-bar input::placeholder{color:#7A7090}
#sx .sx-chips{display:flex;gap:6px;padding:4px 12px 10px;overflow-x:auto;scrollbar-width:none;flex-shrink:0}
#sx .sx-chips::-webkit-scrollbar{display:none}
#sx .sx-chips button{flex:none;padding:7px 14px;border-radius:16px;font-size:13px;background:#F6F1FD;color:#7A7090;font-weight:600}
#sx .sx-chips button.on{background:#1E1430;color:#fff}
.xov.pp#sx .xbd.sx-bd{padding:0 12px 96px;overflow-y:auto;flex:1}
#sx .sx-feed{display:flex;flex-direction:column;gap:8px;padding-top:2px}
#sx .sx-row{display:grid;gap:7px}
#sx .sx-row.r2{grid-template-columns:repeat(2,minmax(0,1fr))}#sx .sx-row.r3{grid-template-columns:repeat(3,minmax(0,1fr))}
#sx .sx-t{position:relative;display:block;overflow:hidden;color:#fff;text-align:start;background:#EFE7FB}
#sx .r2 .sx-t{aspect-ratio:4/5;border-radius:18px}#sx .r3 .sx-t{aspect-ratio:3/4;border-radius:15px}
#sx .sx-t>svg:first-child{position:absolute;inset:0;width:100%;height:100%;display:block}
#sx .sx-t .vw{position:absolute;top:9px;left:9px;display:flex;align-items:center;gap:3px;direction:ltr;font-size:11px;font-weight:700;text-shadow:0 1px 3px rgba(0,0,0,.45)}
#sx .sx-t .mc{position:absolute;top:8px;right:8px;width:24px;height:24px;border-radius:7px;background:rgba(0,0,0,.25);display:grid;place-items:center}
#sx .sx-t .cp{position:absolute;bottom:9px;right:9px;max-width:calc(100% - 18px);font-size:11.5px;font-weight:600;background:rgba(0,0,0,.2);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:4px 9px;border-radius:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#sx .r3 .sx-t .cp{font-size:10px;padding:3px 7px;bottom:7px;right:7px}#sx .r3 .sx-t .vw{font-size:10px;top:8px;left:8px}#sx .r3 .sx-t .mc{width:21px;height:21px;top:7px;right:7px}
/* voice strip */
#sx .cv.sx-vs{height:72px;border-radius:36px;background:linear-gradient(90deg,#B08BEE,#7B3FD1 45%,#4B1E8C);direction:rtl;display:flex;align-items:center;gap:10px;padding:0 12px;color:#fff;box-shadow:none;margin:0;width:100%}
#sx .sx-vs .play{width:46px;height:46px;border-radius:50%;background:#fff!important;flex:none;display:grid;place-items:center;box-shadow:none}
#sx .sx-vs .play svg path,#sx .sx-vs .play svg rect{fill:#5B21B6}
#sx .sx-vs .mid{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}
#sx .sx-vs .mid b{font-size:13.5px;font-weight:700;white-space:nowrap;color:#fff}
#sx .sx-vs .wave{width:100%;height:24px;display:flex;align-items:center;justify-content:space-between;gap:0}
#sx .sx-vs .wave i{background:rgba(255,255,255,.45)!important}#sx .sx-vs .wave i.on{background:#fff!important}
#sx .sx-vs .av{width:48px;height:48px;border-radius:50%;flex:none;box-shadow:0 0 0 2.5px #fff;overflow:hidden;display:block;line-height:0}
/* community card */
#sx .sx-c{position:relative;display:block;overflow:hidden;color:#fff;text-align:start;border-radius:15px;background:#4B1E8C;min-height:100%}
#sx .sx-c.wide{aspect-ratio:16/9;grid-column:span 2}#sx .sx-c.span2{grid-column:span 2}
#sx .sx-c>img,#sx .sx-c>.g{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
#sx .sx-c .sh{position:absolute;inset:0;background:linear-gradient(0deg,rgba(20,6,45,.85),rgba(20,6,45,0) 62%)}
#sx .sx-c .bd{position:absolute;top:9px;right:9px;font-size:10px;font-weight:800;background:rgba(255,255,255,.22);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:3px 8px;border-radius:9px}
#sx .sx-c .cd{position:absolute;top:9px;left:9px;display:flex;gap:3px;direction:ltr}
#sx .sx-c .cd span{background:rgba(30,11,64,.7);border-radius:6px;padding:3px 5px;font-size:11px;font-weight:800;font-variant-numeric:tabular-nums;text-align:center;min-width:24px}
#sx .sx-c .cd em{display:block;font-style:normal;font-size:7px;opacity:.75;font-weight:600}
#sx .sx-c,#sx .sx-c *{color:#fff}#sx .sx-c .in{position:absolute;inset:auto 10px 10px 10px;display:flex;align-items:flex-end;gap:8px;direction:rtl;text-align:right}
#sx .sx-c .own{width:38px;height:38px;border-radius:10px;overflow:hidden;flex:none;padding:2px;background:linear-gradient(135deg,#B99BF0,#7B3FD1)}
#sx .sx-c .own img,#sx .sx-c .own>*{width:100%;height:100%;border-radius:8px;object-fit:cover;display:block}
#sx .sx-c .t{flex:1;min-width:0;direction:rtl;text-align:right}#sx .sx-c .t b{display:flex;align-items:center;gap:4px;font-size:13.5px}
#sx .sx-c .t small{display:block;font-size:10.5px;opacity:.88;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#sx .sx-c .lk{font-size:11px;font-weight:700;background:rgba(255,255,255,.2);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:4px 8px;border-radius:10px;white-space:nowrap}
#sx .sx-c.span2 .t small{display:none}
/* ===== challenge invitation ===== */
.xn .inv-go{height:36px;padding:0 18px;border-radius:18px;background:linear-gradient(135deg,#9635F5,#4822FB);color:#fff;font-weight:800;font-size:13.5px;align-self:center;flex:none}
.inv-bn{position:fixed;top:max(10px,env(safe-area-inset-top,0px));left:9px;right:9px;z-index:9999;max-width:471px;margin:0 auto;height:70px;border-radius:26px;background:rgba(236,236,228,.86);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);box-shadow:0 14px 34px -10px rgba(30,11,64,.45),0 0 0 1px rgba(255,255,255,.55) inset;padding:0 14px;display:flex;gap:11px;align-items:center;transform:translateY(-130%);transition:transform .35s cubic-bezier(.2,.9,.2,1);direction:rtl}
.inv-bn.on{transform:none}
.inv-bn .av{position:relative;width:41px;height:41px;flex:none;margin-top:-4px}.inv-bn .pic{display:block;width:41px;height:41px;border-radius:50%;overflow:hidden}
.inv-bn .bdg{position:absolute;left:-4px;bottom:-9px;width:17px;height:17px;border-radius:5px;background:linear-gradient(150deg,#A855F7,#6D28D9 55%,#4822FB);display:grid;place-items:center}
.inv-bn .bdg svg{width:10px;height:10px}
.inv-bn .tx{flex:1;min-width:0}.inv-bn .tx b{display:block;font-size:15px;color:#111}.inv-bn .tx p{font-size:14.5px;line-height:1.35;color:#111;margin:1px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.inv-bn .tm{font-size:12px;color:#666;align-self:flex-start;margin-top:12px}
#inv .inv-bd{padding:0 16px 40px;background:linear-gradient(180deg,#F6F1FF,#fff 42%)}
#inv .iv-who{text-align:center;margin-top:14px}#inv .iv-who .ring{display:block;width:84px;height:84px;border-radius:50%;margin:0 auto;padding:3px;background:conic-gradient(from 200deg,#7C3AED,#A78BFA,#4822FB,#7C3AED);line-height:0}
#inv .iv-who .ring img,#inv .iv-who .ring>*{border-radius:50%!important;border:3px solid #fff;width:100%!important;height:100%!important;object-fit:cover}
#inv .iv-who h2{font-size:22px;margin-top:10px}#inv .iv-who h2 span{color:#6D28D9}#inv .iv-who p{font-size:13px;color:#6B6585;margin-top:4px}
#inv .exp{display:inline-flex;gap:6px;align-items:center;margin-top:10px;background:#FFF1EE;color:#C2410C;font-weight:700;font-size:12.5px;padding:6px 12px;border-radius:14px}
#inv .iv-card{margin-top:16px;border-radius:28px;padding:18px 14px 16px;background:linear-gradient(165deg,#F6F1FF,#EFE7FF 55%,#FFF1EE);box-shadow:inset 0 0 0 1px #ECE3FB}
#inv .vs{display:flex;align-items:center;justify-content:space-around}#inv .pl{text-align:center;width:120px}
#inv .pl .r{display:block;width:96px;height:96px;border-radius:50%;margin:0 auto;padding:3px;line-height:0}#inv .pl .r>*{border-radius:50%!important;border:3px solid #fff;width:100%!important;height:100%!important;object-fit:cover}
#inv .pl b{display:block;font-size:15.5px;margin-top:8px}#inv .pl small{font-size:12px;color:#6B6585}
#inv .vsb{width:50px;height:50px;border-radius:50%;background:linear-gradient(145deg,#9635F5,#4822FB);color:#fff;font-weight:800;display:grid;place-items:center;box-shadow:0 0 0 5px #fff,0 8px 18px rgba(72,34,251,.3)}
#inv .tt{text-align:center;font-size:17px;font-weight:800;margin-top:16px}
#inv .chips{display:flex;gap:7px;justify-content:center;flex-wrap:wrap;margin-top:12px}#inv .chips span{background:#fff;border-radius:14px;padding:5px 11px;font-size:12.5px;font-weight:700;color:#4B4560;box-shadow:inset 0 0 0 1px #E6DEF8}
#inv .iv-rule{margin-top:12px;font-size:12.5px;color:#6B6585;background:#F3EDFF;border:1px solid #DDD0FF;border-radius:14px;padding:10px 12px;display:flex;gap:8px;line-height:1.6}#inv .iv-rule b{color:#16132A}
#inv .iv-lbl{margin:14px 4px 6px;font-size:13px;font-weight:700;color:#4B4560}
#inv .iv-cv{height:52px;border-radius:26px;margin:0}
#inv .iv-acts{margin-top:26px}
#inv .iv-acts .go{width:100%;height:56px;border-radius:28px;background:linear-gradient(135deg,#9635F5,#4822FB);color:#fff;font-size:17px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:9px;box-shadow:0 12px 24px -8px rgba(72,34,251,.55)}
#inv .iv-acts .no{width:100%;height:48px;border-radius:24px;background:#F1EEF8;color:#4B4560;font-size:15px;font-weight:700;display:grid;place-items:center;margin-top:10px}
#inv .iv-acts p{text-align:center;font-size:11.5px;color:#8A85A0;margin-top:9px}
#sx .sx-t>img:first-child{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;-webkit-user-drag:none}
.img img{width:100%;display:block;aspect-ratio:1/1;object-fit:cover}
#xs,#xsr{--bg:#fff;--ink:#16132A;--ink2:#2B2640;--violet:#7C3AED;--violet-d:#5B21B6;--violet-t:#6D28D9;--line:#F0ECF6;--lavline:#E6DCFB;--lav:#F8F5FF;--lav2:#F4EEFF;--chip:#F1EEF7;--pink:#E11D74;--grad:linear-gradient(105deg,#8B5CF6,#5B21B6);--font:-apple-system,BlinkMacSystemFont,"SF Arabic","Segoe UI",Roboto,"Noto Sans Arabic",Tahoma,sans-serif;position:fixed;z-index:100000;direction:rtl;font-family:var(--font);color:var(--ink)}
#xs{top:0;bottom:0;left:50%;transform:translateX(-50%);width:min(489px,100%);overflow:hidden}
#xs[hidden],#xsr[hidden]{display:none}
.xh{display:flex;align-items:center;gap:12px;padding:calc(14px + env(safe-area-inset-top,0px)) 16px 8px;flex:none;min-height:56px}
.xh h1{margin:0;font-size:22px;font-weight:700}
.zbk{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--bg);box-shadow:0 4px 14px rgba(46,16,101,.08),inset 0 0 0 1px var(--line);flex:none}
.xb{flex:1;overflow-y:auto;display:flex;flex-direction:column;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:0 0 calc(24px + env(safe-area-inset-bottom,0px))}
.zg{font-size:13px;font-weight:700;color:#6B6585;padding:16px 20px 6px}
.xr{display:flex;align-items:center;gap:14px;padding:8px 20px;min-height:58px}
.xr[data-a]{cursor:pointer}.xr[data-a]:active{background:var(--lav)}
.xi{width:40px;height:40px;border-radius:12px;background:var(--lav2);display:grid;place-items:center;flex:none}
.xt{flex:1;font-size:16px;font-weight:600;min-width:0}.xt small{display:block;font-size:13px;font-weight:500;color:#6B6585;margin-top:2px}
.xr.d .xt{color:var(--pink)}
.xsw{width:46px;height:28px;border-radius:14px;background:#9C95B3;position:relative;flex:none}
.xsw:after{content:"";position:absolute;top:3px;right:3px;width:22px;height:22px;border-radius:50%;background:#fff;transition:right .15s}
.xsw.on{background:var(--violet)}.xsw.on:after{right:21px}
.xrd{width:24px;height:24px;border-radius:50%;border:2px solid #9C95B3;box-sizing:border-box;flex:none;display:grid;place-items:center}
.xrd.on{border-color:var(--violet)}.xrd.on:after{content:"";width:12px;height:12px;border-radius:50%;background:var(--violet)}
.xck{width:26px;height:26px;border-radius:50%;border:2px solid #9C95B3;box-sizing:border-box;flex:none;display:grid;place-items:center}
.xck.on{background:var(--violet);border-color:var(--violet)}
.zav{border-radius:50%;object-fit:cover;background:var(--grad);color:#fff;font-weight:800;display:grid;place-items:center;flex:none}
.zbt{display:flex;align-items:center;justify-content:center;width:calc(100% - 40px);margin:12px 20px 0;height:52px;border-radius:26px;background:var(--grad);color:#fff;font-size:17px;font-weight:800}
.zbt:disabled{opacity:.45}.zbt.p{background:var(--pink)}
.xbo{display:flex;align-items:center;justify-content:center;width:calc(100% - 40px);margin:12px 20px 0;height:52px;border-radius:26px;border:1.5px solid var(--lavline);color:var(--violet-d);font-size:16px;font-weight:800}
.xfi{display:block;width:calc(100% - 40px);margin:0 20px;height:56px;border-radius:16px;border:1.5px solid var(--lavline);background:var(--lav);padding:0 16px;font:inherit;font-size:16px;font-weight:700;color:var(--ink);box-sizing:border-box}
.xfi:focus{outline:2px solid var(--violet);outline-offset:1px}
.xl{font-size:13px;font-weight:700;color:#6B6585;padding:14px 22px 6px}
.xp{font-size:14px;color:#6B6585;line-height:1.7;margin:0;padding:0 20px}
.xh2{font-size:24px;font-weight:800;margin:0;padding:8px 20px}
.xwarn{color:var(--pink);font-size:14px;font-weight:700;padding:10px 20px;min-height:20px}
.xtabs{display:flex;gap:8px;padding:6px 16px 8px}
.xtabs button{flex:1;height:40px;border-radius:20px;background:var(--chip);color:#6B6585;font-size:14px;font-weight:800}
.xtabs button.on{background:var(--grad);color:#fff}
.xub{height:36px;padding:0 16px;border-radius:18px;border:1.5px solid var(--lavline);color:var(--violet-d);font-size:14px;font-weight:800;flex:none}
.xemp{text-align:center;padding:48px 36px;color:#6B6585;font-size:15px;line-height:1.7}
.xemp b{display:block;color:var(--ink);font-size:18px;margin:12px 0 4px}
.xdot{width:9px;height:9px;border-radius:50%;background:var(--pink);flex:none}
.zcard{margin:0 20px 12px;border-radius:20px;padding:16px;display:flex;gap:14px;align-items:center;background:var(--lav2)}
.zcard.w{background:#FDECF4}
.xob{width:46px;height:56px;border-radius:14px;border:1.5px solid var(--lavline);background:var(--lav);display:grid;place-items:center;font-size:24px;font-weight:800}
.xob.on{border-color:var(--violet);background:#fff}
.xtst{position:absolute;left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);background:#16132A;color:#fff;font-size:13px;padding:9px 16px;border-radius:20px;opacity:0;transition:opacity .2s;pointer-events:none;max-width:90%;text-align:center}
.xtst.on{opacity:1}
#xsr{inset:0}#xsr .xsc{position:absolute;inset:0;background:rgba(22,19,42,.5)}
#xsr .zsh{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:min(489px,100%);background:var(--bg);border-radius:28px 28px 0 0;padding:12px 0 calc(20px + env(safe-area-inset-bottom,0px));max-height:90vh;overflow-y:auto}
html[data-xth]{filter:invert(.92) hue-rotate(180deg);background:#fff}
html[data-xth] img,html[data-xth] video,html[data-xth] canvas{filter:invert(1) hue-rotate(180deg)}

.xb>*{flex:none}.xfl{flex:1 0 auto!important;display:flex;flex-direction:column}
.xly{position:absolute;inset:0;display:flex;flex-direction:column;background:var(--bg);transition:transform .34s cubic-bezier(.22,.8,.25,1),opacity .34s;will-change:transform}
.xly.inL,.xly.toL{transform:translateX(-100%);box-shadow:0 0 30px rgba(22,19,42,.18)}.xly.inR,.xly.toR{transform:translateX(28%);opacity:.5}.xly.out{pointer-events:none}
.xly.n .xb{animation:xfade .3s both}
@keyframes xfade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes xup{from{transform:translate(-50%,100%)}to{transform:translate(-50%,0)}}@keyframes xfi{from{opacity:0}to{opacity:1}}
#xsr .xsc.an{animation:xfi .25s}#xsr .zsh.an{animation:xup .34s cubic-bezier(.22,.8,.25,1)}
.xr,.zbt,.xbo,.xub,.xsoc,.zbk{transition:background .15s,opacity .15s,transform .12s}.zbt:active,.xbo:active,.xsoc:active,.zbk:active{transform:scale(.97)}
.xfi{transition:border-color .15s,background .15s}.xfi:focus{background:#fff;outline:0;border-color:var(--violet)}
.xpw{position:relative}.xpw .xey{position:absolute;left:24px;top:0;height:56px;width:44px;display:grid;place-items:center}
.xsoc{display:flex;align-items:center;justify-content:center;gap:10px;width:calc(100% - 40px);margin:10px 20px 0;height:50px;border-radius:25px;border:1.5px solid var(--lavline);font-size:15px;font-weight:700;color:var(--ink);background:#fff}.xsoc.ap{background:#000;color:#fff;border-color:#000}
.xor{display:flex;align-items:center;gap:12px;padding:18px 20px 8px;color:#6B6585;font-size:13px;font-weight:700}.xor:before,.xor:after{content:"";flex:1;height:1px;background:var(--line)}
.xlk{color:var(--violet-t);font-weight:700;font-size:14px;text-decoration:none}
@media (prefers-reduced-motion:reduce){.xly,.xsw:after,.xr,.zbt{transition:none}.xly.n .xb,#xsr .an{animation:none}}
html[data-xrm] *,html[data-xrm] *::before,html[data-xrm] *::after{animation-duration:.001ms!important;animation-delay:0s!important;transition-duration:.001ms!important}
/* batch 13: search-page song strip (style 3 enlarged: corners 28/8, colors from the cover) */
#sx .sgS{position:relative;display:flex;align-items:center;gap:10px;direction:rtl;height:106px;border-radius:30px 9px 30px 9px;padding:0 13px;overflow:hidden;color:#fff;background:#24143F;width:100%}
#sx .sgS .bgi{position:absolute;inset:0;background-size:cover;background-position:50% 20%;filter:blur(16px) saturate(1.4);transform:scale(1.5);opacity:.9}
#sx .sgS .ov{position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,10,40,.35),rgba(40,15,80,.75))}
#sx .sgS>*:not(.bgi):not(.ov){position:relative;z-index:1}
#sx .sgS .play{width:54px;height:54px;border-radius:50%;background:rgba(255,255,255,.95)!important;flex:none;display:grid;place-items:center;box-shadow:none}
#sx .sgS .play svg path,#sx .sgS .play svg rect{fill:#3B1C6B}
#sx .sgS .tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
#sx .sgS .tx b{font-size:17px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#sx .sgS .tx span{font-size:13px;opacity:.9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#sx .sgS .wave{width:100%;height:25px;display:flex;align-items:center;justify-content:space-between;gap:0;margin-top:3px}
#sx .sgS .wave i{background:rgba(255,255,255,.75)!important}
#sx .sgS .wave i.dim{background:rgba(255,255,255,.35)!important}
#sx .sgS .cvr{width:82px;height:82px;border-radius:22px 7px 22px 7px;overflow:hidden;flex:none;box-shadow:0 0 0 2px rgba(255,255,255,.85),0 8px 18px rgba(0,0,0,.35);line-height:0}
#sx .sgS .cvr img{width:100%;height:100%;object-fit:cover;object-position:50% 10%;transform:scale(1.6);transform-origin:50% 12%}
#sx .sgS .nt{position:absolute!important;left:6px;top:6px;width:20px;height:20px;border-radius:7px;background:#fff;display:grid;place-items:center;z-index:2!important}
#sx .sgS .play svg{width:22px;height:22px}
/* search voice strips: bigger play icon inside the white circle */
#sx .sx-vs .play svg{width:24px;height:24px}
/* ===== batch 14: downloads ===== */
/* song card download button */
.song .srow .dlb{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.14);flex:none}
.song .srow .dlb.on{background:rgba(255,255,255,.2)}
/* ✓ on saved voice posts */
.dlok{display:inline-flex;align-items:center;margin-inline:2px 6px;line-height:0}
/* ••• menu option */
.dlopt{margin:2px 0 4px;border-radius:14px;background:#F6F1FF}
.dlmi{width:30px;height:30px;border-radius:10px;background:linear-gradient(135deg,#9B6BF2,#5B21B6);display:grid;place-items:center}
/* profile icon + badge */
#dlIco{position:relative}
#dlIco .dlbadge{position:absolute;top:-4px;left:-4px;min-width:18px;height:18px;border-radius:9px;background:linear-gradient(135deg,#9B6BF2,#5B21B6);color:#fff;font-size:10.5px;font-weight:800;display:grid;place-items:center;padding:0 5px;box-shadow:0 0 0 2px #fff}
/* toast after download */
#dlToast{position:fixed;left:50%;bottom:calc(96px + env(safe-area-inset-bottom,0px));transform:translate(-50%,20px);opacity:0;pointer-events:none;z-index:99;background:#1E1430;color:#fff;padding:10px 12px 10px 16px;border-radius:16px;font-size:13.5px;font-weight:600;direction:rtl;display:flex;gap:9px;align-items:center;white-space:nowrap;transition:.25s;box-shadow:0 10px 24px rgba(20,8,40,.3)}
#dlToast.show{opacity:1;transform:translate(-50%,0);pointer-events:auto}
#dlToast button{color:#C4B5FD;font-weight:800;padding:4px 8px}
/* offline banner */
#dlOff{position:fixed;top:calc(8px + env(safe-area-inset-top,0px));left:50%;transform:translateX(-50%);z-index:98;background:#4C1D95;color:#fff;border-radius:18px;padding:8px 14px;font-size:13px;font-weight:700;display:flex;gap:8px;align-items:center;white-space:nowrap;box-shadow:0 8px 20px rgba(46,16,101,.3)}
/* page */
#dlp .xbd{padding:0 0 30px;overflow-y:auto;flex:1}
#dlp.haspl .xbd{padding-bottom:200px}
#dlp .dlwrap{direction:rtl}
#dlp .dlsub{padding:0 14px 6px;font-size:12.5px;color:#7C6F99;display:flex;align-items:center;gap:6px}
#dlp .dltb{display:flex;align-items:center;gap:8px;padding:6px 14px 6px}
#dlp .dlchips{display:flex;gap:6px;flex:1;overflow-x:auto;scrollbar-width:none}
#dlp .dlchips button{flex:none;padding:7px 14px;border-radius:16px;font-size:13px;font-weight:600;background:#F6F1FD;color:#7A7090}
#dlp .dlchips button.on{background:#1E1430;color:#fff}
#dlp .dlview{width:38px;height:38px;border-radius:12px;background:#F4EEFF;display:grid;place-items:center;box-shadow:inset 0 0 0 1px #E6DCFB;flex:none}
#dlp .dlsec{display:flex;justify-content:space-between;align-items:center;padding:12px 14px 4px}
#dlp .dlsec b{font-size:15px;font-weight:800}
#dlp .dlsec button{font-size:12.5px;color:#7C3AED;font-weight:700}
/* song cards */
#dlp .dlrow{display:flex;gap:10px;padding:6px 14px 4px;overflow-x:auto;scrollbar-width:none}
#dlp .dlgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px 12px;padding:6px 14px}
#dlp .dlc{position:relative;min-width:0}
#dlp .dlcv{position:relative;aspect-ratio:1;border-radius:22px 8px 22px 8px;overflow:hidden;background:#2A1550}
#dlp .dlcv img{width:100%;height:100%;object-fit:cover;object-position:50% 20%;display:block}
#dlp .dlcv .sh{position:absolute;inset:0;background:rgba(30,10,60,.45);opacity:0;transition:.2s}
#dlp .dlcv .play{position:absolute;left:8px;bottom:8px;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.95)!important;display:grid;place-items:center;box-shadow:none}
#dlp .dlcv .ok{position:absolute;top:7px;right:7px;line-height:0}
#dlp .dlcv .eqw{position:absolute;left:9px;right:9px;bottom:9px;height:16px;display:none;align-items:center;justify-content:space-between}
#dlp .dlcv .eqw i{width:2px;border-radius:2px;background:rgba(255,255,255,.8);height:6px;animation:dleq 1s ease-in-out infinite}
#dlp .dlcv .eqw i:nth-child(3n){animation-delay:-.3s}#dlp .dlcv .eqw i:nth-child(3n+1){animation-delay:-.6s}#dlp .dlcv .eqw i:nth-child(4n){animation-duration:.8s}
@keyframes dleq{50%{height:15px}}
#dlp .dlc:has(.av-on) .dlcv .sh{opacity:1}
#dlp .dlc:has(.av-on) .dlcv .play{left:50%;top:50%;bottom:auto;transform:translate(-50%,-50%);width:46px;height:46px}
#dlp .dlc:has(.av-on) .dlcv .eqw{display:flex}
#dlp .dlc b{display:block;font-size:13.5px;margin-top:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:26px}
#dlp .dlc:has(.av-on) b{color:#6D28D9}
#dlp .dlc small{display:block;font-size:12px;color:#8A85A0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#dlp .dlc small.mt{font-size:11.5px;color:#A39DB8}
#dlp .dlc .dlx{position:absolute;left:0;bottom:22px}
#dlp .dlx{font-size:15px;color:#8A85A0;letter-spacing:1px;padding:4px 6px;border-radius:12px}
/* song list */
#dlp .dllist{padding:2px 0}
#dlp .dlr{display:flex;align-items:center;gap:12px;padding:9px 14px}
#dlp .dlr:has(.av-on){background:#FAF6FF}
#dlp .dlcv.sm{width:72px;height:72px;aspect-ratio:auto;border-radius:18px 6px 18px 6px;flex:none}
#dlp .dlcv.sm .play{left:50%;top:50%;bottom:auto;transform:translate(-50%,-50%);width:34px;height:34px;opacity:0}
#dlp .dlr:has(.av-on) .dlcv.sm .sh,#dlp .dlr:has(.av-on) .dlcv.sm .play{opacity:1}
#dlp .dlr .tx{flex:1;min-width:0}
#dlp .dlr .tx b{display:block;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#dlp .dlr:has(.av-on) .tx b{color:#6D28D9}
#dlp .dlr .tx small{display:flex;align-items:center;gap:5px;font-size:12.5px;color:#8A85A0;margin-top:2px}
#dlp .dlr .tx small.mt{font-size:12px;color:#A39DB8}
#dlp .dlr .eqs{display:none;gap:2px;align-items:flex-end;height:12px;margin-right:4px}
#dlp .dlr .eqs i{width:2.5px;background:#7C3AED;border-radius:1px;height:5px;animation:dleq2 .9s ease-in-out infinite}
#dlp .dlr .eqs i:nth-child(2){animation-delay:-.3s}#dlp .dlr .eqs i:nth-child(3){animation-delay:-.6s}
@keyframes dleq2{50%{height:12px}}
#dlp .dlr:has(.av-on) .eqs{display:inline-flex}
#dlp .dlr .dlx{background:#F4EEFF;width:40px;height:30px;display:grid;place-items:center;padding:0}
/* voice strips (Aseel purple) */
#dlp .dlv{padding:0 14px}
#dlp .cv.dls{height:64px;border-radius:32px;background:linear-gradient(90deg,#B08BEE,#7B3FD1 45%,#4B1E8C);direction:rtl;display:flex;align-items:center;gap:10px;padding:0 10px;color:#fff;box-shadow:none;margin:7px 0 2px;width:100%}
#dlp .dls .play{width:44px;height:44px;border-radius:50%;background:#fff!important;flex:none;display:grid;place-items:center;box-shadow:none}
#dlp .dls .play svg{width:22px;height:22px}
#dlp .dls .play svg path,#dlp .dls .play svg rect{fill:#5B21B6}
#dlp .dls .mid{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}
#dlp .dls .mid b{font-size:13.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff}
#dlp .dls .mid b span{font-weight:500;opacity:.9}
#dlp .dls .wave{width:100%;height:20px;display:flex;align-items:center;justify-content:space-between;gap:0}
#dlp .dls .wave i{background:rgba(255,255,255,.45)!important}#dlp .dls .wave i.on{background:#fff!important}
#dlp .dls .av{width:46px;height:46px;border-radius:50%;flex:none;box-shadow:0 0 0 2px #fff;overflow:hidden;display:block;line-height:0}
#dlp .dlv>.mt{display:flex;align-items:center;gap:5px;font-size:11.5px;color:#A39DB8;padding:0 16px 4px}
#dlp .dlv>.mt .dlx{margin-right:auto}
#dlp .dlempty{text-align:center;padding:60px 30px;color:#6B6480}
#dlp .dlempty span{width:64px;height:64px;border-radius:20px;background:#F4EEFF;display:grid;place-items:center;margin:0 auto 12px}
#dlp .dlempty b{display:block;font-size:16px;color:#16132A;margin-bottom:6px}
#dlp .dlempty p{font-size:13.5px;line-height:1.6;margin:0}
/* bottom player */
#dlp .dlpl{position:absolute;left:10px;right:10px;bottom:calc(12px + env(safe-area-inset-bottom,0px));border-radius:24px;background:rgba(248,244,255,.97);box-shadow:inset 0 0 0 1px #E6DCFB,0 12px 30px rgba(60,20,120,.22);padding:10px 12px 12px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);direction:rtl;z-index:3}
#dlp .dlpl[hidden]{display:none}
#dlp .dlpl .r1{display:flex;align-items:center;gap:10px}
#dlp .dlpl .pc{width:44px;height:44px;border-radius:13px 4px 13px 4px;overflow:hidden;flex:none;line-height:0}
#dlp .dlpl .pc img{width:100%;height:100%;object-fit:cover}
#dlp .dlpl .pt{flex:1;min-width:0}
#dlp .dlpl .pt b{font-size:14.5px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#dlp .dlpl .pt small{font-size:12px;color:#7C6F99}
#dlp .dlpl .pi{width:32px;height:32px;border-radius:50%;background:#EDE5FB;display:grid;place-items:center;flex:none}
#dlp .dlpl .r2{display:flex;align-items:center;gap:8px;margin-top:10px}
#dlp .dlpl .r2 span:not(.bar){font-size:11.5px;color:#7C6F99;width:32px}
#dlp .dlpl .r2 .tt{text-align:left}
#dlp .dlpl .bar{flex:1;height:4px;border-radius:2px;background:#E2D6FA;position:relative}
#dlp .dlpl .bar i{position:absolute;right:0;top:0;bottom:0;width:0;background:linear-gradient(270deg,#9B6BF2,#5B21B6);border-radius:2px}
#dlp .dlpl .bar em{position:absolute;right:0;top:50%;width:13px;height:13px;margin:-6.5px -6.5px 0 0;border-radius:50%;background:#5B21B6;box-shadow:0 0 0 3px #fff}
#dlp .dlpl .r3{display:flex;align-items:center;justify-content:space-between;margin-top:10px;padding:0 2px;direction:ltr}
#dlp .dlpl .r3 button{width:40px;height:40px;display:grid;place-items:center;position:relative}
#dlp .dlpl .r3 .j b{position:absolute;font-size:8.5px;color:#4C1D95;top:15px;left:0;right:0;text-align:center}
#dlp .dlpl .r3 .pp2{width:56px;height:56px;border-radius:50%;background:linear-gradient(145deg,#9B6BF2,#5B21B6);box-shadow:0 8px 18px -6px rgba(91,33,182,.6)}
#dlp .dlpl .r3 .mo{font-size:18px;color:#4C1D95;letter-spacing:1px}
#gmsw{display:none!important}
/* batch 15 */


[data-wave]{touch-action:pan-y;cursor:pointer;-webkit-user-select:none;user-select:none}
.play.av-err{box-shadow:0 0 0 3px #FECACA!important;background:#DC2626!important;animation:avShake .4s}
@keyframes avShake{25%{transform:translateX(-3px)}75%{transform:translateX(3px)}}


.bnav.bnav.bnav{left:14px!important;right:14px!important;bottom:25px!important;width:auto!important;max-width:465px;margin:0 auto;transform:translateZ(0)!important;height:68px;padding:6px 8px!important;border-radius:34px;background:rgba(255,255,255,.58)!important;-webkit-backdrop-filter:blur(22px) saturate(1.7);backdrop-filter:blur(22px) saturate(1.7);border:1px solid rgba(255,255,255,.92)!important;border-top:1px solid rgba(255,255,255,.92)!important;box-shadow:0 12px 32px rgba(38,16,90,.16),inset 0 1px 0 rgba(255,255,255,.7)}
.bnav>button[data-nav]{font-size:0!important}
.bnav>button{position:relative;height:56px;justify-content:center;line-height:0;gap:0!important;color:#111016!important;border-radius:28px;transition:background .18s}
.bnav>button.on{background:rgba(120,120,128,.16);font-weight:500}
.bnav>button .n-a{display:none}.bnav>button.on .n-a{display:block}.bnav>button.on .n-o{display:none}
.bnav.bnav>button:not(.plus) svg{width:34px!important;height:34px!important}
.bnav .me{box-shadow:none!important;padding:0!important}.bnav .me img{width:30px!important;height:30px!important}
.bnav button.on .me{box-shadow:0 0 0 2px #111016!important;padding:1px!important}
.bnav .xmbadge{top:-6px;left:-9px;background:#FF3040;box-shadow:0 0 0 2px rgba(255,255,255,.95);font-size:11px;transition:transform .2s}
.bnav .xmbadge.dot{min-width:9px;width:9px;height:9px;padding:0;font-size:0;top:-1px;left:-3px}
.bnav .xa-navdot{top:-3px;left:-5px}
.a16-sx .bnav{z-index:16}
#home,#app,#msgview,#chview{padding-bottom:calc(104px + env(safe-area-inset-bottom,0px))!important}



.q4-st.st16{color:#16132A}
.st16 .q4-stbars{z-index:6}.st16 .q4-stbars i{background:rgba(124,58,237,.2)}.st16 .q4-stbars b{background:#7C3AED}
.st16 .q4-sthd{z-index:6;position:relative}.st16 .q4-stu{border-radius:50%;box-shadow:0 0 0 2px #fff,0 0 0 4px #7C3AED}.st16 .q4-stw b{color:#16132A}.st16 .q4-stw small{color:#6B6585}
.st16 .q4-stx svg *{stroke:#16132A}
.st16d{color:#fff}.st16d .q4-stw b{color:#fff}.st16d .q4-stw small{color:rgba(255,255,255,.82)}.st16d .q4-stx svg *{stroke:#fff}.st16d .q4-stbars i{background:rgba(255,255,255,.34)}.st16d .q4-stbars b{background:#fff}
.st16 .q4-stbody{flex:1;min-height:0;position:relative;padding:0!important;gap:0!important;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:auto}
.st16 .q4-stz{z-index:3}.st16 .q4-stv{position:relative;z-index:6}
.s16-ph{position:absolute;left:0;right:0;top:0;height:60%;z-index:0;overflow:hidden}.s16-ph img{width:100%;height:100%;object-fit:cover;display:block;-webkit-mask-image:linear-gradient(180deg,#000 62%,transparent);mask-image:linear-gradient(180deg,#000 62%,transparent)}
.s16-cap{margin:0;padding:0 26px;font-size:21px;font-weight:700;line-height:1.5;text-align:center;text-wrap:balance}
.s16-full{position:absolute;inset:0;z-index:0;background-size:cover;background-position:center}.s16-full::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.34),transparent 24%,transparent 48%,rgba(10,4,30,.82))}
.s16-bott{position:absolute;left:0;right:0;bottom:6px;z-index:6;display:flex;flex-direction:column;gap:12px;padding:0 18px}
.st16 .s16-w{position:relative;display:block!important;width:100%;height:78px;background:none!important;box-shadow:none!important;border:0!important;padding:0!important;margin:0}
.s16-w .wave{position:absolute;inset:0;width:100%!important;height:78px!important;--bw:4px;--g:3.5px;justify-content:center}.s16-w .wave i{background:#CDBDF8!important;border-radius:4px}.s16-w .wave i.on{background:#7C3AED!important}
.s16-w .play{position:absolute!important;left:50%;top:50%;transform:translate(-50%,-50%);width:52px!important;height:52px!important;background:#fff!important;box-shadow:0 8px 20px rgba(76,29,149,.26)!important;z-index:2}
.s16-w .play svg path,.s16-w .play svg rect{fill:#6D28D9!important}.s16-w .t{display:none}
.st16d .s16-w .wave i{background:rgba(255,255,255,.42)!important}.st16d .s16-w .wave i.on{background:#fff!important}
.s16-w:has(.av-on) .wave i{animation:s16wv .8s ease-in-out infinite alternate}.s16-w .wave i:nth-child(3n){animation-delay:-.25s}.s16-w .wave i:nth-child(3n+1){animation-delay:-.5s}@keyframes s16wv{from{transform:scaleY(.72)}to{transform:scaleY(1.14)}}
.st16 .q4-stft{position:relative;z-index:6;display:flex;gap:9px;align-items:center;padding:8px 14px calc(12px + env(safe-area-inset-bottom,0px))}
.s16-in{flex:1;min-width:0;height:48px;border-radius:24px;background:#fff!important;box-shadow:inset 0 0 0 1.5px #E2D9F7!important;color:#6B6585!important;font-size:14.5px;font-weight:500;text-align:right;padding:0 18px!important}
.s16-ic{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#fff;box-shadow:inset 0 0 0 1.5px #E2D9F7;flex:none}
.st16 .q4-stlk{width:44px;height:44px;flex:none}.st16:not(.st16d) .q4-stlk svg:not([fill="#F43F5E"]) *{stroke:#16132A}
.st16d .s16-in{background:rgba(255,255,255,.14)!important;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.55)!important;color:#fff!important}.st16d .s16-ic{background:rgba(255,255,255,.14);box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.55)}.st16d .s16-ic svg *{stroke:#fff}
.q4-stft:not(.s16f){display:flex}
#q4st.st16 .q4-stv .wave i{background:#CDBDF8!important}#q4st.st16 .q4-stv .wave i.on{background:#7C3AED!important}#q4st.st16d .q4-stv .wave i{background:rgba(255,255,255,.42)!important}#q4st.st16d .q4-stv .wave i.on{background:#fff!important}
.s16-rc{flex:1;display:flex;align-items:center;gap:8px;height:50px;border-radius:25px;background:#fff;box-shadow:inset 0 0 0 1.5px #E2D9F7;padding:0 6px;color:#16132A;min-width:0}
.s16-rc .x{width:34px;height:34px;display:grid;place-items:center;flex:none}.s16-rc .d{width:9px;height:9px;border-radius:50%;background:#EF4444;animation:blink 1s infinite;flex:none}.s16-rc.st .d{animation:none;background:#A78BFA}
.s16-rc b{font-size:13.5px;direction:ltr;font-variant-numeric:tabular-nums;min-width:32px}.s16-rc .wv{flex:1;display:flex;align-items:center;gap:2px;height:24px;overflow:hidden;justify-content:center}.s16-rc .wv i{width:2.5px;border-radius:2px;background:#7C3AED;flex:none}
.s16-rc .st2{width:36px;height:36px;border-radius:50%;background:#FEE2E2;display:grid;place-items:center;flex:none}.s16-rc .sd{width:38px;height:38px;border-radius:50%;background:linear-gradient(145deg,#8B5CF6,#5B21B6);display:grid;place-items:center;flex:none}.s16-rc .sd:disabled{opacity:.35}
.s16-sc{position:fixed;inset:0;background:rgba(22,10,48,.42);z-index:97}.s16-ws{position:fixed;left:0;right:0;bottom:0;max-width:489px;margin:0 auto;z-index:98;background:#fff;color:#16132A;border-radius:24px 24px 0 0;padding:10px 16px calc(14px + env(safe-area-inset-bottom,0px));animation:s16up .24s ease}
@keyframes s16up{from{transform:translateY(40%);opacity:.3}}.s16-ws .g{width:40px;height:4px;border-radius:2px;background:#DDD3F5;margin:0 auto 10px}.s16-ws b{display:block;font-size:15.5px;margin-bottom:9px}
.s16-ws .r{display:flex;gap:8px;align-items:flex-end}.s16-ws textarea{flex:1;min-width:0;min-height:48px;max-height:120px;border:0;border-radius:22px;background:#F6F2FF;padding:13px 16px;font:inherit;font-size:16px;color:#16132A;outline:none;resize:none}
.s16-ws .sd{width:48px;height:48px;border-radius:50%;background:linear-gradient(145deg,#8B5CF6,#5B21B6);display:grid;place-items:center;flex:none}.s16-ws .sd:disabled{opacity:.35}



.ntb.cf16{box-shadow:0 0 0 2px #22C55E,0 3px 10px rgba(21,128,61,.2)!important}
.ntb .n16v{display:flex;align-items:center;gap:4px}.ntb .n16s{display:flex;flex-direction:column;gap:3px;align-items:center}.ntb .n16s .ntx{font-size:10px;line-height:1.25}
.nta,.ntb{top:auto!important;bottom:calc(100% - 8px)}.nt-prev .ntb{bottom:auto}
.g16{display:inline-block;font-size:30px;line-height:1;animation:g16a 1s ease-in-out infinite}.g16.a1{animation-name:g16b}.g16.a2{animation-name:g16c}.ntb .g16{font-size:26px}
@keyframes g16a{50%{transform:scale(1.2) rotate(-7deg)}}@keyframes g16b{50%{transform:translateY(-5px)}}@keyframes g16c{25%{transform:rotate(12deg)}75%{transform:rotate(-12deg)}}
.n16-more{display:block;width:100%;max-width:280px;margin:8px auto 0;border:0;background:#F6F2FF;border-radius:14px;padding:9px 12px;font:inherit;font-size:14.5px;color:#16132A;text-align:center;outline:none}
.nt-tool.on16{box-shadow:0 0 0 2px #7C3AED;background:#F4EEFF}
.n16-song{display:flex;align-items:center;gap:6px;justify-content:center;font-size:12px;color:#5B21B6;font-weight:700;margin-top:7px}.n16-song button{color:#6B6585;font-weight:600}
.s16-pk{position:fixed;left:0;right:0;bottom:0;max-width:489px;margin:0 auto;background:#fff;color:#16132A;border-radius:24px 24px 0 0;z-index:100051;max-height:68vh;overflow:auto;padding:10px 16px calc(16px + env(safe-area-inset-bottom,0px));animation:s16up .24s ease}.s16-pkc{position:fixed;inset:0;background:rgba(22,10,48,.42);z-index:100050}
.s16-pk .g{width:40px;height:4px;border-radius:2px;background:#DDD3F5;margin:0 auto 10px}.s16-pk h3{margin:0 0 8px;font-size:17px}.s16-pk .ro{display:flex;align-items:center;gap:12px;width:100%;min-height:54px;padding:6px 2px;text-align:right}.s16-pk .ro img{width:44px;height:44px;border-radius:12px;object-fit:cover}.s16-pk .ro span{flex:1;min-width:0}.s16-pk .ro b{display:block;font-size:15px}.s16-pk .ro small{color:#6B6585;font-size:12.5px}.s16-pk .ck{width:24px;height:24px;border-radius:50%;box-shadow:inset 0 0 0 2px #C9C2DC;display:grid;place-items:center;flex:none}.s16-pk .ck.on{background:#7C3AED;box-shadow:none}
.s16-pk .gg{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.s16-pk .gg button{aspect-ratio:1;border-radius:14px;background:#F6F2FF;display:grid;place-items:center}
.s16-pk .edt{display:block;margin:0 auto;padding:10px;font-weight:700;color:#6D28D9;font-size:14px}



.c16-tile{width:70px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#5B21B6}.c16-tile>span{width:70px;height:70px;border-radius:22px;border:2px dashed #8B5CF6;display:grid;place-items:center;background:#FAF7FF}
.c16 .lb{display:block;font-size:13.5px;font-weight:700;color:#4B4560;margin:16px 2px 7px}.c16 input[type=text],.c16 textarea{width:100%;border:1.5px solid #E6DCFB;border-radius:16px;background:#FBF9FF;padding:13px 14px;font:inherit;font-size:16px;color:#16132A;outline:none;box-sizing:border-box}.c16 input[type=text]:focus,.c16 textarea:focus{border-color:#7C3AED}.c16 textarea{min-height:84px;resize:none}
.c16-cov{width:100%;height:140px;border-radius:20px;border:2px dashed #C4B5FD;background:#F8F5FF center/cover no-repeat;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#6D28D9;font-size:13.5px;font-weight:700;overflow:hidden}.c16-cov.on{border:0}
.c16-seg{display:flex;gap:8px}.c16-seg button{flex:1;min-height:56px;border-radius:16px;background:#F6F2FF;font-size:14px;font-weight:700;color:#4B4560;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.3;padding:6px}.c16-seg button small{font-size:11px;font-weight:500;color:#8A85A0}.c16-seg button.on{background:#F1EAFF;box-shadow:inset 0 0 0 2px #7C3AED;color:#5B21B6}
.c16 input[type=range]{width:100%;accent-color:#7C3AED;margin-top:10px}.c16-h{display:flex;justify-content:space-between;font-size:13px;color:#5B21B6;font-weight:700;margin-top:6px}
.c16-rec{display:flex;align-items:center;gap:10px;min-height:56px;border-radius:18px;background:#F6F2FF;padding:7px 10px}.c16-rec .m{width:42px;height:42px;border-radius:50%;background:linear-gradient(145deg,#8B5CF6,#5B21B6);display:grid;place-items:center;flex:none}.c16-rec .m.on{background:#EF4444}.c16-rec span{flex:1;font-size:13.5px;color:#4B4560;font-weight:600}.c16-rec b{direction:ltr;font-size:13px;color:#5B21B6}.c16-rec .x{font-size:12.5px;color:#BE123C;font-weight:700;padding:6px}
.c16-tt{font-size:23px;font-weight:800;margin:6px 0 6px;text-align:center}.c16-sub{font-size:14px;color:#6B6585;line-height:1.65;text-align:center;margin:0 6px 16px}
.c16-pv{margin:0 -16px;background:linear-gradient(180deg,#FBF8FF,#fff);padding:14px 0 16px;overflow:hidden}.c16-pv>b{display:block;font-size:15px;padding:0 16px 11px}.c16-pr{display:flex;gap:10px;justify-content:center;width:100%}.c16-pr>*{flex:0 0 168px;position:relative}
.c16-bd{position:absolute;top:8px;right:8px;z-index:2;background:#7C3AED;color:#fff;font-size:11px;font-weight:700;border-radius:10px;padding:2px 9px}
.c16-card{border-radius:20px;background:#fff;box-shadow:0 4px 14px rgba(46,16,101,.08),inset 0 0 0 1px #F0EBF7;overflow:hidden;text-align:center}.c16-card.me{box-shadow:0 0 0 2px #7C3AED,0 8px 22px rgba(109,40,217,.2)}.c16-card>i{display:block;height:62px;background-size:cover;background-position:center}.c16-card .sq{display:block;width:56px;height:56px;margin:-30px auto 0;border-radius:16px;box-shadow:0 0 0 3px #fff;background-size:cover;background-position:center;font-size:24px;line-height:56px}.c16-card .bd{padding:8px 10px 12px}.c16-card b{font-size:14px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.c16-card small{font-size:11.5px;color:#8A85A0}.c16-card .vc{margin-top:9px;height:34px;border-radius:17px;background:#F4EEFF;display:flex;align-items:center;gap:6px;padding:0 5px;color:#5B21B6;font-size:11px;font-weight:700}.c16-card .vc em{width:24px;height:24px;border-radius:50%;background:#7C3AED;flex:none}.c16-card .vc u{flex:1;height:3px;background:#CDBDF8;border-radius:2px}.c16-card .cta{display:block;margin-top:8px;height:32px;line-height:32px;border-radius:16px;background:linear-gradient(135deg,#8B5CF6,#5B21B6);color:#fff;font-weight:700;font-size:12.5px}
.c16-lock{margin-top:16px;border-radius:20px;background:#F8F5FF;box-shadow:inset 0 0 0 1px #E6DCFB;padding:28px 20px;text-align:center}.c16-lock span{display:block;font-size:30px}.c16-lock b{display:block;font-size:17px;margin:7px 0 4px}.c16-lock p{font-size:13.5px;color:#6B6585;line-height:1.6}
.c16-pb{display:inline-block;margin:8px 0 0;font-size:12px;font-weight:700;color:#5B21B6;background:#F1EAFF;border-radius:11px;padding:2px 10px}
.c16-join{flex:1;height:48px;border-radius:24px;background:linear-gradient(135deg,#8B5CF6,#5B21B6);color:#fff;font-weight:700;font-size:14.5px}.c16-join:disabled{background:#E6DCFB;color:#6B6585}



.m17-own{align-self:flex-start;margin-top:52px;flex-shrink:0;height:30px;border-radius:15px;background:#F4EEFF;color:#5B21B6;font-weight:800;font-size:12.5px;padding:0 12px;display:inline-flex;align-items:center;gap:5px}
.m17-act{display:flex;gap:8px;margin-top:12px}.m17-act button{height:48px;border-radius:24px;font-weight:800;font-size:14.5px;display:flex;align-items:center;justify-content:center;gap:7px}
.m17-act .pri{flex:1;position:relative;background:linear-gradient(105deg,#8B5CF6,#5B21B6);color:#fff;box-shadow:0 8px 18px rgba(109,40,217,.26)}.m17-act .sec{flex:0 0 112px;background:#F1EEF7;color:#16132A}
.m17-n{min-width:20px;height:20px;border-radius:10px;background:#E11D74;color:#fff;font-size:11.5px;font-weight:800;display:inline-grid;place-items:center;padding:0 5px;font-style:normal}
.welcome.m17-w{height:64px;border-radius:32px;gap:8px;padding:0 8px}.m17-w .play{flex:none}
.m17-w .mid .lbl{top:7px}.m17-w .mid .wave{margin-top:12px;height:20px}
.m17-ed{flex:none;height:34px;border-radius:17px;background:#fff;color:#5B21B6;font-size:12.5px;font-weight:800;padding:0 11px;display:flex;align-items:center;gap:4px;box-shadow:0 2px 8px rgba(46,16,101,.1)}
.m17-add{width:100%;min-height:54px;margin-top:10px;border-radius:27px;background:#FAF7FF;box-shadow:inset 0 0 0 1.5px #E6DCFB;color:#5B21B6;font-size:14px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:7px}
.m17-vc{position:relative;margin-top:10px;border-radius:20px;overflow:hidden;background:#120A24}.m17-vc video{display:block;width:100%;max-height:260px}.m17-vc .m17-ed{position:absolute;top:8px;left:8px}.m17-vc b{position:absolute;top:13px;right:12px;color:#fff;font-size:12.5px;text-shadow:0 1px 3px rgba(0,0,0,.6)}
.m17-rl{display:flex;align-items:center;gap:6px;margin-top:8px;font-size:13px;font-weight:700;color:#5B21B6}
.m17-rb{display:inline-flex;align-items:center;height:19px;border-radius:10px;padding:0 7px;margin-right:5px;background:#F1EAFF;color:#5B21B6;font-size:11px;font-weight:800}.m17-rb.mod{background:#E8F7F1;color:#0F6B4F}
.m17-em{margin-top:14px;border-radius:22px;background:#FAF7FF;box-shadow:inset 0 0 0 1px #EDE5FB;padding:24px 18px;text-align:center}.m17-em .ic{width:56px;height:56px;margin:0 auto 10px;border-radius:50%;background:#fff;display:grid;place-items:center;box-shadow:0 6px 16px rgba(109,40,217,.12)}.m17-em b{display:block;font-size:17px}.m17-em p{margin:5px 0 14px;font-size:13.5px;line-height:1.6;color:#6B6585}.m17-em button{height:44px;border-radius:22px;padding:0 22px;background:linear-gradient(105deg,#8B5CF6,#5B21B6);color:#fff;font-weight:800;font-size:14px}
.m17p .ae-bd{padding-bottom:calc(112px + env(safe-area-inset-bottom))}
.m17p .ae-ft{left:0;right:0;bottom:0;padding:12px 16px calc(14px + env(safe-area-inset-bottom));background:#fff;box-shadow:0 -1px 0 #F0ECF6,0 -10px 24px rgba(46,16,101,.05)}
.m17p .ae-pri{background:linear-gradient(105deg,#8B5CF6,#5B21B6);box-shadow:0 8px 18px rgba(109,40,217,.28)}
.m17-hd{display:flex;align-items:center;gap:12px;padding:6px 2px 4px}.m17-hd .sq{width:58px;height:58px;border-radius:17px;background:#7C3AED center/cover;display:grid;place-items:center;font-size:26px;flex:none}.m17-hd b{display:block;font-size:17px;font-weight:800}.m17-hd small{font-size:13px;color:#6B6585}
.m17-t{margin:18px 4px 7px;font-size:13px;font-weight:800;color:#6B6585}
.m17-l{border-radius:20px;background:#fff;overflow:hidden;box-shadow:0 4px 14px rgba(46,16,101,.05),inset 0 0 0 1px #F0EBF7}
.m17-r{width:100%;min-height:58px;display:flex;align-items:center;gap:11px;padding:8px 12px;text-align:right;font-size:15px;font-weight:700;color:#16132A}.m17-r+.m17-r,.m17-m+.m17-m{box-shadow:inset 0 1px 0 #F4F0FA}
.m17-r .ic{width:38px;height:38px;border-radius:50%;background:#F4EEFF;display:grid;place-items:center;flex:none}.m17-r>span{flex:1;min-width:0}.m17-r small{display:block;font-size:12.5px;font-weight:500;color:#6B6585;margin-top:1px}
.m17-r.dng,.m17-r.dng small{color:#C81E3A}.m17-r.dng .ic{background:#FEECEF}
.m17-sw{flex:none;width:48px;height:28px;border-radius:14px;background:#D9D5E3;position:relative;transition:background .18s}.m17-sw::after{content:"";position:absolute;top:3px;right:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.2);transition:transform .18s}.m17-sw.on{background:#7C3AED}.m17-sw.on::after{transform:translateX(-20px)}
.m17-m{display:flex;align-items:center;gap:10px;padding:10px 12px;min-height:60px}.m17-m .nm{flex:1;min-width:0;font-size:15px;font-weight:700}.m17-m .nm small{display:block;font-size:12.5px;font-weight:500;color:#6B6585}
.m17-m .ok{height:36px;border-radius:18px;padding:0 14px;background:#7C3AED;color:#fff;font-size:13px;font-weight:800}.m17-m .no{height:36px;border-radius:18px;padding:0 13px;background:#F1EEF7;color:#16132A;font-size:13px;font-weight:800}.m17-m .mo{width:40px;height:40px;font-weight:800;letter-spacing:1px;color:#4B4560}
.m17-pd{padding:12px;border-radius:20px;background:#fff;margin-bottom:10px;box-shadow:0 4px 14px rgba(46,16,101,.05),inset 0 0 0 1px #F0EBF7}.m17-pd .h{display:flex;align-items:center;gap:9px;font-weight:700;font-size:14.5px}.m17-pd p{margin:8px 0 12px;font-size:15px;line-height:1.55}.m17-pd .bt{display:flex;gap:8px}.m17-pd .bt button{flex:1;height:42px;border-radius:21px;font-weight:800;font-size:14px;background:#F1EEF7}.m17-pd .bt .ok{background:#7C3AED;color:#fff}
.m17-e{padding:34px 18px;text-align:center;color:#6B6585;font-size:14px;line-height:1.6}.m17-nt{margin:10px 4px 0;font-size:12.5px;line-height:1.6;color:#6B6585}
.m17-rule{display:flex;align-items:flex-start;gap:9px;padding:12px;font-size:14.5px;line-height:1.5}.m17-rule+.m17-rule{box-shadow:inset 0 1px 0 #F4F0FA}.m17-rule i{font-style:normal;flex:none;width:24px;height:24px;border-radius:50%;background:#F4EEFF;color:#5B21B6;font-size:12.5px;font-weight:800;display:grid;place-items:center}.m17-rule span{flex:1;min-width:0}.m17-rule button{flex:none;font-size:12.5px;font-weight:700;color:#C81E3A;padding:3px 2px}
.m17-ad{display:flex;gap:8px;margin-top:12px}.m17-ad input{flex:1;min-width:0}.m17-ad button{flex:none;height:50px;border-radius:16px;padding:0 16px;background:#7C3AED;color:#fff;font-weight:800;font-size:14px}
#m17S{position:fixed;inset:0;z-index:120;display:flex;align-items:flex-end;justify-content:center;background:rgba(22,10,48,.45);opacity:0;transition:opacity .22s}#m17S.open{opacity:1}
#m17S .box{width:min(489px,100%);background:#fff;border-radius:28px 28px 0 0;padding:8px 14px calc(18px + env(safe-area-inset-bottom));transform:translateY(100%);transition:transform .28s cubic-bezier(.2,.8,.2,1)}#m17S.open .box{transform:none}
#m17S .grab{width:40px;height:4px;border-radius:2px;background:#DDD3F5;margin:2px auto 12px}#m17S h3{margin:0 6px 2px;font-size:17px;font-weight:800;color:#16132A}#m17S .sub{margin:0 6px 10px;font-size:13px;color:#6B6585;line-height:1.5}
#m17S .m17-r{border-radius:16px}#m17S .m17-r+.m17-r{box-shadow:none}
.m17-rec{display:flex;flex-direction:column;align-items:center;padding:12px 0 8px}.m17-rec .clk{font-size:30px;font-weight:800;color:#2E1065;direction:ltr;font-variant-numeric:tabular-nums}.m17-rec .bars{display:flex;align-items:center;gap:3px;height:54px;margin:8px 0 12px;direction:ltr}.m17-rec .bars i{width:4px;border-radius:3px;background:#7C3AED;display:block;transition:height .1s}.m17-rec .st{width:70px;height:70px;border-radius:50%;background:#EF4444;display:grid;place-items:center;box-shadow:0 0 0 8px rgba(239,68,68,.14)}.m17-rec .nt{margin:12px 8px 0;font-size:12.5px;line-height:1.5;text-align:center;color:#6B6585}.m17-rec .cn{margin-top:10px;height:40px;padding:0 18px;font-weight:700;font-size:14px;color:#4B4560}



.toast.toast{bottom:calc(98px + env(safe-area-inset-bottom,0px))}
#app .pf-lnk{display:inline-block;margin-top:4px;font-size:14px;font-weight:600;color:#6D28D9;direction:ltr}
.pf{padding:0 16px 20px;display:flex;flex-direction:column;gap:12px}
.pf-sv{height:38px;padding:0 16px;border-radius:19px;background:linear-gradient(105deg,#8B5CF6,#5B21B6);color:#fff;font-size:14px;font-weight:800}
.ae-hd button.pf-sv{width:auto;border-radius:19px}
.pf-ph{display:flex;flex-direction:column;align-items:center;gap:4px}.pf-rg{position:relative;width:104px;height:104px;padding:3px;border-radius:50%;background:conic-gradient(from 200deg,#7C3AED,#C026D3,#EC4899,#7C3AED)}.pf-rg img{display:block;width:98px;height:98px;border-radius:50%;border:3px solid #fff;object-fit:cover}.pf-rg i{position:absolute;bottom:0;left:0;width:32px;height:32px;border-radius:50%;background:#7C3AED;box-shadow:0 0 0 3px #FBFAFF;display:grid;place-items:center}
.pf-cg{height:34px;color:#5B21B6;font-size:14px;font-weight:700}
.pf-c{padding:14px;border-radius:20px;background:#fff;box-shadow:0 4px 14px rgba(46,16,101,.05),inset 0 0 0 1px #F0EBF7;display:flex;flex-direction:column;gap:10px}
.pf-c label{display:flex;justify-content:space-between;margin-bottom:5px;font-size:13px;font-weight:700;color:#4B4560}.pf-c label small{font-weight:500;color:#6B6585;direction:ltr}
.pf-c input,.pf-sh input{display:block;width:100%;height:46px;box-sizing:border-box;padding:0 13px;border:1.5px solid transparent;border-radius:14px;background:#F8F6FC;color:#16132A;font:inherit;font-size:16px!important;outline:none;transition:border-color .18s,background .18s}.pf-c input:focus,.pf-sh input:focus{border-color:#7C3AED;background:#fff}
.pf-er{margin:5px 2px 0;font-size:12.5px;font-weight:600;color:#C81E3A}
.pf-v{height:62px;padding:0 8px;border-radius:31px;background:linear-gradient(110deg,#F7F3FF,#FCF8FF 55%,#F3EDFF);box-shadow:inset 0 0 0 1px #ECE4FB;display:flex;align-items:center;gap:9px}.pf-v .play{width:46px;height:46px}.pf-v .tx{flex:1;min-width:0}.pf-v b{display:block;font-size:14px;font-weight:800}.pf-v small{font-size:12px;color:#6B6585}.pf-v .ed{flex:none;height:36px;padding:0 12px;border-radius:18px;background:#fff;color:#5B21B6;font-size:12.5px;font-weight:800;box-shadow:0 2px 8px rgba(46,16,101,.1)}
.pf-l{border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 4px 14px rgba(46,16,101,.05),inset 0 0 0 1px #F0EBF7}.pf-l button{width:100%;height:56px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:15px;font-weight:700;color:#16132A}.pf-l button+button{box-shadow:inset 0 1px 0 #F4F0FA}.pf-l small{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;color:#6B6585}.pf-l span{display:flex;align-items:center;gap:4px;font-size:13px;color:#5B21B6}
.pf-sh{display:flex;flex-direction:column;gap:12px;padding:4px 6px}.pf-sh .go{height:50px;border-radius:25px;background:linear-gradient(105deg,#8B5CF6,#5B21B6);color:#fff;font-size:15px;font-weight:800}
.pf-s{padding:6px 20px 24px;display:flex;flex-direction:column;gap:18px}
.pf-k{padding:22px 20px 20px;border-radius:30px;background:linear-gradient(160deg,#5B1FE0 0%,#5B1FE0 40%,#F21FB0 125%);color:#fff;box-shadow:0 18px 36px rgba(91,31,224,.28);display:flex;flex-direction:column;align-items:center;text-align:center}
.pf-k img{width:86px;height:86px;border-radius:50%;border:3px solid #fff;object-fit:cover}.pf-k b{margin-top:8px;font-size:22px;font-weight:800}.pf-k .h{font-size:15px;font-weight:500;direction:ltr}.pf-k .w{height:34px;margin:12px 0;display:flex;align-items:center;gap:4px;direction:ltr}.pf-k .w i{width:4px;border-radius:2px;background:#fff;display:block}.pf-k .q{width:196px;height:196px;padding:10px;border-radius:24px;background:#fff;box-sizing:border-box}.pf-k .q svg{display:block;width:100%;height:100%}.pf-k .c{margin-top:12px;font-size:14px;font-weight:700}
.pf-u{height:52px;padding:0 16px;border-radius:26px;background:#F4EEFF;color:#4C1D95;font-size:15px;font-weight:700;direction:ltr;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.pf-a{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.pf-a button{min-height:84px;padding:8px 4px;border-radius:20px;background:#fff;box-shadow:inset 0 0 0 1px #F0EBF7;font-size:13px;font-weight:700;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}



.syc.z16{background:#0B0716}.z-st{position:absolute;inset:0;overflow:hidden;touch-action:none;background:#120A24}.z-bg{position:absolute;inset:0;background-position:center;background-size:cover;background-repeat:no-repeat;transform-origin:center}
.z-v{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.z-v.m{transform:scaleX(-1)}.z-dc{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}.z-dc.on{pointer-events:auto;touch-action:none}
.z-el{position:absolute;z-index:3;transform:translate(-50%,-50%) scale(var(--s,1)) rotate(var(--r,0deg));touch-action:none;cursor:grab;user-select:none;-webkit-user-select:none;max-width:82%;text-align:center}.z-el.sel{outline:1.5px dashed rgba(255,255,255,.9);outline-offset:4px;border-radius:12px}
.z-tx{font-size:27px;font-weight:800;line-height:1.3;white-space:pre-wrap;padding:6px 12px;border-radius:12px;word-break:break-word}
.z-top{position:absolute;top:calc(12px + env(safe-area-inset-top,0px));left:12px;right:12px;display:flex;justify-content:space-between;align-items:center;z-index:6;gap:8px}.z-b{width:42px;height:42px;border-radius:50%;background:rgba(10,4,26,.42);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:grid;place-items:center;color:#fff;flex:none;font-weight:700}.z-b.on{background:#fff;color:#4C1D95}.z-b.on svg *{stroke:#4C1D95}
.z-tools{position:absolute;right:10px;top:calc(66px + env(safe-area-inset-top,0px));bottom:150px;z-index:6;display:flex;flex-direction:column;gap:9px;overflow-y:auto;scrollbar-width:none}.z-tools::-webkit-scrollbar{display:none}.z-t{display:flex;align-items:center;gap:7px;color:#fff;font-size:12px;font-weight:700;text-shadow:0 1px 5px rgba(0,0,0,.55);flex-direction:row-reverse;justify-content:flex-end;min-height:42px}
.z-bot{position:absolute;left:0;right:0;bottom:0;z-index:6;padding:10px 14px calc(14px + env(safe-area-inset-bottom,0px));background:linear-gradient(0deg,rgba(8,3,20,.74),transparent)}
.z-modes{display:flex;justify-content:center;gap:20px;margin-bottom:12px}.z-modes button{color:rgba(255,255,255,.65);font-size:14px;font-weight:700;padding:5px 2px}.z-modes button.on{color:#fff;box-shadow:0 2px 0 #fff}
.z-row{display:flex;align-items:center;justify-content:space-between}.z-sh{width:74px;height:74px;border-radius:50%;box-shadow:inset 0 0 0 4px #fff;display:grid;place-items:center}.z-sh i{width:60px;height:60px;border-radius:50%;background:#fff;display:block}.z-gal{width:46px;height:46px;border-radius:13px;box-shadow:inset 0 0 0 2px #fff;display:grid;place-items:center}
.z-pub{display:flex;gap:10px}.z-pub button{flex:1;height:50px;border-radius:25px;font-weight:800;font-size:14.5px;display:flex;align-items:center;justify-content:center;gap:7px}.z-pub .a{background:#fff;color:#16132A}.z-pub .b{background:#22C55E;color:#fff}
.z-cap{position:absolute;inset:0;z-index:7;background:#fff;opacity:0;pointer-events:none;transition:opacity .08s}.z-cap.on{opacity:1}
.z-p{position:absolute;left:0;right:0;bottom:0;z-index:9;background:#fff;color:#16132A;border-radius:24px 24px 0 0;padding:10px 16px calc(14px + env(safe-area-inset-bottom,0px));max-height:66%;overflow:auto;animation:s16up .22s ease}.z-p .g{width:40px;height:4px;border-radius:2px;background:#DDD3F5;margin:0 auto 10px}.z-p h3{margin:0 0 10px;font-size:17px;display:flex;justify-content:space-between;align-items:center}.z-p h3 button{font-size:14px;color:#6D28D9;font-weight:700}
.z-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.z-grid button{min-height:64px;border-radius:15px;background:#F6F2FF;font-size:12.5px;font-weight:700;color:#3B2A63;padding:7px 3px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;line-height:1.2}.z-grid button.on{box-shadow:inset 0 0 0 2px #7C3AED}.z-grid .e{font-size:21px}
.z-chips{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none;padding-bottom:7px}.z-chips button{flex:none;min-height:38px;padding:0 13px;border-radius:19px;background:#F6F2FF;font-size:13px;font-weight:700}.z-chips button.on{background:#16132A;color:#fff}
.z-col{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:3px 3px 8px}.z-col button{flex:none;width:32px;height:32px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.14)}.z-col button.on{box-shadow:0 0 0 2px #fff,0 0 0 4px #7C3AED}
.z-p input[type=text],.z-p textarea{width:100%;box-sizing:border-box;border:1.5px solid #E6DCFB;border-radius:14px;background:#FBF9FF;padding:12px;font:inherit;font-size:16px;color:#16132A;outline:none;margin-bottom:8px}.z-p textarea{min-height:76px;resize:none}.z-p input[type=range]{width:100%;accent-color:#7C3AED}.z-go{display:block;width:100%;height:48px;border-radius:24px;background:linear-gradient(135deg,#8B5CF6,#5B21B6);color:#fff;font-weight:800;font-size:15px;margin-top:6px}.z-go:disabled{opacity:.4}.z-l{font-size:13px;color:#6B6585;font-weight:600;display:block;margin:7px 0 5px}
.z-sel{position:absolute;left:50%;transform:translateX(-50%);bottom:140px;z-index:7;display:flex;gap:8px}.z-trash{position:absolute;left:50%;bottom:150px;transform:translateX(-50%) scale(.8);width:56px;height:56px;border-radius:50%;background:rgba(239,68,68,.92);display:none;place-items:center;z-index:7;transition:transform .15s}.z-trash.on{display:grid}.z-trash.hot{transform:translateX(-50%) scale(1.15)}
.z-fxs{display:flex;gap:9px;overflow-x:auto;scrollbar-width:none;padding-bottom:6px}.z-fxs button{flex:none;width:72px;font-size:12px;font-weight:700}.z-fxs i{display:block;height:72px;border-radius:13px;background-size:cover;background-position:center;margin-bottom:4px}.z-fxs button.on i{box-shadow:0 0 0 2.5px #7C3AED}
.z-lay{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:9px}.z-lay button{height:82px;border-radius:12px;background:#F6F2FF;display:grid;gap:2px;padding:7px}.z-lay i{background:#C4B5FD;border-radius:3px;display:block}.z-lay button.on{box-shadow:inset 0 0 0 2px #7C3AED}.z-ls{position:absolute;inset:0;display:grid;gap:3px;z-index:1;background:#120A24}.z-ls button{background:#2A1A49 center/cover;color:#fff;font-size:24px;display:grid;place-items:center}
.zs-k{background:#fff;color:#16132A;border-radius:18px;box-shadow:0 10px 26px rgba(0,0,0,.25);padding:11px 13px;min-width:190px;max-width:260px;text-align:center;font-size:14px;font-weight:700;line-height:1.35}.zs-k small{display:block;font-size:11.500px;color:#6B6585;font-weight:600}.zs-p{display:flex;gap:6px;margin-top:8px}.zs-p button,.zs-p span{flex:1;min-height:38px;border-radius:12px;background:#F4EEFF;color:#4C1D95;font-weight:700;font-size:13px;display:grid;place-items:center;padding:3px}.zs-p .ok{background:#22C55E;color:#fff}.zs-p .no{background:#FEE2E2;color:#B91C1C}
.zs-tag{background:#fff;color:#6D28D9;border-radius:11px;padding:7px 12px;font-weight:800;font-size:15px;box-shadow:0 6px 16px rgba(0,0,0,.22);white-space:nowrap}.zs-v{background:linear-gradient(135deg,#8B5CF6,#5B21B6);color:#fff}.zs-sl{height:6px;border-radius:3px;background:linear-gradient(90deg,#C4B5FD,#EC4899);margin-top:12px}.zs-e{font-size:68px;line-height:1;display:block}
.z-ov{position:absolute;inset:0;z-index:5;pointer-events:none}.z-ov .z-el{pointer-events:auto;cursor:default}
.z-own{position:relative;z-index:6;display:flex;gap:9px;padding:8px 14px calc(12px + env(safe-area-inset-bottom,0px));align-items:center}.z-own button{min-height:44px;border-radius:22px;padding:0 15px;background:rgba(255,255,255,.92);color:#16132A;font-weight:700;font-size:13.500px;display:flex;align-items:center;gap:6px}.z-own .m{margin-inline-start:auto;width:44px;padding:0;justify-content:center}
.z-mv{position:fixed;left:0;right:0;bottom:0;max-width:489px;margin:0 auto;z-index:100051;background:#fff;color:#16132A;border-radius:24px 24px 0 0;padding:10px 16px calc(14px + env(safe-area-inset-bottom,0px));max-height:70vh;overflow:auto;animation:s16up .22s ease}.z-mc{position:fixed;inset:0;z-index:100050;background:rgba(22,10,48,.42)}.z-mv .g{width:40px;height:4px;border-radius:2px;background:#DDD3F5;margin:0 auto 10px}.z-mv h3{font-size:17px;margin:0 0 10px}
.z-tabs{display:flex;gap:6px;margin-bottom:8px}.z-tabs button{flex:1;min-height:40px;border-radius:20px;background:#F6F2FF;font-size:13px;font-weight:700}.z-tabs button.on{background:#16132A;color:#fff}.z-r{display:flex;align-items:center;gap:11px;min-height:54px;width:100%;text-align:right}.z-r img,.z-r .ph{width:44px;height:44px;border-radius:50%;object-fit:cover;flex:none;overflow:hidden}.z-r span.t{flex:1;min-width:0}.z-r b{font-size:14.500px;display:block}.z-r small{font-size:12.500px;color:#6B6585}.z-r.dn b{color:#BE123C}
.z-hl{display:flex;gap:13px;overflow-x:auto;scrollbar-width:none;padding:14px 2px 4px;direction:rtl}.z-hl button{flex:none;width:68px;font-size:12px;font-weight:600;color:#2B2640;display:flex;flex-direction:column;align-items:center;gap:5px;white-space:nowrap;overflow:hidden}.z-hl i{display:block;width:62px;height:62px;border-radius:50%;background:#F1EEF7 center/cover;box-shadow:0 0 0 2px #fff,0 0 0 3.500px #E6DCFB;display:grid;place-items:center}
.z-ar{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.z-ar button{aspect-ratio:9/14;border-radius:9px;background:#EEE9F7 center/cover;position:relative}.z-ar button.on{box-shadow:inset 0 0 0 3px #7C3AED}.z-ar small{position:absolute;bottom:4px;right:6px;color:#fff;font-size:10.500px;font-weight:700;text-shadow:0 1px 4px #000}
.z-otd{display:flex;gap:12px;align-items:center;background:linear-gradient(135deg,#F4EEFF,#FBF3FF);border-radius:18px;padding:11px;margin-bottom:14px}.z-otd i{width:62px;height:82px;border-radius:12px;background:center/cover;flex:none}.z-otd b{display:block;font-size:15px}.z-otd small{font-size:12.500px;color:#6B6585}.z-otd button{margin-top:6px;min-height:34px;padding:0 13px;border-radius:17px;background:#7C3AED;color:#fff;font-size:12.500px;font-weight:700}
.z-lb{position:fixed;inset:0;max-width:489px;margin:0 auto;background:#0B0716;z-index:100060;background-position:center;background-size:contain;background-repeat:no-repeat}.z-lb button{position:absolute;top:calc(14px + env(safe-area-inset-top,0px));left:14px}.z-lb p{position:absolute;bottom:34px;left:0;right:0;text-align:center;color:#fff;font-weight:700}



.rp16{margin-top:8px;display:flex;flex-direction:column;gap:12px}.rp16-r{display:flex;gap:8px}.rp16-r .av{flex:none;line-height:0}.rp16-r .b{flex:1;min-width:0}.rp16-r .hd{display:flex;align-items:center;gap:6px;font-size:13px}.rp16-r .hd b{font-size:13.5px}.rp16-r .hd small{color:#9C96AE;font-size:11.5px}.rp16-r p{font-size:13.5px;line-height:1.5;margin:2px 0 0;color:#2B2640}.rp16-r .sv{margin-top:6px;height:36px}.rp16-r .sv .play{width:27px;height:27px}.rp16-r .ft{display:flex;gap:14px;align-items:center;margin-top:3px;font-size:12px;color:#7A7590;font-weight:600}.rp16-r .ft button{font:inherit;color:inherit;min-height:28px;display:flex;align-items:center;gap:3px}.rp16-r .ft .on{color:#E11D74}
.cf .rep{white-space:nowrap}
.ed16{padding:6px 16px 20px}.ed16-ph{display:flex;flex-direction:column;align-items:center;gap:8px;padding:8px 0 14px}.ed16-ph .i{width:104px;height:104px;border-radius:50%;background:#EDE9F5 center/cover;box-shadow:0 0 0 3px #fff,0 0 0 5px #C4B5FD}.ed16-ph button{color:#6D28D9;font-weight:700;font-size:14px;min-height:36px}
.ed16 label{display:block;font-size:13px;font-weight:700;color:#4B4560;margin:14px 2px 6px}.ed16 input,.ed16 textarea{width:100%;box-sizing:border-box;border:1.5px solid #E6DCFB;border-radius:14px;background:#FBF9FF;padding:12px 14px;font:inherit;font-size:16px;color:#16132A;outline:none}.ed16 input:focus,.ed16 textarea:focus{border-color:#7C3AED}.ed16 textarea{min-height:82px;resize:none}.ed16 .er{font-size:12.5px;color:#BE123C;min-height:17px;margin:5px 2px 0}.ed16 .v{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:54px;border-radius:15px;background:#F6F2FF;padding:0 14px;font-size:14.5px;font-weight:700;color:#3B2A63;margin-top:6px}
.cl16{position:fixed;inset:0;max-width:489px;margin:0 auto;z-index:100045;color:#fff;background:#160A2E;display:flex;flex-direction:column;align-items:center;overflow:hidden}.cl16 .bg{position:absolute;inset:-30px;background:center/cover;filter:blur(30px) brightness(.45)}.cl16 video{position:absolute;right:16px;top:calc(18px + env(safe-area-inset-top,0px));width:112px;height:158px;border-radius:18px;object-fit:cover;transform:scaleX(-1);box-shadow:0 8px 24px rgba(0,0,0,.4);background:#000;z-index:2}.cl16 video[hidden]{display:none}
.cl16 .m{position:relative;z-index:1;margin-top:17vh;display:flex;flex-direction:column;align-items:center;gap:8px}.cl16 .m .ph{width:128px;height:128px;border-radius:50%;overflow:hidden;box-shadow:0 0 0 4px rgba(255,255,255,.2)}.cl16 .m.ring .ph{animation:cl16 1.5s ease-out infinite}@keyframes cl16{0%{box-shadow:0 0 0 0 rgba(255,255,255,.35)}100%{box-shadow:0 0 0 34px rgba(255,255,255,0)}}.cl16 b{font-size:25px;font-weight:800}.cl16 small{font-size:15px;opacity:.82;direction:rtl}
.cl16 .bar{position:absolute;z-index:2;left:0;right:0;bottom:calc(36px + env(safe-area-inset-bottom,0px));display:flex;justify-content:center;gap:16px;align-items:flex-start}.cl16 .bar span{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:12px}.cl16 .bar button{width:62px;height:62px;border-radius:50%;background:rgba(255,255,255,.17);display:grid;place-items:center}.cl16 .bar button.on{background:#fff}.cl16 .bar button.on svg *{stroke:#16132A}.cl16 .bar .end{background:#EF4444}
.hp16{padding:4px 16px 22px}.hp16-s{display:flex;align-items:center;gap:9px;height:48px;border-radius:24px;background:#F4EEFF;padding:0 15px;margin-bottom:14px}.hp16-s input{flex:1;min-width:0;border:0;background:none;font:inherit;font-size:16px;outline:none;color:#16132A}.hp16 h3{font-size:15px;margin:16px 2px 7px}.hp16-g{display:grid;grid-template-columns:1fr 1fr;gap:9px}.hp16-g button{min-height:78px;border-radius:17px;background:#fff;box-shadow:inset 0 0 0 1px #EDE7F7;padding:11px;text-align:right;font-size:14px;font-weight:700;color:#16132A;display:flex;flex-direction:column;gap:6px}.hp16-g i{font-style:normal;font-size:21px}.hp16-r{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:52px;border-bottom:1px solid #F2EEF8;text-align:right;font-size:14.5px;color:#16132A;font-weight:600}.hp16-a{padding:6px 18px 24px;font-size:15px;line-height:1.8;color:#2B2640}.hp16-a h2{font-size:21px;line-height:1.4;margin:6px 0 12px;color:#16132A}.hp16-a ol{padding-inline-start:20px;margin:0}.hp16-f{margin-top:22px;border-radius:17px;background:#F8F5FF;padding:14px;text-align:center;font-weight:700;font-size:14px}.hp16-f div{display:flex;gap:9px;justify-content:center;margin-top:9px}.hp16-f button{min-height:42px;padding:0 20px;border-radius:21px;background:#fff;box-shadow:inset 0 0 0 1px #DDD5EE;font-weight:700}.hp16-f button.on{background:#7C3AED;color:#fff}.hp16-c{display:block;width:100%;min-height:50px;border-radius:25px;background:linear-gradient(135deg,#8B5CF6,#5B21B6);color:#fff;font-weight:800;margin-top:18px}
.pv16{text-align:center;padding:42px 26px}.pv16 i{font-style:normal;font-size:34px;width:72px;height:72px;border-radius:50%;box-shadow:inset 0 0 0 2px #16132A;display:grid;place-items:center;margin:0 auto 12px}.pv16 b{display:block;font-size:17px}.pv16 p{font-size:14px;color:#6B6585;margin:5px 0 0;line-height:1.6}
#zReq{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:48px;margin-top:10px;border-radius:14px;background:#F6F2FF;padding:0 14px;font-weight:700;font-size:14px;color:#3B2A63}.rq16{display:flex;align-items:center;gap:11px;min-height:62px;padding:0 16px}.rq16 .t{flex:1;font-weight:700;font-size:15px}.rq16 button{min-height:38px;padding:0 13px;border-radius:12px;font-weight:700;font-size:13px;background:#F1EEF7}.rq16 button.y{background:#7C3AED;color:#fff}


.tx16{margin:7px 2px 0;font-size:13.5px;line-height:1.6;color:#4B4560;background:#F8F5FF;border-radius:12px;padding:8px 11px}.tx16 b{font-size:11.5px;color:#6D28D9;display:block}
.dlsp16{min-width:44px;height:32px;padding:0 9px;border-radius:16px;background:#EDE5FB;color:#4C1D95;font-weight:800;font-size:13px;flex:none;direction:ltr}
html[data-ds16] .sgS .bgi,html[data-ds16] .slide .bg,html[data-ds16] .wcov .bl{display:none}

.dlfs{position:absolute;inset:0;z-index:6;background:linear-gradient(180deg,#2A1260,#4C1D95 55%,#1E1036);color:#fff;display:flex;flex-direction:column;align-items:center;padding:calc(14px + env(safe-area-inset-top,0px)) 22px calc(26px + env(safe-area-inset-bottom,0px));overflow:hidden;direction:rtl}.dlfs[hidden]{display:none}
.dlfs .bg{position:absolute;inset:-40px;background:center/cover;filter:blur(38px) brightness(.5);opacity:.75}.dlfs>*:not(.bg){position:relative}.dlfs .top{width:100%;display:flex;align-items:center;justify-content:space-between;min-height:44px;font-size:14px;font-weight:700}.dlfs .top button{width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.14);display:grid;place-items:center}
.dlfs .dlc16{flex:none;width:min(78vw,330px);height:auto;aspect-ratio:1;border-radius:30px 10px 30px 10px;overflow:hidden;margin-top:auto;box-shadow:0 24px 50px rgba(0,0,0,.4);background:#3B1C6B;display:grid;place-items:center}.dlfs .dlc16 img{width:100%;height:100%;object-fit:cover;object-position:50% 20%}.dlfs .tt{width:100%;margin-top:26px}.dlfs .tt b{display:block;font-size:23px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dlfs .tt small{font-size:15px;opacity:.82}
.dlfs .pg{width:100%;height:30px;display:flex;align-items:center;margin-top:12px;cursor:pointer;touch-action:none;direction:ltr}.dlfs .pg i{display:block;width:100%;height:5px;border-radius:3px;background:rgba(255,255,255,.26);position:relative}.dlfs .pg u{position:absolute;left:0;top:0;bottom:0;background:#fff;border-radius:3px}.dlfs .tm{width:100%;display:flex;justify-content:space-between;font-size:12.5px;opacity:.8;direction:ltr}
.dlfs .ct{width:100%;display:flex;align-items:center;justify-content:space-between;margin:14px 0 auto;direction:ltr}.dlfs .ct button{width:48px;height:48px;display:grid;place-items:center;position:relative;color:#fff;font-size:10px;font-weight:800}.dlfs .ct .pp2{width:74px;height:74px;border-radius:50%;background:#fff}

.bnav.bnav.bnav{transition:left .3s cubic-bezier(.2,.8,.2,1),right .3s cubic-bezier(.2,.8,.2,1),height .3s cubic-bezier(.2,.8,.2,1),padding .3s,border-radius .3s}
.bnav.bnav.bnav>button,.bnav.bnav.bnav>button svg,.bnav.bnav.bnav .me img{transition:height .3s cubic-bezier(.2,.8,.2,1),width .3s cubic-bezier(.2,.8,.2,1)}
.bnav.bnav.bnav.k16s{left:max(56px,calc(50% - 175px))!important;right:max(56px,calc(50% - 175px))!important;height:56px;padding:5px 6px!important;border-radius:28px}
.bnav.bnav.bnav.k16s>button{height:46px;border-radius:23px}
.bnav.bnav.bnav.k16s>button:not(.plus) svg{width:27px!important;height:27px!important}
.bnav.bnav.bnav.k16s .me img{width:25px!important;height:25px!important}
.k16n{position:fixed;top:calc(9px + env(safe-area-inset-top,0px));left:10px;right:10px;max-width:470px;margin:0 auto;z-index:100000;display:flex;align-items:center;gap:11px;padding:10px 14px;border-radius:19px;direction:rtl;text-align:right;
background:rgba(24,14,48,.88);-webkit-backdrop-filter:blur(22px) saturate(1.4);backdrop-filter:blur(22px) saturate(1.4);box-shadow:0 10px 30px rgba(0,0,0,.35),inset 0 0 0 .6px rgba(255,255,255,.08);color:#fff;
font-family:-apple-system,BlinkMacSystemFont,"SF Arabic","SF Pro Text","SF Pro",system-ui,sans-serif;transform:translateY(calc(-100% - 30px));opacity:.4;transition:transform .42s cubic-bezier(.2,.9,.25,1),opacity .3s;cursor:pointer;-webkit-tap-highlight-color:transparent}
.k16n.on{transform:none;opacity:1}
.k16n .av{position:relative;flex:none;width:43px;height:43px}.k16n .av .pic{display:block;width:43px;height:43px;border-radius:50%;overflow:hidden}.k16n .av .pic>*{width:43px!important;height:43px!important;border-radius:50%}
.k16n .ap{position:absolute;left:-3.5px;bottom:-3.5px;width:19px;height:19px;border-radius:5.5px;background:#fff;display:grid;place-items:center;box-shadow:0 0 0 1.7px rgba(24,14,48,.9)}.k16n .ap img{width:15px;height:15px;display:block}
.k16n .tx{flex:1;min-width:0}.k16n .hd{display:flex;align-items:baseline;gap:7px}.k16n .hd b{font-size:16px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.k16n .hd time{flex:none;font-size:12.5px;color:rgba(201,194,230,.7)}
.k16n p{margin:1px 0 0;font-size:14.8px;line-height:1.3;color:#c9c2e6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.k16n .gf{flex:none;display:flex;flex-direction:column;align-items:center;gap:2px}.k16n .th{width:39px;height:39px;border-radius:50%;object-fit:cover;display:block;box-shadow:0 0 0 2px #A78BFA}
.k16n .amt{font-size:13px;font-weight:800;color:#CFC2FF;direction:ltr;line-height:1}


.s17-scr{position:fixed;inset:0;z-index:96;background:rgba(22,12,48,.38);opacity:0;transition:opacity .26s}.s17-scr.on{opacity:1}.s17-scr[hidden]{display:none}
.s17{position:fixed;left:0;right:0;bottom:0;max-width:489px;margin:0 auto;z-index:97;background:#FCFBFF;border-radius:32px 32px 0 0;box-shadow:0 -14px 44px rgba(40,20,90,.16);transform:translateY(105%);transition:transform .34s cubic-bezier(.2,.9,.25,1);max-height:88vh;display:flex;flex-direction:column;direction:rtl;color:#221C3A;padding-bottom:env(safe-area-inset-bottom,0px)}.s17.on{transform:none}.s17[hidden]{display:none}
.s17 .zgrab{width:38px;height:5px;border-radius:3px;background:#E4DEF3;margin:10px auto 4px;flex:none}.s17 .zbd{overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:0 0 22px}
.s17 .ztt{display:flex;align-items:center;justify-content:space-between;padding:8px 20px 4px}.s17 .ztt b{font-size:19px;font-weight:700}.s17 .zxb{width:36px;height:36px;border-radius:50%;background:#F1EDFA;display:grid;place-items:center}

.k17 .zhero{position:relative;margin:4px 0 0;padding:16px 20px 34px;border-radius:32px 32px 0 0;background:linear-gradient(120deg,#5B21B6,#7C3AED 55%,#A855F7);color:#fff;overflow:hidden;box-shadow:inset 0 1px 0 rgba(255,255,255,.25)}
.k17 .zhero::before{content:"";position:absolute;inset:0;background:radial-gradient(120% 80% at 85% 0%,rgba(255,255,255,.22),transparent 60%);pointer-events:none}
.k17 .zhero .ztop{position:relative;display:flex;align-items:center;justify-content:space-between}.k17 .zhero .ztop b{font-size:17px;font-weight:700}.k17 .zhero .zxb{width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.18);display:grid;place-items:center}
.k17 .zking{position:relative;display:flex;align-items:center;gap:15px;margin-top:18px;width:100%;text-align:right;color:#fff}.k17 .zking .zpic{position:relative;flex:none}.k17 .zking .zpic svg{position:absolute;top:-21px;left:50%;transform:translateX(-50%)}
.k17 .zking .znm{flex:1;min-width:0}.k17 .zking .znm small{display:block;font-size:13px;opacity:.85}.k17 .zking .znm b{font-size:21px;font-weight:700}
.k17 .zamt{flex:none;padding:9px 14px;border-radius:20px;background:rgba(255,255,255,.16);box-shadow:inset 0 0 0 1px rgba(255,255,255,.22);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center}.k17 .zamt b{display:flex;align-items:center;gap:5px;font-size:19px;font-weight:800;direction:ltr}.k17 .zamt span{font-size:12px;opacity:.85}
.k17 .lst{position:relative;margin-top:-20px;background:#fff;border-radius:28px 28px 0 0;padding:12px 18px 4px}
.k17 .zr{display:block;width:100%;padding:9px 0;text-align:right}.k17 .zr .zl{display:flex;align-items:center;gap:12px}.k17 .zr .zn{width:22px;text-align:center;font-size:16px;font-weight:800;color:#8a83a3}.k17 .zr .znm{flex:1;min-width:0;font-size:16.5px;font-weight:600;color:#1c1830;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.k17 .zr .zv{display:flex;align-items:center;gap:5px;font-weight:700;font-size:15.5px;color:#4a2fd6;direction:ltr}
.k17 .zr .zbar{display:block;margin:7px 34px 0 0;height:6px;border-radius:99px;background:#F2EEFF;overflow:hidden}.k17 .zr .zbar i{display:block;height:100%;border-radius:99px;background:linear-gradient(270deg,#D946EF,#8B5CF6);box-shadow:0 2px 6px rgba(139,92,246,.3);margin-right:0;margin-left:auto}
.k17 .zr.zme .znm{color:#6D28D9}.k17 .zft{padding:10px 18px 4px}.k17 .zgo{width:100%;height:54px;border-radius:27px;background:linear-gradient(90deg,#8B5CF6,#C026D3);color:#fff;font-weight:700;font-size:17px;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 10px 24px rgba(160,60,220,.3),inset 0 1px 0 rgba(255,255,255,.25)}
.k17 .zhint{text-align:center;font-size:13px;color:#8a83a3;margin-top:9px}
.tc.kbox img.king{cursor:pointer}

.g17{width:min(92vw,400px);margin-top:16px;background:rgba(255,255,255,.97);border-radius:28px;padding:15px;color:#1c1830;box-shadow:0 16px 44px rgba(0,0,0,.35);text-align:right}
.g17 .zh{display:flex;align-items:center;gap:7px;font-size:14.5px;font-weight:700;color:#7C5CE0;margin-bottom:11px}
.g17 textarea{width:100%;box-sizing:border-box;min-height:48px;max-height:96px;border:0;border-radius:18px;background:#F4F1FC;padding:13px 15px;font:inherit;font-size:16.5px;color:#1c1830;resize:none;outline:none}
.g17 .zrec{display:flex;align-items:center;gap:10px;margin-top:10px;padding:8px 10px;border-radius:20px;background:linear-gradient(90deg,#EFE8FF,#F6F0FF);min-height:58px}
.g17 .zrb{width:44px;height:44px;border-radius:50%;background:#7C5CE0;display:grid;place-items:center;flex:none;box-shadow:0 6px 14px rgba(124,92,224,.3)}.g17 .zrb.on{background:#E0475B;animation:g17p 1.2s ease-in-out infinite}@keyframes g17p{50%{box-shadow:0 0 0 8px rgba(224,71,91,.15)}}
.g17 .zwv{flex:1;display:flex;align-items:center;gap:2.5px;height:30px;direction:ltr}.g17 .zwv i{flex:1;border-radius:2px;background:#CFC3F5;transition:height .12s}.g17 .zwv.on i{background:#7C5CE0}
.g17 .ztm{font-size:14.5px;font-weight:700;color:#6E5BC4;direction:ltr;flex:none;min-width:34px}.g17 .ht{flex:1;font-size:14px;color:#8a83a3}
.g17 .zac{display:flex;align-items:center;gap:8px;margin-top:12px}.g17 .zac .re{height:46px;padding:0 14px;border-radius:23px;background:#F4F1FC;display:flex;align-items:center;gap:6px;font-size:14.5px;font-weight:700;color:#6E5BC4}.g17 .zac .zdel{width:46px;height:46px;border-radius:50%;background:#FDECEC;display:grid;place-items:center;flex:none}
.g17 .zac .snd{flex:1;height:48px;border-radius:24px;background:linear-gradient(90deg,#8B5CF6,#C026D3);display:flex;align-items:center;justify-content:center;gap:7px;color:#fff;font-weight:700;font-size:16.5px;box-shadow:0 8px 20px rgba(160,60,220,.3)}.g17 .zac .snd:disabled{opacity:.45;box-shadow:none}
.g17 [hidden]{display:none!important}#gfx{overflow-y:auto}

#shs.sh17{padding:0 0 calc(18px + env(safe-area-inset-bottom,0px));border-radius:32px 32px 0 0;background:#FCFBFF;max-height:90vh;overflow-y:auto;overscroll-behavior:contain;color:#221C3A}
#shs.sh17 .zgrab{width:38px;height:5px;border-radius:3px;background:#E4DEF3;margin:10px auto 4px}
.sh17 .ztt{display:flex;align-items:center;justify-content:space-between;padding:6px 20px 0}.sh17 .ztt b{font-size:20px;font-weight:700}.sh17 .zxb{width:36px;height:36px;border-radius:50%;background:#F1EDFA;display:grid;place-items:center}
.sh17 .zpv{display:flex;align-items:center;gap:11px;margin:12px 16px 0;padding:11px 12px;border-radius:22px;background:#fff;box-shadow:0 4px 18px rgba(80,40,160,.07)}.sh17 .zpv .zi{flex:1;min-width:0}.sh17 .zpv b{display:block;font-size:15.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sh17 .zpv small{display:block;font-size:13px;color:#8a83a3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}
.sh17 .zpv .zth{width:46px;height:46px;border-radius:13px;object-fit:cover;flex:none}.sh17 .zpv .zvs{display:flex;flex:none}.sh17 .zpv .zvs img{width:40px;height:40px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 2.5px #fff}.sh17 .zpv .zvs img+img{margin-right:-12px}
.sh17 .zlv{flex:none;font-size:12px;font-weight:700;color:#fff;background:#E94A5E;padding:3px 10px;border-radius:10px}
.sh17 .zsec{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 10px}.sh17 .zsec span{font-size:15px;font-weight:600}.sh17 .zsec button{font-size:14px;font-weight:600;color:#6D28D9;display:flex;align-items:center;gap:2px}
.sh17 .fr{display:flex;gap:14px;padding:2px 18px 4px;overflow-x:auto;scrollbar-width:none}.sh17 .fr::-webkit-scrollbar{display:none}
.sh17 .zf{display:flex;flex-direction:column;align-items:center;gap:7px;width:62px;flex:none;font-size:13px;color:#3a3452}.sh17 .zf .zp{position:relative;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#F1EDFA;transition:box-shadow .2s}
.sh17 .zf .zp>img,.sh17 .zf .zp>span:not(.tk){width:58px!important;height:58px!important;border-radius:50%}.sh17 .zf.on .zp{box-shadow:0 0 0 2.5px #FCFBFF,0 0 0 4.5px #8B5CF6}.sh17 .zf.on b{color:#6D28D9}
.sh17 .zf b{font-weight:500;max-width:62px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sh17 .tk{position:absolute;left:-2px;bottom:-2px;width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,#A78BFA,#7C5CE0);display:none;place-items:center;box-shadow:0 0 0 2.5px #FCFBFF}.sh17 .zf.on .tk{display:grid}
.sh17 .zmb{display:flex;gap:8px;align-items:center;margin:14px 16px 0;padding:6px 6px 6px 14px;border-radius:24px;background:#fff;box-shadow:0 6px 20px rgba(80,40,160,.09)}.sh17 .zmb[hidden]{display:none}.sh17 .zmb input{flex:1;min-width:0;border:0;outline:0;background:none;font:inherit;font-size:16px;color:#221C3A;padding:8px 0}
.sh17 .zmb button{height:44px;padding:0 18px;border-radius:22px;background:linear-gradient(90deg,#9D7CF8,#7C5CE0);color:#fff;font-weight:700;font-size:15px;display:flex;align-items:center;gap:6px;flex:none}
.sh17 .zrp{width:calc(100% - 32px);margin:16px 16px 0;display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:24px;background:#fff;box-shadow:0 4px 18px rgba(80,40,160,.07);text-align:right}.sh17 .zrp .zic{width:46px;height:46px;border-radius:16px;background:linear-gradient(135deg,#8B5CF6,#C026D3);display:grid;place-items:center;flex:none;box-shadow:0 6px 14px rgba(160,60,220,.25)}
.sh17 .zrp .zi{flex:1}.sh17 .zrp b{display:block;font-size:16px;font-weight:700}.sh17 .zrp small{display:block;font-size:13px;color:#8a83a3;margin-top:2px}
.sh17 .ztwo{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:10px 16px 0}.sh17 .zcd{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:15px;border-radius:24px;text-align:right}
.sh17 .zcd .zic{width:46px;height:46px;border-radius:16px;display:grid;place-items:center}.sh17 .zcd b{font-size:15.5px;font-weight:700}.sh17 .zcd small{font-size:12.5px;margin-top:-5px}
.sh17 .zcd.zst{background:linear-gradient(145deg,#F6F1FF,#EBE2FF)}.sh17 .zcd.zst .zic{background:#fff;box-shadow:0 6px 14px rgba(124,92,224,.12)}.sh17 .zcd.zst small{color:#8E85AA}
.sh17 .zcd.vd{background:linear-gradient(135deg,#8B5CF6,#C026D3);color:#fff;box-shadow:0 10px 24px rgba(160,60,220,.25)}.sh17 .zcd.vd .zic{background:rgba(255,255,255,.2)}.sh17 .zcd.vd small{opacity:.88}
.sh17 .apps{display:flex;justify-content:space-between;padding:16px 18px 2px}.sh17 .zap{display:flex;flex-direction:column;align-items:center;gap:7px;width:62px;font-size:12.5px;color:#4a4560}.sh17 .zap .zic{width:54px;height:54px;border-radius:19px;background:#fff;display:grid;place-items:center;box-shadow:0 3px 12px rgba(80,40,160,.08)}
.zmore .apps{display:flex;justify-content:space-between;padding:12px 18px 4px}.zmore .zap{display:flex;flex-direction:column;align-items:center;gap:7px;width:62px;font-size:12.5px;color:#4a4560}.zmore .zap .zic{width:54px;height:54px;border-radius:19px;background:#fff;display:grid;place-items:center;box-shadow:0 3px 12px rgba(80,40,160,.08)}
.zmore .grp{margin:14px 16px 0;border-radius:22px;background:#fff;box-shadow:0 3px 14px rgba(80,40,160,.06);overflow:hidden}.zmore .zrow{width:100%;display:flex;align-items:center;gap:13px;padding:15px 16px;font-size:16px;text-align:right;color:#221C3A}.zmore .zrow+.zrow{border-top:1px solid #F1EDF8}.zmore .zrow small{margin-right:auto;font-size:12.5px;color:#9a91b6}.zmore .zrow.zred{color:#E11D48}
.q17qr{display:flex;flex-direction:column;align-items:center;padding:6px 20px 8px}.q17qr .c{width:220px;height:220px;padding:16px;border-radius:28px;background:#fff;box-shadow:0 10px 30px rgba(80,40,160,.12)}.q17qr .c svg{width:100%;height:100%}.q17qr b{font-size:17px;margin-top:16px}.q17qr small{font-size:13px;color:#8a83a3;margin-top:4px;direction:ltr}

.q17s{display:flex;align-items:center;gap:8px;margin:14px 0 9px}.q17s::before,.q17s::after{content:"";flex:1;height:1px;background:#E9E3F6}.q17s span{display:flex;align-items:center;gap:5px;font-size:13px;font-weight:600;color:#6D28D9;background:#F1ECFE;padding:4px 12px;border-radius:12px}
.q17{display:block;width:100%;text-align:right;border:1.5px solid #DCD2F5;border-radius:20px;overflow:hidden;background:#fff;color:#1E1036}
.q17 .zin{padding:11px 13px 12px}.q17 .zhd{display:flex;align-items:center;gap:9px}.q17 .zhd .zn{flex:1;min-width:0}.q17 .zhd b{display:flex;align-items:center;gap:4px;font-size:15px;font-weight:700}.q17 .zhd small{display:block;font-size:12.5px;color:#9A94AE;margin-top:1px}
.q17 .ztx{margin:8px 0 0;font-size:15px;line-height:1.55;color:#2B2640;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.q17 .zmv{display:flex;align-items:center;gap:9px;margin-top:9px;padding:7px 10px 7px 12px;border-radius:16px;background:#F5F2FC}.q17 .zmv .play{width:34px!important;height:34px!important;flex:none}.q17 .zmv .wave{flex:1;height:22px}.q17 .zmv .t{font-size:12.5px;color:#7A7590;flex:none}
.q17 .im{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;max-height:360px}.q17 .im.s{aspect-ratio:auto;max-height:none}
.q17 .zgp{display:flex;align-items:center;gap:9px;margin-top:10px;padding:7px 9px;border-radius:13px;background:#FAF8FE;border:1px solid #EEE9F8}.q17 .zgp img{width:40px;height:40px;border-radius:9px;object-fit:cover;flex:none}.q17 .zgp .zi{flex:1;min-width:0}.q17 .zgp small{display:flex;align-items:center;gap:4px;font-size:12px;color:#9A94AE}.q17 .zgp p{margin:1px 0 0;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rb17{display:flex;align-items:center;gap:9px;width:100%;margin-top:12px;padding:9px 12px;border-radius:16px;background:#F1ECFE;text-align:right}.rb17 .av3{display:flex;flex:none}.rb17 .av3 img{width:26px!important;height:26px!important;border-radius:50%;box-shadow:0 0 0 2px #F1ECFE;object-fit:cover}.rb17 .av3 img+img{margin-right:-9px}
.rb17 b{flex:1;font-size:14.5px;font-weight:600;color:#5B21B6}.rb17 i{font-style:normal;font-size:11.5px;font-weight:700;color:#fff;background:linear-gradient(90deg,#C026D3,#A855F7);padding:2px 9px;border-radius:9px}
.cp17{padding:12px 14px 30px}.cp17 .zpl{display:flex;align-items:center;gap:11px;width:100%;padding:11px 13px;border-radius:20px;background:linear-gradient(120deg,#7C3AED,#C026D3);color:#fff;text-align:right;box-shadow:0 10px 24px rgba(160,60,220,.25);margin-bottom:16px}
.cp17 .zpl .zic{width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.22);display:grid;place-items:center;flex:none}.cp17 .zpl b{display:block;font-size:16px}.cp17 .zpl small{font-size:12.5px;opacity:.88;direction:ltr;display:block;text-align:right}
.cp17 .cc{background:#fff;border-radius:22px;padding:12px 13px;box-shadow:0 3px 14px rgba(80,40,160,.06);border:1.5px solid transparent}.cp17 .cc.zme{border-color:#C9BCEC}.cp17 .cc.znw{border-color:#E2B3EC}.cp17 .cc.pl17{box-shadow:0 0 0 3px rgba(139,92,246,.35),0 3px 14px rgba(80,40,160,.06)}
.cp17 .cc .zhd{display:flex;align-items:center;gap:9px}.cp17 .cc .zav{position:relative;flex:none;line-height:0}.cp17 .cc .zno{position:absolute;bottom:-3px;left:-3px;width:19px;height:19px;border-radius:50%;background:#1C1530;color:#fff;font-size:11px;font-weight:700;display:grid;place-items:center;box-shadow:0 0 0 2px #fff;line-height:1}
.cp17 .cc .zhd b{font-size:15px;font-weight:700;display:flex;align-items:center;gap:4px}.cp17 .cc .zhd small{font-size:12.5px;color:#9A94AE}.cp17 .cc .tg{margin-right:auto;font-size:11.5px;font-weight:600;padding:3px 9px;border-radius:9px;background:#F1ECFE;color:#6D28D9}.cp17 .cc .tg.zo{background:#E1F5EE;color:#0B5E4A}.cp17 .cc .tg.zn{background:#FBEDFC;color:#8A1F9E}
.cp17 .cc p{margin:8px 0 0;font-size:15px;line-height:1.55;color:#2B2640}.cp17 .cc .zmv{display:flex;align-items:center;gap:9px;margin-top:9px;padding:7px 10px 7px 12px;border-radius:16px;background:#F5F2FC}.cp17 .cc .zmv .play{width:34px!important;height:34px!important;flex:none}.cp17 .cc .zmv .wave{flex:1;height:22px}.cp17 .cc .zmv .t{font-size:12.5px;color:#7A7590}
.cp17 .cc .im{display:block;width:100%;border-radius:14px;margin-top:9px;max-height:240px;object-fit:cover}.cp17 .cc .more{display:flex;align-items:center;gap:5px;margin-top:9px;font-size:13px;font-weight:600;color:#6D28D9}
.cp17 .ln{display:flex;flex-direction:column;align-items:center;padding:3px 0}.cp17 .ln i{display:block;width:2px;height:11px;background:linear-gradient(#D6CBF4,#8E52F5)}.cp17 .ln span{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:600;color:#6D28D9;background:#F1ECFE;border:1px solid #DDD2F7;border-radius:12px;padding:3px 11px}
.cp17 .ln.zn i{background:linear-gradient(#D6CBF4,#C836DC)}.cp17 .ln.zn span{color:#8A1F9E;background:#FBEDFC;border-color:#F0C9F5}
.cp17 .hdr{font-size:13px;color:#8a83a3;margin:2px 4px 12px}.cp17 .zrr{display:block;width:100%;text-align:right;margin-bottom:10px}.cp17 .zrr .ch{display:inline-flex;align-items:center;gap:5px;margin-top:9px;font-size:12.5px;font-weight:700;color:#fff;background:linear-gradient(90deg,#C026D3,#A855F7);padding:4px 11px;border-radius:11px}
.cr17 .tg{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;margin-top:4px;padding:13px 4px;font-size:15px;color:#221C3A;text-align:right}.cr17 .tg small{display:block;font-size:12.5px;color:#9a91b6;margin-top:2px}
.cr17 .sw{width:46px;height:28px;border-radius:14px;background:#D9D2EE;position:relative;flex:none;transition:background .2s}.cr17 .sw::after{content:"";position:absolute;top:3px;right:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:right .2s}.cr17 .sw.on{background:#7C3AED}.cr17 .sw.on::after{right:21px}

html.z17sc .bnav.bnav.bnav,html.z17sc .k16n{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
html.z17sc .bnav.bnav.bnav{background:rgba(255,255,255,.94)!important}
/* the layers that move with the page get their own GPU layer once, instead of being repainted */
article.post .img img,article.post .car .track{transform:translateZ(0)}

#home .stories .ntb,#home .stories .nta{display:none!important}
#home .stories.stories{padding-top:14px!important}
.ig-notes .ig-nt .z17nb{cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:3px;max-width:104px!important}
.ig-notes .ig-nt .z17nb .z17t{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ig-notes .ig-nt .z17nb .z17v{display:flex;align-items:center;gap:4px;color:#6328F5;font-weight:700}
.ig-notes .ig-nt .z17nb .z17v .ntm{display:flex;align-items:center;gap:2px}.ig-notes .ig-nt .z17nb .z17v .ntm i{display:block;width:2.5px;border-radius:2px;background:#8B5CF6}
.ig-notes .ig-nt .z17nb .ntp{width:22px;height:22px;flex:none}
.ig-notes .ig-nt .z17nb .g16{font-size:26px}
.ig-notes .ig-nt .z17nb.cf{box-shadow:0 0 0 2px #22C55E,0 2px 10px rgba(21,128,61,.18)!important}
.ig-notes .ig-nt .z17nb.z17me-new{color:#89869F}
.ig-notes .ig-nt .z17nb .z17s{font-size:10px;color:#7C3AED;font-weight:700;white-space:nowrap;max-width:96px;overflow:hidden;text-overflow:ellipsis}
.ig-notes .ig-nt .z17plus{position:absolute;z-index:5;top:6px;left:0;width:24px;height:24px;border-radius:50%;background:#7C3AED;color:#fff;display:grid;place-items:center;box-shadow:0 0 0 3px #fff;font-size:18px;line-height:1;font-weight:700}

.xa .tq-comp #xaMic.tq-cam{cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.xa .tq-comp.recing #xaMic.tq-cam{visibility:visible}
.xa #xaMic.tq-cam svg{stroke:#fff}
.xa #xaMic.tq-cam.holding{width:46px;height:46px}
.z17pm{position:absolute;z-index:30;bottom:74px;left:14px;min-width:178px;background:#fff;border-radius:18px;box-shadow:0 12px 34px rgba(46,16,101,.2),0 0 0 1px #EEE8FA;padding:6px;direction:rtl;transform-origin:bottom left;animation:z17pm .18s cubic-bezier(.2,.9,.25,1)}
@keyframes z17pm{from{opacity:0;transform:scale(.9) translateY(6px)}}
.z17pm button{display:flex;align-items:center;gap:11px;width:100%;padding:11px 12px;border-radius:13px;font-size:15.5px;font-weight:600;color:#1E1036;text-align:right}
.z17pm button:active{background:#F4F0FD}.z17pm button+button{margin-top:2px}
.z17pm i{width:34px;height:34px;border-radius:50%;background:#F1ECFE;display:grid;place-items:center;flex:none}
.z17pmc{position:absolute;inset:0;z-index:29}


.z17vk{position:absolute;transform:translate(-50%,-50%);z-index:4;touch-action:none;cursor:pointer;-webkit-tap-highlight-color:transparent}
.z17vk canvas{display:block;width:100%;height:100%}
.z17vk.sel::after{content:"";position:absolute;inset:-6px;border:1.5px dashed rgba(255,255,255,.75);border-radius:18px;pointer-events:none}
.z17g{position:absolute;top:0;bottom:0;left:50%;width:1.5px;margin-left:-.75px;background:#F2A6FF;box-shadow:0 0 6px #F2A6FF;z-index:3;opacity:0;transition:opacity .15s;pointer-events:none}
.z17g.h{left:0;right:0;top:50%;bottom:auto;width:auto;height:1.5px;margin:-.75px 0 0}.z17g.on{opacity:1}
.z17hint{position:absolute;left:50%;bottom:118px;transform:translateX(-50%);z-index:5;font-size:12.5px;padding:6px 13px;border-radius:13px;background:rgba(20,8,50,.5);color:#fff;white-space:nowrap;pointer-events:none;transition:opacity .4s}
.syc .z-pub .z17go{flex:0 0 50px;width:50px;background:linear-gradient(135deg,#8E52F5,#C836DC);color:#fff;box-shadow:0 6px 18px rgba(200,54,220,.45)}
.syc .z-pub .b{background:rgba(255,255,255,.16);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.25)}
.z17tr h4{margin:14px 0 8px;font-size:13px;font-weight:700;color:#5E5873}
.z17seg{display:flex;gap:6px;background:#F4F1FB;border-radius:14px;padding:4px}.z17seg button{flex:1;height:38px;border-radius:11px;font-size:13.5px;font-weight:700;color:#5E5873}.z17seg button.on{background:#fff;color:#5A35E6;box-shadow:0 2px 8px rgba(46,16,101,.1)}
.z17sz{display:flex;align-items:center;gap:10px;direction:ltr;color:#8A8496;font-weight:700}.z17sz input{flex:1;accent-color:#5A35E6}
.z17bgs{display:flex;gap:8px;flex-wrap:wrap}.z17bgs button{display:flex;align-items:center;gap:7px;padding:6px 12px 6px 6px;border-radius:14px;background:#F4F1FB;font-size:13.5px;font-weight:700;color:#5E5873}.z17bgs button.on{background:#EFEAFD;color:#5A35E6;box-shadow:inset 0 0 0 1.5px #5A35E6}.z17bgs i{width:26px;height:26px;border-radius:8px;display:block}
.z17acts{display:flex;gap:8px;margin-top:14px}.z17acts button{flex:1;height:44px;border-radius:14px;background:#F4F1FB;font-weight:700;font-size:13.5px;color:#4C1D95}.z17acts button.dn{background:#FDECEC;color:#DC2626}
/* viewer */
#q4st.st17{background:#140A30!important}
#q4st.st17 .q4-sthd,#q4st.st17 .q4-stbody,#q4st.st17 .s16-ph,#q4st.st17 .s16-full{display:none!important}
#q4st.st17 .z17b{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}
#q4st.st17 .z17b .bl{position:absolute;inset:-50px;background:center/cover;filter:blur(36px) saturate(1.2) brightness(.8)}
#q4st.st17 .z17b .gr{position:absolute;inset:0;background:linear-gradient(165deg,#2A0E5C 0%,#4A1A96 45%,#9A2BA8 85%,#C836DC 100%)}
#q4st.st17 .z17b .nt{position:absolute;inset:0;background:radial-gradient(circle at 50% 45%,#3A1478 0,#1A0A3A 60%,#100626 100%)}
#q4st.st17 .z17b .im{position:absolute;inset:0;background:center/cover no-repeat}
#q4st.st17 .z17b .im.ct{background-size:contain}
#q4st.st17 .z17b .sh{position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,8,50,.55) 0,transparent 22%,transparent 62%,rgba(22,6,48,.8) 100%)}
#q4st.st17 .q4-stbars{gap:5px;padding:calc(10px + env(safe-area-inset-top,0px)) 14px 0;position:relative;z-index:6}
#q4st.st17 .q4-stbars i{height:3px;border-radius:2px;background:rgba(255,255,255,.32)}#q4st.st17 .q4-stbars i b{background:linear-gradient(90deg,#fff,#E9D5FF)}
#q4st.st17 .z17hd{position:relative;z-index:6;display:flex;align-items:flex-start;gap:10px;padding:10px 12px 0;direction:ltr}
#q4st.st17 .z17hd .av{flex:none;width:46px;height:46px;border-radius:50%;padding:2.5px;background:linear-gradient(135deg,#8E52F5,#C836DC);cursor:pointer;line-height:0}
#q4st.st17 .z17hd .av img,#q4st.st17 .z17hd .av>span{width:41px!important;height:41px!important;border-radius:50%;object-fit:cover;display:block;overflow:hidden}
#q4st.st17 .z17hd .who{flex:1;min-width:0;cursor:pointer;color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.35);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text",system-ui,sans-serif}
#q4st.st17 .z17hd .who b{font-size:15.5px;font-weight:700;letter-spacing:.1px}#q4st.st17 .z17hd .who time{font-size:13.5px;color:rgba(255,255,255,.72);margin-left:8px}
#q4st.st17 .z17sg{display:inline-flex;align-items:center;gap:7px;max-width:100%;margin-top:5px;padding:4px 11px 4px 9px;border-radius:13px;background:rgba(255,255,255,.14);box-shadow:inset 0 0 0 1px rgba(255,255,255,.22);font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;direction:rtl}
#q4st.st17 .z17sg .wv{display:flex;align-items:flex-end;gap:2px;height:12px;flex:none}#q4st.st17 .z17sg .wv i{width:3px;border-radius:2px;background:#C4A1FF;animation:z17w 1s ease-in-out infinite}#q4st.st17 .z17sg .wv i:nth-child(2){animation-delay:-.3s}#q4st.st17 .z17sg .wv i:nth-child(3){animation-delay:-.6s}
@keyframes z17w{0%,100%{height:4px}50%{height:12px}}
#q4st.st17 .z17sg small{opacity:.75;font-weight:500}
#q4st.st17 .z17hd .bt{flex:none;width:38px;height:38px;display:grid;place-items:center;color:#fff}
#q4st.st17 .z17cap{position:absolute;left:50%;transform:translateX(-50%);bottom:calc(92px + env(safe-area-inset-bottom,0px));z-index:5;max-width:84%;padding:10px 18px;border-radius:20px;background:rgba(20,8,50,.5);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);font-size:17px;font-weight:700;line-height:1.45;text-align:center;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
#q4st.st17 .z17cap.big{bottom:auto;top:44%;font-size:22px;background:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
#q4st.st17 .q4-stft{margin-top:auto;position:relative;z-index:6;align-items:center;gap:10px;direction:rtl}
#q4st.st17 .q4-stft .s16-in.s16-in{flex:1;height:48px;border-radius:24px;background:rgba(20,8,50,.35)!important;border:0!important;box-shadow:inset 0 0 0 1.2px rgba(255,255,255,.32);color:rgba(255,255,255,.85);font-size:15px;text-align:right;padding:0 18px}
#q4st.st17 .q4-stft .s16-ic{flex:none;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#8E52F5,#C836DC);box-shadow:0 8px 22px rgba(200,54,220,.45);display:grid;place-items:center}
#q4st.st17 .q4-stft .s16-ic svg{stroke:#fff;width:24px;height:24px}
#q4st.st17 .q4-stft .q4-stlk{flex:none}
#q4st.st17 .z17mn{position:absolute;top:calc(64px + env(safe-area-inset-top,0px));left:14px;z-index:8;background:#fff;color:#1E1036;border-radius:16px;box-shadow:0 12px 34px rgba(0,0,0,.3);padding:6px;min-width:170px;direction:rtl}
#q4st.st17 .z17mn button{display:block;width:100%;text-align:right;padding:11px 12px;border-radius:11px;font-size:15px;font-weight:600}#q4st.st17 .z17mn button.dn{color:#DC2626}
#q4st.st17 .z-own{z-index:6}#q4st.st17 .z-own .m{display:none}

#xn .xbd{background:#fff}
#xn .xnf.z17t{display:flex;gap:9px;overflow-x:auto;scrollbar-width:none;margin:14px -16px 6px;padding:2px 16px 6px}#xn .xnf.z17t::-webkit-scrollbar{display:none}
#xn .xnf.z17t button{flex:none;height:42px;padding:0 20px;border-radius:21px;background:#F1EEF7;color:#3F3A55;font-size:15.5px;font-weight:700;display:flex;align-items:center;gap:8px;white-space:nowrap}
#xn .xnf.z17t button.on{background:#2B1260;color:#fff}
#xn .xnf.z17t button i{font-style:normal;min-width:24px;height:24px;border-radius:12px;background:#fff;color:#2B1260;font-size:13px;font-weight:800;display:grid;place-items:center;padding:0 6px;box-sizing:border-box}
#xn h3.xgh.z17g2{font-size:18px;font-weight:800;color:#10102E;margin:16px 4px 10px}
#xn .z17n{position:relative;display:flex;align-items:center;gap:12px;padding:16px 14px;margin:0 0 10px;border-radius:22px;background:#fff;box-shadow:inset 0 0 0 1.5px #ECE7F7;cursor:pointer;transition:transform .15s,background .2s;direction:rtl}
#xn .z17n.un{background:#F5F2FD;box-shadow:none}
#xn .z17n:active{transform:scale(.99)}
#xn .z17n .zav{position:relative;flex:none;width:54px;height:54px;align-self:flex-start}
#xn .z17n .zav .a1,#xn .z17n .zav .a2{position:absolute;display:block;border-radius:50%;overflow:hidden;line-height:0}
#xn .z17n .zav .a1{inset:0}#xn .z17n .zav .a1 img,#xn .z17n .zav .a1>span,#xn .z17n .zav .a1 svg{width:54px!important;height:54px!important;border-radius:50%;object-fit:cover;display:block}
#xn .z17n .zav.two .a1{inset:auto;left:0;bottom:0;width:44px;height:44px;box-shadow:0 0 0 2.5px #F5F2FD}#xn .z17n .zav.two .a1 img,#xn .z17n .zav.two .a1>span,#xn .z17n .zav.two .a1 svg{width:44px!important;height:44px!important}
#xn .z17n .zav.two .a2{right:0;top:0;width:38px;height:38px}#xn .z17n .zav.two .a2 img,#xn .z17n .zav.two .a2>span,#xn .z17n .zav.two .a2 svg{width:38px!important;height:38px!important}
#xn .z17n .zav.sq .a1,#xn .z17n .zav.sq .a1 img,#xn .z17n .zav.sq .a1>span{border-radius:15px!important}
#xn .z17n .zbg{position:absolute;left:-3px;bottom:-3px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;box-shadow:0 0 0 2.5px #fff}#xn .z17n.un .zbg{box-shadow:0 0 0 2.5px #F5F2FD}
#xn .z17n .ztx{flex:1;min-width:0;padding-inline-end:4px}
#xn .z17n .ztx p{margin:0;font-size:15px;line-height:1.55;color:#1B1630}
#xn .z17n .ztx p b{font-weight:800}
#xn .z17n .ztx time{font-size:13px;color:#9A94AE;margin-inline-start:4px;white-space:nowrap}
#xn .z17n .ztx q{display:block;quotes:none;margin-top:3px;font-size:14px;line-height:1.5;color:#8A8499}
#xn .z17n .ztx q bdi{color:#6D28D9;font-weight:700}
#xn .z17n .ztx small{display:block;margin-top:3px;font-size:14px;line-height:1.5;color:#8A8499}
#xn .z17n .zdot{flex:none;align-self:flex-start;margin-top:9px;width:9px;height:9px;border-radius:50%;background:#8B5CF6}
#xn .z17n .zst{display:inline-flex;align-items:center;gap:7px;margin-top:9px;height:34px;padding:0 15px;border-radius:17px;background:#FDF0C8;color:#9A5A07;font-weight:800;font-size:15px;line-height:1;direction:rtl}
#xn .z17n .zst .n{direction:ltr;unicode-bidi:isolate}#xn .z17n .zst .w{font-size:14px;font-weight:700;position:relative;top:0;line-height:1}
#xn .z17n .zvp{display:flex;align-items:center;gap:9px;margin-top:9px;height:44px;max-width:250px;padding:0 6px 0 12px;border-radius:22px;background:#fff;box-shadow:inset 0 0 0 1.5px #E4DCF7;direction:rtl}
#xn .z17n .zvp .play{width:34px!important;height:34px!important;flex:none;background:linear-gradient(135deg,#8B5CF6,#5B21B6)!important;border-radius:50%}
#xn .z17n .zvp .wave{flex:1;height:22px}#xn .z17n .zvp .t{font-size:14px;font-weight:800;color:#6D28D9;flex:none;direction:ltr}
#xn .z17n .zgo{display:inline-flex;align-items:center;gap:6px;margin-top:10px;height:36px;padding:0 16px;border-radius:18px;background:#fff;box-shadow:inset 0 0 0 1.5px #DCD2F5;color:#6D28D9;font-size:14.5px;font-weight:800}
#xn .z17n .zth{flex:none;width:58px;height:58px;border-radius:16px;overflow:hidden;display:grid;place-items:center;position:relative;line-height:0}
#xn .z17n .zth img{width:100%;height:100%;object-fit:cover;display:block}
#xn .z17n .zth.v{background:linear-gradient(145deg,#8B5CF6,#5B21B6)}#xn .z17n .zth.c{background:linear-gradient(145deg,#EE42CB,#9635F5)}
#xn .z17n .zth .k{position:absolute;left:5px;bottom:5px;width:20px;height:20px;border-radius:50%;background:rgba(16,12,30,.7);display:grid;place-items:center}
#xn .z17n .zfb{flex:none;height:42px;padding:0 18px;border-radius:21px;background:linear-gradient(135deg,#8B5CF6,#5B21B6);color:#fff;font-size:15px;font-weight:800;box-shadow:0 6px 16px rgba(91,33,182,.28);white-space:nowrap}
#xn .z17n .zfb.on{background:#F1EEF7;color:#3F3A55;box-shadow:none}

#home[hidden],#app[hidden],#chview[hidden],#msgview[hidden],#sx[hidden]{display:block!important;content-visibility:hidden;visibility:hidden;pointer-events:none;contain-intrinsic-size:0 0;height:0!important;min-height:0!important;max-height:0!important;overflow:hidden!important;padding-top:0!important;padding-bottom:0!important;margin-top:0!important;margin-bottom:0!important;border-top:0!important;border-bottom:0!important}

.bnav.bnav.bnav.k18d{background:rgba(28,20,44,.62)!important;box-shadow:0 8px 28px rgba(0,0,0,.35),inset 0 0 0 .7px rgba(255,255,255,.18)!important}
.bnav.bnav.bnav.k18d>button:not(.me) svg{filter:invert(1) brightness(1.6)}
.bnav.bnav.bnav.k18d>button.on{background:rgba(255,255,255,.16)!important}
.bnav.bnav.bnav{transition-duration:.24s!important}

#sx .sx-vs.sx-vs{height:auto!important;min-height:72px}
#sx .sx-vs .mid{justify-content:center;gap:4px;min-width:0}
#sx .sx-vs .mid>b{line-height:1.25!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#sx .sx-vs .mid .wave{flex:none!important;height:28px!important;min-height:28px}

#cg18s{position:fixed;inset:0;z-index:180;background:rgba(16,10,40,.42);opacity:0;transition:opacity .25s}#cg18s.on{opacity:1}
#cg18{position:fixed;left:0;right:0;bottom:0;z-index:181;max-width:520px;margin:0 auto;background:#fff;border-radius:26px 26px 0 0;padding:10px 18px calc(18px + env(safe-area-inset-bottom,0px));transform:translateY(105%);transition:transform .3s cubic-bezier(.2,.9,.25,1);direction:rtl;box-shadow:0 -10px 30px rgba(46,16,101,.15)}
#cg18.on{transform:none}#cg18 .g{width:40px;height:5px;border-radius:3px;background:#DDD6EE;margin:0 auto 12px}
#cg18 h3{font-size:18px;font-weight:800;margin:0 0 4px}#cg18 p.s{font-size:13.5px;color:#6B6585;margin:0 0 14px}
#cg18 .in{display:flex;align-items:center;gap:10px;height:58px;border-radius:18px;background:#F5F2FD;box-shadow:inset 0 0 0 1.5px #E4DCF7;padding:0 16px}
#cg18 .in:focus-within{box-shadow:inset 0 0 0 2px #7C3AED}
#cg18 .in input{flex:1;min-width:0;border:0;background:transparent;font-size:24px;font-weight:800;color:#2B1260;direction:ltr;text-align:right;outline:0;font-family:inherit}
#cg18 .in span{font-size:15px;font-weight:700;color:#7C3AED}
#cg18 .usd{margin:9px 4px 0;font-size:14px;color:#6B6585}#cg18 .usd b{color:#15803D}#cg18 .usd.er{color:#DC2626}
#cg18 .ops{display:flex;gap:10px}#cg18 .ops button{flex:1;height:64px;border-radius:18px;background:#F5F2FD;font-size:17px;font-weight:800;color:#3B2A63;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.2}
#cg18 .ops button small{font-size:12px;font-weight:600;color:#8A8499}#cg18 .ops button.on{background:#EFE9FE;color:#5B21B6;box-shadow:inset 0 0 0 2px #7C3AED}
#cg18 .ok{width:100%;height:52px;border-radius:26px;margin-top:16px;background:linear-gradient(135deg,#8B5CF6,#5B21B6);color:#fff;font-size:16px;font-weight:800;box-shadow:0 8px 20px rgba(91,33,182,.3)}#cg18 .ok:disabled{opacity:.45;box-shadow:none}

#n18s{position:fixed;inset:0;z-index:180;background:rgba(16,10,40,.42);opacity:0;transition:opacity .25s}#n18s.on{opacity:1}
#n18sh{position:fixed;left:0;right:0;bottom:0;z-index:181;max-width:520px;margin:0 auto;background:#fff;border-radius:26px 26px 0 0;padding:9px 16px calc(14px + env(safe-area-inset-bottom,0px));transform:translateY(105%);transition:transform .3s cubic-bezier(.2,.9,.25,1);direction:rtl;box-shadow:0 -10px 30px rgba(46,16,101,.15)}
#n18sh.on{transform:none}#n18sh .g{width:40px;height:5px;border-radius:3px;background:#DDD6EE;margin:0 auto 10px}
#n18sh .pc{display:flex;flex-direction:column;align-items:center}
#n18sh .rg{padding:2.5px;border-radius:50%;background:linear-gradient(135deg,#8B5CF6,#C084FC);cursor:pointer;line-height:0}#n18sh .rg img,#n18sh .rg>span>*{width:62px!important;height:62px!important;border-radius:50%;border:2.5px solid #fff;display:block;object-fit:cover}
#n18sh .nm{font-size:16px;font-weight:800;margin-top:6px;display:flex;align-items:center;gap:4px;cursor:pointer;color:#1B1630}#n18sh .hd{color:#8A8499;font-size:12.5px;direction:ltr}
#n18sh .vp{margin-top:6px;font-size:12.5px;font-weight:700;color:#5B21B6;background:#F1ECFE;border-radius:12px;padding:5px 13px}
#n18sh .nb{margin:10px 0 0;background:#F7F4FE;border-radius:18px;padding:10px 14px;text-align:center}#n18sh .nb p{font-size:15px;line-height:1.45;margin:0;color:#1B1630;white-space:pre-wrap}
#n18sh .nb .sg{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;color:#5E5873;margin-top:5px}#n18sh .nb .sg b{color:#1B1630}
#n18sh .nb .gf{font-size:46px;line-height:1.1}#n18sh .nb .gf img{max-width:140px;border-radius:12px}
#n18sh .vf{display:flex;align-items:center;gap:8px;margin-top:9px;border-radius:22px;padding:4px 12px 4px 4px;box-shadow:inset 0 0 0 1.5px #E4DCF7}
#n18sh .vf .play{width:34px!important;height:34px!important;flex:none}#n18sh .vf .wave{flex:1;height:22px}#n18sh .vf .t{color:#6D28D9;font-size:12.5px;font-weight:800;direction:ltr}
#n18sh .n18rb{display:flex;align-items:center;gap:9px;margin-top:12px}
#n18sh .n18in{flex:1;display:flex;align-items:center;gap:6px;height:44px;border-radius:22px;background:#F1EEF7;padding:0 6px 0 14px;min-width:0}
#n18sh .n18in input{flex:1;min-width:0;border:0;background:transparent;font-size:15px;outline:0;color:#1B1630;font-family:inherit;text-align:right}
#n18sh .n18in .em{display:flex;gap:2px;flex:none}#n18sh .n18in .em button{font-size:19px;width:30px;height:30px;border-radius:50%;line-height:30px}#n18sh .n18in .em button:active{transform:scale(1.3)}
#n18sh .n18in .snd{display:none;flex:none;height:32px;padding:0 13px;border-radius:16px;background:linear-gradient(135deg,#8B5CF6,#5B21B6);color:#fff;font-weight:800;font-size:13.5px}
#n18sh .n18in.ty .em{display:none}#n18sh .n18in.ty .snd{display:block}
#n18sh .mic{flex:none;width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#8B5CF6,#5B21B6);display:grid;place-items:center;box-shadow:0 6px 16px rgba(91,33,182,.3)}
#n18sh .hr{flex:none;width:36px;height:44px;display:grid;place-items:center}#n18sh .hr.on svg{fill:#EF4444;stroke:#EF4444}
#n18sh .hr.pop svg{animation:n18p .35s}@keyframes n18p{50%{transform:scale(1.35)}}

#g18s{position:fixed;inset:0;z-index:180;background:rgba(16,10,40,.42);opacity:0;transition:opacity .25s}#g18s.on{opacity:1}
#g18{position:fixed;left:0;right:0;bottom:0;z-index:181;max-width:560px;margin:0 auto;height:62vh;background:linear-gradient(180deg,#F3EEFF,#FFFFFF 140px);border-radius:26px 26px 0 0;display:flex;flex-direction:column;transform:translateY(105%);transition:transform .32s cubic-bezier(.2,.9,.25,1),height .3s cubic-bezier(.2,.9,.25,1);direction:rtl;box-shadow:0 -10px 30px rgba(46,16,101,.15);overflow:hidden}
#g18.on{transform:none}#g18.full{border-radius:22px 22px 0 0}
#g18 .hd{flex:none;padding:8px 12px 10px;touch-action:none}#g18 .hd .g{width:40px;height:5px;border-radius:3px;background:#DDD6EE;margin:0 auto 8px}
#g18 .hd .row{display:flex;align-items:center;justify-content:center;position:relative;height:40px}
#g18 .hd .x{position:absolute;left:4px;top:0;width:40px;height:40px;border-radius:50%;background:#EDE6FD;display:grid;place-items:center}
#g18 .hd .pl{background:#fff;border-radius:18px;padding:6px 14px;color:#5B21B6;box-shadow:0 2px 10px rgba(91,33,182,.12);font-size:16px;font-weight:800;display:flex;align-items:center;gap:4px}
#g18 .hd .cnt{position:absolute;right:6px;top:10px;font-size:13px;font-weight:700;color:#7C3AED}#g18 .hd .cnt:empty{display:none}#g18 .gr>button{aspect-ratio:auto!important}
#g18 .hd b{font-size:17px;font-weight:800;display:flex;align-items:center;gap:4px}#g18 .hd b small{font-size:12px;color:#8A8499;font-weight:600}
#g18 .gr{flex:1;overflow-y:auto;overscroll-behavior:contain;display:grid;grid-template-columns:repeat(3,1fr);grid-auto-flow:row dense;gap:4px;padding:0 4px 4px;align-content:start;-webkit-overflow-scrolling:touch}
#g18 .gr>button{position:relative;aspect-ratio:1/1.08;overflow:hidden;background:#EEE;padding:0;display:block;border-radius:12px}
#g18 .gr img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .2s}
#g18 .gr>button.sel{box-shadow:inset 0 0 0 3px #7C3AED;background:#F3EEFF}#g18 .gr>button.sel img{transform:scale(.92);border-radius:9px}
#g18 .gr .cam{grid-column:3;grid-row:1 / span 2;aspect-ratio:auto;padding:0!important;line-height:1.2;min-height:0;background:linear-gradient(160deg,#4C1D95,#7C3AED);display:block;color:#fff}
#g18 .gr .cam img{position:absolute;inset:0;opacity:.45;mix-blend-mode:luminosity}#g18 .gr .cam .ci{position:absolute;top:10px;right:10px;line-height:0}#g18 .gr .cam .rec{position:absolute;left:50%;bottom:14px;width:44px;height:44px;margin-left:-22px;border-radius:50%;background:rgba(255,255,255,.25);box-shadow:inset 0 0 0 3px #fff}
#g18 .gr .ck{position:absolute;top:7px;left:7px;width:24px;height:24px;border-radius:50%;border:2px solid #fff;background:rgba(0,0,0,.12);box-shadow:0 1px 4px rgba(0,0,0,.25);display:grid;place-items:center;font-size:13px;font-weight:800;color:#fff}
#g18 .gr>button.sel .ck{background:#7C3AED;border-color:#fff}
#g18 .sb{flex:none;display:none;align-items:center;gap:9px;padding:9px 12px calc(10px + env(safe-area-inset-bottom,0px));border-top:1px solid #F0ECF8;background:#fff}
#g18.has .sb{display:flex}
#g18 .sb input{flex:1;min-width:0;height:44px;border-radius:22px;border:0;background:#F1EEF7;padding:0 16px;font-size:15px;outline:0;font-family:inherit;text-align:right}
#g18 .sb button{position:relative;flex:none;width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#8B5CF6,#5B21B6);display:grid;place-items:center;box-shadow:0 6px 16px rgba(91,33,182,.3)}
#g18 .sb button i{position:absolute;top:-4px;left:-4px;min-width:22px;height:22px;border-radius:11px;background:#fff;color:#5B21B6;font-style:normal;font-size:12px;font-weight:800;display:grid;place-items:center;box-shadow:0 0 0 2px #7C3AED;padding:0 5px}

#b18s{position:fixed;inset:0;z-index:180;background:rgba(16,10,40,.42);opacity:0;transition:opacity .25s}#b18s.on{opacity:1}
#b18{position:fixed;left:0;right:0;bottom:0;z-index:181;max-width:520px;margin:0 auto;background:#fff;border-radius:26px 26px 0 0;padding:9px 16px calc(16px + env(safe-area-inset-bottom,0px));transform:translateY(105%);transition:transform .3s cubic-bezier(.2,.9,.25,1);direction:rtl;box-shadow:0 -10px 30px rgba(46,16,101,.15)}
#b18.on{transform:none}#b18 .g{width:40px;height:5px;border-radius:3px;background:#DDD6EE;margin:0 auto 12px}
#b18 h3{font-size:17px;font-weight:800;margin:0 0 12px;display:flex;align-items:center;gap:8px}
#b18 button.o{display:flex;align-items:center;gap:12px;width:100%;padding:12px;border-radius:16px;text-align:right}#b18 button.o:active{background:#F6F3FD}
#b18 button.o i{flex:none;width:40px;height:40px;border-radius:50%;background:#F1ECFE;display:grid;place-items:center}
#b18 button.o span{flex:1}#b18 button.o b{display:block;font-size:15.5px;font-weight:700;color:#1B1630}#b18 button.o small{font-size:12.5px;color:#8A8499}
#b18 button.o .r{flex:none;width:22px;height:22px;border-radius:50%;box-shadow:inset 0 0 0 2px #CFC6E4}#b18 button.o.on .r{box-shadow:inset 0 0 0 7px #7C3AED}
#b18 button.o.dn b{color:#B91C1C}
button.b18on{background:linear-gradient(135deg,#8B5CF6,#5B21B6)!important}button.b18off{background:#F1EEF7!important}

.c18{display:flex;flex-direction:column;align-items:center;padding-top:6px}
.c18 .cd{width:100%;background:#fff;border-radius:22px;box-shadow:0 8px 24px rgba(46,16,101,.1);padding:12px}
.c18 .ch{display:flex;align-items:center;gap:8px}.c18 .ch img{width:32px;height:32px;border-radius:50%;object-fit:cover}.c18 .ch b{display:block;font-size:13.5px}.c18 .ch small{font-size:11.5px;color:#8A8499}
.c18 .stp{display:flex;align-items:center;gap:8px;height:56px;border-radius:28px;padding:0 8px;margin-top:10px;background:linear-gradient(135deg,#8B5CF6,#5B21B6);overflow:hidden}
.c18 .stp .pw{flex:none;width:40px;height:40px;border-radius:50%;background:#fff;display:grid;place-items:center}.c18 .stp .pw i{width:11px;height:11px;border-radius:50%;background:#EF4444;animation:c18b 1s ease-in-out infinite}
.c18.pz .stp .pw i{background:#F59E0B;animation:none}
.c18 .stp img{flex:none;width:40px;height:40px;border-radius:50%;border:2px solid #fff;object-fit:cover}
.c18 #crWave{flex:1;display:flex!important;align-items:center;justify-content:center;gap:2.5px;height:40px!important;margin:0!important;overflow:hidden}
.c18 #crWave i{display:block;width:3px;max-height:36px;border-radius:2px;background:rgba(255,255,255,.95)!important;transition:height .12s}
.c18 .rclock{display:flex;align-items:center;justify-content:center;gap:7px;margin:10px 0 0!important;font-size:28px;font-weight:800;color:#2B1260;direction:ltr}
.c18 .rclock span{width:9px;height:9px;border-radius:50%;background:#EF4444;display:block}.c18.pz .rclock span{background:#F59E0B}
.c18 .rclock small{font-size:14px;font-weight:600;color:#8A8499}
.c18 .bw{position:relative;width:120px;height:120px;margin-top:26px;display:grid;place-items:center}
.c18 .bw::before{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle,rgba(139,92,246,.32),rgba(139,92,246,0) 70%);animation:c18h 1.4s ease-in-out infinite}
.c18.pz .bw::before{animation:none;opacity:.5}
.c18 .big{position:relative;width:84px;height:84px;border-radius:50%;background:linear-gradient(135deg,#8B5CF6,#5B21B6);display:grid;place-items:center;box-shadow:0 12px 30px rgba(91,33,182,.42);animation:c18p 1.4s ease-in-out infinite}
.c18.pz .big{animation:none}
.c18 .lb{margin-top:6px;font-size:13.5px;color:#6B6585}
.c18 .chips{display:flex;gap:10px;margin-top:18px}
.c18 .chips button{display:flex;align-items:center;gap:7px;height:44px;padding:0 18px;border-radius:22px;background:#fff;box-shadow:0 3px 12px rgba(46,16,101,.1),inset 0 0 0 1.5px #EDE7FB;font-size:14.5px;font-weight:700;color:#3B2A63}
.c18 .chips button i{width:26px;height:26px;border-radius:50%;background:#F1ECFE;display:grid;place-items:center}
@keyframes c18p{0%,100%{transform:scale(1)}50%{transform:scale(1.07)}}@keyframes c18h{0%,100%{transform:scale(.92);opacity:.8}50%{transform:scale(1.12);opacity:1}}@keyframes c18b{50%{opacity:.25}}
.bigmic button:active{transform:scale(1.12);transition:transform .12s}

#q4st.st17{background:#000!important;touch-action:none}
#q4st.st17 .z17b{top:calc(env(safe-area-inset-top,0px) + 4px)!important;bottom:calc(76px + env(safe-area-inset-bottom,0px))!important;left:0!important;right:0!important;border-radius:16px;overflow:hidden}
#q4st.st17 .z17cap{bottom:calc(100px + env(safe-area-inset-bottom,0px))!important}
#q4st.st17 .q4-stft{position:absolute!important;left:0;right:0;bottom:0;margin:0!important;height:calc(76px + env(safe-area-inset-bottom,0px));padding:12px 14px calc(12px + env(safe-area-inset-bottom,0px))!important;background:#000;gap:16px!important;align-items:center;box-sizing:border-box}
#q4st.st17 .q4-stft .s16-in.s16-in{height:46px;border-radius:23px;background:transparent!important;box-shadow:inset 0 0 0 1.3px rgba(255,255,255,.55)!important;color:rgba(255,255,255,.9)!important;font-size:15px}
#q4st.st17 .q4-stft .s16-ic.s16-ic{width:30px!important;height:30px!important;border-radius:0!important;background:none!important;box-shadow:none!important}
#q4st.st17 .q4-stft .s16-ic svg{width:28px!important;height:28px!important;stroke:#A78BFA!important;stroke-width:2.1}
#q4st.st17 .q4-stft .q4-stlk{width:30px;height:30px;display:grid;place-items:center;background:none!important;box-shadow:none!important}
#q4st.st17 .q4-stft .q4-stlk svg{width:28px!important;height:28px!important}
#q4st.st17 .q4-stft .q4-stlk:not(.on) svg path{stroke:#fff!important}
#q4st.st17 .z17vk{transform:translate(-50%,-50%) scale(.92)}


#cr .c19sw{display:flex;gap:6px;margin:12px 0 0;background:#EFEAFA;border-radius:20px;padding:5px;direction:rtl}
#cr .c19sw button{flex:1;display:flex;align-items:center;gap:8px;border-radius:16px;padding:7px 8px;color:#8A80A6;text-align:right;min-width:0;transition:background .2s,box-shadow .2s}
#cr .c19sw button i{flex:none;width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:#E3DCF5;color:#7C6BA8;font-style:normal;transition:background .2s}
#cr .c19sw button b{display:block;font-size:13.5px;line-height:1.25}#cr .c19sw button small{display:block;font-size:10.5px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#cr .c19sw button.on{background:#fff;color:#2B1260;box-shadow:0 4px 14px rgba(46,16,101,.12)}#cr .c19sw button.on i{background:linear-gradient(135deg,#8B5CF6,#5B21B6);color:#fff;box-shadow:0 5px 12px rgba(91,33,182,.35)}#cr .c19sw button.on small{color:#7C3AED}
#cr .c19sw.lock{opacity:.45;pointer-events:none}
.c19cd{margin-top:12px;background:#fff;border-radius:22px;box-shadow:0 8px 24px rgba(46,16,101,.1);padding:12px}
.c19cd .ch{display:flex;align-items:center;gap:8px}.c19cd .ch img{width:32px;height:32px;border-radius:50%;object-fit:cover}.c19cd .ch b{display:block;font-size:13.5px}.c19cd .ch small{font-size:11.5px;color:#8A8499}
.c19cd .idle{display:flex;align-items:center;justify-content:center;gap:3px;height:54px;border-radius:27px;margin-top:10px;background:#F4F0FD;box-shadow:inset 0 0 0 1.5px #E6DCFB;overflow:hidden}
.c19cd .idle i{display:block;width:3px;border-radius:2px;background:#D9CCFA}
.c19cd .tm{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:10px;font-size:22px;font-weight:800;color:#A49DB8;direction:ltr}.c19cd .tm small{font-size:13px;font-weight:600;color:#8A8499}
.c19cd .tm.d{color:#2B1260;font-size:20px}
.c19cd .pv{margin-top:10px;height:54px;border-radius:27px;background:linear-gradient(135deg,#8B5CF6,#5B21B6)!important;box-shadow:none!important;padding:0 8px 0 14px}
.c19cd .pv .play{width:38px;height:38px;background:#fff!important;box-shadow:none}.c19cd .pv .play svg path,.c19cd .pv .play svg rect{fill:#6D28D9}
.c19cd .pv .wave i{background:rgba(255,255,255,.42)!important}.c19cd .pv .wave i.on{background:#fff!important}.c19cd .pv .t{color:#fff!important;font-weight:700}
.c19cd .src{display:block;text-align:center;font-size:11.5px;color:#8A8499;margin-top:6px}
.c19ok{text-align:center;font-size:13px;color:#15803D;font-weight:700;margin:14px 0 0}
.c19ch{display:flex;gap:8px;justify-content:center;margin-top:12px;flex-wrap:wrap}
.c19ch button{display:flex;align-items:center;gap:6px;height:40px;padding:0 14px;border-radius:20px;background:#fff;box-shadow:0 3px 10px rgba(46,16,101,.08),inset 0 0 0 1.5px #EDE7FB;font-size:13.5px;font-weight:700;color:#3B2A63}
.c19ch button.cut{color:#5B21B6;box-shadow:0 3px 10px rgba(46,16,101,.08),inset 0 0 0 2px #C4B5FD}.c19ch button.dn{color:#DC2626}
#cr .bigmic.c19m{margin-top:22px}
#cr .bigmic.c19m>button[data-c="rec"]{position:relative;width:84px;height:84px;background:linear-gradient(135deg,#8B5CF6,#5B21B6);box-shadow:0 12px 28px rgba(91,33,182,.4);animation:c19p 1.6s ease-in-out infinite}
#cr .bigmic.c19m>button[data-c="rec"]::before,#cr .bigmic.c19m>button[data-c="rec"]::after{content:"";position:absolute;inset:-12px;border-radius:50%;border:2px solid rgba(139,92,246,.35);animation:c19r 1.6s ease-out infinite;pointer-events:none}
#cr .bigmic.c19m>button[data-c="rec"]::after{inset:-26px;border-color:rgba(139,92,246,.18);animation-delay:.3s}
#cr .bigmic.c19m>button[data-c="rec"] svg{width:32px;height:32px}
#cr .bigmic.c19m p{margin-top:30px;font-size:13px}
#cr .bigmic.c19m.w>button[data-c="rec"]{background:#fff;box-shadow:0 10px 26px rgba(91,33,182,.22),inset 0 0 0 2px #E4DAFB;animation:none}#cr .bigmic.c19m.w>button[data-c="rec"] svg *{stroke:#6D28D9}
#cr .bigmic.c19m.w>button[data-c="rec"]::before,#cr .bigmic.c19m.w>button[data-c="rec"]::after{display:none}
#cr .bigmic.c19m .cr-or{display:none}
#cr .bigmic.c19m .cr-att{white-space:nowrap;margin-top:12px;height:36px;border-radius:18px;padding:0 14px;background:#fff;box-shadow:inset 0 0 0 1.5px #DCCFFB;color:#6D28D9;font-weight:700;font-size:13px;display:flex;align-items:center;gap:6px}
#cr .bigmic.c19m.w .cr-att{display:none}
#cr .bigmic .cr-rm{display:none!important}
#cr #crText.c19big{display:block;width:100%;box-sizing:border-box;min-height:176px;border-radius:20px;background:#fff;box-shadow:0 8px 24px rgba(46,16,101,.1);padding:14px;font-size:16px;line-height:1.7;margin-top:12px}
#cr .c19tx{position:relative;margin-top:12px;border-radius:20px;background:#fff;box-shadow:0 8px 24px rgba(46,16,101,.1);padding:14px 14px 54px;min-height:176px;font-size:16px;line-height:1.7;color:#1B1630}
#cr .c19tx #crTr{margin:0;font-size:16px;line-height:1.7;color:#1B1630}#cr .c19tx #crTr i{display:inline-block;width:2px;height:19px;background:#7C3AED;vertical-align:middle;margin-right:2px;animation:c19b 1s steps(2) infinite}
#cr .c19tx .lv{position:absolute;left:12px;right:12px;bottom:10px;height:34px;border-radius:17px;background:#F4F0FD;display:flex;align-items:center;gap:8px;padding:0 12px;color:#7C3AED;font-size:11.5px;font-weight:700}
#cr .c19tx .lv #crWave{flex:1;display:flex!important;align-items:center;justify-content:center;gap:3px;height:28px!important;margin:0!important;overflow:hidden}#cr .c19tx .lv #crWave i{display:block;width:3px;max-height:24px;border-radius:2px;background:#8B5CF6!important;transition:height .12s}
#cr .c19st{display:flex;flex-direction:column;align-items:center;margin-top:28px}
#cr .c19st>button{position:relative;width:84px;height:84px;border-radius:50%;background:linear-gradient(135deg,#8B5CF6,#5B21B6);display:grid;place-items:center;box-shadow:0 0 0 10px rgba(139,92,246,.14),0 12px 28px rgba(91,33,182,.4);animation:c19p 1.4s ease-in-out infinite}
#cr .c19st p{margin-top:16px;font-size:13px;color:#6B6585}
#cr .c18 .c19pre{width:100%}
#cr .c18 .cd{animation:c20in .38s cubic-bezier(.2,.9,.25,1) both;overflow:hidden}@keyframes c20in{from{max-height:0;opacity:0;transform:translateY(-6px);margin-top:0;padding-top:0;padding-bottom:0}to{max-height:260px;opacity:1}}
#cr .c18 .bw,#cr .c18 .lb,#cr .c18 .chips{animation:c20dn .38s cubic-bezier(.2,.9,.25,1) both}@keyframes c20dn{from{transform:translateY(-70px)}}
/* «قص» */
.c19tr{margin-top:12px;background:#fff;border-radius:22px;box-shadow:0 8px 24px rgba(46,16,101,.1);padding:14px}
.c19tr h4{font-size:15px;text-align:center;margin:0 0 4px}.c19tr>p{font-size:11.5px;color:#6B6585;text-align:center;margin:0}
.c19tl{position:relative;height:84px;margin:16px 6px 6px;border-radius:14px;background:#F4F0FD;direction:ltr;touch-action:none;user-select:none;-webkit-user-select:none}
.c19tl .wv{position:absolute;left:8px;right:8px;top:0;bottom:0;display:flex;align-items:center;justify-content:space-between}.c19tl .wv i{display:block;width:3px;border-radius:2px;background:#7C3AED}
.c19tl .dm{position:absolute;top:0;bottom:0;background:rgba(27,22,48,.32);z-index:1}.c19tl .dm.l{left:0;border-radius:14px 0 0 14px}.c19tl .dm.r{right:0;border-radius:0 14px 14px 0}
.c19tl .sel{position:absolute;top:-3px;bottom:-3px;border:3px solid #7C3AED;border-radius:14px;z-index:2;box-shadow:0 6px 18px rgba(91,33,182,.25);pointer-events:none}
.c19tl .hd{position:absolute;top:-3px;bottom:-3px;width:26px;z-index:3;touch-action:none;display:grid;place-items:center;cursor:ew-resize}
.c19tl .hd::before{content:"";width:14px;height:100%;background:#7C3AED;border-radius:12px}.c19tl .hd::after{content:"";position:absolute;width:3px;height:22px;background:#fff;border-radius:2px}
.c19tl .ph{position:absolute;top:-8px;bottom:-8px;width:3px;margin-left:-1.5px;background:#F59E0B;border-radius:2px;z-index:4;display:none}
.c19tt{display:flex;justify-content:space-between;font-size:12px;color:#6B6585;direction:ltr;margin:0 6px;font-weight:700}.c19tt b{color:#5B21B6}
.c19nd{display:flex;justify-content:center;align-items:baseline;gap:6px;margin-top:10px;direction:ltr;font-weight:800;font-size:24px;color:#2B1260}.c19nd small{font-size:13px;color:#A49DB8;font-weight:600}
.c19pv{display:flex;align-items:center;justify-content:center;gap:6px;margin:14px auto 0;background:#F4F0FD;color:#5B21B6;border-radius:16px;padding:8px 14px;font-weight:700;font-size:13px}
.c19rw{display:flex;gap:10px;margin-top:16px}.c19rw button{flex:1;text-align:center;border-radius:16px;padding:12px;font-weight:800;font-size:14px}.c19rw .c{background:#F1EEF7;color:#5E5873}.c19rw .d{background:linear-gradient(135deg,#8B5CF6,#5B21B6);color:#fff;box-shadow:0 6px 14px rgba(91,33,182,.3)}
@keyframes c19p{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes c19r{0%{transform:scale(.85);opacity:.9}100%{transform:scale(1.15);opacity:0}}@keyframes c19b{50%{opacity:0}}


#sx .v19c{margin:0 0 10px;background:#fff;border-radius:22px;box-shadow:0 6px 18px rgba(46,16,101,.09);padding:11px;direction:rtl}
#sx .v19c .hd{display:flex;align-items:center;gap:8px}
#sx .v19c .hd .av{flex:none;width:42px;height:42px;border-radius:50%;overflow:hidden;line-height:0;cursor:pointer}#sx .v19c .hd .av img,#sx .v19c .hd .av svg{width:42px!important;height:42px!important;border-radius:50%;object-fit:cover}
#sx .v19c .nm{flex:1;min-width:0;cursor:pointer}#sx .v19c .nm b{display:flex;align-items:center;gap:4px;font-size:14.5px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#sx .v19c .nm small{display:flex;align-items:center;gap:4px;font-size:11.5px;color:#8A8499;line-height:1.4;white-space:nowrap;overflow:hidden}#sx .v19c .nm small svg{flex:none}
#sx .v19c .v19f{flex:none;height:30px;border-radius:15px;padding:0 13px;font-weight:800;font-size:12.5px;background:linear-gradient(135deg,#8B5CF6,#5B21B6);color:#fff}
#sx .v19c .v19f.on{background:#F1EEF7;color:#5E5873}
#sx .v19c .v19d{flex:none;width:32px;height:32px;border-radius:50%;font-size:15px;font-weight:900;letter-spacing:1px;color:#1B1630;display:grid;place-items:center}
#sx .v19c .sx19{display:flex;align-items:center;gap:8px;height:52px;border-radius:26px;margin-top:10px;padding:0 8px 0 14px;background:linear-gradient(135deg,#8B5CF6,#5B21B6)}
#sx .v19c .sx19 .play{flex:none;width:38px;height:38px;border-radius:50%;background:#fff!important;box-shadow:none}#sx .v19c .sx19 .play svg path,#sx .v19c .sx19 .play svg rect{fill:#6D28D9}
#sx .v19c .sx19 .wave{flex:1;height:26px!important;min-width:0;--bw:3px;--g:2.4px}#sx .v19c .sx19 .wave i{background:rgba(255,255,255,.42)!important}#sx .v19c .sx19 .wave i.on{background:#fff!important}
#sx .v19c .sx19 .t{flex:none;color:#fff!important;font-weight:700;font-size:12px;direction:ltr}

.c19cd .bdg{margin-right:auto;border-radius:10px;padding:3px 8px;font-size:11px;font-weight:800;background:#FEF3C7;color:#92400E;white-space:nowrap}.c19cd .bdg.me{background:#EDE7FB;color:#5B21B6}
.c19cd .ch{display:flex;align-items:center;gap:8px}.c19cd .ch img{width:32px;height:32px;border-radius:50%;object-fit:cover}.c19cd .ch b{display:block;font-size:13.5px}.c19cd .ch small{font-size:11.5px;color:#8A8499}
.c19cd{margin-top:12px;background:#fff;border-radius:22px;box-shadow:0 8px 24px rgba(46,16,101,.1);padding:12px;text-align:right}
.c19cd .idle{display:flex;align-items:center;justify-content:center;gap:3px;height:54px;border-radius:27px;margin-top:10px;background:#F4F0FD;box-shadow:inset 0 0 0 1.5px #E6DCFB;overflow:hidden}.c19cd .idle i{display:block;width:3px;border-radius:2px;background:#D9CCFA}
.c19cd .tm{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:10px;font-size:22px;font-weight:800;color:#A49DB8;direction:ltr}.c19cd .tm small{font-size:13px;font-weight:600;color:#8A8499}.c19cd .tm.d,.c19cd .tm.r{color:#2B1260}.c19cd .tm.r{font-size:26px}
.c19cd .tm .dt{width:9px;height:9px;border-radius:50%;background:#EF4444}.c19cd .tm .dt.p{background:#F59E0B}
.c19live{display:flex;align-items:center;gap:8px;height:54px;border-radius:27px;padding:0 8px;margin-top:10px;background:linear-gradient(135deg,#8B5CF6,#5B21B6);overflow:hidden}
.c19live .pw{flex:none;width:38px;height:38px;border-radius:50%;background:#fff;display:grid;place-items:center}.c19live .pw i{width:11px;height:11px;border-radius:50%;background:#EF4444;animation:c19b 1s ease-in-out infinite}.c19live.p .pw i{background:#F59E0B;animation:none}
.c19live img{flex:none;width:38px;height:38px;border-radius:50%;border:2px solid #fff;object-fit:cover}
.c19live .rwave{flex:1;display:flex!important;align-items:center;justify-content:center;gap:2.5px;height:38px!important;margin:0!important;overflow:hidden}.c19live .rwave i{display:block;width:3px;max-height:34px;border-radius:2px;background:rgba(255,255,255,.95)!important;transition:height .12s}
.c19cd .pv,.c19my.pv{height:54px;border-radius:27px;background:linear-gradient(135deg,#8B5CF6,#5B21B6)!important;box-shadow:none!important;display:flex;align-items:center;gap:10px;padding:0 8px 0 14px;margin-top:10px}
.c19cd .pv .play,.c19my.pv .play{width:38px;height:38px;background:#fff!important;box-shadow:none}.c19cd .pv .play svg path,.c19cd .pv .play svg rect,.c19my.pv .play svg path,.c19my.pv .play svg rect{fill:#6D28D9}
.c19cd .pv .wave,.c19my.pv .wave{flex:1;height:26px}.c19cd .pv .wave i,.c19my.pv .wave i{background:rgba(255,255,255,.42)!important}.c19cd .pv .wave i.on,.c19my.pv .wave i.on{background:#fff!important}.c19cd .pv .t,.c19my.pv .t{color:#fff!important;font-weight:700}
.c19big{position:relative;display:grid;place-items:center;margin:26px auto 0;width:84px;height:84px}
.c19big>button{position:relative;width:84px;height:84px;border-radius:50%;background:linear-gradient(135deg,#8B5CF6,#5B21B6);display:grid;place-items:center;box-shadow:0 12px 28px rgba(91,33,182,.4);animation:c19p 1.5s ease-in-out infinite}
.c19big>button::before,.c19big>button::after{content:"";position:absolute;inset:-12px;border-radius:50%;border:2px solid rgba(139,92,246,.35);animation:c19r 1.5s ease-out infinite;pointer-events:none}.c19big>button::after{inset:-26px;border-color:rgba(139,92,246,.18);animation-delay:.3s}
.c19big.pz>button{animation:none}.c19big.pz>button::before,.c19big.pz>button::after{animation:none;opacity:.5;transform:none}
.c19lb{text-align:center;font-size:13px;color:#6B6585;margin:30px 0 0}
.c19ch{display:flex;gap:8px;justify-content:center;margin-top:14px;flex-wrap:wrap}
.c19ch button{display:flex;align-items:center;gap:6px;height:40px;padding:0 14px;border-radius:20px;background:#fff;box-shadow:0 3px 10px rgba(46,16,101,.08),inset 0 0 0 1.5px #EDE7FB;font-size:13.5px;font-weight:700;color:#3B2A63}
.c19ch button.cut{color:#5B21B6;box-shadow:0 3px 10px rgba(46,16,101,.08),inset 0 0 0 2px #C4B5FD}.c19ch button.dn{color:#DC2626}
.c19ok{text-align:center;font-size:13px;color:#15803D;font-weight:700;margin:14px 0 0}
/* «قص» (shared) */
.c19tr{margin-top:12px;background:#fff;border-radius:22px;box-shadow:0 8px 24px rgba(46,16,101,.1);padding:14px;text-align:right}
.c19tr h4{font-size:15px;text-align:center;margin:0 0 4px}.c19tr>p{font-size:11.5px;color:#6B6585;text-align:center;margin:0}
.c19tl{position:relative;height:84px;margin:16px 6px 6px;border-radius:14px;background:#F4F0FD;direction:ltr;touch-action:none;user-select:none;-webkit-user-select:none}
.c19tl .wv{position:absolute;left:8px;right:8px;top:0;bottom:0;display:flex;align-items:center;justify-content:space-between}.c19tl .wv i{display:block;width:3px;border-radius:2px;background:#7C3AED}
.c19tl .dm{position:absolute;top:0;bottom:0;background:rgba(27,22,48,.32);z-index:1}.c19tl .dm.l{left:0;border-radius:14px 0 0 14px}.c19tl .dm.r{right:0;border-radius:0 14px 14px 0}
.c19tl .sel{position:absolute;top:-3px;bottom:-3px;border:3px solid #7C3AED;border-radius:14px;z-index:2;box-shadow:0 6px 18px rgba(91,33,182,.25);pointer-events:none}
.c19tl .hd{position:absolute;top:-3px;bottom:-3px;width:26px;z-index:3;touch-action:none;display:grid;place-items:center;cursor:ew-resize}
.c19tl .hd::before{content:"";width:14px;height:100%;background:#7C3AED;border-radius:12px}.c19tl .hd::after{content:"";position:absolute;width:3px;height:22px;background:#fff;border-radius:2px}
.c19tl .ph{position:absolute;top:-8px;bottom:-8px;width:3px;margin-left:-1.5px;background:#F59E0B;border-radius:2px;z-index:4;display:none}
.c19tt{display:flex;justify-content:space-between;font-size:12px;color:#6B6585;direction:ltr;margin:0 6px;font-weight:700}.c19tt b{color:#5B21B6}
.c19nd{display:flex;justify-content:center;align-items:baseline;gap:6px;margin-top:10px;direction:ltr;font-weight:800;font-size:24px;color:#2B1260}.c19nd small{font-size:13px;color:#A49DB8;font-weight:600}
.c19pv{display:flex;align-items:center;justify-content:center;gap:6px;margin:14px auto 0;background:#F4F0FD;color:#5B21B6;border-radius:16px;padding:8px 14px;font-weight:700;font-size:13px}
.c19rw{display:flex;gap:10px;margin-top:16px}.c19rw button{flex:1;text-align:center;border-radius:16px;padding:12px;font-weight:800;font-size:14px}.c19rw .c{background:#F1EEF7;color:#5E5873}.c19rw .d{background:linear-gradient(135deg,#8B5CF6,#5B21B6);color:#fff;box-shadow:0 6px 14px rgba(91,33,182,.3)}
@keyframes c19p{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes c19r{0%{transform:scale(.85);opacity:.9}100%{transform:scale(1.15);opacity:0}}@keyframes c19b{50%{opacity:.25}}

#chn .c19w{display:flex;flex-direction:column;padding-bottom:8px}#chn .c19w .ht{text-align:center;margin-top:6px}#chn .c19w .ht h3{font-size:21px;margin:0}#chn .c19w .ht p{font-size:13px;color:#6B6585;margin:4px 0 0}
#chn .c19w .idl{font-size:12.5px;color:#6B6585;font-weight:700;margin:18px 2px 0}#chn .c19w .cn-sug{margin-top:6px}
#chn .c19w .cn-sug span.on{box-shadow:inset 0 0 0 2px #8B5CF6;background:#fff;font-weight:700}

#q4sh .cj .c19my{display:flex;align-items:center;gap:8px;height:50px;border-radius:25px;padding:0 6px 0 12px;margin-top:14px;background:linear-gradient(135deg,#8B5CF6,#5B21B6);overflow:hidden}
#q4sh .cj .c19my.idle{background:#F4F0FD;box-shadow:inset 0 0 0 1.5px #E6DCFB;justify-content:center;gap:3px;padding:0 14px}#q4sh .cj .c19my.idle i{display:block;width:3px;border-radius:2px;background:#D9CCFA}#q4sh .cj .c19my.idle em{color:#A49DB8}
#q4sh .cj .c19my .pw{flex:none;width:38px;height:38px;border-radius:50%;background:#fff;display:grid;place-items:center}#q4sh .cj .c19my .pw i{width:10px;height:10px;border-radius:50%;background:#EF4444;animation:c19b 1s ease-in-out infinite}#q4sh .cj .c19my.p .pw i{background:#F59E0B;animation:none}
#q4sh .cj .c19my .rwave{flex:1;display:flex!important;align-items:center;justify-content:center;gap:2.5px;height:34px!important;margin:0!important;overflow:hidden}#q4sh .cj .c19my .rwave i{display:block;width:3px;max-height:30px;border-radius:2px;background:rgba(255,255,255,.95)!important;transition:height .12s}
#q4sh .cj .c19my em{flex:none;font-style:normal;color:#fff;font-weight:800;font-size:13px;direction:ltr}
#q4sh .cj .c19rb{display:flex;align-items:flex-start;justify-content:center;gap:16px;margin-top:12px}
#q4sh .cj .c19rb .sm{width:62px;height:62px;border-radius:50%;background:linear-gradient(135deg,#8B5CF6,#5B21B6);display:grid;place-items:center;box-shadow:0 0 0 7px rgba(139,92,246,.14),0 8px 20px rgba(91,33,182,.35)}
#q4sh .cj .c19rb .cb{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:11px;font-weight:700;color:#5E5873;min-width:54px}#q4sh .cj .c19rb .cb>span{width:42px;height:42px;border-radius:50%;background:#fff;box-shadow:0 3px 10px rgba(46,16,101,.1);display:grid;place-items:center}
#q4sh .cj .c19rb .cb.dn{color:#DC2626}#q4sh .cj .c19rb .cb.ct{color:#5B21B6}#q4sh .cj .c19rb .cb.ct>span{box-shadow:0 0 0 2px #C4B5FD}
#q4sh .cj .c19n{text-align:center;font-size:12px;color:#6B6585;margin:8px 0 0}
#q4sh .cj .c19go{display:block;width:100%;margin-top:12px;text-align:center;border-radius:20px;padding:13px;font-weight:800;font-size:15px;background:linear-gradient(135deg,#8B5CF6,#5B21B6);color:#fff;box-shadow:0 8px 20px rgba(91,33,182,.3)}
#q4sh .cj .c19tr{box-shadow:none;padding:6px 0 0;margin-top:6px}
#q4sh .cj .cj-b.c19j{display:block!important;width:100%;text-align:initial}#q4sh .cj .cj-b.c19j>*{width:100%;box-sizing:border-box}#q4sh .cj .cj-b.c19j>.c19my{display:flex}

.xa .tq-comp #xaMic{order:20;margin-left:auto}
.xa .tq-comp #xaMic.tq-cam{width:46px;height:46px}
.xa .tq-comp.typing #xaMic{display:none!important}
.xa .tq-comp #xaSend.xa-send{order:21;display:none;width:46px;height:46px;border-radius:50%;padding:0;background:linear-gradient(145deg,#9635F5,#6328F5);box-shadow:0 4px 12px rgba(99,40,245,.3);place-items:center;font-size:0;flex-shrink:0}
.xa .tq-comp.typing #xaSend.xa-send{display:grid!important}
.xa .tq-comp.typing #xaTxt{flex:1}
.xa #xaMic.holding{transform:scale(1.45)!important;background:linear-gradient(145deg,#9635F5,#6328F5)!important;box-shadow:0 0 0 10px rgba(124,58,237,.16)!important;transition:transform .15s}
.xa .w20{position:absolute;left:12px;right:12px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:4;direction:ltr;border-radius:29px;background:#F2EEF9;font-variant-numeric:tabular-nums}
.xa .w20[hidden]{display:none}
.xa .w20 .h{display:flex;align-items:center;gap:8px;height:58px;padding:0 70px 0 16px;position:relative;overflow:hidden}
.xa .w20 .h .rm{flex:none;line-height:0;animation:w20b 1s ease-in-out infinite}.xa .w20 .h b{font-size:16px;font-weight:700;color:#1B1630;min-width:38px}
.xa .w20 .h .sl{position:absolute;left:0;right:70px;text-align:center;font-size:14px;color:#6B6585;pointer-events:none;transition:opacity .1s}
.xa .w20 .lk{display:none}
.xa .w20.locked{background:#fff;border-radius:24px;box-shadow:0 -6px 24px rgba(46,16,101,.12),0 0 0 1px #EEE8FA;padding:10px 12px 12px}
.xa .w20.locked .h{display:none}.xa .w20.locked .lk{display:block}
.xa .w20.locked~.tq-comp,.xa .w20.locked~.xa-rep{visibility:hidden}
.xa .w20 .r1{display:flex;align-items:center;gap:10px;height:40px}
.xa .w20 .r1 .t{font-size:15px;font-weight:700;color:#1B1630;min-width:40px}
.xa .w20 .r1 .wv{flex:1;display:flex;align-items:center;justify-content:flex-end;gap:2.5px;height:30px;overflow:hidden;position:relative;touch-action:none}
.xa .w20 .r1 .wv i{flex:none;display:block;width:3px;border-radius:2px;background:#8B5CF6;transition:height .1s}
.xa .w20.pz .r1 .wv{justify-content:space-between;cursor:pointer}.xa .w20.pz .r1 .wv i{background:#C9B8F5;transition:none}.xa .w20.pz .r1 .wv i.on{background:#6D28D9}
.xa .w20 .r1 .pl{display:none;flex:none;width:34px;height:34px;border-radius:50%;background:#F1ECFE;place-items:center}.xa .w20.pz .r1 .pl{display:grid}
.xa .w20 .r1 .one{flex:none;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:14px;color:#6B6585;box-shadow:inset 0 0 0 1.8px #B8B1C9;background:#fff}
.xa .w20 .r1 .one.on{color:#fff;background:#7C3AED;box-shadow:none}
.xa .w20 .r2{display:flex;align-items:center;justify-content:space-between;margin-top:8px}
.xa .w20 .r2 button{width:46px;height:46px;border-radius:50%;display:grid;place-items:center}
.xa .w20 .r2 #xaRecX{background:#FFF1F3}.xa .w20 .r2 .pz{background:#fff;box-shadow:inset 0 0 0 2.2px #E11D48}.xa .w20 .r2 #xaRecS{background:linear-gradient(145deg,#9635F5,#6328F5);box-shadow:0 4px 12px rgba(99,40,245,.3)}
.xa .xa-lock.l20{left:auto!important;right:24px;bottom:96px;transition:transform .05s}
.xa .w20 .bin{position:absolute;left:14px;top:50%;margin-top:-12px;line-height:0;opacity:0;transform:translateY(14px)}
.xa .w20.cx .bin{animation:w20bin .75s ease forwards}.xa .w20.cx .rm{animation:w20drop .6s cubic-bezier(.5,0,.75,0) forwards}.xa .w20.cx b,.xa .w20.cx .sl{opacity:0}
@keyframes w20b{50%{opacity:.25}}
@keyframes w20drop{0%{transform:none}40%{transform:translateY(-34px) rotate(-30deg)}100%{transform:translateY(4px) scale(.4);opacity:0}}
@keyframes w20bin{0%{opacity:0;transform:translateY(14px)}30%{opacity:1;transform:none}75%{opacity:1;transform:none}100%{opacity:0;transform:translateY(14px)}}
.xa .one20{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;font-size:10.5px;font-weight:800;background:#7C3AED;color:#fff;margin:0 4px;vertical-align:middle}
.xa .tq-th .one20{background:#fff;color:#7C3AED;box-shadow:inset 0 0 0 1.5px #7C3AED}
.xa .one20.dn{background:#E5E1EE;color:#8A8499;box-shadow:none}

.g17 .zh small{margin-right:auto;font-size:11.5px;color:#8A8499;font-weight:600}
.g17 .g20nc{display:block;width:100%;margin-top:9px;height:46px;border-radius:23px;background:#fff;color:#5B21B6;font-weight:800;font-size:15px;box-shadow:inset 0 0 0 1.5px #DCCFFB}
.g20ok{width:min(92vw,400px);margin-top:16px;background:rgba(255,255,255,.98);border-radius:28px;padding:18px 15px 10px;color:#1c1830;box-shadow:0 16px 44px rgba(0,0,0,.35);text-align:center;animation:gpop .45s cubic-bezier(.3,1.4,.5,1)}
.g20ok .c{width:54px;height:54px;border-radius:50%;margin:0 auto;background:#DCFCE7;display:grid;place-items:center;font-size:26px;color:#15803D;font-weight:900}
.g20ok h5{font-size:18px;margin:8px 0 0;color:#15803D}.g20ok p{font-size:13px;color:#6B6585;margin:3px 0 0}
.g20ok .mini{display:flex;align-items:center;gap:10px;margin-top:12px;background:#F4F0FD;border-radius:18px;padding:8px;text-align:right}.g20ok .mini img{width:46px;height:44px;border-radius:12px;object-fit:cover}.g20ok .mini div{flex:1;min-width:0}.g20ok .mini b{font-size:14px;display:block}.g20ok .mini small{font-size:12px;color:#6B6585;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.g20ok .wt{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;margin-top:12px;height:50px;border-radius:25px;font-weight:800;font-size:16px;color:#fff;background:linear-gradient(135deg,#8B5CF6,#5B21B6);box-shadow:0 8px 20px rgba(91,33,182,.35)}
.g20ok .wt i{width:28px;height:28px;border-radius:50%;background:#fff;display:grid;place-items:center;font-style:normal}
.g20ok .cl{display:block;width:100%;margin-top:4px;padding:10px;font-size:14px;font-weight:700;color:#6B6585}
.g20v{display:flex;flex-direction:column;align-items:center;text-align:center}.g20v .who{display:flex;align-items:center;gap:8px;margin-top:6px;font-size:15px;font-weight:700}.g20v .who img{width:30px;height:30px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px #fff}
.g20v .cm{margin-top:14px;max-width:min(86vw,360px);background:rgba(255,255,255,.96);color:#1c1830;border-radius:20px;padding:12px 14px;font-size:15.5px;line-height:1.6;box-shadow:0 10px 30px rgba(0,0,0,.3);animation:g20up .5s .5s both}
.g20v .cm .sv{display:flex;align-items:center;gap:8px;min-width:240px}.g20v .cm .sv .wave{flex:1;height:26px}
@keyframes g20up{from{opacity:0;transform:translateY(14px)}}
.gchip{cursor:pointer}

#q4up .s20{margin:16px 0 0;padding:0 0 4px;width:100%;text-align:right;animation:s20in .35s cubic-bezier(.2,.9,.25,1)}@keyframes s20in{from{opacity:0;transform:translateY(-8px)}}
#q4up .s20 .s20h{display:flex!important;align-items:center;justify-content:space-between;padding:0 2px 8px;position:static!important}#q4up .s20 .s20h b{font-size:15px;color:#1B1630}#q4up .s20 .s20h button{font-size:13px;color:#6D28D9;font-weight:700}
#q4up .s20 .rw{display:flex;gap:10px;overflow-x:auto;padding:2px 2px 8px;scroll-snap-type:x mandatory;scrollbar-width:none;direction:rtl}#q4up .s20 .rw::-webkit-scrollbar{display:none}
#q4up .s20 .cd{flex:none;width:132px;scroll-snap-align:start;background:#fff;border-radius:18px;box-shadow:0 4px 16px rgba(46,16,101,.09),inset 0 0 0 1px #EEE8FA;padding:14px 10px 10px;display:flex;flex-direction:column;align-items:center;gap:6px;position:relative}
#q4up .s20 .cd .x{position:absolute;top:6px;left:6px;width:22px;height:22px;border-radius:50%;font-size:11px;color:#8A8499;display:grid;place-items:center}
#q4up .s20 .cd .av{width:64px;height:64px;border-radius:50%;overflow:hidden;cursor:pointer;line-height:0}#q4up .s20 .cd .av img,#q4up .s20 .cd .av>*{width:64px!important;height:64px!important;border-radius:50%;object-fit:cover}
#q4up .s20 .cd b{font-size:13.5px;max-width:112px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}#q4up .s20 .cd small{font-size:11px;color:#8A8499;margin-top:-4px;max-width:112px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#q4up .s20 .cd .f{width:100%;height:32px;border-radius:12px;font-weight:800;font-size:13px;background:linear-gradient(135deg,#8B5CF6,#5B21B6);color:#fff}#q4up .s20 .cd .f.on{background:#F1EEF7;color:#5E5873}

#shs .zap.z20ok .zic{background:#DCFCE7!important}#shs .zap.z20ok{color:#15803D;font-weight:700}
#shs .zf.z20s .zp{box-shadow:0 0 0 2.5px #FCFBFF,0 0 0 4.5px #22C55E}#shs .zf.z20s b{color:#15803D;font-weight:700}
#shs .zf .z20t{position:absolute;left:-2px;bottom:-2px;width:22px;height:22px;border-radius:50%;background:#22C55E;display:grid;place-items:center;box-shadow:0 0 0 2.5px #FCFBFF}
#shs .zrp .zic.rp20{background:linear-gradient(135deg,#8B5CF6,#5B21B6)}
.z20pc{display:block;width:min(72vw,310px);border-radius:22px;box-shadow:0 14px 34px rgba(0,0,0,.35);pointer-events:none}
.s20lk{position:absolute;left:50%;bottom:118px;transform:translateX(-50%);z-index:6;display:flex;align-items:center;gap:7px;height:40px;padding:0 16px;border-radius:20px;background:rgba(255,255,255,.95);color:#5B21B6;font-weight:800;font-size:14px;box-shadow:0 8px 22px rgba(0,0,0,.3)}
#rp20s{position:fixed;inset:0;z-index:1190;background:rgba(20,10,40,.5);opacity:0;transition:opacity .22s}#rp20s.on{opacity:1}#rp20s[hidden],#rp20[hidden]{display:none}
#rp20{position:fixed;left:0;right:0;bottom:0;z-index:1191;background:#fff;border-radius:26px 26px 0 0;padding:10px 16px calc(14px + env(safe-area-inset-bottom,0px));box-shadow:0 -10px 30px rgba(0,0,0,.2);direction:rtl;text-align:right;transform:translateY(100%);transition:transform .3s cubic-bezier(.2,.9,.25,1),bottom .12s;max-height:88vh;overflow-y:auto;overscroll-behavior:contain}
#rp20.on{transform:none}#rp20.kb{border-radius:26px;padding-bottom:12px}
#rp20 .hdl{width:40px;height:5px;border-radius:3px;background:#DDD6EE;margin:0 auto 10px}
#rp20 .tt{display:flex;align-items:center;gap:6px;font-weight:800;font-size:17px;color:#1B1630}#rp20 .tt button{width:32px;height:32px;display:grid;place-items:center;border-radius:50%}
#rp20 .ur{display:flex;align-items:center;gap:10px;margin-top:12px}#rp20 .ur img{width:44px;height:44px;border-radius:50%;object-fit:cover}#rp20 .ur b{font-size:15px;display:block}
#rp20 .chip{display:inline-flex;align-items:center;gap:4px;margin-top:3px;background:#F1ECFB;color:#5B21B6;border-radius:12px;padding:3px 10px;font-size:12px;font-weight:700}
#rp20 textarea{display:block;width:100%;box-sizing:border-box;margin-top:10px;border:0;outline:0;resize:none;font:inherit;font-size:16.5px;line-height:1.6;color:#1B1630;min-height:52px;max-height:140px;background:none;padding:0}
#rp20 textarea::placeholder{color:#A49DB8}
#rp20 .q{margin-top:10px;border-radius:18px;background:#F8F6FD;box-shadow:inset 0 0 0 1.5px #E9E2F8;padding:10px 12px;cursor:pointer}
#rp20 .q .h{display:flex;align-items:center;gap:8px}#rp20 .q .h img,#rp20 .q .h .av>*{width:30px!important;height:30px!important;border-radius:50%;object-fit:cover}#rp20 .q .h b{font-size:13.5px;display:block}#rp20 .q .h small{font-size:11.5px;color:#8A8499;display:block}
#rp20 .q p{font-size:14px;margin:6px 0 0;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#rp20 .q .v{display:flex;align-items:center;gap:8px;height:40px;border-radius:20px;background:#EFE9FC;padding:0 8px 0 12px;margin-top:8px}#rp20 .q .v .wave{flex:1;height:20px}#rp20 .q .v .play{width:30px!important;height:30px!important}
#rp20 .q .im{display:block;width:100%;max-height:160px;object-fit:cover;border-radius:12px;margin-top:8px}
#rp20.kb .q p,#rp20.kb .q .v,#rp20.kb .q .im{display:none}#rp20.kb .q .h small{display:block}
#rp20 .mv{display:flex;align-items:center;gap:8px;height:46px;border-radius:23px;margin-top:10px;padding:0 6px 0 12px;background:linear-gradient(135deg,#8B5CF6,#5B21B6);color:#fff}#rp20 .mv[hidden]{display:none}
#rp20 .mv .rw{flex:1;display:flex;align-items:center;justify-content:center;gap:2.5px;height:28px;overflow:hidden}#rp20 .mv .rw i{width:3px;border-radius:2px;background:rgba(255,255,255,.9);transition:height .12s}#rp20 .mv b{font-size:13px;direction:ltr}#rp20 .mv button{width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.22);display:grid;place-items:center}
#rp20 .br{display:flex;align-items:center;gap:8px;margin-top:12px}#rp20 .br .ic{width:42px;height:42px;border-radius:50%;background:#F4F0FD;display:grid;place-items:center;font-size:19px}#rp20 .br .ic.v{background:linear-gradient(135deg,#8B5CF6,#5B21B6)}#rp20 .br .ic.v.on{background:#E11D48;animation:w20b 1s ease-in-out infinite}
#rp20 .br .go{margin-right:auto;height:44px;border-radius:22px;padding:0 22px;font-weight:800;font-size:15px;color:#fff;background:linear-gradient(135deg,#8B5CF6,#5B21B6);box-shadow:0 6px 16px rgba(91,33,182,.3)}

html,body{touch-action:manipulation}button,[role=button],a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.bnav.bnav.bnav{transition-duration:.16s!important}
.bnav>button{transition:transform .08s ease}.bnav>button.b21p{transform:scale(.9)}

#m17S .w21h{display:flex;align-items:baseline;justify-content:space-between;margin:0 6px}#m17S .w21h h3{margin:0}#m17S .w21h small{font-size:12px;color:#8A8499}
#m17S .w21{display:flex;flex-direction:column;min-height:372px;padding:0 4px}
#m17S .w21 .c19live{margin-top:14px}
#m17S .w21idle{display:flex;align-items:center;justify-content:center;gap:3px;height:54px;border-radius:27px;margin-top:14px;background:#F4F0FD;box-shadow:inset 0 0 0 1.5px #E6DCFB;overflow:hidden}#m17S .w21idle i{display:block;width:3px;border-radius:2px;background:#D9CCFA}
#m17S .w21tm{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:12px;font-size:26px;font-weight:800;color:#2B1260;direction:ltr}#m17S .w21tm.z{color:#A49DB8}
#m17S .w21tm small{font-size:13px;font-weight:600;color:#8A8499}#m17S .w21tm .dt{width:9px;height:9px;border-radius:50%;background:#EF4444}#m17S .w21tm .dt.p{background:#F59E0B}
#m17S .w21 .c19big{margin-top:24px}#m17S .w21 .c19lb{margin-top:28px}
#m17S .w21 .c19ch{margin-top:16px}#m17S .w21 .c19ch button{height:38px;padding:0 12px;font-size:13px}
#m17S .w21pv{display:flex;align-items:center;gap:10px;height:54px;border-radius:27px;padding:0 8px 0 14px;margin-top:14px;background:linear-gradient(135deg,#8B5CF6,#5B21B6);direction:ltr}
#m17S .w21pv .t{color:#fff;font-weight:700;font-size:14px;min-width:34px}
#m17S .w21pv .wv{flex:1;display:flex;align-items:center;justify-content:center;gap:2.5px;height:30px;overflow:hidden}#m17S .w21pv .wv i{display:block;width:3px;border-radius:2px;background:rgba(255,255,255,.42)}#m17S .w21pv .wv i.on{background:#fff}
#m17S .w21pv .pl{flex:none;width:38px;height:38px;border-radius:50%;background:#fff;display:grid;place-items:center}
#m17S .w21 .c19ok{margin-top:12px}
#m17S .w21sv{display:block;width:100%;margin-top:auto;border-radius:18px;padding:14px;font-size:15px;font-weight:800;color:#fff;background:linear-gradient(135deg,#8B5CF6,#5B21B6);box-shadow:0 8px 18px rgba(91,33,182,.3)}
#m17S .w21sv.off{opacity:.45;box-shadow:none}
#m17S .w21sp{flex:1;min-height:16px}
#m17S .w21 .c19tr{box-shadow:none;padding:4px 0 0;margin-top:6px}

#rp20 .mv.r22{direction:ltr;gap:8px;padding:0 6px}#rp20 .mv.r22 .pw{flex:none;width:34px;height:34px;border-radius:50%;background:#fff;display:grid;place-items:center}
#rp20 .mv.r22 .pw .dt{width:10px;height:10px;border-radius:50%;background:#EF4444;animation:c19b 1s ease-in-out infinite}
#rp20 .mv.r22 .rw{flex:1;display:flex;align-items:center;justify-content:center;gap:2.5px;height:28px;overflow:hidden}#rp20 .mv.r22 .rw i{display:block;flex:none;width:3px;border-radius:2px;background:rgba(255,255,255,.95)}
#rp20 .mv.r22.pz .rw i{background:rgba(255,255,255,.5)}#rp20 .mv.r22 .rw i.off{background:rgba(255,255,255,.42)}
#rp20 .mv.r22 b{font-size:14px;font-weight:800;padding-right:4px;white-space:nowrap}#rp20 .mv.r22 b small{font-size:11px;font-weight:600;opacity:.85;margin-left:4px}
#rp20 .mv.r22 .sq{flex:none;width:32px;height:32px;border-radius:50%;background:#fff;display:grid;place-items:center}
#rp20 .r22c{display:flex;justify-content:center;gap:6px;margin-top:8px}
#rp20 .r22c button{display:flex;align-items:center;gap:5px;height:32px;padding:0 11px;border-radius:16px;background:#fff;box-shadow:inset 0 0 0 1.5px #EDE7FB;font-size:12.5px;font-weight:700;color:#3B2A63}
#rp20 .r22c .cut{box-shadow:inset 0 0 0 1.5px #C4B5FD;color:#5B21B6}#rp20 .r22c .dn{color:#DC2626}#rp20 .r22c svg{width:15px;height:15px}
#rp20 .go.r22off{opacity:.45}#rp20 .r22t .c19tr{box-shadow:none;padding:6px 0 0;margin-top:6px}

#q4st .q4-stft.s16f.s16f{position:absolute!important;left:10px!important;right:10px!important;bottom:calc(14px + env(safe-area-inset-bottom,0px))!important;top:auto!important;height:auto!important;margin:0!important;
 padding:6px!important;gap:6px!important;border-radius:32px;background:rgba(20,10,45,.55)!important;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.35),0 10px 30px rgba(0,0,0,.3)!important;direction:rtl;display:flex!important;align-items:center;z-index:8}
#q4st .q4-stft.s16f .s16-ic{order:1}#q4st .q4-stft.s16f .q4-stlk{order:2}#q4st .q4-stft.s16f .s22sh{order:3}#q4st .q4-stft.s16f .s16-in{order:4}
#q4st .q4-stft.s16f .s16-in.s16-in{flex:1;height:46px!important;border-radius:23px!important;background:rgba(255,255,255,.14)!important;box-shadow:none!important;color:rgba(255,255,255,.88)!important;font-size:14.5px;text-align:right;padding:0 16px!important;margin-right:4px}
#q4st .q4-stft.s16f .s16-ic.s16-ic,#q4st .q4-stft.s16f .q4-stlk,#q4st .q4-stft.s16f .s22sh{flex:none;width:42px!important;height:46px!important;border-radius:0!important;background:none!important;box-shadow:none!important;display:grid;place-items:center}
#q4st .q4-stft.s16f .s16-ic svg{width:27px!important;height:27px!important;stroke:#A78BFA!important;stroke-width:2.1}
#q4st .q4-stft.s16f .q4-stlk svg{width:27px!important;height:27px!important}
#q4st.st17 .z17b{bottom:0!important;border-radius:0!important}#q4st.st17{background:#000!important}
#q4st .s22a{font-style:normal;font-size:12px;opacity:.85;margin:0 4px;white-space:nowrap}

.z22mv .z-top,.z22mv .z-tools,.z22mv .z-bot,.z22mv .z17t,.z22mv [class*="z17"]:not(.z17b):not(.z-st){opacity:0!important;pointer-events:none!important;transition:opacity .12s}
.z-top,.z-tools,.z-bot{transition:opacity .15s}
.z22g{position:absolute;z-index:4;pointer-events:none;background:rgba(255,255,255,.85);display:none}.z22g.v{left:50%;top:0;bottom:0;width:1.5px;margin-left:-.75px}.z22g.h{top:50%;left:0;right:0;height:1.5px;margin-top:-.75px}.z22g.on{display:block}
.z-el.z22a{transition:none!important;will-change:left,top,transform}
.z20pc{border-radius:16px;box-shadow:0 14px 40px rgba(0,0,0,.35)}

#m17S .c22h{display:flex;align-items:center;gap:10px;margin:0 6px 12px}#m17S .c22h h3{margin:0;flex:1}
#m17S .c22r{display:flex;align-items:center;gap:12px;width:100%;padding:13px 10px;border-radius:16px;text-align:right;font-size:15px;font-weight:700;color:#16132A}#m17S .c22r:active{background:#F4F0FD}
#m17S .c22r .ic{flex:none;width:40px;height:40px;border-radius:12px;background:#F4F0FD;display:grid;place-items:center}#m17S .c22r.dn{color:#C81E3A}#m17S .c22r.dn .ic{background:#FEF2F2}
#m17S .c22r span{flex:1}#m17S .c22r small{display:block;font-size:12px;color:#8A8499;font-weight:500;margin-top:2px}#m17S .c22r>svg{opacity:.5}
#m17S .c22pv{display:flex;align-items:center;gap:12px;padding:10px;border-radius:18px;background:#F8F6FD;box-shadow:inset 0 0 0 1.5px #EDE7FB;margin:0 4px 12px}#m17S .c22pv img,#m17S .c22pv .g{width:52px;height:52px;border-radius:14px;object-fit:cover;flex:none}#m17S .c22pv b{display:block;font-size:15px}#m17S .c22pv small{font-size:12px;color:#8A8499}
#m17S .c22pp{display:flex;gap:12px;overflow-x:auto;padding:4px 4px 10px;scrollbar-width:none}#m17S .c22pp::-webkit-scrollbar{display:none}
#m17S .c22pp button{flex:none;width:66px;display:flex;flex-direction:column;align-items:center;gap:5px;font-size:11.5px;font-weight:600;color:#3B2A63}#m17S .c22pp .av{position:relative;width:54px;height:54px;border-radius:50%;overflow:hidden;display:block}#m17S .c22pp .av img{width:100%;height:100%;object-fit:cover}
#m17S .c22pp .ok{position:absolute;inset:0;background:rgba(91,33,182,.7);display:none;place-items:center}#m17S .c22pp button.on .ok{display:grid}
#m17S .c22btn{display:block;width:100%;margin-top:12px;border-radius:18px;padding:14px;font-size:15px;font-weight:800;color:#fff;background:linear-gradient(135deg,#8B5CF6,#5B21B6)}#m17S .c22btn.red{background:linear-gradient(135deg,#EF4444,#B91C1C)}#m17S .c22btn[disabled]{opacity:.45}
#m17S .c22o{display:flex;align-items:center;gap:10px;width:100%;padding:12px;border-radius:14px;font-size:14.5px;font-weight:600;color:#16132A;text-align:right}#m17S .c22o i{flex:none;width:20px;height:20px;border-radius:50%;box-shadow:inset 0 0 0 2px #C4B5FD}#m17S .c22o.on i{box-shadow:inset 0 0 0 6px #7C3AED}#m17S .c22o.on{background:#F4F0FD}
#m17S .c22tg{display:flex;align-items:center;gap:12px;padding:12px 10px}#m17S .c22tg span{flex:1;font-size:15px;font-weight:700}#m17S .c22tg small{display:block;font-size:12px;color:#8A8499;font-weight:500}
#m17S .c22sw{flex:none;width:48px;height:28px;border-radius:14px;background:#DDD6EE;position:relative;transition:background .15s}#m17S .c22sw::after{content:"";position:absolute;top:3px;right:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.2);transition:right .15s}
#m17S .c22sw.on{background:#7C3AED}#m17S .c22sw.on::after{right:23px}
#m17S .c22seg{display:flex;gap:6px;padding:4px 10px 10px}#m17S .c22seg button{flex:1;padding:9px 4px;border-radius:12px;background:#F4F0FD;font-size:12.5px;font-weight:700;color:#5B21B6}#m17S .c22seg button.on{background:#7C3AED;color:#fff}
#m17S .c22done{text-align:center;padding:18px 10px 6px}#m17S .c22done .b{width:64px;height:64px;border-radius:50%;margin:0 auto 12px;background:#EDE7FB;display:grid;place-items:center}#m17S .c22done b{display:block;font-size:17px}#m17S .c22done p{color:#6B6585;font-size:13.5px;margin:6px 0 0}
#m17S .c22w{min-height:260px}

.bnav.bnav>button.on{background:transparent!important}.bnav.bnav.bnav.k18d>button.on{background:transparent!important}
.bnav>button{position:relative;z-index:1}
.bnav .b23i{position:absolute;inset:0;border-radius:inherit;background:rgba(120,120,128,.16);pointer-events:none;z-index:-1;transition:transform .26s cubic-bezier(.3,.9,.3,1);will-change:transform}
.bnav.k18d .b23i{background:rgba(255,255,255,.16)}

.z23v{width:calc(100vw / .88 - 36px);max-width:440px;display:flex;flex-direction:column;align-items:center;color:#16132A}
.z23v .bar{width:100%;height:54px;border-radius:27px;display:flex;align-items:center;gap:8px;padding:0 8px;direction:ltr}
.z23v .bar.idle{justify-content:center;gap:3px;background:#fff;box-shadow:inset 0 0 0 1.5px #E6DCFB}.z23v .bar i{display:block;width:3px;border-radius:2px;flex:none}
.z23v .bar.live{background:linear-gradient(135deg,#8B5CF6,#5B21B6);color:#fff}.z23v .bar .pw{flex:none;width:38px;height:38px;border-radius:50%;background:#fff;display:grid;place-items:center}
.z23v .bar .rd{width:11px;height:11px;border-radius:50%;background:#EF4444;animation:c19b 1s ease-in-out infinite}
.z23v .bar .w{flex:1;display:flex;align-items:center;justify-content:center;gap:2.5px;height:30px;overflow:hidden}.z23v .bar .w i{background:rgba(255,255,255,.95);transition:height .12s}.z23v .bar.pz .w i{background:rgba(255,255,255,.5)}.z23v .bar .w i.off{background:rgba(255,255,255,.42)}
.z23v .bar b{font-size:14px;padding-right:8px;white-space:nowrap;font-weight:800}.z23v .bar b small{font-size:11px;opacity:.85;font-weight:600;margin-left:4px}
.z23v .tm{display:flex;align-items:center;gap:7px;margin-top:10px;font-size:22px;font-weight:800;color:#2B1260;direction:ltr}.z23v .tm small{font-size:13px;color:#8A8499;font-weight:600}.z23v .tm .dt{width:9px;height:9px;border-radius:50%;background:#EF4444}.z23v .tm .dt.p{background:#7C3AED}
.z23v .ch{display:flex;gap:7px;margin-top:12px;flex-wrap:wrap;justify-content:center}.z23v .ch button{display:flex;align-items:center;gap:5px;height:36px;padding:0 12px;border-radius:18px;background:#fff;box-shadow:0 3px 10px rgba(46,16,101,.08),inset 0 0 0 1.5px #EDE7FB;font-size:13px;font-weight:700;color:#3B2A63}
.z23v .ch .cut{box-shadow:inset 0 0 0 2px #C4B5FD;color:#5B21B6}.z23v .ch .dn{color:#DC2626}.z23v .ch svg{width:15px;height:15px}
.z23v .enh{margin-top:10px;min-height:38px;padding:0 15px;border-radius:19px;font-weight:700;font-size:13px;background:#fff;color:#5B21B6}.z23v .enh.on{background:#7C3AED;color:#fff}
.z23v .c19tr{width:100%;margin-top:6px}
.z23row{display:flex!important;align-items:center;justify-content:center!important;gap:26px}.z23row .sp{width:96px;display:flex;justify-content:center}
.z23row .big{width:78px;height:78px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#8B5CF6,#5B21B6);box-shadow:0 0 0 5px #fff,0 10px 26px rgba(91,33,182,.4)}.z23row .big.rec{background:#EF4444;box-shadow:0 0 0 5px #fff,0 10px 26px rgba(239,68,68,.4)}
.z23row .nx{padding:11px 16px;border-radius:22px;background:#fff;color:#16132A;font-weight:800;font-size:14px}
.z23lb{text-align:center;font-size:12.5px;color:#4C4466;font-weight:600;margin:8px 0 0;min-height:16px}
.z23ring{position:relative}.z23ring::before,.z23ring::after{content:"";position:absolute;inset:-14px;border-radius:inherit;border:3px solid rgba(139,92,246,.35);animation:c19r 1.5s ease-out infinite;pointer-events:none}.z23ring::after{inset:-28px;border-color:rgba(139,92,246,.16);animation-delay:.3s}

#z23T{position:absolute;inset:0;z-index:40;background:rgba(10,6,24,.55);display:flex;flex-direction:column;touch-action:none}
#z23T .hd{position:absolute;top:calc(12px + env(safe-area-inset-top,0px));left:12px;right:12px;display:flex;align-items:center;gap:10px;direction:ltr}
#z23T .hd .tb{width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.16);display:grid;place-items:center;color:#fff;font-weight:900;font-size:17px}
#z23T .hd .tb.on{background:#fff;color:#16132A}#z23T .hd .sp{flex:1}
#z23T .hd .ok{height:40px;padding:0 18px;border-radius:20px;background:#fff;color:#16132A;font-weight:800;font-size:15px}
#z23T .cw{width:26px;height:26px;border-radius:50%;background:conic-gradient(#EF4444,#F59E0B,#FDE047,#22C55E,#0EA5E9,#7C3AED,#EC4899,#EF4444);box-shadow:0 0 0 2px #fff}
#z23T .mid{flex:1;display:flex;align-items:center;justify-content:center;padding:70px 56px 0}
#z23T .ed{min-width:30px;max-width:100%;outline:none;caret-color:#fff;white-space:pre-wrap;word-break:break-word;line-height:1.3;padding:6px 12px;border-radius:12px;font-size:27px;text-align:center}
#z23T .ed:empty::before{content:attr(data-ph);opacity:.55}
#z23T .sz{position:absolute;left:10px;top:120px;height:220px;width:40px;display:flex;align-items:center;justify-content:center}
#z23T .sz input{-webkit-appearance:none;appearance:none;width:200px;height:28px;background:transparent;transform:rotate(-90deg)}
#z23T .sz input::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:linear-gradient(90deg,rgba(255,255,255,.35),#fff)}
#z23T .sz input::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:#fff;margin-top:-9px;box-shadow:0 2px 6px rgba(0,0,0,.3)}
#z23T .kb{position:absolute;left:0;right:0;bottom:0;padding:8px 0 10px}
#z23T .row{display:flex;gap:8px;overflow-x:auto;padding:4px 12px;scrollbar-width:none;direction:rtl}#z23T .row::-webkit-scrollbar{display:none}
#z23T .fo{flex:none;height:36px;padding:0 15px;border-radius:18px;background:rgba(255,255,255,.18);color:#fff;font-size:14px}#z23T .fo.on{background:#fff;color:#16132A}
#z23T .co{flex:none;width:30px;height:30px;border-radius:50%;box-shadow:inset 0 0 0 2.5px #fff}#z23T .co.on{transform:scale(1.18);box-shadow:inset 0 0 0 3px #fff,0 0 0 2px rgba(255,255,255,.5)}
.z-el.z23h{opacity:0!important}
#syc:has(#z23T) .z-tools,#syc:has(#z23T) .z-top,#syc:has(#z23T) .z-bot,#syc:has(#z23T) .z-sel{visibility:hidden!important}

.z23pk{display:flex;gap:8px;justify-content:center;margin-top:10px}.z23pk button{height:34px;padding:0 13px;border-radius:17px;background:rgba(255,255,255,.16);color:#fff;font-size:13px;font-weight:700}.z23pk button.on{background:#fff;color:#16132A}

.z23fx{position:absolute;left:0;right:0;top:24%;text-align:center;z-index:60;pointer-events:none;color:#fff;font-size:30px;font-weight:800;text-shadow:0 2px 14px rgba(0,0,0,.5);opacity:0;transition:opacity .25s}.z23fx.on{opacity:1}
.z23fx small{display:block;font-size:13px;font-weight:600;opacity:.85;margin-top:4px}

html,body{overflow:hidden!important;height:100%!important;overscroll-behavior:none}
#vm{position:fixed;inset:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;z-index:auto}
html.lock #vm{overflow:hidden!important}


#s4{position:fixed;inset:0;max-width:489px;margin:0 auto;z-index:100040;background:#000;color:#fff;font-family:-apple-system,"SF Arabic","Geeza Pro",Tahoma,sans-serif;overflow:hidden;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
#s4[hidden]{display:none}:where(#s4) button{font:inherit;color:inherit;border:0;background:none;padding:0;cursor:pointer;touch-action:manipulation}
#s4 .s4_ic{display:grid;place-items:center}
.s4-stage{position:absolute;left:0;right:0;top:env(safe-area-inset-top,0px);bottom:calc(84px + env(safe-area-inset-bottom,0px));border-radius:22px;overflow:hidden;background:#120A24}
.s4-bg{position:absolute;inset:0;background:#120A24 center/cover no-repeat}.s4-bg img{width:100%;height:100%;object-fit:cover;display:block}
.s4-vid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.s4-vid.s4_m{transform:scaleX(-1)}
.s4-dc{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:3}
.s4-items{position:absolute;inset:0;z-index:4;pointer-events:none}.s4-it{pointer-events:auto}.s4-drawing .s4-it{pointer-events:none}
.s4-it{position:absolute;left:0;top:0;transform-origin:center;touch-action:none;max-width:86%;will-change:transform}
.s4-it .s4_tx{white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere;display:inline-block}
.s4-it.s4_men{background:#fff;color:#7C3AED;font-weight:900;font-size:17px;padding:7px 14px;border-radius:12px;box-shadow:0 6px 16px rgba(0,0,0,.25);direction:rtl;white-space:nowrap}
.s4-it.s4_mus{display:flex;align-items:center;gap:9px;padding:6px 14px 6px 6px;border-radius:18px;background:rgba(20,12,40,.55);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.22);direction:rtl;white-space:nowrap}
.s4-it.s4_mus img{width:40px;height:40px;border-radius:10px;object-fit:cover}.s4-it.s4_mus b{font-size:13.5px}.s4-it.s4_mus small{display:block;font-size:11px;opacity:.75}
.s4-eq{display:flex;gap:2px;align-items:flex-end;height:14px}.s4-eq i{width:3px;background:#C4B5FD;border-radius:2px;animation:s4eq .9s ease-in-out infinite}.s4-eq i:nth-child(2){animation-delay:.2s}.s4-eq i:nth-child(3){animation-delay:.4s}
@keyframes s4eq{0%,100%{height:4px}50%{height:14px}}
.an-pulse{animation:s4pulse 1.2s ease-in-out infinite}@keyframes s4pulse{50%{transform:scale(1.07)}}
.an-wave{animation:s4wave 1.6s ease-in-out infinite}@keyframes s4wave{0%,100%{transform:translateY(0) rotate(0)}25%{transform:translateY(-4px) rotate(-2deg)}75%{transform:translateY(4px) rotate(2deg)}}
.an-glow{animation:s4glow 1.4s ease-in-out infinite}@keyframes s4glow{50%{filter:brightness(1.35) drop-shadow(0 0 10px rgba(255,255,255,.7))}}
.an-type{animation:s4type 1.6s steps(12) infinite}@keyframes s4type{0%{clip-path:inset(0 0 0 100%)}70%,100%{clip-path:inset(0 0 0 0)}}
.s4-trash{position:absolute;left:50%;bottom:24px;transform:translateX(-50%) scale(.85);width:56px;height:56px;border-radius:50%;background:rgba(0,0,0,.45);border:1.5px solid rgba(255,255,255,.6);display:none;place-items:center;z-index:8;transition:transform .15s,background .15s}
.s4-trash.on{display:grid}.s4-trash.hot{background:#EF4444;transform:translateX(-50%) scale(1.1)}
.s4-ui{position:absolute;inset:0;z-index:10;pointer-events:none}.s4-ui>*{pointer-events:auto}
.s4-glass{background:rgba(20,14,40,.45);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.16)}
.s4-tg{position:absolute;top:calc(14px + env(safe-area-inset-top,0px));left:50%;transform:translateX(-50%);display:flex;gap:4px;border-radius:18px;padding:4px;direction:rtl;z-index:12}
.s4-tg button{font-size:12.5px;padding:6px 14px;border-radius:14px;font-weight:700;color:rgba(255,255,255,.85);display:flex;align-items:center;gap:5px}.s4-tg button.on{background:#fff;color:#14121F;font-weight:800}
.s4-tg.s4_lt{background:rgba(255,255,255,.75);border-color:#E4DCF8}.s4-tg.s4_lt button{color:#14121F}.s4-tg.s4_lt button.on{background:#7C3AED;color:#fff}
.s4-tb{position:absolute;top:calc(12px + env(safe-area-inset-top,0px));left:12px;right:12px;height:50px;border-radius:25px;display:flex;align-items:center;justify-content:space-between;padding:0 8px;direction:ltr}
.s4-tb.s4_lt{background:rgba(255,255,255,.7);border-color:#E4DCF8}
.s4-rb{width:40px;height:40px;border-radius:50%;display:grid;place-items:center}.s4-rb.s4_dk{background:rgba(0,0,0,.35)}
.s4-side{position:absolute;right:12px;top:calc(80px + env(safe-area-inset-top,0px));display:flex;flex-direction:column;gap:18px;align-items:flex-end}
.s4-side button{display:flex;gap:12px;align-items:center;flex-direction:row-reverse;font-size:14px;font-weight:700;text-shadow:0 1px 4px rgba(0,0,0,.5)}.s4-side button .s4_ic{width:40px;height:40px}.s4-side button.on .s4_ic{background:#fff;border-radius:50%}
.s4-side.s4_mini button span:not(.s4_ic){display:none}
.s4-zoom{position:absolute;left:50%;transform:translateX(-50%);bottom:calc(196px + env(safe-area-inset-bottom,0px));display:flex;gap:6px;background:rgba(0,0,0,.35);padding:4px;border-radius:18px;direction:ltr}
.s4-zoom button{min-width:34px;height:28px;border-radius:14px;font-size:11.5px;font-weight:700}.s4-zoom button.on{background:rgba(255,255,255,.25);color:#FDE68A}
.s4-shot{position:absolute;left:50%;transform:translateX(-50%);bottom:calc(100px + env(safe-area-inset-bottom,0px));width:80px;height:80px;border-radius:50%;border:5px solid #fff;display:grid;place-items:center}
.s4-shot i{width:64px;height:64px;border-radius:50%;background:rgba(255,255,255,.92);display:grid;place-items:center}.s4-shot:active i{transform:scale(.92)}
.s4-gal{position:absolute;left:30px;bottom:calc(116px + env(safe-area-inset-bottom,0px));width:46px;height:46px;border-radius:12px;overflow:hidden;border:2px solid #fff}.s4-gal img{width:100%;height:100%;object-fit:cover}
.s4-flip{position:absolute;right:30px;bottom:calc(116px + env(safe-area-inset-bottom,0px));width:46px;height:46px;border-radius:50%;background:rgba(0,0,0,.4);display:grid;place-items:center}
.s4-bot{position:absolute;left:0;right:0;bottom:0;height:calc(84px + env(safe-area-inset-bottom,0px));padding:12px 14px env(safe-area-inset-bottom,0px);display:flex;align-items:flex-start;gap:8px}
.s4-story{flex:1;height:52px;border-radius:26px;background:#fff;color:#14121F;display:flex;align-items:center;justify-content:center;gap:10px;font-weight:800;font-size:15px;direction:rtl}.s4-story img{width:34px;height:34px;border-radius:50%;border:2.5px solid #A78BFA}
.s4-pub{flex:1;height:62px;border-radius:31px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);display:flex;align-items:center;padding:5px;gap:6px;direction:ltr;margin-top:-4px}
.s4-pub .s4_ch{flex:1;height:50px;border-radius:25px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);display:flex;align-items:center;gap:8px;padding:0 5px;font-weight:800;font-size:13.5px;direction:rtl;justify-content:flex-end;color:rgba(255,255,255,.8)}
.s4-pub .s4_ch.on{background:rgba(255,255,255,.18);color:#fff}.s4-pub .s4_ch img,.s4-pub .s4_ch .s4_st{width:38px;height:38px;border-radius:50%;flex:none}.s4-pub .s4_ch img{border:2px solid rgba(255,255,255,.7);object-fit:cover}
.s4-pub .s4_ch .s4_st{background:rgba(34,197,94,.22);border:2px solid rgba(134,239,172,.6);color:#86EFAC;display:grid;place-items:center;font-size:15px}
.s4-pub .s4_go{width:50px;height:50px;border-radius:50%;background:#7C3AED;border:1px solid rgba(255,255,255,.18);display:grid;place-items:center;flex:none}
.s4-hint{position:absolute;top:44%;left:0;right:0;text-align:center;font-size:28px;font-weight:700;opacity:.65;pointer-events:none;direction:rtl}
.s4-cap{position:absolute;right:12px;top:calc(70px + env(safe-area-inset-top,0px));display:flex;flex-direction:column;align-items:flex-end;direction:ltr}
.s4-cap .s4_bgp{position:absolute;right:0;top:0;bottom:0;width:56px;border-radius:28px}
.s4-cap .s4_col{position:relative;padding:6px;display:flex;flex-direction:column;gap:6px}
.s4-cap button{display:flex;align-items:center;gap:10px;justify-content:flex-end;font-size:13px;font-weight:800}.s4-cap button>span:first-child{text-shadow:0 1px 6px rgba(0,0,0,.7)}
.s4-cap button .s4_ic{width:44px;height:44px;border-radius:50%;flex:none}.s4-cap button.s4_mo .s4_ic{background:rgba(255,255,255,.22)}.s4-cap button.s4_dlb .s4_ic{background:rgba(124,58,237,.6)}
.s4-x{position:absolute;top:calc(16px + env(safe-area-inset-top,0px));left:14px;width:40px;height:40px;border-radius:50%;background:rgba(0,0,0,.35);display:grid;place-items:center;z-index:12}
/* layout */
.s4-cells{position:absolute;inset:0}.s4-cell{position:absolute;overflow:hidden;background:linear-gradient(160deg,#2a2236,#141019);box-shadow:inset 0 0 0 .5px rgba(255,255,255,.35)}.s4-cell img{width:100%;height:100%;object-fit:cover}.s4-cell.s4_cur{box-shadow:inset 0 0 0 3px #A78BFA}
.s4-lyb{position:absolute;left:16px;top:calc(250px + env(safe-area-inset-top,0px));width:56px;height:56px;border-radius:50%;background:rgba(60,55,70,.85);display:grid;place-items:center}
.s4-lyb .s4_xx{position:absolute;right:-3px;bottom:-3px;width:20px;height:20px;border-radius:50%;background:#7C3AED;border:2px solid #fff;display:grid;place-items:center}
.s4-lyp{position:absolute;left:14px;top:calc(320px + env(safe-area-inset-top,0px));width:120px;padding:8px;border-radius:24px;background:rgba(80,75,90,.85);display:grid;grid-template-columns:1fr 1fr;gap:6px;justify-items:center}
.s4-lyp button{width:48px;height:48px;border-radius:50%;display:grid;place-items:center}.s4-lyp button.on{background:#fff}
.s4-lyl{position:absolute;left:0;right:0;bottom:22px;text-align:center;font-weight:800;font-size:14px}.s4-lyl:after{content:"";display:block;width:6px;height:6px;border-radius:50%;background:#A78BFA;margin:6px auto 0}
/* sheets */
.s4-sh{position:absolute;left:0;right:0;bottom:0;z-index:30;border-radius:26px 26px 0 0;background:rgba(25,18,45,.66);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-top:1px solid rgba(255,255,255,.2);padding:10px 0 calc(14px + env(safe-area-inset-bottom,0px));max-height:76%;display:flex;flex-direction:column;animation:s4up .24s cubic-bezier(.2,.8,.2,1)}
.s4-sh.s4_lt{background:#fff;color:#14121F;border:0}
@keyframes s4up{from{transform:translateY(100%)}to{transform:none}}
.s4-scrim{position:absolute;inset:0;z-index:29;background:rgba(0,0,0,.3)}
.s4-grab{width:44px;height:5px;border-radius:3px;background:rgba(255,255,255,.4);margin:0 auto 10px;flex:none}.s4-sh.s4_lt .s4-grab{background:#DDD8EA}
.s4-srch{margin:0 14px;height:42px;border-radius:21px;background:rgba(255,255,255,.1);display:flex;align-items:center;gap:8px;padding:0 14px;direction:rtl;flex:none}
.s4-srch input{flex:1;background:none;border:0;outline:none;color:#fff;font:inherit;font-size:16px;direction:rtl}.s4-srch input::placeholder{color:rgba(255,255,255,.6)}
.s4-tabs{display:flex;gap:6px;padding:12px 14px 6px;direction:rtl;overflow-x:auto;scrollbar-width:none;flex:none}.s4-tabs button{flex:none;padding:7px 13px;border-radius:14px;font-size:13px;font-weight:800;background:rgba(255,255,255,.1)}.s4-tabs button.on{background:#fff;color:#14121F}
.s4-scr{overflow-y:auto;flex:1;min-height:0;-webkit-overflow-scrolling:touch}
.s4-row{display:flex;align-items:center;gap:12px;padding:8px 14px;direction:rtl;text-align:right}.s4-row img{width:48px;height:48px;border-radius:10px;object-fit:cover;flex:none}.s4-row .s4_t{flex:1;min-width:0}.s4-row .s4_t b{display:block;font-size:14.5px}.s4-row .s4_t small{font-size:12px;opacity:.6}
.s4-cards{display:flex;gap:10px;padding:6px 14px;direction:rtl;overflow-x:auto;scrollbar-width:none}.s4-card{flex:none;width:122px;text-align:right}.s4-card .s4_cv{width:122px;height:122px;border-radius:18px;overflow:hidden;position:relative}.s4-card .s4_cv img{width:100%;height:100%;object-fit:cover}
.s4-card.on .s4_cv{box-shadow:0 0 0 3px #A78BFA}.s4-card b{display:block;font-size:12.5px;margin-top:6px}.s4-card small{font-size:11px;opacity:.6}.s4-card.on b{color:#C4B5FD}
.s4-card .s4_pp{position:absolute;left:8px;bottom:8px;width:30px;height:30px;border-radius:50%;background:rgba(124,58,237,.9);display:grid;place-items:center}
.s4-card.on .s4_pp{width:auto;padding:0 9px;border-radius:15px;background:#7C3AED}
.s4-player{margin:8px 10px 0;border-radius:24px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);padding:10px;direction:rtl;flex:none}
.s4-player .s4_top{display:flex;align-items:center;gap:10px}.s4-player img{width:46px;height:46px;border-radius:12px;object-fit:cover}.s4-player .s4_t{flex:1;min-width:0}.s4-player .s4_t b{display:block;font-size:14px}.s4-player .s4_t small{font-size:11.5px;opacity:.7}
.s4-player .s4_pz{width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.15);display:grid;place-items:center}.s4-player .s4_use{height:40px;padding:0 16px;border-radius:20px;background:#7C3AED;font-weight:900;font-size:14px}
.s4-prog{display:flex;align-items:center;gap:8px;margin-top:10px;direction:ltr}.s4-prog span{font-size:11px;opacity:.8;font-variant-numeric:tabular-nums}
.s4-prog .s4_bw{flex:1;position:relative;display:flex;align-items:center;justify-content:space-between;height:26px;touch-action:none}
.s4-prog .s4_bw i{width:3.5px;border-radius:4px;background:rgba(255,255,255,.22)}.s4-prog .s4_bw i.on{background:linear-gradient(180deg,#DDD6FE,#A78BFA)}
.s4-prog .s4_bw .s4_ph{position:absolute;top:50%;width:3px;height:28px;border-radius:2px;background:#fff;transform:translate(-50%,-50%);box-shadow:0 0 8px rgba(255,255,255,.8)}
.s4-chips{display:flex;gap:6px;padding:10px 14px 4px;direction:rtl;overflow-x:auto;scrollbar-width:none;flex:none}.s4-chips span{display:flex;align-items:center;gap:6px;padding:4px 10px 4px 4px;border-radius:16px;background:rgba(124,58,237,.35);border:1px solid rgba(167,139,250,.5);font-size:12.5px;font-weight:800;flex:none}.s4-chips img{width:24px;height:24px;border-radius:50%}
.s4-pr{display:flex;align-items:center;gap:12px;padding:8px 14px;direction:rtl;width:100%;text-align:right}.s4-pr img{width:46px;height:46px;border-radius:50%;object-fit:cover}.s4-pr .s4_t{flex:1}.s4-pr .s4_t b{display:block;font-size:14.5px}.s4-pr .s4_t small{font-size:12px;opacity:.6;direction:ltr;display:block;text-align:right}
.s4-ck{width:26px;height:26px;border-radius:50%;border:2px solid rgba(255,255,255,.4);display:grid;place-items:center}.s4-ck.on{background:#7C3AED;border-color:#7C3AED}
.s4-big{margin:10px 12px 0;height:52px;border-radius:26px;background:#7C3AED;font-weight:900;font-size:15px;flex:none;width:calc(100% - 24px)}.s4-big[disabled]{opacity:.45}
/* filters */
.s4-ftop{position:absolute;top:calc(16px + env(safe-area-inset-top,0px));left:18px;right:18px;display:flex;justify-content:space-between;align-items:center;direction:rtl;font-weight:800;font-size:16px;z-index:12}
.s4-done{padding:7px 18px;border-radius:16px;background:#7C3AED;font-weight:800;font-size:15px}
.s4-fp{position:absolute;left:10px;right:10px;bottom:calc(96px + env(safe-area-inset-bottom,0px));border-radius:24px;padding:12px 0 10px;z-index:12}
.s4-fs{display:flex;align-items:center;gap:10px;padding:0 16px 12px;direction:ltr}.s4-fs span{font-size:12px;opacity:.75}.s4-fs b{font-size:12px;min-width:24px;text-align:center}
.s4-rng{flex:1;height:26px;position:relative;touch-action:none}.s4-rng:before{content:"";position:absolute;left:0;right:0;top:11px;height:4px;border-radius:2px;background:rgba(255,255,255,.25)}.s4-rng .s4_fl{position:absolute;left:0;top:11px;height:4px;border-radius:2px;background:#fff}.s4-rng .s4_kn{position:absolute;top:4px;width:18px;height:18px;border-radius:50%;background:#fff;transform:translateX(-50%)}
.s4-fcs{display:flex;gap:8px;padding:0 12px;direction:rtl;overflow-x:auto;scrollbar-width:none}.s4-fc{flex:none;width:64px;text-align:center}.s4-fc i{display:block;width:64px;height:84px;border-radius:14px;background:center/cover}.s4-fc span{display:block;font-size:11px;font-weight:800;opacity:.8;margin-top:5px}.s4-fc.on i{box-shadow:0 0 0 3px #A78BFA}.s4-fc.on span{color:#C4B5FD;opacity:1}
/* draw */
.s4-pens{position:absolute;top:calc(76px + env(safe-area-inset-top,0px));right:12px;display:flex;flex-direction:column;align-items:flex-end;direction:ltr;z-index:12}
.s4-pens .s4_bgp{position:absolute;right:0;top:0;bottom:0;width:54px;border-radius:27px}
.s4-pens .s4_col{position:relative;padding:6px;display:flex;flex-direction:column;gap:6px}.s4-pens button{display:flex;align-items:center;gap:8px;justify-content:flex-end}.s4-pens button .s4_ic{width:42px;height:42px;border-radius:50%}
.s4-pens button.on .s4_ic{background:#fff}.s4-pens button .s4_lb{font-size:12px;font-weight:800;padding:4px 8px;border-radius:8px;background:#fff;color:#7C3AED;display:none}.s4-pens button.on .s4_lb{display:block}
.s4-dbar{position:absolute;left:10px;right:10px;bottom:calc(96px + env(safe-area-inset-bottom,0px));padding:8px;border-radius:26px;display:flex;gap:6px;align-items:center;direction:rtl;overflow-x:auto;scrollbar-width:none;z-index:12}
.s4-dbar .s4_sz{flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center}.s4-dbar .s4_sz.on{background:rgba(255,255,255,.25)}.s4-dbar .s4_sz i{background:#fff;border-radius:50%;display:block}
.s4-dbar .s4_cl,.s4-tcol .s4_cl{flex:none;width:28px;height:28px;border-radius:50%;border:2px solid rgba(255,255,255,.55)}.s4-dbar .s4_cl.on,.s4-tcol .s4_cl.on{border:3px solid #fff;box-shadow:0 0 0 2px #7C3AED}
.s4-sep{width:1px;height:26px;background:rgba(255,255,255,.25);flex:none}
/* text editor */
.s4-te{position:absolute;inset:0;z-index:40;overflow:hidden}
.s4-te .s4_dim{position:absolute;inset:0;background:rgba(5,3,12,.62)}
.s4-tbar{position:absolute;top:calc(12px + env(safe-area-inset-top,0px));left:10px;right:10px;display:flex;justify-content:space-between;align-items:center;direction:rtl;z-index:3}
.s4-tools{display:flex;gap:5px;align-items:center;direction:rtl}
.s4-tools button{width:36px;height:36px;border-radius:18px;background:rgba(255,255,255,.14);display:flex;align-items:center;justify-content:center;gap:7px;font-weight:800;font-size:13.5px;transition:width .2s}
.s4-tools button.on{width:auto;padding:0 12px 0 6px;background:#fff;color:#14121F}
.s4-wheel{width:22px;height:22px;border-radius:50%;background:conic-gradient(#EF4444,#F59E0B,#10B981,#3B82F6,#A78BFA,#EF4444);display:block}
.s4-topt{position:absolute;top:calc(60px + env(safe-area-inset-top,0px));left:10px;right:10px;padding:8px;border-radius:20px;background:rgba(255,255,255,.08);display:flex;gap:8px;direction:rtl;align-items:center;overflow-x:auto;scrollbar-width:none;z-index:3}
.s4-topt:empty{display:none}.s4-topt .s4_op{flex:none;padding:6px 12px;border-radius:14px;background:rgba(255,255,255,.12);font-size:12.5px;font-weight:800}.s4-topt .s4_op.on{background:#fff;color:#14121F}
.s4-teb{position:absolute;left:0;right:0;top:calc(120px + env(safe-area-inset-top,0px));bottom:var(--kbb,300px);display:flex;align-items:center;justify-content:center;z-index:2;pointer-events:none}
.s4-ted{pointer-events:auto;max-width:84%;min-width:24px;outline:none;caret-color:#A78BFA;white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere;-webkit-user-select:text;user-select:text;cursor:text}
.s4-ted:empty:before{content:attr(data-ph);opacity:.55}
.s4-sz{position:absolute;left:0;top:calc(130px + env(safe-area-inset-top,0px));width:34px;height:240px;z-index:3;touch-action:none}
.s4-sz:before{content:"";position:absolute;left:0;top:0;width:14px;height:100%;background:linear-gradient(rgba(255,255,255,.65),rgba(255,255,255,.15));clip-path:polygon(0 0,100% 0,40% 100%,0 100%)}
.s4-sz i{position:absolute;left:-3px;width:26px;height:26px;border-radius:50%;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.35);transform:translateY(-50%)}
.s4-ml{position:absolute;left:14px;bottom:calc(var(--kbb,300px) + 68px);display:flex;flex-direction:column;gap:10px;direction:ltr;z-index:3}
.s4-ml button{display:flex;align-items:center;gap:8px}.s4-ml .s4_ic{width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.12);border:1.5px solid rgba(255,255,255,.22)}.s4-ml b{font-size:11.5px;opacity:.85}
.s4-fonts{position:absolute;left:12px;right:12px;bottom:calc(var(--kbb,300px) + 10px);height:52px;border-radius:26px;background:rgba(255,255,255,.08);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.16);display:flex;align-items:center;gap:4px;padding:0 6px;overflow-x:auto;scrollbar-width:none;direction:ltr;z-index:3;scroll-behavior:smooth}
.s4-fonts::-webkit-scrollbar,.s4-topt::-webkit-scrollbar,.s4-cards::-webkit-scrollbar,.s4-tabs::-webkit-scrollbar,.s4-fcs::-webkit-scrollbar,.s4-dbar::-webkit-scrollbar{display:none}
.s4-fonts button{flex:none;height:40px;padding:0 15px;border-radius:20px;font-size:15px;color:rgba(255,255,255,.85);white-space:nowrap}.s4-fonts button.on{background:#fff;color:#14121F}
.s4-mpk{position:absolute;left:12px;right:12px;bottom:calc(var(--kbb,300px) + 70px);max-height:200px;overflow-y:auto;border-radius:18px;background:rgba(20,12,40,.92);z-index:5;padding:6px 0}
.s4-mpk button{display:flex;align-items:center;gap:10px;padding:7px 12px;width:100%;direction:rtl;font-size:14px;font-weight:700}.s4-mpk img{width:32px;height:32px;border-radius:50%;object-fit:cover}
/* voice tab */
.s4-vt{position:absolute;inset:0;z-index:20;background:linear-gradient(180deg,#F6F2FF,#EEE7FF);color:#14121F}
.s4-vav{position:absolute;top:calc(84px + env(safe-area-inset-top,0px));left:50%;transform:translateX(-50%);width:130px;height:130px;border-radius:50%;padding:5px;background:#7C3AED}.s4-vav img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:4px solid #fff}
.s4-vav.s4_rec{background:#EF4444;animation:s4rec 1.2s ease-in-out infinite}@keyframes s4rec{50%{box-shadow:0 0 0 10px rgba(239,68,68,.15)}}
.s4-vshape{position:absolute;top:calc(234px + env(safe-area-inset-top,0px));left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;padding:5px 14px 5px 5px;border-radius:24px;background:#fff;color:#14121F;font-size:13px;font-weight:800;direction:rtl;box-shadow:0 4px 14px rgba(80,40,160,.18);white-space:nowrap}
.s4-vshape .s4_mini{width:36px;height:36px;border-radius:50%;background:#1E1730;position:relative;overflow:hidden;flex:none}.s4-vshape .s4_mini>span{position:absolute;left:50%;top:50%}
.s4-vbar{position:absolute;top:calc(292px + env(safe-area-inset-top,0px));left:16px;right:16px;height:52px;border-radius:26px;background:linear-gradient(90deg,#8B5CF6,#7C3AED);display:flex;align-items:center;gap:10px;padding:0 10px;direction:ltr;box-shadow:0 8px 20px rgba(124,58,237,.3);color:#fff}
.s4-vbar .s4_b{width:32px;height:32px;border-radius:50%;background:#fff;display:grid;place-items:center;flex:none}
.s4-vbar .s4_wv{flex:1;position:relative;display:flex;align-items:center;justify-content:space-between;height:34px;touch-action:none}.s4-vbar .s4_wv i{width:3px;border-radius:2px;background:rgba(255,255,255,.35);height:4px}.s4-vbar .s4_wv i.on{background:#fff}.s4-vbar .s4_wv i.out{opacity:.3}
.s4-vbar b{font-size:13px;white-space:nowrap;font-variant-numeric:tabular-nums}
.s4-th{position:absolute;top:-6px;bottom:-6px;width:14px;border-radius:7px;background:#FDE047;transform:translateX(-50%);box-shadow:0 2px 8px rgba(0,0,0,.3);touch-action:none}
.s4-vch{position:absolute;top:calc(358px + env(safe-area-inset-top,0px));left:0;right:0;display:flex;justify-content:center;gap:8px;direction:rtl}
.s4-vch button{display:flex;align-items:center;gap:6px;padding:7px 12px;border-radius:16px;background:#fff;border:1.5px solid #E4DCF8;color:#5B21B6;font-size:12.5px;font-weight:800}.s4-vch button.s4_red{color:#EF4444;border-color:#FECACA}
.s4-vmax{position:absolute;top:calc(406px + env(safe-area-inset-top,0px));left:0;right:0;text-align:center;font-size:12px;color:#8A8798}
.s4-vbig{position:absolute;bottom:calc(46px + env(safe-area-inset-bottom,0px));left:50%;transform:translateX(-50%);width:84px;height:84px;border-radius:50%;background:#7C3AED;border:5px solid #fff;display:grid;place-items:center;box-shadow:0 10px 26px rgba(109,40,217,.4)}
.s4-vbig.s4_rec{box-shadow:0 0 0 10px rgba(124,58,237,.15)}
.s4-vlb{position:absolute;bottom:calc(16px + env(safe-area-inset-bottom,0px));left:0;right:0;text-align:center;font-size:12px;color:#6B6880;font-weight:700}
.s4-vdone{position:absolute;bottom:calc(30px + env(safe-area-inset-bottom,0px));left:18px;right:18px;height:54px;border-radius:27px;background:#7C3AED;color:#fff;font-weight:900;font-size:15px;box-shadow:0 8px 20px rgba(124,58,237,.4)}
.s4-shg{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:0 12px;direction:rtl}
.s4-shg button{height:112px;border-radius:20px;background:#F7F6FA;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;position:relative;color:#4A4760;font-size:11.5px;font-weight:800}
.s4-shg button.on{background:#F3EEFF;box-shadow:inset 0 0 0 2.5px #7C3AED;color:#7C3AED}.s4-shg button.s4_dk{background:#1E1730;color:#E9D5FF}
.s4-shg .s4v{transform:scale(.62);transform-origin:center;margin:-14px}
.s4-fly{position:fixed;z-index:100060;pointer-events:none;transition:transform .7s cubic-bezier(.5,0,.3,1),opacity .7s}
/* voice shapes */
.s4v{position:relative;direction:ltr;color:#fff}
.s4v-wv{width:var(--sz);height:var(--sz);filter:drop-shadow(0 0 calc(var(--sz)*.1) rgba(192,132,252,.55))}
.s4v-wv .s4_ring i{position:absolute;left:50%;top:50%;width:calc(var(--sz)*.024);border-radius:4px;background:rgba(216,180,254,.45);transform-origin:50% 100%;display:block}
.s4v-wv .s4_ring i.on{background:linear-gradient(0deg,#C084FC,#E9A8FF)}
.s4v-wv .s4_pr{position:absolute;left:50%;top:50%;width:calc(var(--sz)*.6);height:calc(var(--sz)*.6);transform:translate(-50%,-50%);border-radius:50%;background:conic-gradient(#A855F7 0 var(--p,0%),rgba(255,255,255,.28) var(--p,0%))}
.s4v-wv .s4_core{position:absolute;left:50%;top:50%;width:calc(var(--sz)*.55);height:calc(var(--sz)*.55);transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 40% 30%,#9333EA,#5B21B6);border:calc(var(--sz)*.022) solid #fff;display:grid;place-items:center}
.s4v-wv.pl .s4_ring{animation:s4spin 9s linear infinite}@keyframes s4spin{to{transform:rotate(360deg)}}.s4v-wv .s4_ring{position:absolute;inset:0}
.s4v-c{width:var(--sz);height:var(--sz);border-radius:50%;padding:5px}.s4v-c .s4_rg{position:absolute;inset:0;border-radius:50%;background:conic-gradient(#7C3AED 0 var(--p,0%),rgba(255,255,255,.55) var(--p,0%))}.s4v-c img{position:relative;width:100%;height:100%;border-radius:50%;object-fit:cover;border:3px solid #fff;display:block}
.s4v .s4_pb{position:absolute;right:-2px;bottom:-2px;width:26px;height:26px;border-radius:50%;background:#7C3AED;border:2px solid #fff;display:grid;place-items:center}
.s4v .s4_bars{display:flex;gap:2px;align-items:center}.s4v .s4_bars i{width:3px;border-radius:2px;background:#C9C1E6;display:block}.s4v .s4_bars i.on{background:#7C3AED}
.s4v-cap{height:56px;padding:0 14px 0 4px;border-radius:28px;background:#fff;display:flex;align-items:center;gap:10px;box-shadow:0 10px 26px rgba(0,0,0,.3)}.s4v-cap .s4_rg2{width:48px;height:48px;border-radius:50%;padding:3px;background:conic-gradient(#7C3AED 0 var(--p,0%),#E9E3FB var(--p,0%))}.s4v-cap img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:2px solid #fff;display:block}.s4v-cap b{color:#14121F;font-size:13px}
.s4v-card{width:96px;height:96px;border-radius:20px;background:linear-gradient(135deg,#8B5CF6,#6D28D9);padding:9px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 8px 20px rgba(0,0,0,.35)}.s4v-card img{width:30px;height:30px;border-radius:50%;border:2px solid #fff}.s4v-card .s4_bars i{background:rgba(255,255,255,.45)}.s4v-card .s4_bars i.on{background:#fff}.s4v-card b{font-size:11px}
.s4v-wave{height:46px;padding:0 16px;border-radius:23px;background:#7C3AED;display:flex;align-items:center;box-shadow:0 8px 20px rgba(0,0,0,.25)}.s4v-wave .s4_bars i{background:rgba(255,255,255,.45)}.s4v-wave .s4_bars i.on{background:#fff}
.s4v-bub{padding:10px 14px 10px 10px;border-radius:20px 20px 20px 5px;background:#fff;display:flex;align-items:center;gap:8px;box-shadow:0 8px 20px rgba(0,0,0,.25)}.s4v-bub .s4_pb{position:static;width:28px;height:28px;border:0}.s4v-bub b{color:#14121F;font-size:12px}
.s4v-vin{width:86px;height:86px;border-radius:50%;background:repeating-radial-gradient(#141018 0 2px,#2A2236 2px 4px);display:grid;place-items:center;box-shadow:0 6px 16px rgba(0,0,0,.35)}.s4v-vin img{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid #A78BFA}.s4v-vin.pl{animation:s4spin 4s linear infinite}
.s4v-stk{padding:9px 14px;border-radius:14px;background:#FDE047;color:#14121F;font-weight:900;font-size:14px;transform:rotate(-6deg);direction:rtl;white-space:nowrap;box-shadow:0 4px 12px rgba(0,0,0,.2)}.s4v-stk small{font-size:11px;opacity:.7}.s4v-stk.pl{animation:s4pulse 1s infinite}
/* misc */
#s4toast{position:fixed;left:50%;bottom:120px;transform:translate(-50%,20px);background:#14121F;color:#fff;padding:11px 18px;border-radius:14px;font:700 14px -apple-system,sans-serif;opacity:0;transition:.25s;z-index:100100;pointer-events:none;white-space:nowrap}#s4toast.on{opacity:1;transform:translate(-50%,0)}
.s4-cd{position:absolute;inset:0;display:grid;place-items:center;font-size:120px;font-weight:900;z-index:50;pointer-events:none;text-shadow:0 6px 30px rgba(0,0,0,.4)}
.s4-flash{position:absolute;inset:0;background:#fff;z-index:60;pointer-events:none;animation:s4fl .25s forwards}@keyframes s4fl{to{opacity:0}}
.s4-lb{position:absolute;inset:0;z-index:70;background:rgba(0,0,0,.85);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:20px}.s4-lb img{max-width:80%;max-height:66%;border-radius:16px}.s4-lb p{font-size:13px;opacity:.8;text-align:center;direction:rtl}
.s4-lb .s4_r{display:flex;gap:10px}.s4-lb a,.s4-lb button{height:46px;padding:0 20px;border-radius:23px;background:#7C3AED;color:#fff;font-weight:800;display:grid;place-items:center;text-decoration:none}.s4-lb button.s4_g{background:rgba(255,255,255,.15)}
.s4-conf{position:absolute;inset:0;z-index:70;background:rgba(0,0,0,.5);display:flex;align-items:flex-end}.s4-conf>div{width:100%;background:#fff;color:#14121F;border-radius:24px 24px 0 0;padding:20px 16px calc(16px + env(safe-area-inset-bottom,0px));direction:rtl}
.s4-conf b{display:block;font-size:17px;text-align:center}.s4-conf p{font-size:13px;color:#6B6880;text-align:center;margin:6px 0 14px}.s4-conf button{display:block;width:100%;height:50px;border-radius:25px;font-weight:800;margin-top:8px;background:#F2F1F6}.s4-conf button.s4_red{background:#EF4444;color:#fff}



html body #q4st .q4-stft.s16f{direction:ltr!important;align-items:center;gap:10px}
html body #q4st .q4-stft.s16f .s16-in{order:1!important;flex:1}
html body #q4st .q4-stft.s16f .s16-ic.s16-ic{order:2!important;border:0!important;border-radius:50%!important;width:44px!important;height:44px!important;flex:none!important;background:linear-gradient(135deg,#A855F7,#7C3AED)!important;box-shadow:0 4px 16px rgba(168,85,247,.5)!important}
html body #q4st .q4-stft.s16f .s16-ic svg *{stroke:#fff!important}
html body #q4st .q4-stft.s16f [data-q4stlike]{order:3!important}html body #q4st .q4-stft.s16f .s22sh{order:4!important}
.s4vk canvas{visibility:hidden!important;position:absolute!important}.s4vw-host{display:flex;justify-content:center;align-items:center;pointer-events:none}
.s16-w.s4hid,.s4hid{position:absolute!important;opacity:0!important;pointer-events:none!important;width:1px!important;height:1px!important;overflow:hidden!important}
.s4-rx{position:fixed;left:0;right:0;max-width:489px;margin:0 auto;z-index:100070;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:0 40px;justify-items:center;animation:s4up .25s ease}
.s4-rx button{font-size:44px;background:none;border:0;cursor:pointer;transition:transform .15s}.s4-rx button:active{transform:scale(1.3)}
.s4-rxdim{position:fixed;inset:0;z-index:100065;background:rgba(0,0,0,.55)}


#toast,#xst,#n4toast,#s4toast,#dlToast{visibility:hidden!important;opacity:0!important}
#vt5{position:fixed;left:0;right:0;bottom:calc(112px + env(safe-area-inset-bottom,0px));z-index:2147483000;display:flex;justify-content:center;pointer-events:none;padding:0 12px}
#vt5 .v5w{max-width:465px;width:100%;border-radius:30px;padding:1.3px;background:linear-gradient(120deg,var(--c),rgba(255,255,255,.14) 42%,rgba(255,255,255,.06));opacity:0;transform:translateY(16px) scale(.97);transition:opacity .22s ease,transform .32s cubic-bezier(.2,.9,.25,1.05);pointer-events:auto}
#vt5 .v5w.on{opacity:1;transform:none}
#vt5 .v5in{min-height:54px;border-radius:29px;background:rgba(22,16,36,.93);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);display:flex;align-items:center;gap:12px;padding:8px 9px;direction:rtl;color:#fff;font:600 14.5px -apple-system,"SF Arabic","Geeza Pro",Tahoma,sans-serif;box-shadow:0 12px 30px rgba(10,5,30,.35)}
#vt5 .v5ic{width:38px;height:38px;border-radius:50%;flex:none;display:grid;place-items:center;background:linear-gradient(135deg,var(--c),var(--c2));box-shadow:0 0 16px var(--g)}
#vt5 .v5av{position:relative;flex:none}#vt5 .v5av img{width:38px;height:38px;border-radius:50%;object-fit:cover;border:2px solid var(--c);display:block}
#vt5 .v5av i{position:absolute;right:-3px;bottom:-3px;width:18px;height:18px;border-radius:50%;background:var(--c);border:2px solid #1A1426;display:grid;place-items:center}
#vt5 .v5t{flex:1;line-height:1.35;color:#fff!important;text-align:right;font-weight:700}
#vt5 .v5a{flex:none;padding:8px 15px;border-radius:18px;background:rgba(255,255,255,.12);color:#fff;font-weight:800;font-size:12.5px;border:0;cursor:pointer}
html.s4open #vt5,#q4st.open~#vt5{bottom:calc(96px + env(safe-area-inset-bottom,0px))}

#q4sh{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}#q4sh.v5drag{transition:none!important}html.v5lock #vm{overflow:hidden!important}html.v5lock,html.v5lock body{overscroll-behavior:none}
#q4scr{touch-action:none}

#lbox{touch-action:none;transition:background-color .2s}#lbox img{transition:transform .26s cubic-bezier(.2,.9,.25,1.05);will-change:transform;touch-action:none}#lbox.v5d img{transition:none}
#lbox .v5x{position:absolute;top:calc(14px + env(safe-area-inset-top,0px));left:14px;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.14);display:grid;place-items:center;border:0;z-index:2;cursor:pointer}


#q4st.v5drag{overflow:hidden;will-change:transform,border-radius;box-shadow:0 20px 50px rgba(0,0,0,.35)}
#q4st.v5fly{overflow:hidden;transition:transform .34s cubic-bezier(.3,.7,.2,1),border-radius .34s,opacity .34s ease-in!important}
.s16-ws.v5hide,.s16-sc.v5hide{opacity:0!important;pointer-events:none!important;visibility:hidden!important}
#q4st .s16-rc{display:none!important}
/* reply overlay (IG-like, blurred) */
#r5{position:fixed;inset:0;max-width:489px;margin:0 auto;z-index:100045;pointer-events:none;font-family:-apple-system,"SF Arabic","Geeza Pro",Tahoma,sans-serif;color:#fff}
#r5 .bg{position:absolute;inset:0;background:rgba(8,6,16,.5);-webkit-backdrop-filter:blur(16px) saturate(1.1);backdrop-filter:blur(16px) saturate(1.1);opacity:var(--p,0)}
#r5 .who{position:absolute;left:0;right:0;top:calc(96px + env(safe-area-inset-top,0px));text-align:center;opacity:var(--p,0);transform:translateY(calc((1 - var(--p,0)) * 18px));direction:rtl}
#r5 .who img{width:56px;height:56px;border-radius:50%;border:2.5px solid #fff;object-fit:cover}#r5 .who b{display:block;font-size:15px;margin-top:8px}#r5 .who small{font-size:12px;opacity:.65}
#r5 .em{position:absolute;left:36px;right:36px;top:calc(240px + env(safe-area-inset-top,0px));display:grid;grid-template-columns:repeat(3,1fr);gap:26px 0;justify-items:center}
#r5 .em button{font-size:48px;line-height:1;background:none;border:0;padding:4px;cursor:pointer;filter:drop-shadow(0 6px 14px rgba(0,0,0,.45));opacity:var(--p,0);transform:translateY(calc((1 - var(--p,0)) * (30px + var(--i) * 8px))) scale(calc(.6 + var(--p,0) * .4));transition:transform .12s}
#r5 .em button:active{transform:scale(1.25)}
#r5 .bar{position:absolute;left:0;right:0;bottom:var(--kb,0px);padding:10px 12px calc(10px + var(--sa,0px));display:flex;align-items:center;gap:10px;direction:ltr;opacity:var(--p,0);transform:translateY(calc((1 - var(--p,0)) * 60px))}
#r5 .bar img{width:36px;height:36px;border-radius:50%;flex:none;object-fit:cover}
#r5 .bar input{flex:1;min-width:0;height:46px;border-radius:23px;border:1.5px solid rgba(255,255,255,.55);background:rgba(0,0,0,.18);color:#fff;font:inherit;font-size:16px;padding:0 16px;direction:rtl;outline:none}
#r5 .bar input::placeholder{color:rgba(255,255,255,.7)}
#r5 .bar .go{font-weight:900;font-size:15px;color:#C4B5FD;background:none;border:0;padding:8px 4px;cursor:pointer;opacity:.45}#r5 .bar .go.on{opacity:1}
#r5.on{pointer-events:auto}#r5.anim *,#r5.anim .bg{transition:opacity .26s ease,transform .3s cubic-bezier(.2,.9,.25,1.05)}
/* voice reply (chat style) */
#v5r{position:fixed;left:0;right:0;bottom:0;max-width:489px;margin:0 auto;z-index:100046;pointer-events:none;font-family:-apple-system,"SF Arabic","Geeza Pro",Tahoma,sans-serif;direction:ltr}
#v5r .hold{position:absolute;left:10px;right:10px;bottom:calc(14px + env(safe-area-inset-bottom,0px));height:60px;border-radius:30px;background:#F3EEFF;color:#14121F;display:flex;align-items:center;gap:12px;padding:0 90px 0 16px;box-shadow:0 8px 26px rgba(0,0,0,.3)}
#v5r .hold b{font-size:15px;font-variant-numeric:tabular-nums}#v5r .hold .sl{flex:1;text-align:center;color:#6B6880;font-size:13px;transition:opacity .1s}
#v5r .hold .dot{width:10px;height:10px;border-radius:50%;background:#EF4444;animation:v5b 1s infinite}@keyframes v5b{50%{opacity:.25}}
#v5r .big{position:absolute;right:14px;bottom:calc(6px + env(safe-area-inset-bottom,0px));width:76px;height:76px;border-radius:50%;background:linear-gradient(135deg,#A855F7,#7C3AED);display:grid;place-items:center;box-shadow:0 0 0 12px rgba(124,58,237,.22)}
#v5r .lk{position:absolute;right:30px;bottom:calc(98px + env(safe-area-inset-bottom,0px));width:44px;height:92px;border-radius:22px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;box-shadow:0 6px 18px rgba(0,0,0,.25)}
#v5r .lk.hot{background:#7C3AED}#v5r .lk.hot svg *{stroke:#fff}
#v5r .card{position:absolute;left:8px;right:8px;bottom:calc(10px + env(safe-area-inset-bottom,0px));border-radius:24px;background:#fff;color:#14121F;padding:12px;box-shadow:0 -6px 24px rgba(0,0,0,.28);pointer-events:auto;animation:v5up .22s cubic-bezier(.2,.9,.25,1.05)}
@keyframes v5up{from{transform:translateY(30px);opacity:0}to{transform:none;opacity:1}}
#v5r .r1{display:flex;align-items:center;gap:10px}#v5r .r1 b{font-size:14px;font-variant-numeric:tabular-nums;min-width:34px}
#v5r .pl{width:30px;height:30px;border-radius:50%;background:#F3EEFF;display:grid;place-items:center;border:0;flex:none;cursor:pointer}
#v5r .wv{flex:1;display:flex;align-items:center;justify-content:flex-end;gap:2px;height:26px;overflow:hidden}#v5r .wv i{width:3px;border-radius:2px;background:#D6CCF5;flex:none}#v5r .wv i.on{background:#7C3AED}
#v5r .one{width:30px;height:30px;border-radius:50%;border:2px solid #8A8798;font-weight:800;font-size:12px;color:#4A4760;background:#fff;flex:none;cursor:pointer}#v5r .one.on{background:#7C3AED;border-color:#7C3AED;color:#fff}
#v5r .r2{display:flex;justify-content:space-between;align-items:center;margin-top:14px}
#v5r .r2 button{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;border:0;cursor:pointer;background:none}
#v5r .r2 .del{background:#FFF1F3}#v5r .r2 .mid{box-shadow:inset 0 0 0 2.2px #E11D48}#v5r .r2 .snd{width:46px;height:46px;background:linear-gradient(145deg,#9635F5,#6328F5)}