.gl-card{background:rgba(255,255,255,.06);border:1px solid #2A3F33;border-radius:16px;padding:14px;margin:12px 0;box-shadow:0 10px 28px rgba(0,0,0,.28);backdrop-filter:blur(6px);color:#EAF7EF}
.gl-note{color:#AEECCF}
.gl-form h3{margin:.25rem 0 1rem}
.gl-field{margin-bottom:.75rem}
.gl-field input[type=text], .gl-field input[type=file]{width:100%;padding:.6rem;border-radius:10px;border:1px solid #2A3F33;background:rgba(0,0,0,.25);color:#EAF7EF}
.gl-btn{display:inline-flex;align-items:center;gap:.4rem;border-radius:999px;padding:.55rem 1rem;background:linear-gradient(145deg,#22E57B,#12B262);color:#04160B;font-weight:800;border:none;text-decoration:none}
.gl-btn.gl-ghost{background:rgba(255,255,255,.08);color:#D9FFE1;border:1px solid #2A3F33}
.gl-help{opacity:.8;font-size:.85rem}
.gl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;margin-top:14px}
.gl-meme .gl-img img{width:100%;height:auto;border-radius:12px}
.gl-meta{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}
.gl-caption{font-weight:700;color:#D9FFE1}
.gl-actions{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}
.gl-like{display:inline-flex;align-items:center;gap:.35rem;border-radius:999px;padding:.35rem .7rem;background:rgba(255,255,255,.07);color:#D9FFE1;border:1px solid #2A3F33}
.gl-like.liked{background:#22E57B;color:#04160B;border-color:transparent}
.gl-comments{text-decoration:none;color:#22E57B}
.gl-tackle{display:inline-flex;align-items:center;gap:.35rem;border-radius:999px;padding:.35rem .7rem;background:#22E57B1a;color:#22E57B;border:1px solid #22E57B4d}
.gl-pagination{margin-top:12px}
.gl-tackle-landing{max-width:980px;margin:24px auto;padding:0 12px}
.gl-tackle-card h1{font-size:1.8rem;margin:.4rem 0 1rem}
.gl-tackle-word{color:#22E57B;text-shadow:0 0 8px #22E57B}
.gl-tackle-media img{width:100%;height:auto;border-radius:16px;margin:.5rem 0}
.gl-actions-row{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:.5rem}
/* keep your existing CSS, and you may add: */
.gl-meme:hover { transform: translateY(-2px); transition: transform .2s ease, box-shadow .2s ease; box-shadow:0 14px 36px rgba(0,0,0,.38) }
.gl-like .heart { transform: translateY(.5px); }
.gl-like.liked .heart { animation: gl-pop .25s ease; }
@keyframes gl-pop { 0%{transform:scale(1)} 50%{transform:scale(1.25)} 100%{transform:scale(1)} }
