.appreciation-image::before{content:"";position:absolute;inset:0;background:rgba(10,14,20,0.45);opacity:0;z-index:1;transition:opacity 0.3s var(--ease);pointer-events:none}.appreciation-card:hover .appreciation-image::before{opacity:1}.appreciation-view-btn{position:absolute;top:50%;left:50%;z-index:2;display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border:1px solid rgba(255,255,255,0.7);border-radius:var(--radius-full);background:rgba(255,255,255,0.12);backdrop-filter:blur(6px);color:#fff;font-size:13.5px;font-weight:600;cursor:pointer;opacity:0;transform:translate(-50%,-50%) scale(0.8);transition:opacity 0.35s var(--ease),transform 0.45s cubic-bezier(0.34,1.56,0.64,1),background-color 0.25s var(--ease),border-color 0.25s var(--ease),box-shadow 0.25s var(--ease),color 0.25s var(--ease)}.appreciation-view-btn svg{width:18px;height:18px}.appreciation-card:hover .appreciation-view-btn{opacity:1;transform:translate(-50%,-50%) scale(1)}.appreciation-view-btn:hover,.appreciation-view-btn:focus-visible{background:linear-gradient(135deg,var(--color-sky-dark),var(--color-sky));color:#ffffff;border-color:transparent;transform:translate(-50%,-50%) scale(1.08);box-shadow:0 10px 24px -6px rgba(14,165,233,0.6)}.appreciation-view-btn:focus-visible{outline:2px solid var(--color-sky);outline-offset:3px}.appreciation-lightbox{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:32px;opacity:0;visibility:hidden;transition:opacity 0.3s var(--ease),visibility 0.3s var(--ease)}.appreciation-lightbox.is-open{opacity:1;visibility:visible}.appreciation-lightbox-backdrop{position:absolute;inset:0;background:rgba(6,9,14,0.86);backdrop-filter:blur(4px)}.appreciation-lightbox-dialog{position:relative;z-index:1;display:flex;max-width:min(760px,92vw);max-height:88vh;transform:scale(0.94);transition:transform 0.3s var(--ease)}.appreciation-lightbox.is-open .appreciation-lightbox-dialog{transform:scale(1)}.appreciation-lightbox-img{max-width:100%;max-height:88vh;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);object-fit:contain;background:var(--color-bg-subtle)}.appreciation-lightbox-close{position:absolute;top:-18px;left:-18px;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid rgba(255,255,255,0.25);border-radius:50%;background:rgba(20,24,32,0.9);color:#fff;cursor:pointer;transition:background-color 0.2s var(--ease),transform 0.2s var(--ease)}.appreciation-lightbox-close svg{width:18px;height:18px}.appreciation-lightbox-close:hover{background:var(--color-sky);transform:rotate(90deg) scale(1.1);animation:glow-pulse-ring 1.4s ease-in-out infinite}.appreciation-lightbox-close:focus-visible{outline:2px solid var(--color-sky);outline-offset:2px}@media (max-width:640px){.appreciation-lightbox{padding:16px}.appreciation-lightbox-close{top:-14px;left:0;right:0;margin-inline:auto;top:-52px}}