/* Direct messages (js/dm.js) */
#dmp{position:fixed;inset:0;z-index:1150;display:none;background:#0b0a12}
#dmp.on{display:block}
.dm-card{position:absolute;inset:0;display:flex;flex-direction:column;background:#0b0a12;animation:dmIn .26s cubic-bezier(.2,.9,.2,1)}
#dmp.out .dm-card{animation:dmOut .2s ease forwards}
@keyframes dmIn{from{transform:translateX(28px);opacity:0}}@keyframes dmOut{to{transform:translateX(28px);opacity:0}}
.dmh{flex:none;display:flex;align-items:center;gap:10px;padding:calc(var(--sat,0px) + 10px) 14px 10px;border-bottom:1px solid rgba(255,255,255,.07)}
.dmh>b{flex:1;font:800 19px/1 ui-rounded,"SF Pro Rounded",-apple-system,system-ui,sans-serif;letter-spacing:-.02em}
.dm-ib{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.07);color:#fff}
.dm-ib svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}
.dm-ib [cx]{fill:currentColor;stroke:none}
.dm-ib-s{width:38px}
.dm-sc{flex:1;overflow-y:auto;padding:12px 14px calc(var(--sab,0px) + 24px);-webkit-overflow-scrolling:touch}
.dm-srch{display:flex;align-items:center;gap:8px;height:42px;padding:0 12px;border-radius:14px;background:rgba(255,255,255,.07);margin-bottom:12px}
.dm-srch.big{height:50px}
.dm-srch svg{width:18px;height:18px;flex:none;fill:none;stroke:rgba(235,235,245,.5);stroke-width:2;stroke-linecap:round}
.dm-srch input{flex:1;min-width:0;height:100%;background:none;border:0;outline:0;color:#fff;font:inherit;font-size:16px}
.dm-list{display:flex;flex-direction:column}
.dm-row{display:flex;align-items:center;gap:12px;width:100%;padding:10px 6px;border-radius:16px;text-align:left}
.dm-row:hover{background:rgba(255,255,255,.04)}
.dm-av{flex:none;display:grid;place-items:center;width:var(--s);height:var(--s);border-radius:50%;overflow:hidden;background:linear-gradient(150deg,#8f82ec,#5b4fe0);color:#fff;font-weight:800;font-size:calc(var(--s) * .42)}
.dm-av img{width:100%;height:100%;object-fit:cover}
.dm-av>b{display:block;font-size:inherit!important;font-weight:800;line-height:1!important;color:#fff;margin:0}
.dm-rt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.dm-rn{display:flex;align-items:baseline;gap:8px}
.dm-rn b{flex:1;min-width:0;font-size:15px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dm-rn em{flex:none;font-style:normal;font-size:12px;color:rgba(235,235,245,.45)}
.dm-rt small{font-size:13.5px;color:rgba(235,235,245,.55);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dm-row.new .dm-rt small{color:#fff;font-weight:600}
.dm-un{flex:none;min-width:20px;height:20px;padding:0 6px;box-sizing:border-box;border-radius:99px;background:#0a84ff;color:#fff;font:800 11.5px/20px -apple-system,system-ui,sans-serif;font-style:normal;text-align:center}
.dm-none{margin:18px 4px;font-size:14px;color:rgba(235,235,245,.55)}
.dm-e{display:flex;flex-direction:column;align-items:center;gap:6px;padding:50px 20px 20px;text-align:center}
.dm-e svg{width:46px;height:46px;margin-bottom:6px;fill:none;stroke:rgba(235,235,245,.35);stroke-width:1.6;stroke-linejoin:round}
.dm-e b{font-size:17px}.dm-e small{max-width:290px;font-size:13.5px;line-height:1.45;color:rgba(235,235,245,.55)}
.dm-cta{margin-top:12px;height:44px;padding:0 20px;border-radius:99px;background:#fff;color:#0b0a12;font-weight:800;font-size:15px}
.dm-sk i{display:block;height:58px;margin:8px 0;border-radius:16px;background:rgba(255,255,255,.05)}
/* chat */
.dmh.chat{gap:8px}
.dm-who{flex:1;min-width:0;display:flex;align-items:center;gap:10px;text-align:left}
.dm-who>span:not(.dm-av){min-width:0;display:flex;flex-direction:column;gap:1px}
.dm-who>span>b{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dm-who small{font-size:12.5px;color:rgba(235,235,245,.55);transition:color .2s}.dm-who small.ty{color:#30d158;font-weight:600}
.dm-msgs{flex:1;overflow-y:auto;overflow-x:hidden;padding:10px 12px 10px;display:flex;flex-direction:column;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
.dm-day{align-self:center;margin:16px 0 10px;font-size:12px;font-weight:600;color:rgba(235,235,245,.5)}
.dm-day:first-child{margin-top:4px}
/* one message row: (their photo) bubble (swipe-to-reply arrow) */
.dm-row2{position:relative;display:flex;align-items:flex-end;gap:7px;margin-top:2px;transition:transform .25s cubic-bezier(.2,.9,.2,1)}
.dm-row2.head{margin-top:8px}
.dm-row2.me{justify-content:flex-end}
.dm-row2.swiping{transition:none}
.dm-ra{flex:none;width:28px;height:28px}
.dm-swr{position:absolute;left:-34px;top:50%;width:26px;height:26px;margin-top:-13px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.1);opacity:0;transform:scale(.6);transition:opacity .15s,transform .2s}
.dm-swr svg{width:15px;height:15px;fill:none;stroke:#fff;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.dm-row2.swiping .dm-swr{opacity:.6}.dm-row2.go .dm-swr{opacity:1;transform:scale(1);background:#8f82ec}
.dm-row2.flash .dm-b{animation:dmFlash 1.1s ease}
@keyframes dmFlash{20%{transform:scale(1.04);filter:brightness(1.35)}}
.dm-b{position:relative;max-width:min(76%,520px);display:flex;flex-direction:column;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.dm-b.me{align-items:flex-end}
.dm-b p{margin:0;padding:9px 14px;border-radius:20px;font-size:16px;line-height:1.36;white-space:pre-wrap;overflow-wrap:anywhere}
.dm-b.them p{background:#26252e;color:#fff}
.dm-b.me p{background:linear-gradient(180deg,#8f82ec,#6f5fe6);color:#fff}
.dm-row2.them:not(.head) .dm-b>p,.dm-row2.them:not(.head) .dm-md{border-top-left-radius:7px}
.dm-row2.them:not(.tail) .dm-b>p,.dm-row2.them:not(.tail) .dm-md{border-bottom-left-radius:7px}
.dm-row2.me:not(.head) .dm-b>p,.dm-row2.me:not(.head) .dm-md{border-top-right-radius:7px}
.dm-row2.me:not(.tail) .dm-b>p,.dm-row2.me:not(.tail) .dm-md{border-bottom-right-radius:7px}
.dm-b p a{color:inherit;text-decoration:underline;text-underline-offset:2px;-webkit-user-select:text;user-select:text}
.dm-b.them p a{color:#9fc1ff}
.dm-b.big p,.dm-b p.emo{background:none!important;padding:0 2px;font-size:44px;line-height:1.15}
.dm-b.pend{opacity:.6}
.dm-tm{display:block;margin:4px 0 4px 40px;font-size:11.5px;color:rgba(235,235,245,.45)}
.dm-tm.me{margin:4px 4px 4px 0;text-align:right}
/* computers: hover a message for React / Reply */
.dm-hv{display:none}
@media (hover:hover) and (pointer:fine){
  .dm-hv{display:flex;align-self:center;gap:2px;opacity:0;transition:opacity .12s}
  .dm-row2.me .dm-hv{order:-1}
  .dm-row2:hover .dm-hv,.dm-hv:focus-within{opacity:1}
  .dm-hv button{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;color:rgba(235,235,245,.6)}
  .dm-hv button:hover{background:rgba(255,255,255,.08);color:#fff}
  .dm-hv svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
  .dm-swr{display:none}
}
/* replies: the quoted message above the bubble */
.dm-q{position:relative;display:flex;flex-direction:column;gap:1px;max-width:100%;margin:0 0 3px;padding:6px 12px 7px 14px;border-radius:14px;background:rgba(255,255,255,.06);text-align:left}
.dm-q:before{content:"";position:absolute;left:6px;top:7px;bottom:7px;width:3px;border-radius:2px;background:#8f82ec}
.dm-q b{font-size:12px;font-weight:700;color:rgba(235,235,245,.8)}
.dm-q small{font-size:13px;color:rgba(235,235,245,.6);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:240px}
/* reactions sit on the bubble's bottom corner */
.dm-b.rx{margin-bottom:14px}
.dm-rx{position:absolute;bottom:-15px;display:flex;gap:3px}
.dm-b.them .dm-rx{right:-6px}.dm-b.me .dm-rx{left:-6px}
.dm-rx button{display:flex;align-items:center;gap:3px;height:24px;padding:0 6px;border-radius:99px;background:#2c2b35;border:2px solid #0b0a12;font-size:13px;line-height:1}
.dm-rx button.mine{background:#3c3366}
.dm-rx button b{font-size:11.5px;font-weight:700;color:rgba(255,255,255,.85)}
.dm-rx.pop button{animation:dmBoing .35s cubic-bezier(.2,1.6,.4,1)}
@keyframes dmBoing{from{transform:scale(.4)}}
/* typing dots */
.dm-typing{display:flex;align-items:flex-end;gap:7px;margin-top:8px;animation:dmGp .2s ease}
.dm-typing>span:last-child{display:flex;gap:4px;padding:13px 14px;border-radius:20px;background:#26252e}
.dm-typing i{width:7px;height:7px;border-radius:50%;background:rgba(235,235,245,.6);animation:dmDot 1.2s infinite}
.dm-typing i:nth-child(2){animation-delay:.15s}.dm-typing i:nth-child(3){animation-delay:.3s}
@keyframes dmDot{0%,60%,100%{transform:none;opacity:.5}30%{transform:translateY(-4px);opacity:1}}
.dm-hi{margin:auto;display:flex;flex-direction:column;align-items:center;gap:4px;padding:20px;text-align:center}
.dm-hi b{margin-top:8px;font-size:19px}.dm-hi small{max-width:260px;font-size:14px;line-height:1.45;color:rgba(235,235,245,.6)}.dm-hi small.h{color:rgba(235,235,245,.5)}
.dm-pill{margin-top:12px;height:36px;padding:0 16px;border-radius:99px;background:rgba(255,255,255,.1);font-size:14px;font-weight:600}
/* above the message box: replying-to bar and waiting photos/GIFs */
.dm-dock:empty{display:none}
.dm-dock{flex:none;border-top:1px solid rgba(255,255,255,.07);background:#0f0e16}
.dm-rbar{display:flex;align-items:center;gap:10px;padding:9px 12px 9px 16px}
.dm-rbar>svg{flex:none;width:18px;height:18px;fill:none;stroke:#8f82ec;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.dm-rbar span{flex:1;min-width:0;display:flex;flex-direction:column}
.dm-rbar b{font-size:13px;font-weight:650}.dm-rbar small{font-size:13px;color:rgba(235,235,245,.6);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dm-rbar button,.dm-st>button{flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.1)}
.dm-rbar button svg,.dm-st>button svg{width:14px;height:14px;fill:none;stroke:#fff;stroke-width:2.4;stroke-linecap:round}
.dm-tray{display:flex;gap:8px;padding:10px 12px;overflow-x:auto}
.dm-rbar+.dm-tray{padding-top:2px}
.dm-st{position:relative;flex:none;width:76px;height:76px;border-radius:14px;overflow:visible;animation:dmBoing .3s cubic-bezier(.2,1.4,.4,1)}
.dm-st>img{width:100%;height:100%;object-fit:cover;border-radius:14px}
.dm-st>i{position:absolute;left:5px;bottom:5px;padding:2px 5px;border-radius:5px;background:rgba(0,0,0,.6);font:800 9.5px/1 -apple-system,system-ui,sans-serif;font-style:normal;color:#fff}
.dm-st>button{position:absolute;top:-6px;right:-6px;width:24px;height:24px;background:#3a3944;box-shadow:0 0 0 2px #0f0e16}
.dm-st.add{display:grid;place-items:center;border:1.5px dashed rgba(255,255,255,.25);background:none;color:rgba(255,255,255,.7)}
.dm-st.add svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.dm-comp{flex:none;display:flex;align-items:flex-end;gap:6px;padding:8px 12px calc(var(--sab,0px) + 10px);border-top:1px solid rgba(255,255,255,.07);background:#0b0a12}
.dm-dock:not(:empty)+.dm-comp{border-top:0;background:#0f0e16}
.dm-comp textarea{flex:1;min-width:0;min-height:42px;max-height:120px;padding:10px 14px;box-sizing:border-box;border-radius:21px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);color:#fff;font:inherit;font-size:16px;line-height:1.3;resize:none;outline:0}
.dm-comp textarea:focus{border-color:rgba(143,130,236,.6)}
.dm-send{flex:none;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.1);color:rgba(255,255,255,.5);transition:background .2s,color .2s,transform .15s}
.dm-send.go{background:#8f82ec;color:#fff}
.dm-send:not(:disabled):active{transform:scale(.9)}
.dm-send svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.dm-blk{flex:none;padding:14px 16px calc(var(--sab,0px) + 14px);text-align:center;font-size:14px;color:rgba(235,235,245,.65);border-top:1px solid rgba(255,255,255,.07)}
.dm-blk button{color:#8f82ec;font-weight:700}
.btn.red{color:#ff6b61}
/* press-and-hold menu */
.dm-cm{position:fixed;inset:0;z-index:1250;background:rgba(6,6,10,.55);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);opacity:0;transition:opacity .18s}
.dm-cm.on{opacity:1}.dm-cm.out{opacity:0}
.dm-cm-in{position:absolute;left:14px;right:14px;display:flex;flex-direction:column;align-items:flex-start;gap:8px;transform:scale(.94);transition:transform .25s cubic-bezier(.2,1.3,.4,1)}
.dm-cm.on .dm-cm-in{transform:none}
.dm-cm-in.me{align-items:flex-end}
.dm-cm-rx{display:flex;gap:2px;padding:6px;border-radius:99px;background:rgba(40,39,48,.96);box-shadow:0 12px 30px -10px rgba(0,0,0,.8)}
.dm-cm-rx button{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;font-size:25px;transition:transform .15s}
.dm-cm-rx button:active{transform:scale(1.3)}
.dm-cm-rx button.on{background:rgba(143,130,236,.35)}
.dm-cm-b{max-width:100%;pointer-events:none}
.dm-cm-b .dm-b{max-width:100%}
.dm-cm-b .dm-rx{display:none}
.dm-cm-a{min-width:220px;border-radius:16px;overflow:hidden;background:rgba(40,39,48,.96);box-shadow:0 18px 40px -12px rgba(0,0,0,.85)}
.dm-cm-a button{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;padding:13px 16px;font-size:16px;color:#fff;text-align:left}
.dm-cm-a button+button{border-top:1px solid rgba(255,255,255,.08)}
.dm-cm-a button:active,.dm-cm-a button:hover{background:rgba(255,255,255,.06)}
.dm-cm-a button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.dm-cm-a button.red{color:#ff5a50}
/* photos and GIFs */
.dm-tool{flex:none;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.07);color:rgba(255,255,255,.9)}
.dm-tool svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.dm-gifb{width:auto;min-width:46px;padding:0 10px;border-radius:21px;font:800 12.5px/1 -apple-system,system-ui,sans-serif;letter-spacing:.02em}
.dm-gifb.on{background:#fff;color:#0b0a12}
.dm-b.media{width:min(100%,260px)}
.dm-md{position:relative;display:block;width:100%;min-width:120px;padding:0;border:0;overflow:hidden;border-radius:20px;background:#1d1c24}
.dm-md img,.dm-md video{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}
.dm-b .dm-cap{margin-top:3px}
.dm-md.gif>i{position:absolute;left:8px;bottom:8px;padding:3px 6px;border-radius:6px;background:rgba(0,0,0,.55);font:800 10px/1 -apple-system,system-ui,sans-serif;font-style:normal;letter-spacing:.04em;color:#fff}
.dm-md.img.ld{background:linear-gradient(100deg,#1d1c24 30%,#2a2933 50%,#1d1c24 70%) 0 0/300% 100%;animation:dmShim 1.2s linear infinite}
@keyframes dmShim{to{background-position:-300% 0}}
.dm-up{position:absolute;right:10px;bottom:10px;width:22px;height:22px;border-radius:50%;border:2.5px solid rgba(255,255,255,.35);border-top-color:#fff;animation:dmSpin .8s linear infinite}
@keyframes dmSpin{to{transform:rotate(360deg)}}
.dm-li{width:14px;height:14px;margin-right:4px;vertical-align:-2px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
/* GIF picker: slides up above the message box */
.dm-gp{flex:none;display:flex;flex-direction:column;height:min(46vh,380px);padding:10px 12px 0;border-top:1px solid rgba(255,255,255,.07);background:#121119;animation:dmGp .22s cubic-bezier(.2,.9,.2,1)}
@keyframes dmGp{from{transform:translateY(16px);opacity:0}}
.dm-gp .dm-srch{flex:none;margin-bottom:10px}
.dm-gg{flex:1;min-height:0;overflow-y:auto;columns:3 110px;column-gap:6px;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
.dm-gi{display:block;width:100%;padding:0;border:0;margin:0 0 6px;break-inside:avoid;overflow:hidden;border-radius:12px;background:#1d1c24}
.dm-gi img{display:block;width:100%;height:100%;object-fit:cover}
.dm-gi:active{transform:scale(.97)}
.dm-gsk i{display:block;height:90px;margin:0 0 6px;border-radius:12px;background:rgba(255,255,255,.05);break-inside:avoid}
.dm-gsk i:nth-child(3n+2){height:120px}.dm-gsk i:nth-child(3n){height:70px}
.dm-gg .dm-none{column-span:all}
.dm-gpf{flex:none;display:flex;align-items:center;justify-content:center;gap:5px;padding:8px 0;font-size:11px;color:rgba(235,235,245,.55)}
.dm-gpf b{font-size:12px;font-weight:900;letter-spacing:.04em;color:#fff}
/* full-screen photo */
.dm-lb{position:fixed;inset:0;z-index:1300;display:grid;place-items:center;padding:calc(var(--sat,0px) + 56px) 12px calc(var(--sab,0px) + 24px);background:rgba(0,0,0,.94);animation:dmFade .18s ease}
.dm-lb.out{opacity:0;transition:opacity .18s}
.dm-lb img{max-width:100%;max-height:100%;border-radius:12px;object-fit:contain}
.dm-lb .dm-ib{position:absolute;top:calc(var(--sat,0px) + 10px);right:14px}
@keyframes dmFade{from{opacity:0}}
@media (prefers-reduced-motion:reduce){.dm-typing i,.dm-rx.pop button,.dm-st{animation:none}}
/* big screens: a centered window */
@media (min-width:900px){
  #dmp{background:rgba(0,0,0,.55)}
  .dm-card{inset:auto;left:50%;top:50%;width:min(560px,calc(100vw - 48px));height:min(760px,calc(100vh - 48px));transform:translate(-50%,-50%);border-radius:24px;border:1px solid rgba(255,255,255,.1);box-shadow:0 30px 80px -20px rgba(0,0,0,.9);overflow:hidden;animation:dmPop .24s cubic-bezier(.2,.9,.2,1)}
  @keyframes dmPop{from{opacity:0;transform:translate(-50%,-48%) scale(.98)}}
  .dmh{padding-top:12px}
}
/* full-screen viewer for photos and GIFs: save, favourite, reply */
.dm-vw{--vwa:1;position:fixed;inset:0;z-index:1300;display:flex;flex-direction:column;background:rgba(0,0,0,calc(.96 * var(--vwa)));opacity:0;transition:opacity .2s}
.dm-vw.on{opacity:1}.dm-vw.out{opacity:0}
.dm-vw-h{flex:none;display:flex;align-items:center;gap:12px;padding:calc(var(--sat,0px) + 10px) 14px 8px;opacity:var(--vwa)}
.dm-vw-h>span:not(.dm-ib-s){flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;text-align:center}
.dm-vw-h b{font-size:16px;color:#fff}.dm-vw-h small{font-size:12.5px;color:rgba(235,235,245,.6)}
.dm-vw-m{flex:1;min-height:0;display:grid;place-items:center;padding:8px 12px;transition:transform .25s cubic-bezier(.2,.9,.2,1)}
.dm-vw-m img,.dm-vw-m video{max-width:100%;max-height:100%;border-radius:14px;object-fit:contain;transform:scale(.96);transition:transform .3s cubic-bezier(.2,1.2,.4,1)}
.dm-vw.on .dm-vw-m img,.dm-vw.on .dm-vw-m video{transform:none}
.dm-vw-c{flex:none;margin:0 auto;max-width:560px;padding:4px 20px 0;font-size:15.5px;line-height:1.4;color:#fff;text-align:center;opacity:var(--vwa)}
.dm-vw-c a{color:#9fc1ff}
.dm-vw-f{flex:none;display:flex;justify-content:center;gap:10px;padding:14px 16px max(18px,calc(var(--sab,0px) + 10px));opacity:var(--vwa)}
.dm-vw-f button{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:84px;padding:10px 12px;border-radius:16px;background:rgba(255,255,255,.08);color:#fff;font-size:12.5px;font-weight:600}
.dm-vw-f button:active{transform:scale(.95)}
.dm-vw-f svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.dm-vw-f button.on{color:#ffd60a}.dm-vw-f button.on svg{fill:#ffd60a}
@media (hover:hover){.dm-vw-f button:hover{background:rgba(255,255,255,.14)}}
/* GIF picker: a small star next to search opens your favourites */
.dm-gtop{flex:none;display:flex;align-items:center;gap:8px;min-height:42px;margin-bottom:10px}
.dm-gtop .dm-srch{flex:1;margin:0!important}
.dm-gfb{flex:none;display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:rgba(255,255,255,.07)}
.dm-gfb svg,.dm-gtop>b svg{width:19px;height:19px;fill:#ffd60a;stroke:#ffd60a;stroke-width:1.5;stroke-linejoin:round}
.dm-gfb:active,.dm-gback:active{transform:scale(.92)}
.dm-gback{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.07);color:#fff}
.dm-gback svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.dm-gtop>b{flex:1;display:flex;align-items:center;gap:7px;font-size:16px;font-weight:700;color:#fff}
.dm-gtop>span{font-size:14px;font-weight:600;color:rgba(235,235,245,.5);padding-right:4px}
.dm-gi video{display:block;width:100%;height:100%;object-fit:cover}
.dm-md.gif{cursor:zoom-in}