/* CherryShare — превью карточки «поделиться моментом» */
.csh{
  --csh-bg:#0a070c;--csh-cherry:#e8455f;--csh-gold:#f0cf9a;--csh-pink:#ff9ab0;
  position:fixed;inset:0;z-index:2147483200;display:flex;flex-direction:column;
  padding:calc(16px + var(--tg-safe-area-inset-top,0px) + var(--tg-content-safe-area-inset-top,0px)) 16px
          calc(14px + var(--tg-safe-area-inset-bottom,0px) + env(safe-area-inset-bottom,0px));
  background:rgba(10,7,12,.94);color:#fff;font-family:Onest,system-ui,sans-serif;
  -webkit-tap-highlight-color:transparent;touch-action:none;overscroll-behavior:contain;
  opacity:0;transition:opacity .22s ease}
.csh.is-in{opacity:1}
.csh.is-out{opacity:0;transition-duration:.18s}

.csh-stage{flex:1 1 auto;min-height:0;display:flex;align-items:center;justify-content:center;padding-bottom:14px}
.csh-card{position:relative;height:100%;max-width:100%;aspect-ratio:9/16;border-radius:14px;overflow:hidden;
  background:#140d12;box-shadow:0 0 0 1px rgba(240,207,154,.18),0 24px 60px -20px rgba(232,69,95,.45);
  transform:translateY(36px) scale(.96);transition:transform .42s cubic-bezier(.2,.9,.25,1)}
.csh.is-in .csh-card{transform:none}
.csh-card img{display:block;width:100%;height:100%;object-fit:contain}
.csh-card.is-loading{background:linear-gradient(110deg,#140d12 30%,#22141c 50%,#140d12 70%) 0 0/250% 100%;
  animation:csh-shim 1.3s linear infinite}
.csh-hint{position:absolute;inset:auto 0 46% 0;text-align:center;font-size:13px;color:rgba(240,207,154,.75)}

.csh-acts{flex:none;display:flex;flex-direction:column;gap:8px;width:100%;max-width:420px;margin:0 auto;
  transform:translateY(20px);opacity:0;transition:transform .42s .06s cubic-bezier(.2,.9,.25,1),opacity .3s .06s}
.csh.is-in .csh-acts{transform:none;opacity:1}
.csh-row{display:flex;gap:8px}
.csh-row .csh-b{flex:1 1 0}

.csh-b{appearance:none;border:1px solid rgba(240,207,154,.26);border-radius:12px;height:48px;padding:0 14px;
  background:#1a1117;color:#fff;font:600 15px/1 Onest,system-ui,sans-serif;cursor:pointer;
  transition:transform .12s,background .15s,opacity .15s}
.csh-b:active{transform:scale(.97)}
.csh-b:focus-visible{outline:2px solid var(--csh-gold);outline-offset:2px}
.csh-b:disabled{opacity:.45;cursor:default}
.csh-b:disabled:active{transform:none}
.csh-b--main{height:54px;border:0;background:var(--csh-cherry);font:700 15px/1 Unbounded,system-ui,sans-serif;letter-spacing:-.01em}
.csh-b--main:not(:disabled):active{background:#d23a53}
.csh-b--ghost{height:40px;border:0;background:none;color:rgba(255,255,255,.62);font-weight:400}
.csh-b.is-busy{opacity:.6}

@keyframes csh-shim{to{background-position:-250% 0}}

@media (prefers-reduced-motion:reduce){
  .csh,.csh-card,.csh-acts{transition:none!important}
  .csh-card,.csh-acts{transform:none!important}
  .csh-acts{opacity:1}
  .csh-card.is-loading{animation:none}
}
.csh--still,.csh--still .csh-card,.csh--still .csh-acts{transition:none!important}
.csh--still .csh-card,.csh--still .csh-acts{transform:none}
.csh--still .csh-acts{opacity:1}
.csh--still .csh-card.is-loading{animation:none}