.tas-heart-card{position:fixed;z-index:9000;top:calc(64px + env(safe-area-inset-top,0px));inset-inline-end:12px;width:min(340px,calc(100vw - 24px));
 direction:rtl;padding:12px 14px 10px;border-radius:20px;color:#fdf6e3;font-family:'Reem Kufi','Amiri',system-ui,sans-serif;
 background:linear-gradient(135deg,rgba(20,53,42,.58),rgba(10,26,22,.42)),url("../assets/showing-intricate-golden-islamic-geometric-pattern-star-hexagonal-motifs-illuminated-warm-light-creating-ornate-437020421.webp") center/cover;
 background-blend-mode:normal,soft-light;-webkit-backdrop-filter:blur(16px) saturate(1.3);backdrop-filter:blur(16px) saturate(1.3);
 border:1px solid rgba(212,175,55,.55);box-shadow:0 0 0 1px rgba(255,236,170,.08) inset,0 0 18px rgba(212,175,55,.28),0 14px 34px rgba(0,0,0,.35);
 opacity:0;transform:translateY(-14px) scale(.97);transition:opacity .45s ease,transform .5s cubic-bezier(.2,.9,.25,1.15);pointer-events:none}
.tas-heart-card::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;pointer-events:none;
 background:linear-gradient(120deg,transparent 20%,rgba(255,226,140,.95) 45%,transparent 70%) 0 0/250% 100%;
 -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:thc-glow 4.5s linear infinite}
.tas-heart-card.is-in{opacity:1;transform:none;pointer-events:auto}
.tas-heart-card.is-out{opacity:0;transform:translateY(-10px) scale(.96)}
.tas-heart-card.is-love{transform:scale(.6) translateY(40px)}
.thc-row{display:flex;align-items:center;gap:10px}
.thc-logo{width:40px;height:40px;border-radius:12px;flex:none;box-shadow:0 0 12px rgba(212,175,55,.45)}
.thc-txt{flex:1;min-width:0;line-height:1.35}
.thc-morning{font-size:11px;color:#e8d79a;opacity:.85}
.thc-title{font-family:'Amiri',serif;font-weight:700;font-size:19px;color:#fff3c4;text-shadow:0 0 10px rgba(212,175,55,.45)}
.thc-sub{font-size:12.5px;color:#f1ead2;opacity:.92}
.thc-heart{flex:none;width:52px;height:52px;border-radius:50%;border:1px solid rgba(255,214,120,.7);cursor:pointer;display:grid;place-items:center;
 background:radial-gradient(circle at 35% 30%,#ff8fa3,#e0284f 60%,#9e1236);box-shadow:0 0 0 4px rgba(224,40,79,.15),0 0 20px rgba(255,90,120,.55);animation:thc-beat 1.8s ease-in-out infinite}
.thc-heart svg{width:26px;height:26px;fill:#fff}
.thc-heart:active{transform:scale(.9)}
.thc-foot{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:8px;padding-top:7px;border-top:1px solid rgba(212,175,55,.22);font-size:11px}
.thc-sign{display:inline-flex;align-items:center;gap:5px;color:#e8d79a}
.thc-sign img{border-radius:4px}
.thc-play{color:#ffe08a;text-decoration:none;padding:4px 8px;border-radius:999px;border:1px solid rgba(255,224,138,.4);min-height:28px;display:inline-flex;align-items:center}
.thc-x{position:absolute;top:4px;inset-inline-start:6px;width:28px;height:28px;border:0;background:none;color:#f1ead2;opacity:.6;font-size:18px;cursor:pointer}
@keyframes thc-glow{to{background-position:-250% 0}}
@keyframes thc-beat{0%,100%{transform:scale(1)}12%{transform:scale(1.1)}24%{transform:scale(1)}36%{transform:scale(1.06)}}
@media (prefers-reduced-motion:reduce){.tas-heart-card,.tas-heart-card::before,.thc-heart{animation:none;transition:opacity .2s}}
.thc-play-inline{margin:8px auto 0;justify-content:center;font-family:'Reem Kufi',system-ui,sans-serif;font-size:12px;color:#b8892a;border-color:rgba(184,137,42,.45);width:max-content}