#actv-post-modal {
        display: none; position: fixed !important; inset: 0 !important;
        z-index: 100050 !important; background: var(--bg, #0a0a0a);
        overflow-y: auto; -webkit-overflow-scrolling: touch;
    }
    #actv-post-modal.actv-visible { animation: actvSlideIn 0.28s cubic-bezier(0.16,1,0.3,1) both; }
    @keyframes actvSlideIn { from { opacity:0; transform:translateY(16px); } to { opacity:1; transform:translateY(0); } }

    .actv-modal-header {
        position: sticky; top: 0; z-index: 10;
        display: flex; align-items: center; gap: 12px;
        padding: max(16px, env(safe-area-inset-top)) 20px 16px;
        background: rgba(0,0,0,0.92); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);
        border-bottom: 1px solid var(--line);
    }
    .actv-modal-close {
        width: 36px; height: 36px; border-radius: 50%; background: rgba(255,255,255,0.1);
        display: flex; align-items: center; justify-content: center;
        color: #fff; font-size: 22px; cursor: pointer; transition: 0.2s; border: none; flex-shrink: 0;
    }
    .actv-modal-close:active { background: rgba(255,255,255,0.2); transform: scale(0.9); }
    .actv-modal-title { font-size: 16px; font-weight: 700; color: #fff; }

    .actv-2col {
        column-count: 2; column-gap: 10px;
        padding: 12px 12px max(80px, env(safe-area-inset-bottom));
        max-width: 600px; margin: 0 auto;
    }
    .actv-post-wrap { break-inside: avoid; margin-bottom: 10px; }
    /* 🌟 การ์ดโผล่ทีละใบตอนเลื่อนเข้าจอ เหมือนกริดโพสต์โปรไฟล์ ไม่ใช่ทั้งกริดโผล่มาทีเดียว (fadeIn เดิม) 🌟 */
    .actv-post-wrap { opacity: 0; transform: translateY(24px) scale(0.94); }
    .actv-post-wrap.show { animation: actvPop 0.5s cubic-bezier(0.34, 1.2, 0.64, 1) forwards; }
    @keyframes actvPop { from { opacity: 0; transform: translateY(24px) scale(0.94); } to { opacity: 1; transform: translateY(0) scale(1); } }
    #actv-load-more { display: none; opacity: 0.6; }
    #actv-load-more.active { display: block; }
    /* 🌟 โครงกระดูกกริดตรงนี้ใช้ชิมเมอร์ไล่แสงแทนกะพริบทึบๆ (.sys-skeleton เดิม) ให้เห็นชัดว่ากำลัง
       โหลดอยู่จริง เหมือนกริดโพสต์โปรไฟล์/คลังจัดเก็บ — เจาะจงแค่ในกริดนี้ ไม่กระทบ .sys-skeleton
       จุดอื่นในหน้านี้ (เช่น avatar โครงร่างของเมนูอื่น) 🌟 */
    .actv-grid-thumb.sys-skeleton, .actv-grid-thumb.actv-wait {
        background: linear-gradient(90deg, #181818 25%, #2a2a2a 50%, #181818 75%) !important;
        background-size: 200% 100% !important; animation: actvShimmer 1.5s infinite linear !important;
    }
    @keyframes actvShimmer { 0% { background-position: 200% 0; } 100% { background-position: -200% 0; } }
    .actv-grid-thumb {
        border-radius: 24px; position: relative; overflow: hidden;
        width: 100%; background: var(--bg3); cursor: pointer;
        transition: transform 0.2s, filter 0.2s;
    }
    .actv-grid-thumb:active { transform: scale(0.96); filter: brightness(0.8); }
    .actv-grid-img { width: 100%; height: 100%; display: block; object-fit: cover; opacity: 0; transition: opacity 0.35s ease; }
    .actv-grid-img.loaded { opacity: 1; }
    /* ปกความละเอียดต่ำ (เบลอ) ขึ้นก่อน แล้วเฟดเป็นรูปจริง — เหมือนกริดโพสต์โปรไฟล์/กริดสตอรี่ในไฮไลท์ */
    .actv-grid-ph { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: blur(15px); transform: scale(1.08); transition: opacity 0.3s ease; }
    .actv-v2-icon { position: absolute; color: #fff; font-size: 18px; pointer-events: none; z-index: 3; filter: drop-shadow(0 1px 3px rgba(0,0,0,0.8)); }
    .actv-icon-multi { top: 10px; left: 10px; }
    .actv-icon-repost { bottom: 10px; right: 10px; }
    .actv-icon-like { top: 10px; right: 10px; display: flex; align-items: center; justify-content: center; }

    .actv-modal-state {
        display: none; flex-direction: column; align-items: center; justify-content: center;
        padding: 80px 20px; text-align: center; color: var(--text-secondary); gap: 12px;
    }
    .actv-modal-state i { font-size: 48px; color: var(--bg4); }
    .actv-modal-state span { font-size: 14px; font-weight: 600; color: rgba(255,255,255,0.4); }
    .actv-spin { animation: actvSpin 1s linear infinite; }
    @keyframes actvSpin { to { transform: rotate(360deg); } }