/* Trendyfy v0.5.35.0: clean native UX; no backdrop-filter overrides. */
/* The image placeholder is a passive marker, not an animated spinner. */
#main .home-tool-card__media.tf35-cover-loading::before,
#main .home-tool-card__media.tf35-cover-error::before{
  content:"";position:absolute;left:50%;top:50%;width:29px;height:29px;
  transform:translate(-50%,-50%);z-index:1;pointer-events:none;opacity:.37;
  border:1.5px solid #998ac5;border-radius:7px;
  background-color:rgba(250,248,255,.7);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23998ac5' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='3'/%3E%3Ccircle cx='16' cy='8' r='1.5'/%3E%3Cpath d='m5 18 5-6 3 3 2-2 4 5'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-size:23px 23px;background-position:center;
}
#main .home-tool-card__media:not(.tf35-cover-loading):not(.tf35-cover-error)::before{content:none}
/* One persistent full-height sheet on mobile; skeleton and actual data share geometry. */
@media(max-width:720px){
  #modalRoot .tf35-fixed-sheet{
    box-sizing:border-box!important;
    height:calc(var(--tg-viewport-stable-height,100dvh) - var(--tg-popup-safe-top,10px) - var(--tg-popup-safe-bottom,10px));
    max-height:calc(var(--tg-viewport-stable-height,100dvh) - var(--tg-popup-safe-top,10px) - var(--tg-popup-safe-bottom,10px))!important;
    border-radius:28px!important;
    overflow-y:auto;
  }
}
#modalRoot .tf35-pending-sheet{position:relative;overflow:hidden;border-radius:28px!important}
#modalRoot .tf35-skeleton{padding:6px 10px 32px;display:flex;flex-direction:column;gap:16px}
#modalRoot .tf35-skeleton-media{height:min(60vh,440px);width:100%;border-radius:24px;background:#ece8f6}
#modalRoot .tf35-skeleton-line{height:12px;width:89%;border-radius:9px;background:#ece8f6}
#modalRoot .tf35-skeleton-line--title{height:24px;width:72%;margin-top:6px}
#modalRoot .tf35-skeleton-line--short{width:63%}
#modalRoot .tf35-skeleton-line--button{height:45px;width:100%;margin-top:12px;border-radius:15px}
#modalRoot .tf35-skeleton-fade{position:absolute;inset:0;z-index:7;background:#fbfbfe;border-radius:inherit;overflow:hidden;pointer-events:none;opacity:1;transition:opacity .22s ease}
#modalRoot .tf35-skeleton-fade .tf35-skeleton{padding:76px 18px 32px}
#modalRoot .tf35-skeleton-fade.tf35-skeleton-gone{opacity:0}
#modalRoot .tf35-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@media(prefers-reduced-motion:reduce){#modalRoot .tf35-skeleton-fade{transition:none}}