/* ===== 02-luxury-knowledge-vault.php CSS[0] ===== */
/* BRANDT COPENHAGEN: ZERO RADIUS, NO RED, ABSOLUTE SHARPNESS */
    :root {
        --th-v-bg: rgba(255, 255, 255, 0.96) !important;
        --th-v-text: #111111 !important; 
        --th-v-muted: rgba(17, 17, 17, 0.45) !important;
        --th-v-border: rgba(17, 17, 17, 0.06) !important;
        --th-v-accent: #8b7355 !important;
        --th-v-hover: rgba(139, 115, 85, 0.04) !important;
    }
    html[data-th-theme="sepia"] { --th-v-bg: rgba(244, 240, 230, 0.98) !important;
        --th-v-text: #433422 !important; --th-v-muted: rgba(67, 52, 34, 0.5) !important; --th-v-border: rgba(67, 52, 34, 0.08) !important;
        --th-v-hover: rgba(150, 106, 69, 0.04) !important; }
    html[data-th-theme="paper"] { --th-v-bg: rgba(242, 239, 233, 0.98) !important;
        --th-v-text: #2c2c2c !important; --th-v-muted: rgba(44, 44, 44, 0.5) !important; --th-v-border: rgba(44, 44, 44, 0.08) !important;
        --th-v-hover: rgba(139, 115, 85, 0.04) !important; }
    html[data-th-theme="dim"] { --th-v-bg: rgba(30, 32, 34, 0.98) !important;
        --th-v-text: #e8e9eb !important; --th-v-muted: rgba(232, 233, 235, 0.5) !important; --th-v-border: rgba(255, 255, 255, 0.06) !important; --th-v-accent: #b29b84 !important;
        --th-v-hover: rgba(255, 255, 255, 0.03) !important; }
    html[data-th-theme="night"] { --th-v-bg: rgba(18, 18, 18, 0.98) !important;
        --th-v-text: #E5E5E5 !important; --th-v-muted: rgba(229, 229, 229, 0.5) !important; --th-v-border: rgba(255, 255, 255, 0.06) !important; --th-v-accent: #C4A47C !important;
        --th-v-hover: rgba(255, 255, 255, 0.03) !important; }
    html[data-th-theme="oled"] { --th-v-bg: rgba(0, 0, 0, 0.98) !important;
        --th-v-text: #f5f5f5 !important; --th-v-muted: rgba(245, 245, 245, 0.5) !important; --th-v-border: rgba(255, 255, 255, 0.08) !important; --th-v-accent: #D4B48C !important;
        --th-v-hover: rgba(255, 255, 255, 0.04) !important; }

    /* Trigger Button - Sắc lẹm */
    #th-kv-trigger { position: fixed !important;
        bottom: 30px !important; right: 30px !important; z-index: 9000 !important; width: 50px !important; height: 50px !important; border-radius: 50% !important;
        border: none !important; background: #1a1a1a !important; color: #ffffff !important; cursor: pointer !important; display: flex !important; align-items: center !important;
        justify-content: center !important; box-shadow: 0 12px 24px rgba(0,0,0,0.12) !important; transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), filter 0.4s ease, background-color 0.5s ease, color 0.5s ease !important;
        outline: none !important; opacity: 1 !important; }
    .page-the-manifesto #th-kv-trigger { display: none !important; }
    html[data-th-theme="sepia"] #th-kv-trigger { background: #433422 !important; color: #F4F0E6 !important; }
    html[data-th-theme="paper"] #th-kv-trigger { background: #2C2C2C !important; color: #F2EFE9 !important; }
    html[data-th-theme="dim"] #th-kv-trigger { background: #ffffff !important; color: #1E2022 !important; }
    html[data-th-theme="night"] #th-kv-trigger { background: #ffffff !important; color: #121212 !important; }
    html[data-th-theme="oled"] #th-kv-trigger { background: #333333 !important; color: #ffffff !important; }
    #th-kv-trigger:hover { transform: scale(1.05) !important; }
    #th-kv-trigger svg { width: 20px !important;
        height: 20px !important; fill: none !important; stroke: currentColor !important; stroke-width: 1.2 !important; stroke-linecap: round !important; stroke-linejoin: round !important;
    }
    #th-kv-trigger .badge { position: absolute !important; top: 0px !important; right: 0px !important; background: var(--th-v-text) !important;
        color: var(--th-v-bg) !important; font-size: 8px !important; font-family: 'Inter', sans-serif !important; font-weight: 700 !important; width: 16px !important; height: 16px !important;
        border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; border: none !important;
        box-shadow: 0 2px 8px rgba(0,0,0,0.3) !important; transform: translate(20%, -20%) !important;
    }
    html[data-th-theme="night"] #th-kv-trigger .badge, html[data-th-theme="oled"] #th-kv-trigger .badge { box-shadow: 0 2px 8px rgba(255,255,255,0.1) !important;
    }

    html.th-vault-lock, body.th-vault-lock { overflow: hidden !important; touch-action: none !important; overscroll-behavior: none !important;
    }

    #th-kv-overlay { position: fixed !important; top: 0 !important; left: 0 !important; width: 100vw !important;
        height: 100vh !important; background: rgba(0,0,0,0.2) !important; z-index: 100000 !important; opacity: 0 !important; visibility: hidden !important;
        transition: opacity 0.6s ease, visibility 0.6s ease !important; backdrop-filter: blur(8px) !important;
        -webkit-backdrop-filter: blur(8px) !important;}
    #th-kv-overlay.is-active { opacity: 1 !important; visibility: visible !important;
    }

    #th-kv-sidebar { position: fixed !important; top: 0 !important; right: 0 !important; width: 880px !important;
        max-width: 95vw !important; height: 100vh !important; height: 100dvh !important; background: var(--th-v-bg) !important; backdrop-filter: blur(35px) !important; -webkit-backdrop-filter: blur(35px) !important;
        border-left: 1px solid var(--th-v-border) !important; z-index: 100001 !important; transform: translateX(100.1%) !important; transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
        will-change: transform !important; backface-visibility: hidden !important; -webkit-backface-visibility: hidden !important;
        display: flex !important; flex-direction: column !important; box-shadow: -30px 0 80px rgba(0,0,0,0.1) !important;
        border-radius: 0 !important;}
    #th-kv-sidebar.is-open { transform: translateX(0) !important;
    }
    
    .th-kv-split-view { display: flex !important;
        width: 100% !important; height: 100% !important;
        overflow: hidden !important; position: relative !important;
    }
    
    .th-kv-master { width: 360px !important;
        height: 100% !important; flex-shrink: 0 !important;
        border-right: 1px solid var(--th-v-border) !important; display: flex !important; flex-direction: column !important; background: transparent !important;
        overflow: hidden !important;
        z-index: 2 !important;}
    .th-kv-m-header { padding: 35px 30px 25px 30px !important;
        border-bottom: 1px solid var(--th-v-border) !important;
        position: relative !important; flex-shrink: 0 !important;}
    .th-kv-m-header h3 { margin: 0 0 25px 0 !important;
        font-family: 'Playfair Display', serif !important; font-size: 22px !important; font-weight: 500 !important; letter-spacing: -0.01em !important; color: var(--th-v-text) !important;
    }
    #th-kv-m-close { display: none !important; position: absolute !important; top: 25px !important; right: 20px !important;
        background: none !important; border: none !important; font-size: 28px !important; color: var(--th-v-text) !important; opacity: 0.3 !important; padding: 0 !important;
        cursor: pointer !important; line-height: 1 !important; outline: none !important; transition: opacity 0.3s ease !important;}
    #th-kv-m-close:hover { opacity: 1 !important;
    }

    .th-kv-m-filters { display: flex !important; flex-direction: column !important; gap: 15px !important;
    }
    .th-kv-search-box { display: flex !important; align-items: center !important; width: 100% !important; border-bottom: 1px solid var(--th-v-border) !important;
        padding-bottom: 10px !important; transition: border-color 0.4s ease !important; }
    .th-kv-search-box:focus-within { border-color: var(--th-v-accent) !important;
    }
    .th-kv-search-box svg { width: 14px !important; height: 14px !important; stroke: var(--th-v-muted) !important; stroke-width: 1.5 !important;
        flex-shrink: 0 !important; margin-right: 12px !important;}
    #th-kv-search-input { flex: 1 !important; background: transparent !important; border: none !important;
        padding: 0 !important; font-family: 'Inter', sans-serif !important; font-size: 13px !important; font-weight: 400 !important; color: var(--th-v-text) !important; outline: none !important;
        border-radius: 0 !important; }
    
    .th-kv-m-controls { display: flex !important; justify-content: space-between !important;
        align-items: center !important; margin-top: 5px !important; flex-wrap: wrap !important; gap: 10px !important; }
    .th-kv-sort-toggle, .th-kv-lang-filter-toggle { display: flex !important; align-items: center !important;
        gap: 6px !important; background: transparent !important; border: none !important; color: var(--th-v-muted) !important; font-family: 'Inter', sans-serif !important; font-size: 9px !important;
        font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: 0.15em !important; cursor: pointer !important; padding: 0 !important; outline: none !important;
        transition: color 0.3s ease !important; border-radius: 0 !important;}
    .th-kv-sort-toggle:hover, .th-kv-lang-filter-toggle:hover { color: var(--th-v-text) !important;
    }
    .th-kv-sort-toggle svg { width: 12px !important; height: 12px !important; stroke: currentColor !important; stroke-width: 1.5 !important;
        transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important; }
    .th-kv-sort-toggle.is-oldest svg { transform: rotate(180deg) !important;
    }
    .th-kv-lang-filter-toggle svg { width: 10px !important; height: 10px !important; fill: currentColor !important; opacity: 0.7 !important;
    }

    .th-kv-m-list { flex: 1 !important; overflow-y: auto !important; padding: 10px 0 !important; overscroll-behavior: contain !important;
        -webkit-overflow-scrolling: touch !important;}
    /* Scrollbar handled by Global CSS */
    
    .th-kv-folder { border-bottom: 1px solid var(--th-v-border) !important;
    }
    .th-kv-folder-title { padding: 18px 30px !important; cursor: pointer !important; display: flex !important; justify-content: space-between !important;
        align-items: center !important; font-family: 'Inter', sans-serif !important; font-size: 10px !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: 0.15em !important;
        color: var(--th-v-text) !important; background: rgba(139, 115, 85, 0.02) !important; transition: background 0.3s ease !important;
        border-radius: 0 !important;}
    .th-kv-folder-title:hover { background: rgba(139, 115, 85, 0.06) !important;
    }
    .th-kv-folder-title svg { width: 14px !important; height: 14px !important; stroke: currentColor !important; stroke-width: 1.5 !important;
        transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important; }
    .th-kv-folder.is-expanded .th-kv-folder-title svg { transform: rotate(180deg) !important;
    }
    .th-kv-folder-content { display: none !important; flex-direction: column !important;
    }
    .th-kv-folder.is-expanded .th-kv-folder-content { display: flex !important; }

    .th-kv-post-item { position: relative !important;
        padding: 20px 30px !important; cursor: pointer !important; display: flex !important; flex-direction: column !important; gap: 10px !important;
        transition: background 0.3s ease !important; border-left: 2px solid transparent !important; border-bottom: 1px solid transparent !important;
        border-radius: 0 !important;}
    .th-kv-post-item:hover { background: var(--th-v-hover) !important; }
    .th-kv-post-item.is-active { background: var(--th-v-hover) !important;
        border-left-color: var(--th-v-accent) !important; }
    .th-kv-post-item.in-folder { padding: 16px 30px 16px 40px !important; border-bottom: 1px solid var(--th-v-border) !important;
    }
    
    .th-kv-post-title { font-family: 'Inter', sans-serif !important; font-size: 14px !important; font-weight: 400 !important;
        color: var(--th-v-text) !important; line-height: 1.5 !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important;
        padding-right: 25px !important;}
    
    .th-kv-meta-wrap { display: flex !important; justify-content: space-between !important;
        align-items: center !important; }
    .th-kv-post-meta { font-family: 'Inter', sans-serif !important; font-size: 10px !important; font-weight: 500 !important;
        color: var(--th-v-muted) !important; text-transform: uppercase !important; letter-spacing: 0.1em !important; display: flex !important; gap: 8px !important; align-items: center !important;
    }
    
    .th-kv-labels { display: flex !important; gap: 6px !important; flex-wrap: wrap !important;
        align-items: center !important; flex-shrink: 0 !important; min-width: 0 !important; margin-left: auto !important; }
    .th-kv-label { font-family: 'Inter', sans-serif !important; font-size: 8.5px !important; font-weight: 600 !important;
        text-transform: uppercase !important; letter-spacing: 0.1em !important; padding: 4px 6px !important; border-radius: 0 !important; display: flex !important; align-items: center !important; box-sizing: border-box !important;
        white-space: nowrap !important; line-height: 1 !important; height: 18px !important;
    }
    .th-label-reading { background: var(--th-v-text) !important; color: var(--th-v-bg) !important;
    }
    .th-label-pinned { background: var(--th-v-hover) !important; color: var(--th-v-accent) !important; border: 1px solid var(--th-v-border) !important; display: flex !important;
        align-items: center !important; gap: 4px !important;}
    .th-label-pinned svg { width: 8px !important; height: 8px !important;
        fill: currentColor !important; }
    
    .th-badge-ml { background: var(--th-v-border) !important; color: var(--th-v-text) !important;
        cursor: pointer !important; transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important; display: flex !important; align-items: center !important; gap: 4px !important;
        border-radius: 0 !important;}
    .th-badge-ml svg { width: 8px !important; height: 8px !important; fill: currentColor !important;
        opacity: 0.6 !important;}
    .th-badge-ml:hover { background: var(--th-v-accent) !important; color: var(--th-v-bg) !important;
    }
    .th-badge-ml:hover svg { opacity: 1 !important;}

    /* MENU 3 CHẤM SẮC LẸM */
    .th-kv-post-menu-btn { position: absolute !important;
        top: 18px !important; right: 18px !important; background: none !important; border: none !important; color: var(--th-v-muted) !important; padding: 5px !important;
        cursor: pointer !important; opacity: 0.3 !important; transition: opacity 0.3s ease, color 0.3s ease !important; outline: none !important;
        border-radius: 0 !important;}
    .th-kv-post-item:hover .th-kv-post-menu-btn { opacity: 1 !important; color: var(--th-v-text) !important;
    }
    .th-kv-post-menu-btn svg { width: 18px !important; height: 18px !important; fill: currentColor !important;
    }
    
    .th-kv-post-menu { position: absolute !important; top: 40px !important; right: 25px !important;
        background: var(--th-v-bg) !important; backdrop-filter: blur(25px) !important; -webkit-backdrop-filter: blur(25px) !important; border: 1px solid var(--th-v-border) !important; border-radius: 0 !important;
        box-shadow: 0 20px 40px rgba(0,0,0,0.1), 0 1px 3px rgba(0,0,0,0.05) !important; display: flex !important; flex-direction: column !important; z-index: 10 !important;
        overflow: hidden !important; min-width: 180px !important; opacity: 0 !important; visibility: hidden !important; transform: translateY(-10px) scale(0.98) !important;
        transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important; transform-origin: top right !important;
        padding: 6px 0 !important; pointer-events: none !important; }
    .th-kv-post-menu.is-open { opacity: 1 !important; visibility: visible !important; transform: translateY(0) scale(1) !important; pointer-events: auto !important;
    }
    
    .th-kv-pm-item { background: transparent !important; border: none !important; padding: 12px 18px !important;
        font-family: 'Inter', sans-serif !important; font-size: 9px !important; font-weight: 500 !important; letter-spacing: 0.15em !important; color: var(--th-v-text) !important; text-transform: uppercase !important;
        text-align: left !important; cursor: pointer !important; transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important; outline: none !important; display: flex !important;
        align-items: center !important; gap: 12px !important; border-radius: 0 !important; width: 100% !important; box-sizing: border-box !important;
        white-space: nowrap !important;}
.th-kv-pm-item:hover { background: rgba(0,0,0,0.02) !important; padding-left: 24px !important;
        color: var(--th-v-accent) !important;}
    html[data-th-theme="night"] .th-kv-pm-item:hover, html[data-th-theme="dim"] .th-kv-pm-item:hover { background: rgba(255,255,255,0.03) !important;
    }
    .th-kv-pm-item svg { width: 14px !important; height: 14px !important; stroke: currentColor !important; stroke-width: 1.2 !important;
        fill: none !important; opacity: 0.7 !important; transition: stroke 0.3s ease !important;}
    
    .th-kv-pm-divider { height: 1px !important;
        background: var(--th-v-border) !important; margin: 4px 18px !important; opacity: 0.5 !important;}

    /* THE ROSETTA CIRCLE BUTTON (SOLID CONTRAST & SOFT EDGE) */
    @keyframes thRosettaPulse {
        0% { box-shadow: 0 4px 15px rgba(139, 115, 85, 0.15);
        stroke: var(--th-accent, var(--th-v-accent, #8b7355)); }
        50% { box-shadow: 0 4px 25px rgba(139, 115, 85, 0.5);
        stroke: #dcb384; }
        100% { box-shadow: 0 4px 15px rgba(139, 115, 85, 0.15);
        stroke: var(--th-accent, var(--th-v-accent, #8b7355)); }
    }
    .th-nc-action-icon.th-rosetta-sync-btn, .th-hl-btn.th-rosetta-sync-btn, .th-nc-action-icon.th-rosetta-composer-share { background: var(--th-v-text, var(--th-nc-text, #111111)) !important;
        border-radius: 50% !important; width: 34px !important; height: 34px !important; padding: 0 !important; display: flex !important; align-items: center !important;
        justify-content: center !important; border: 1px solid rgba(139, 115, 85, 0.3) !important; opacity: 1 !important;
        transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important; flex-shrink: 0 !important; margin: 0 !important;
    }
html[data-th-theme="night"] .th-nc-action-icon.th-rosetta-sync-btn, html[data-th-theme="oled"] .th-nc-action-icon.th-rosetta-sync-btn, html[data-th-theme="night"] .th-nc-action-icon.th-rosetta-composer-share, html[data-th-theme="oled"] .th-nc-action-icon.th-rosetta-composer-share { border-color: rgba(255, 255, 255, 0.1) !important;
    }
.th-nc-action-icon.th-rosetta-sync-btn svg, .th-hl-btn.th-rosetta-sync-btn svg, .th-nc-action-icon.th-rosetta-composer-share svg { stroke: var(--th-v-accent, var(--th-accent, #8b7355)) !important; width: 14px !important; height: 14px !important;
        animation: thRosettaPulse 3s infinite ease-in-out !important; }
.th-nc-action-icon.th-rosetta-sync-btn:hover, .th-hl-btn.th-rosetta-sync-btn:hover, .th-nc-action-icon.th-rosetta-composer-share:hover { transform: translateY(-3px) scale(1.05) !important;
        box-shadow: 0 10px 30px rgba(139, 115, 85, 0.6) !important; background: var(--th-v-text, var(--th-nc-text, #111111)) !important;
    }

/* DEDICATED MENU SHARE BUTTON (LUXURY RECTANGLE) */
.th-kv-pm-item.btn-share-post.th-rosetta-sync-btn { background: var(--th-v-text) !important; color: var(--th-v-bg) !important;
        margin: 4px 12px 8px 12px !important; padding: 12px 18px !important; border-radius: 0 !important; box-shadow: 0 5px 20px rgba(0,0,0,0.1) !important;
        transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important; width: calc(100% - 24px) !important; display: flex !important; justify-content: flex-start !important;
    }
.th-kv-pm-item.btn-share-post.th-rosetta-sync-btn:hover { transform: translateY(-2px) !important; box-shadow: 0 8px 25px rgba(0,0,0,0.15) !important; color: var(--th-v-accent) !important; padding-left: 20px !important; background: var(--th-v-text) !important;
    }
.th-kv-pm-item.btn-share-post.th-rosetta-sync-btn svg { stroke: var(--th-v-bg) !important; margin-right: 10px !important; animation: thRosettaPulse 3s infinite ease-in-out !important;
    }
.th-kv-pm-item.btn-share-post.th-rosetta-sync-btn:hover svg { stroke: var(--th-v-accent) !important; animation: none !important; transform: scale(1.1) rotate(-5deg) !important;
    }

    /* THE WORMHOLE OVERLAY */
    #th-wormhole-overlay { position: fixed; top: 0; left: 0;
        width: 100vw; height: 100vh; background: rgba(0,0,0,0.6); backdrop-filter: blur(25px); -webkit-backdrop-filter: blur(25px); z-index: 9999999; display: flex; align-items: center; justify-content: center; opacity: 0;
        visibility: hidden; transition: all 0.5s ease; }
    #th-wormhole-overlay.is-active { opacity: 1; visibility: visible;
    }
    .th-wormhole-text { color: #fff; font-family: 'Inter', sans-serif; font-size: 14px; font-weight: 500; letter-spacing: 0.1em; text-transform: uppercase;
        animation: thWormholePulse 2s infinite; }
    @keyframes thWormholePulse { 0%, 100% { opacity: 0.5;
        } 50% { opacity: 1; } }

    /* LUXURY CONFIRMATION DELETE */
.th-kv-pm-confirm { display: flex !important;
        flex-direction: column !important; gap: 10px !important; background: transparent !important; overflow: hidden !important; max-height: 0 !important; padding: 0 18px !important;
        opacity: 0 !important; transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important; margin-top: 0 !important;}
.th-kv-pm-confirm.is-active { max-height: 120px !important;
        padding: 12px 18px 16px 18px !important; opacity: 1 !important; margin-top: -4px !important;}
.th-kv-pm-confirm span { font-family: 'Inter', sans-serif !important;
        font-size: 9px !important; font-weight: 500 !important; color: var(--th-v-text) !important; text-transform: uppercase !important; letter-spacing: 0.05em !important;
text-align: left !important;
        opacity: 0.7 !important; margin-bottom: 4px !important;}
.th-kv-pm-actions { display: flex !important; gap: 8px !important;
}
.th-kv-pm-btn { flex: 1 !important;
        border: 1px solid var(--th-v-border) !important; padding: 8px 12px !important; font-family: 'Inter', sans-serif !important;
font-size: 9px !important; font-weight: 600 !important;
        text-transform: uppercase !important; cursor: pointer !important; border-radius: 0 !important; transition: all 0.3s ease !important;
outline: none !important; background: transparent !important;
        color: var(--th-v-text) !important; display: flex !important; justify-content: center !important; align-items: center !important;}
.th-kv-pm-yes { background: var(--th-v-text) !important; color: var(--th-v-bg) !important;
        border-color: var(--th-v-text) !important;
}
.th-kv-pm-yes:hover { background: var(--th-v-accent) !important; border-color: var(--th-v-accent) !important; color: #fff !important;
}
.th-kv-pm-no { opacity: 0.6 !important;
    }
.th-kv-pm-no:hover { opacity: 1 !important; border-color: var(--th-v-text) !important; background: rgba(139, 115, 85, 0.03) !important;
    }

    .th-kv-detail { flex: 1 !important;
        height: 100% !important; display: flex !important; flex-direction: column !important;
        background: transparent !important; overflow: hidden !important; position: relative !important;
        z-index: 1 !important;}
    
    .th-kv-d-header { padding: 35px 40px !important;
        border-bottom: 1px solid var(--th-v-border) !important; display: flex !important; flex-direction: column !important; gap: 20px !important; flex-shrink: 0 !important;
    }
    
    /* TOOLTIP HƯỚNG DẪN CHỌN (SELECT MODE) */
    .th-select-guide { font-family: 'Inter', sans-serif !important;
        font-size: 11px !important; color: var(--th-v-accent) !important; font-style: italic !important; text-align: center !important; padding: 6px 0 !important;
        border-bottom: none !important;
        margin-bottom: 8px !important; display: none; opacity: 0; transition: opacity 0.4s ease !important;
        width: 100% !important;}
    
    /* CHẾ ĐỘ CHỌN (SELECT MODE) TỐI ƯU HÓA BOX-MODEL TRÊN MỌI THIẾT BỊ */
    .th-kv-split-view.is-select-mode .th-kv-master { filter: blur(6px) !important;
        opacity: 0.3 !important; pointer-events: none !important; will-change: filter, opacity, transform !important;
        transition: filter 0.6s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.6s cubic-bezier(0.16, 1, 0.3, 1), transform 0.7s cubic-bezier(0.16, 1, 0.3, 1) !important;}
    .th-kv-d-content.is-select-mode { padding-bottom: 200px !important;
    }
    .th-kv-detail.is-select-mode .th-select-guide { display: block !important; opacity: 1 !important;
    }
    .th-kv-detail.is-select-mode .th-nc-actions,
    .th-kv-detail.is-select-mode .th-nc-edit-hint-icon,
    .th-kv-detail.is-select-mode .th-inline-edit-icon { display: none !important;
    }

    .th-kv-detail.is-select-mode .th-editable-region { pointer-events: none !important; background: transparent !important;
    }

    .th-kv-d-content.is-select-mode .th-note-card { transform: none !important; padding-left: 45px !important; cursor: pointer !important; border-bottom-color: transparent !important;
        transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important; width: 100% !important;
        box-sizing: border-box !important;}
    .th-kv-d-content.is-select-mode .th-note-card:hover { background: rgba(139, 115, 85, 0.03) !important; padding-left: 50px !important;
        box-shadow: inset 0 0 0 1px rgba(139, 115, 85, 0.2) !important; }
    .th-note-card.is-selected { background: transparent !important;
        box-shadow: inset 0 0 0 1.5px var(--th-v-text) !important; padding: 20px 25px 20px 45px !important; border-bottom-color: transparent !important;
    }
    .th-note-card.is-selected:hover { padding-left: 45px !important; box-shadow: inset 0 0 0 1.5px var(--th-v-text) !important;
        background: rgba(139, 115, 85, 0.05) !important; }

    .th-note-checkbox { position: absolute !important; left: -10px !important;
        top: 20px !important; width: 14px !important; height: 14px !important; border: 1px solid var(--th-v-muted) !important; border-radius: 0px !important; display: flex !important;
        align-items: center !important; justify-content: center !important; transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important; opacity: 0 !important; pointer-events: none !important;
        transform: scale(0.5) !important;}
    .th-kv-d-content.is-select-mode .th-note-checkbox { opacity: 1 !important; pointer-events: auto !important; left: 15px !important;
        transform: scale(1) !important;}
    .th-note-card.is-selected .th-note-checkbox { background: var(--th-v-text) !important; border-color: var(--th-v-text) !important;
        left: 15px !important;}
    .th-note-checkbox svg { width: 10px !important; height: 10px !important; stroke: var(--th-v-bg) !important;
        stroke-width: 2 !important; fill: none !important; opacity: 0 !important; transition: opacity 0.3s ease !important; transform: translateY(1px) !important;
    }
    .th-note-card.is-selected .th-note-checkbox svg { opacity: 1 !important;
    }

    /* EDITABLE REGION (VÙNG NHẤP VÀO LÀ SỬA) & TỐI ƯU KHOẢNG TRẮNG */
    .th-editable-region { position: relative !important;
        cursor: pointer !important; padding-left: 20px !important; transition: background 0.3s ease !important; margin-left: -20px !important; padding-top: 5px !important; padding-bottom: 5px !important;
        width: calc(100% + 20px) !important;}
    .th-editable-region:hover { background: rgba(139, 115, 85, 0.04) !important;
    }
    .th-inline-edit-icon { position: absolute !important; left: 4px !important; top: 10px !important; width: 10px !important;
        height: 10px !important; stroke: var(--th-v-accent) !important; stroke-width: 1.5 !important; fill: none !important; opacity: 0 !important;
        transition: opacity 0.3s ease, transform 0.3s ease !important; transform: translateX(-5px) !important;}
    .th-editable-region:hover .th-inline-edit-icon { opacity: 0.8 !important;
        transform: translateX(0) !important; }
    .th-clamped-inner { position: relative !important; z-index: 1 !important;
    }
    .th-nc-quote, .th-nc-text { align-items: flex-start !important;
    }
    
    /* GỠ BỎ CHIỀU CAO CỐ ĐỊNH, ÉP VỪA DÒNG */
    .th-clamped-wrap { position: relative !important;
        overflow: hidden !important; transition: max-height 0.8s cubic-bezier(0.16, 1, 0.3, 1) !important;
        width: 100% !important;}
    
    .th-kv-d-toprow { display: flex !important; justify-content: space-between !important;
        align-items: center !important;
    }
    .th-kv-d-title { font-family: 'Playfair Display', serif !important; font-size: 20px !important; font-weight: 500 !important;
        letter-spacing: -0.01em !important;
        color: var(--th-v-text) !important; margin: 0 !important; display: -webkit-box !important; -webkit-line-clamp: 1 !important; -webkit-box-orient: vertical !important;
        overflow: hidden !important;
        flex: 1 !important; padding-right: 20px !important;}
    
    #th-kv-btn-back { display: none !important;
        background: transparent !important; border: none !important; color: var(--th-v-accent) !important; font-family: 'Inter', sans-serif !important; font-size: 12px !important; font-weight: 500 !important;
        cursor: pointer !important; padding: 0 15px 0 0 !important; align-items: center !important; gap: 4px !important; outline: none !important;
        border-radius: 0 !important;}
    #th-kv-btn-back svg { width: 14px !important; height: 14px !important; stroke: currentColor !important;
        stroke-width: 1.5 !important;}
    
    #th-kv-close { background: none !important; border: none !important;
        font-size: 28px !important; color: var(--th-v-text) !important; opacity: 0.3 !important; cursor: pointer !important; line-height: 1 !important;
        transition: opacity 0.4s ease, transform 0.4s ease !important; outline: none !important; padding: 0 !important;
        border-radius: 0 !important;}
    #th-kv-close:hover { opacity: 1 !important;
        transform: rotate(90deg) !important;}

    /* SELECT MODE & FILTERS (GỘP CHUNG VÀO 1 HÀNG) */
    .th-kv-d-filters-wrap { display: flex !important;
        flex-wrap: wrap !important; gap: 15px !important; border-top: 1px dashed var(--th-v-border) !important; padding-top: 20px !important; justify-content: space-between !important;
        align-items: center !important;}
    .th-kv-d-filters-group { display: flex !important; gap: 15px !important; align-items: center !important;
        flex-wrap: wrap !important;}
    .th-kv-d-filter-btn { background: transparent !important; border: none !important; color: var(--th-v-muted) !important;
        font-family: 'Inter', sans-serif !important; font-size: 10px !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: 0.15em !important;
        padding: 0 0 4px 0 !important; cursor: pointer !important; transition: color 0.3s ease !important; outline: none !important;
        border-bottom: 1px solid transparent !important; border-radius: 0 !important;}
    .th-kv-d-filter-btn.is-active { color: var(--th-v-text) !important; border-bottom-color: var(--th-v-text) !important;
    }
    .th-kv-d-filter-btn:hover { color: var(--th-v-text) !important; }
    
    /* NÚT CHỌN (SELECT) NẰM TRONG FILTER */
    .th-kv-select-trigger { background: transparent !important;
        border: none !important; color: var(--th-v-accent) !important; font-family: 'Inter', sans-serif !important; font-size: 10px !important; font-weight: 600 !important; text-transform: uppercase !important;
        letter-spacing: 0.15em !important; padding: 0 0 4px 0 !important; cursor: pointer !important; outline: none !important; transition: opacity 0.3s ease !important;
        border-radius: 0 !important; border-bottom: 1px solid transparent !important;}
    .th-kv-select-trigger:hover { opacity: 0.7 !important;
        border-bottom-color: var(--th-v-accent) !important;}
    .th-kv-select-trigger.is-active { border-bottom-color: var(--th-v-accent) !important; }
    .th-kv-d-actions-group { display: flex !important; align-items: center !important; gap: 15px !important; flex-shrink: 0 !important; }
    @media (max-width: 768px) {
        .th-kv-d-filters-wrap { flex-direction: column !important; align-items: flex-start !important; gap: 20px !important; }
        .th-kv-d-actions-group { width: 100% !important; justify-content: space-between !important; }
    }
    
    /* MULTI-SELECT LINGUISTIC DROPDOWN V15.1 (NO TICK, SHARP BACKGROUND) */
    .th-kv-lang-dropdown { position: relative !important;
    }
    .th-kv-lang-trigger { display: flex !important; align-items: center !important; gap: 8px !important; background: transparent !important;
        border: 1px solid var(--th-v-border) !important; padding: 6px 12px !important; border-radius: 0 !important; color: var(--th-v-text) !important; font-family: 'Inter', sans-serif !important;
        font-size: 9px !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: 0.1em !important; cursor: pointer !important; transition: border-color 0.3s ease !important;
        outline: none !important; }
    .th-kv-lang-trigger:hover { border-color: var(--th-v-text) !important;
    }
    .th-kv-lang-trigger svg { width: 10px !important; height: 10px !important; stroke: currentColor !important; stroke-width: 1.5 !important;
        fill: none !important; transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
    }
    .th-kv-lang-dropdown.is-open .th-kv-lang-trigger svg { transform: rotate(180deg) !important;
    }
    
    .th-kv-lang-list { position: absolute !important; top: calc(100% + 5px) !important;
        right: 0 !important; background: var(--th-v-bg) !important; border: 1px solid var(--th-v-border) !important; border-radius: 0 !important; box-shadow: 0 15px 30px rgba(0,0,0,0.1) !important;
        display: flex !important; flex-direction: column !important; min-width: 140px !important; opacity: 0 !important; visibility: hidden !important; transform: translateY(-10px) !important;
        transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important; z-index: 100 !important; backdrop-filter: blur(20px) !important; -webkit-backdrop-filter: blur(20px) !important;
        padding: 5px 0 !important; max-width: 90vw !important; box-sizing: border-box !important; }
    .th-kv-lang-dropdown.is-open .th-kv-lang-list { opacity: 1 !important; visibility: visible !important; transform: translateY(0) !important; }
    @media (max-width: 768px) {
        .th-kv-lang-list { right: auto !important; left: 0 !important; }
    }
    .th-kv-lang-list-inner { display: flex !important; flex-direction: column !important; gap: 2px !important; max-height: 250px !important;
        overflow-y: auto !important; padding: 5px 8px !important; overscroll-behavior: contain !important;}
    /* Scrollbar handled by Global CSS */
    .th-kv-lang-list-inner::-webkit-scrollbar-thumb { background: var(--th-v-border) !important;
        border-radius: 0 !important;}

    /* Loại bỏ Checkbox, Dùng Màu nền (Accent) thay thế */
    .th-kv-lang-opt { box-sizing: border-box !important;
        padding: 10px 12px !important; font-family: 'Inter', sans-serif !important; font-size: 9px !important; font-weight: 500 !important; color: var(--th-v-text) !important; text-transform: uppercase !important;
        letter-spacing: 0.1em !important; cursor: pointer !important; transition: all 0.3s ease !important; display: flex !important; align-items: center !important; justify-content: center !important;
        width: 100% !important; border-radius: 0 !important;}
    .th-kv-lang-opt:hover { background: var(--th-v-hover) !important;
    }
    .th-kv-lang-opt.is-active { background: var(--th-v-accent) !important; color: var(--th-v-bg) !important; font-weight: 500 !important;
    }

    .th-kv-lang-done { background: var(--th-v-text) !important; color: var(--th-v-bg) !important; border: none !important; padding: 12px 15px !important;
        font-family: 'Inter', sans-serif !important; font-size: 9px !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: 0.15em !important; cursor: pointer !important;
        width: 100% !important; outline: none !important; transition: filter 0.3s ease !important; text-align: center !important; flex-shrink: 0 !important;
        border-radius: 0 !important;}
    .th-kv-lang-done:hover { filter: brightness(1.2) !important; }

    .th-kv-d-content { flex: 1 !important;
        overflow-y: auto !important; padding: 40px !important; display: flex !important; flex-direction: column !important; gap: 40px !important; overscroll-behavior: contain !important;
        -webkit-overflow-scrolling: touch !important; transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.5s ease !important;
    }
    .th-kv-d-content.th-select-transitioning { opacity: 0; transform: translateY(10px);
    }
    /* Scrollbar handled by Global CSS */

    /* WORMHOLE CONFIRM MODAL V1.0 (PREMIUM MINIMALIST) */
    .th-wh-confirm-overlay { position: fixed !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important;
        background: rgba(17,17,17,0.4) !important; backdrop-filter: blur(15px) !important; -webkit-backdrop-filter: blur(15px) !important;
        z-index: 20000000 !important; display: flex !important; align-items: center !important; justify-content: center !important;
        opacity: 0 !important; visibility: hidden !important; transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important; }
    .th-wh-confirm-overlay.is-active { opacity: 1 !important; visibility: visible !important; }
    
    .th-wh-confirm-modal { background: var(--th-v-bg) !important; border: 1px solid var(--th-v-border) !important; width: 320px !important;
        max-width: 90vw !important; padding: 40px !important; box-shadow: 0 30px 60px rgba(0,0,0,0.2) !important;
        transform: translateY(20px) !important; transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important; border-radius: 0 !important;
        text-align: center !important; }
    .th-wh-confirm-overlay.is-active .th-wh-confirm-modal { transform: translateY(0) !important; }
    
    .th-wh-confirm-title { font-family: 'Inter', sans-serif !important; font-size: 11px !important; font-weight: 700 !important;
        text-transform: uppercase !important; letter-spacing: 0.2em !important; color: var(--th-v-accent) !important; margin-bottom: 25px !important; display: block !important; }
    .th-wh-confirm-msg { font-family: 'Inter', sans-serif !important; font-size: 13px !important; font-weight: 500 !important;
        line-height: 1.8 !important; color: var(--th-v-text) !important; margin-bottom: 35px !important; display: block !important; }
    
    .th-wh-confirm-actions { display: flex !important; flex-direction: column !important; gap: 12px !important; }
    .th-wh-confirm-btn { padding: 14px !important; font-family: 'Inter', sans-serif !important; font-size: 10px !important; font-weight: 700 !important;
        text-transform: uppercase !important; letter-spacing: 0.1em !important; cursor: pointer !important; transition: all 0.3s ease !important;
        border-radius: 0 !important; outline: none !important; border: none !important; }
    .th-wh-btn-go { background: var(--th-v-text) !important; color: var(--th-v-bg) !important; }
    .th-wh-btn-go:hover { filter: brightness(1.2) !important; }
    .th-wh-btn-cancel { background: transparent !important; color: var(--th-v-muted) !important; border: 1px solid var(--th-v-border) !important; }
    .th-wh-btn-cancel:hover { border-color: var(--th-v-text) !important; color: var(--th-v-text) !important; }

    @keyframes thCardEntrance { from { opacity: 0;
        transform: translateY(20px); } to { opacity: 1; transform: translateY(0);
    } }
    .th-note-card { display: flex !important;
        flex-direction: column !important; padding-bottom: 30px !important;
        border-bottom: 1px solid var(--th-v-border) !important; animation: thCardEntrance 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards !important;
        opacity: 0;
        transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important; position: relative !important; transform-origin: center center !important;
        border-radius: 0 !important;}
    .th-note-card.is-editing-now { transform: scale(1.02) !important; box-shadow: 0 20px 50px rgba(0,0,0,0.08) !important; z-index: 50 !important;
        background: var(--th-v-bg) !important; border-color: transparent !important; padding: 25px 30px 30px 30px !important; margin: 10px -15px 30px -15px !important;
        border-left: 2px solid var(--th-v-accent) !important;}
    html[data-th-theme="night"] .th-note-card.is-editing-now, html[data-th-theme="oled"] .th-note-card.is-editing-now { box-shadow: 0 20px 50px rgba(255,255,255,0.05) !important;
    }
    
    /* FAB NẰM NGAY DƯỚI GUIDE TRONG HEADER */
    .th-kv-fab { position: static !important;
        transform: none !important; width: 100% !important; background: transparent !important; color: var(--th-v-text) !important; padding: 10px 15px !important;
        border: 1px solid var(--th-v-border) !important; border-radius: 0 !important; display: none !important;
        gap: 20px !important; align-items: center !important; justify-content: center !important;
        z-index: 100 !important; margin-top: 5px !important; margin-bottom: 15px !important; box-shadow: none !important;
        white-space: nowrap !important;}
    .th-kv-detail.is-select-mode .th-kv-fab { display: flex !important;
        animation: thCardEntrance 0.5s cubic-bezier(0.16, 1, 0.3, 1) forwards !important;
    }
    .th-kv-fab-btn { background: transparent !important;
        border: none !important; color: var(--th-v-text) !important; font-family: 'Inter', sans-serif !important; font-size: 11px !important; font-weight: 600 !important; text-transform: uppercase !important;
        letter-spacing: 0.15em !important; cursor: pointer !important; display: flex !important; align-items: center !important; gap: 8px !important; opacity: 0.7 !important;
        transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important; outline: none !important; padding: 0 !important; transform: translateY(0) !important;
    }
.th-kv-fab-btn:hover { opacity: 1 !important; transform: translateY(-2px) !important; }
.th-kv-fab-btn:active { transform: translateY(1px) !important; }
.th-kv-fab-btn.is-danger { color: var(--th-v-text) !important;
    }
    .th-kv-fab-divider { width: 1px !important;
        height: 14px !important; background: var(--th-v-text) !important; opacity: 0.3 !important;
    }
    .th-kv-fab-btn svg { width: 14px !important;
        height: 14px !important; fill: none !important; stroke: currentColor !important;
        stroke-width: 1.5 !important;}
    .th-fab-dot { margin: 0 4px !important;
        opacity: 0.5 !important; font-size: 14px !important;
    }

    /* INLINE EDIT MODE - GIAO DIỆN KÍNH THƯỢNG LƯU */
/* FONT CHỮ TRÍCH DẪN KHÁC BIỆT THƯỢNG LƯU */
    .th-nc-quote .th-clamped-inner { font-family: 'Playfair Display', serif !important;
        font-size: 15.5px !important; font-style: italic !important; line-height: 1.65 !important; letter-spacing: 0.01em !important;}
    .th-nc-quote .th-clamped-inner b.th-context-hl { font-weight: 400 !important; color: var(--th-v-text) !important; opacity: 1 !important; background: rgba(139, 115, 85, 0.15) !important; }
    .th-quote-content-area { transition: opacity 0.25s ease !important; user-select: text !important; -webkit-user-select: text !important; -moz-user-select: text !important; -ms-user-select: text !important; }
    @media (max-width: 768px) {
        .th-nc-quote .th-clamped-inner b.th-context-hl { background: rgba(139, 115, 85, 0.15) !important; }
        .th-quote-content-area { -webkit-touch-callout: none !important; }
        .th-clamped-wrap { -webkit-user-select: text !important; user-select: text !important; pointer-events: auto !important; }
    }
    .th-nc-context-btn { display: inline-flex !important; align-items: center !important; justify-content: center !important; padding: 0 !important; border: none !important; background: transparent !important; color: var(--th-v-text) !important; font-family: 'Inter', sans-serif !important; font-size: 9px !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: 0.15em !important; text-decoration: none !important; transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important; cursor: pointer !important; opacity: 0.5 !important; outline: none !important; margin-right: 15px !important; position: relative !important; }
    .th-nc-context-btn::after { content: '' !important; position: absolute !important; bottom: -4px !important; left: 0 !important; width: 0% !important; height: 1px !important; background: var(--th-v-text) !important; transition: width 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important; }
    .th-nc-context-btn:hover { opacity: 1 !important; color: var(--th-v-accent) !important; }
    .th-nc-context-btn.is-active { opacity: 1 !important; color: var(--th-v-text) !important; }
    .th-nc-context-btn.is-active::after { width: 100% !important; }
/* INLINE EDIT MODE - SAFARI ANTI-ZOOM 16PX */
    .th-edit-title-input { width: 100% !important;
background: transparent !important;
        border: none !important; border-bottom: 1px solid rgba(139, 115, 85, 0.4) !important; color: var(--th-v-text) !important;
font-family: 'Playfair Display', serif !important;
        font-size: 16px !important; font-style: italic !important; font-weight: 500 !important; letter-spacing: 0.02em !important; outline: none !important;
padding: 4px 0 !important;
        margin-bottom: 15px !important; transition: border-color 0.3s ease !important;
border-radius: 0px !important;}
    .th-edit-title-input:focus { border-bottom-color: var(--th-v-accent) !important;
    }
    .th-edit-content-input { width: 100% !important;
min-height: 100px !important; background: transparent !important; border: 1px solid var(--th-v-border) !important;
        border-radius: 0px !important; color: var(--th-v-text) !important;
font-family: 'Inter', sans-serif !important; font-size: 16px !important; line-height: 1.8 !important; font-weight: 300 !important;
        resize: none !important; outline: none !important;
padding: 18px !important; margin-top: 10px !important; overscroll-behavior: contain !important;
        transition: border-color 0.3s ease !important;}
    .th-edit-content-input:focus { border-color: var(--th-v-muted) !important;
    }
    .th-nc-edit-hint-icon { width: 11px !important; height: 11px !important; stroke: var(--th-v-muted) !important; stroke-width: 1.5 !important;
        fill: none !important; flex-shrink: 0 !important; cursor: pointer !important; transition: stroke 0.3s ease !important;}
    .th-nc-edit-hint-icon:hover { stroke: var(--th-v-accent) !important;
    }
    
    .th-edit-actions-bar { display: flex !important;
        gap: 10px !important; margin-top: 15px !important;
        justify-content: flex-end !important; }
    .th-edit-inline-btn { background: transparent !important;
        border: 1px solid transparent !important; color: var(--th-v-text) !important;
        padding: 10px 18px !important; font-family: 'Inter', sans-serif !important; font-size: 9px !important;
        font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: 0.15em !important;
        cursor: pointer !important; transition: all 0.3s ease !important; outline: none !important;
        border-radius: 0 !important;
        opacity: 0.5 !important;}
    .th-edit-inline-btn:hover { opacity: 1 !important;
        border-color: var(--th-v-border) !important;}
    .th-edit-inline-btn.is-save { background: var(--th-v-text) !important; color: var(--th-v-bg) !important; border-color: var(--th-v-text) !important;
        opacity: 1 !important;}
    .th-edit-inline-btn.is-save:hover { filter: invert(0.1) !important; }

    .th-nc-meta { display: flex !important;
        justify-content: space-between !important; align-items: center !important; margin-bottom: 15px !important; }
    .th-nc-title-area { display: flex !important;
        align-items: center !important; gap: 8px !important; flex: 1 !important; min-width: 0 !important; padding-right: 10px !important; cursor: pointer !important;
        transition: opacity 0.3s ease !important; flex-wrap: wrap !important; align-content: center !important; }
    .th-nc-title-area:hover { opacity: 0.8 !important; }
    .th-nc-title { font-family: 'Inter', sans-serif !important;
        font-size: 10px !important; font-weight: 600 !important; text-transform: uppercase !important;
        letter-spacing: 0.15em !important; color: var(--th-v-accent) !important; display: inline-flex !important;
        align-items: center !important; gap: 6px !important; min-width: 0 !important;
        word-break: break-word !important; line-height: 1.4 !important; }
    /* BÚT SỬA ẢO */
    .th-edit-hint-icon { width: 10px !important;
        height: 10px !important; fill: none !important; stroke: currentColor !important; stroke-width: 1.5 !important; opacity: 0.5 !important;
        flex-shrink: 0 !important;}

    .th-nc-lang-badge { font-family: 'Inter', sans-serif !important; font-size: 9px !important; font-weight: 700 !important;
        text-transform: uppercase !important; background: var(--th-v-border) !important; color: var(--th-v-muted) !important; padding: 2px 6px !important; border-radius: 0 !important; letter-spacing: 0.05em !important;
        flex-shrink: 0 !important; display: inline-flex !important; align-items: center !important; height: 16px !important; border: 1px solid rgba(139, 115, 85, 0.1) !important; line-height: 1 !important; }
    .th-nc-date { font-family: 'Inter', sans-serif !important; font-size: 10px !important; font-weight: 500 !important;
        color: var(--th-v-muted) !important; letter-spacing: 0.05em !important; flex-shrink: 0 !important;}
    
    .th-clamped-fade { position: absolute !important;
        bottom: 0 !important; left: 0 !important; width: 100% !important; height: 3em !important; background: linear-gradient(to bottom, transparent, var(--th-v-bg)) !important;
        pointer-events: none !important; transition: opacity 0.5s ease !important; }
    .th-clamped-wrap.is-expanded .th-clamped-fade { opacity: 0 !important;
    }

    .th-expand-btn { background: transparent !important; border: none !important; color: var(--th-v-accent) !important; font-family: 'Inter', sans-serif !important;
        font-size: 9px !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: 0.15em !important; padding: 8px 0 0 0 !important;
        cursor: pointer !important; outline: none !important; align-self: flex-start !important; display: none !important; margin-top: 5px !important;
        border-radius: 0 !important; position: relative !important; z-index: 5 !important; }
    .th-expand-btn.is-visible { display: block !important; }
    .th-expand-btn:hover { text-decoration: underline !important;
    }

    /* FIX LỖI MẤT XUỐNG DÒNG */
    .th-clamped-inner { white-space: pre-wrap !important;
        word-break: break-word !important; }
    
    .th-nc-actions { display: flex !important; justify-content: space-between !important;
        align-items: center !important; margin-top: 15px !important; }
    .th-nc-tools { display: flex !important; gap: 18px !important;
        align-items: center !important; }
    
    .th-nc-action-icon { background: transparent !important; border: none !important;
        color: var(--th-v-muted) !important; padding: 0 !important; cursor: pointer !important; outline: none !important; transition: color 0.3s ease !important; display: flex !important;
        align-items: center !important; justify-content: center !important; border-radius: 0 !important;}
    .th-nc-action-icon:hover { color: var(--th-v-text) !important;
    }
    .th-nc-action-icon svg { width: 14px !important; height: 14px !important; stroke: currentColor !important; stroke-width: 1.5 !important;
        fill: none !important; }

    .th-nc-link { font-family: 'Inter', sans-serif !important; font-size: 10px !important; text-transform: uppercase !important;
        letter-spacing: 0.15em !important; color: var(--th-v-text) !important; text-decoration: none !important; font-weight: 600 !important; transition: opacity 0.3s ease !important; background: transparent !important;
        border: none !important; cursor: pointer !important; padding: 0 !important; outline: none !important;
        border-radius: 0 !important;}
    .th-nc-link:hover { opacity: 0.6 !important; text-decoration: underline !important;
    }

    .th-nc-del-zone { display: flex !important; align-items: center !important; gap: 12px !important; overflow: hidden !important;
    }
    .th-nc-del-init { background: transparent !important; border: none !important; color: var(--th-v-muted) !important; font-family: 'Inter', sans-serif !important;
        font-size: 10px !important; text-transform: uppercase !important; letter-spacing: 0.1em !important; cursor: pointer !important; padding: 0 !important; margin: 0 !important;
        outline: none !important; font-weight: 500 !important; transition: opacity 0.4s ease, transform 0.4s ease, width 0.4s ease !important; display: block !important;
        white-space: nowrap !important; border-radius: 0 !important;}
    .th-nc-del-init:hover { color: var(--th-v-text) !important; text-decoration: underline !important;
    }
    .th-nc-del-init.is-hidden { opacity: 0 !important; visibility: hidden !important; transform: translateX(-10px) !important; width: 0 !important;
        pointer-events: none !important; }
    
    .th-nc-del-confirm { display: flex !important; align-items: center !important;
        gap: 12px !important; opacity: 0 !important; visibility: hidden !important; transform: translateX(-10px) !important; max-width: 0 !important;
        transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important; white-space: nowrap !important; }
    .th-nc-del-confirm.is-active { opacity: 1 !important;
        visibility: visible !important; transform: translateX(0) !important; max-width: 250px !important; }
    .th-nc-del-confirm span { font-family: 'Inter', sans-serif !important;
        font-size: 10px !important; font-weight: 500 !important; color: var(--th-v-muted) !important; text-transform: uppercase !important; letter-spacing: 0.05em !important;
    }
    /* NO RED, JUST MUTED AND UNDERLINE */
    .th-nc-del-btn { background: transparent !important;
        border: none !important; color: var(--th-v-text) !important; font-family: 'Inter', sans-serif !important; font-size: 10px !important; font-weight: 600 !important; text-transform: uppercase !important;
        letter-spacing: 0.1em !important; cursor: pointer !important; padding: 0 !important; outline: none !important; transition: opacity 0.3s ease !important;
        border-radius: 0 !important;}
    .th-nc-del-btn:hover { text-decoration: underline !important; }
    .th-nc-del-btn.cancel { font-weight: 400 !important;
        color: var(--th-v-muted) !important; }

    .th-kv-empty { font-family: 'Inter', sans-serif !important; font-size: 13px !important; font-weight: 300 !important;
        color: var(--th-v-muted) !important; text-align: center !important; margin-top: 60px !important; font-style: italic !important; line-height: 1.6 !important;
        padding: 0 20px !important;}

    /* TOAST (Z-INDEX 2 TRIỆU, 0 RADIUS) */
    #th-vault-toast { position: fixed !important;
        bottom: 45px !important; left: 50% !important; background: var(--th-text, #1a1a1a) !important; color: var(--th-bg, #fff) !important; padding: 14px 28px !important;
        border-radius: 0 !important; font-family: 'Inter', sans-serif !important; font-size: 11px !important; font-weight: 500 !important; text-transform: uppercase !important; letter-spacing: 0.1em !important;
        display: flex !important; align-items: center !important; justify-content: center !important; gap: 10px !important; z-index: 2000000 !important; opacity: 0; transform: translateX(-50%) translateY(20px);
        pointer-events: none !important; transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important; box-shadow: 0 20px 40px rgba(0,0,0,0.15) !important; white-space: nowrap !important;
    }
    #th-vault-toast.is-visible { opacity: 1 !important; transform: translateX(-50%) translateY(0) !important;
    }

    @media (max-width: 768px) {
        .th-nc-quote-display { opacity: 1 !important; }
        #th-kv-trigger { bottom: 20px !important;
            right: 20px !important; width: 44px !important; height: 44px !important; }
        #th-kv-sidebar { width: 100vw !important;
            max-width: 100vw !important; border-left: none !important; }
        
        .th-kv-split-view { flex-direction: column !important;
        }
        .th-kv-master { width: 100% !important; height: 100% !important; border-right: none !important;
            transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important; }
        .th-kv-split-view.is-detail-mode .th-kv-master { transform: translateX(-30%) !important;
            opacity: 0 !important; pointer-events: none !important; }
        
        .th-kv-detail { position: absolute !important;
            top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; background: var(--th-v-bg) !important; transform: translateX(100%) !important;
            transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important; z-index: 2 !important;
        }
        .th-kv-split-view.is-detail-mode .th-kv-detail { transform: translateX(0) !important;
        }
        
        .th-kv-m-header { padding: 25px 20px !important;
        }
        .th-kv-d-header { padding: 25px 20px !important;
        }
        #th-kv-m-close { display: block !important;
        } 
        
        #th-kv-search-input { font-size: 16px !important;
        }
        .th-kv-post-menu-btn { opacity: 0.8 !important;
        }
        .th-kv-post-item { padding: 18px 20px !important; }
        .th-kv-meta-wrap { flex-wrap: wrap !important; gap: 10px !important; }
        .th-kv-post-item.in-folder { padding: 14px 20px 14px 30px !important; }
        .th-kv-d-content { padding: 25px 20px !important;
        }
        #th-kv-btn-back { display: flex !important;
        } 
        #th-vault-toast { top: 25px !important; bottom: auto !important;
            transform: translateX(-50%) translateY(-20px) !important; }
        #th-vault-toast.is-visible { transform: translateX(-50%) translateY(0) !important;
        }
        /* ẨN NÚT BACK TRONG SELECT MODE */
        .th-kv-detail.is-select-mode #th-kv-btn-back { display: none !important;
        }
        
        /* MOBILE SHARE MODAL OPTIMIZATION */
        .th-sm-content { width: 100% !important; max-width: 100% !important; height: 100% !important; max-height: 100dvh !important; border: none !important; border-radius: 0 !important; transform: translateY(100vh) !important; }
        .th-sm-overlay.is-active .th-sm-content { transform: translateY(0) !important; }
        .th-sm-header { padding: 25px 20px 15px 20px !important; }
        .th-sm-list { padding: 15px 20px !important; }
        .th-sm-footer { padding: 15px 20px 20px 20px !important; }
    }
    
    /* V20: LUXURY SHARE MODAL */
    .th-sm-overlay { position: fixed !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; background: rgba(0,0,0,0.4) !important; backdrop-filter: blur(12px) !important; z-index: 2147483648 !important; display: flex !important; align-items: center !important; justify-content: center !important; opacity: 0 !important; visibility: hidden !important; transition: all 0.4s ease !important; }
    .th-sm-overlay.is-active { opacity: 1 !important; visibility: visible !important; }
    .th-sm-content { background: var(--th-v-bg) !important; border: 1px solid var(--th-v-border) !important; width: 90% !important; max-width: 500px !important; border-radius: 0 !important; box-shadow: 0 24px 48px rgba(0,0,0,0.2) !important; display: flex !important; flex-direction: column !important; transform: translateY(20px) !important; transition: transform 0.4s cubic-bezier(0.16,1,0.3,1) !important; max-height: 85vh !important; position: relative !important; }
    .th-sm-overlay.is-active .th-sm-content { transform: translateY(0) !important; }
    .th-sm-close { position: absolute !important; top: 15px !important; right: 15px !important; background: transparent !important; border: none !important; color: var(--th-v-muted) !important; font-size: 24px !important; cursor: pointer !important; width: 30px !important; height: 30px !important; display: flex !important; align-items: center !important; justify-content: center !important; transition: color 0.3s ease !important; outline: none !important; }
    .th-sm-close:hover { color: var(--th-v-text) !important; }
    .th-sm-header { padding: 30px 30px 20px 30px !important; border-bottom: 1px solid var(--th-v-border) !important; }
    .th-sm-header h3 { font-family: 'Playfair Display', serif !important; font-size: 22px !important; margin: 0 0 10px 0 !important; color: var(--th-v-text) !important; font-weight: 600 !important; }
    .th-sm-header p { font-family: 'Inter', sans-serif !important; font-size: 13px !important; margin: 0 !important; color: var(--th-v-muted) !important; line-height: 1.5 !important; }
    .th-sm-list { flex: 1 !important; overflow-y: auto !important; padding: 20px 30px !important; display: flex !important; flex-direction: column !important; gap: 15px !important; }
    .th-sm-list::-webkit-scrollbar { width: 4px !important; }
    .th-sm-list::-webkit-scrollbar-thumb { background: var(--th-v-border) !important; border-radius: 0 !important; }
    .th-sm-item { display: flex !important; align-items: flex-start !important; gap: 15px !important; cursor: pointer !important; user-select: none !important; padding: 10px !important; border-radius: 0 !important; transition: background 0.2s ease !important; }
    .th-sm-item:hover { background: var(--th-v-hover) !important; }
    .th-sm-checkbox { width: 18px !important; height: 18px !important; border: 1px solid var(--th-v-muted) !important; border-radius: 0 !important; flex-shrink: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; transition: all 0.2s ease !important; margin-top: 2px !important; }
    .th-sm-item input[type="checkbox"] { display: none !important; }
    .th-sm-item input[type="checkbox"]:checked + .th-sm-checkbox { background: var(--th-v-text) !important; border-color: var(--th-v-text) !important; }
    .th-sm-checkbox svg { width: 12px !important; height: 12px !important; stroke: var(--th-v-bg) !important; stroke-width: 2 !important; fill: none !important; stroke-dasharray: 16 !important; stroke-dashoffset: 16 !important; transition: stroke-dashoffset 0.3s ease !important; }
    .th-sm-item input[type="checkbox"]:checked + .th-sm-checkbox svg { stroke-dashoffset: 0 !important; }
    .th-sm-text { display: flex !important; flex-direction: column !important; gap: 6px !important; flex: 1 !important; min-width: 0 !important; }
    .th-sm-quote { font-family: 'Playfair Display', serif !important; font-size: 15px !important; color: var(--th-v-text) !important; font-style: italic !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; }
    .th-sm-note { font-family: 'Inter', sans-serif !important; font-size: 12px !important; color: var(--th-v-muted) !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; }
    .th-sm-footer { padding: 20px 30px 30px 30px !important; border-top: 1px solid var(--th-v-border) !important; background: var(--th-v-bg) !important; border-radius: 0 !important; }
    .th-sm-btn { width: 100% !important; padding: 14px !important; font-family: 'Inter', sans-serif !important; font-size: 14px !important; font-weight: 600 !important; background: var(--th-v-text) !important; color: var(--th-v-bg) !important; border: none !important; border-radius: 0 !important; cursor: pointer !important; transition: opacity 0.3s ease, background 0.3s ease !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; }
    .th-sm-btn:disabled { opacity: 0.3 !important; cursor: not-allowed !important; }
    .th-sm-btn:hover:not(:disabled) { opacity: 0.8 !important; }
    .th-sm-btn.is-success { background: var(--th-v-accent) !important; color: #fff !important; }
    .th-sm-warning { font-family: 'Inter', sans-serif !important; font-size: 12px !important; color: var(--th-v-muted) !important; line-height: 1.5 !important; margin-top: 15px !important; display: flex !important; gap: 8px !important; align-items: flex-start !important; overflow: hidden !important; max-height: 0 !important; opacity: 0 !important; transition: max-height 0.4s ease, opacity 0.4s ease, margin-top 0.4s ease !important; }
    .th-sm-warning.is-visible { max-height: 100px !important; opacity: 1 !important; margin-top: 15px !important; }
    .th-sm-warning svg { width: 14px !important; height: 14px !important; stroke: var(--th-v-accent) !important; stroke-width: 2 !important; fill: none !important; flex-shrink: 0 !important; margin-top: 2px !important; }
    .th-sm-link-wrap { display: flex !important; align-items: center !important; gap: 10px !important; margin-bottom: 15px !important; display: none !important; }
    .th-sm-link-wrap.is-visible { display: flex !important; }
    .th-sm-link-input { flex: 1 !important; padding: 10px 12px !important; font-family: 'Inter', monospace !important; font-size: 12px !important; border: 1px solid var(--th-v-border) !important; border-radius: 0 !important; background: transparent !important; color: var(--th-v-text) !important; outline: none !important; }

/* ===== 02-luxury-knowledge-vault.php CSS[1] ===== */
#th-rosetta-modal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 3000000; display: none; align-items: center; justify-content: center; }
            #th-rosetta-modal.is-active { display: flex; }
            .th-rosetta-modal-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); backdrop-filter: blur(10px); }
            .th-rosetta-modal-content { position: relative; background: var(--th-kv-bg, #fff); color: var(--th-kv-text, #000); padding: 30px; border-radius: 0; width: 90%; max-width: 400px; z-index: 1; border: 1px solid rgba(139, 115, 85, 0.3); }
            .th-rosetta-modal-content h3 { font-family: 'Playfair Display', serif; font-size: 20px; margin: 0 0 10px; color: var(--th-accent, #8b7355); }
            .th-rosetta-modal-content p { font-family: 'Inter', sans-serif; font-size: 13px; opacity: 0.7; margin: 0 0 20px; line-height: 1.5; }
            .th-rosetta-actions { display: flex; gap: 10px; margin-bottom: 15px; }
            .th-rosetta-actions button { flex: 1; padding: 12px; background: transparent; border: 1px solid var(--th-accent, #8b7355); color: var(--th-accent, #8b7355); cursor: pointer; text-transform: uppercase; font-size: 11px; font-weight: bold; transition: all 0.3s; }
            .th-rosetta-actions button:hover, .th-rosetta-actions button.is-active { background: var(--th-accent, #8b7355); color: #fff; }
            .th-rosetta-io-area { display: none; flex-direction: column; gap: 10px; margin-bottom: 15px; }
            .th-rosetta-io-area.is-active { display: flex; }
            #th-rosetta-io-text { width: 100%; height: 100px; padding: 10px; background: rgba(0,0,0,0.05); border: 1px solid rgba(139,115,85,0.2); color: inherit; font-family: monospace; font-size: 11px; resize: none; outline: none; }
            #th-rosetta-btn-confirm { padding: 12px; background: var(--th-kv-text, #000); color: var(--th-kv-bg, #fff); border: none; cursor: pointer; text-transform: uppercase; font-size: 11px; font-weight: bold; }
            #th-rosetta-close { position: absolute; top: 10px; right: 10px; background: transparent; border: none; color: inherit; font-size: 24px; cursor: pointer; opacity: 0.5; }
            #th-rosetta-close:hover { opacity: 1; }

/* ===== 03-the-magic-receiver.php CSS[0] ===== */
/* KẾ THỪA BIẾN MÀU BRANDT - ZERO RADIUS & ABSOLUTE SHARPNESS */
    :root {
        --th-v-bg: rgba(255, 255, 255, 0.96) !important;
        --th-v-text: #111111 !important; 
        --th-v-muted: rgba(17, 17, 17, 0.45) !important; 
        --th-v-border: rgba(17, 17, 17, 0.06) !important; 
        --th-v-accent: #8b7355 !important;
        --th-v-hover: rgba(139, 115, 85, 0.04) !important;
    }
    html[data-th-theme="sepia"] { --th-v-bg: rgba(244, 240, 230, 0.98) !important; --th-v-text: #433422 !important; --th-v-muted: rgba(67, 52, 34, 0.5) !important; --th-v-border: rgba(67, 52, 34, 0.08) !important; }
    html[data-th-theme="dim"] { --th-v-bg: rgba(30, 32, 34, 0.98) !important; --th-v-text: #e8e9eb !important; --th-v-muted: rgba(232, 233, 235, 0.5) !important; --th-v-border: rgba(255, 255, 255, 0.06) !important; }
    html[data-th-theme="night"] { --th-v-bg: rgba(18, 18, 18, 0.98) !important; --th-v-text: #E5E5E5 !important; --th-v-muted: rgba(229, 229, 229, 0.5) !important; --th-v-border: rgba(255, 255, 255, 0.06) !important; }
    html[data-th-theme="oled"] { --th-v-bg: rgba(0, 0, 0, 0.98) !important; --th-v-text: #f5f5f5 !important; --th-v-muted: rgba(245, 245, 245, 0.5) !important; --th-v-border: rgba(255, 255, 255, 0.08) !important; }

    /* ẨN ẢNH HERO MOBILE TRÊN DESKTOP */
    @media (min-width: 769px) {
        .l-mobile, img.l-mobile { display: none !important; }
    }

    /* THIỀN ĐỊNH THỊ GIÁC: ẨN HEADER VÀ FOOTER KHI MỞ GÓC NHÌN CHIA SẺ */
    body.th-guest-open header, 
    body.th-guest-open footer, 
    body.th-guest-open #thinker-luxury-header, 
    body.th-guest-open #thinker-luxury-footer, 
    body.th-guest-open .site-header, 
    body.th-guest-open .site-footer { 
        display: none !important; 
    }

    /* THUẬT TOÁN ĐỘNG CƠ THỞ CỦA BÀI VIẾT (CINEMATIC PAGE RESIZING & SCROLL FIX) */
    html.th-guest-open, body.th-guest-open { overflow-x: hidden !important; width: 100% !important; }
    #page { 
        transition: width 0.8s cubic-bezier(0.16, 1, 0.3, 1), margin-left 0.8s cubic-bezier(0.16, 1, 0.3, 1), padding-bottom 0.8s cubic-bezier(0.16, 1, 0.3, 1) !important; 
        will-change: width, margin-left, padding-bottom !important; 
        width: 100% !important;
        box-sizing: border-box !important;
    }
    body.th-guest-open #page { 
        width: calc(100% - 420px) !important; 
        margin-left: 420px !important; 
    }

    @media (max-width: 768px) {
        body.th-guest-open #page { 
            width: 100% !important; 
            margin-left: 0 !important; 
            padding-bottom: 65dvh !important; /* Ngăn Sidebar che khuất phần cuối bài viết */
        }
    }

    /* ĐÁNH DẤU HIGHLIGHT TRÊN VĂN BẢN (EDITORIAL AESTHETICS) */
    .th-guest-highlight { 
        background-color: transparent !important; 
        border-bottom: 2px dashed var(--th-v-accent) !important;
        color: inherit !important; 
        border-radius: 0 !important; 
        transition: all 0.4s ease !important; 
    }
    .th-guest-highlight:hover, .th-guest-highlight.is-active-hl { 
        background-color: rgba(139, 115, 85, 0.15) !important; 
        border-bottom-style: solid !important;
        color: inherit !important;
    }
    .th-guest-highlight.is-active-hl {
        box-shadow: 0 0 20px rgba(139, 115, 85, 0.2) !important;
    }
    b.th-context-hl { font-weight: 600 !important; color: var(--th-v-text) !important; opacity: 1 !important; }

    /* GUEST SIDEBAR ARCHITECTURE */
    #th-guest-sidebar { 
        position: fixed !important; top: 0 !important; left: 0 !important; width: 420px !important; max-width: 90vw !important; height: 100vh !important; height: 100dvh !important;
        background: var(--th-v-bg) !important; backdrop-filter: blur(35px) !important; -webkit-backdrop-filter: blur(35px) !important; 
        border-right: 1px solid var(--th-v-border) !important; z-index: 100005 !important; 
        transform: translateX(-100%) !important; transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1) !important; will-change: transform !important;
        display: flex !important; flex-direction: column !important; box-shadow: 30px 0 80px rgba(0,0,0,0.1) !important; border-radius: 0 !important;
    }
    #th-guest-sidebar.is-open { transform: translateX(0) !important; }
    
    .th-gs-header { padding: 35px 30px 25px 30px !important; border-bottom: 1px solid var(--th-v-border) !important; position: relative !important; flex-shrink: 0 !important;}
    .th-gs-header-title-wrap { display: flex !important; align-items: center !important; gap: 10px !important; }
    .th-gs-header h3 { margin: 0 !important; font-family: 'Playfair Display', serif !important; font-size: 20px !important; font-weight: 500 !important; color: var(--th-v-text) !important; }
    .th-gs-current-lang-badge { display: none !important; background: transparent !important; border: 1px solid var(--th-v-border) !important; color: var(--th-v-text) !important; padding: 2px 6px !important; font-family: 'Inter', sans-serif !important; font-size: 8px !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: 0.1em !important; opacity: 0.6 !important; }
    .th-gs-current-lang-badge.is-active { display: inline-block !important; }

    .th-gs-header-actions { position: absolute !important; top: 30px !important; right: 25px !important; display: flex !important; align-items: center !important; gap: 15px !important; }
    .th-gs-header-actions button { background: none !important; border: none !important; font-size: 28px !important; color: var(--th-v-text) !important; opacity: 0.3 !important; cursor: pointer !important; transition: all 0.4s ease !important; outline: none !important; line-height: 1 !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important;}
    .th-gs-header-actions button:hover { opacity: 1 !important; }
    #th-gs-close:hover { transform: rotate(90deg) !important; }
    
    .l-mobile-only { display: none !important; }
    @media (max-width: 768px) {
        .l-mobile-only { display: inline-flex !important; }
    }

    /* MINI FAB CHO TRẠNG THÁI THU GỌN CHUẨN XA XỈ MỚI */
    #th-gs-mini-fab { 
        position: fixed !important; bottom: 120px !important; left: 35px !important; width: 48px !important; height: 48px !important; 
        background: var(--th-v-text) !important; color: var(--th-v-bg) !important; border-radius: 0 !important; 
        display: flex !important; align-items: center !important; justify-content: center !important; 
        z-index: 100006 !important; transform: scale(0) !important; transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), background 0.3s ease !important; 
        border: none !important; outline: none !important; cursor: pointer !important; box-shadow: 0 10px 25px rgba(0,0,0,0.2) !important; 
    }
    #th-gs-mini-fab.is-visible { transform: scale(1) !important; }
    #th-gs-mini-fab:hover { background: var(--th-v-accent) !important; }
    #th-gs-mini-fab::after {
        content: '' !important; position: absolute !important; top: -3px !important; right: -3px !important; width: 10px !important; height: 10px !important;
        background-color: var(--th-v-accent) !important; border-radius: 50% !important; border: 2px solid var(--th-v-bg) !important;
        animation: thFabPulse 2s infinite !important;
    }
    @keyframes thFabPulse {
        0% { box-shadow: 0 0 0 0 rgba(139, 115, 85, 0.8); }
        70% { box-shadow: 0 0 0 10px rgba(139, 115, 85, 0); }
        100% { box-shadow: 0 0 0 0 rgba(139, 115, 85, 0); }
    }

    .th-gs-phantom-banner { display: none !important; background: rgba(139, 115, 85, 0.08) !important; border-left: 2px solid var(--th-v-accent) !important; padding: 12px 15px !important; margin-top: 15px !important; font-family: 'Inter', sans-serif !important; font-size: 11px !important; font-weight: 500 !important; color: var(--th-v-text) !important; line-height: 1.5 !important; border-radius: 0 !important;}
    .th-gs-phantom-banner.is-active { display: block !important; }

    /* DẢI PHÂN CÁCH NGÔN NGỮ ĐẲNG CẤP */
    .th-gs-separator { font-family: 'Inter', sans-serif !important; font-size: 9px !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: 0.15em !important; color: var(--th-v-muted) !important; text-align: center !important; margin: 10px 0 20px 0 !important; position: relative !important; display: flex !important; align-items: center !important; justify-content: center !important; }
    .th-gs-separator::before, .th-gs-separator::after { content: '' !important; flex: 1 !important; height: 1px !important; background: var(--th-v-border) !important; margin: 0 15px !important; }

    /* CÁCH LY CUỘN TRANG (SCROLL ISOLATION) & CUSTOM SCROLLBAR */
    .th-gs-content { flex: 1 !important; overflow-y: auto !important; padding: 30px !important; display: flex !important; flex-direction: column !important; gap: 25px !important; overscroll-behavior: contain !important; -webkit-overflow-scrolling: touch !important; scroll-behavior: smooth !important;}
    .th-gs-content::-webkit-scrollbar { width: 4px !important; }
    .th-gs-content::-webkit-scrollbar-track { background: transparent !important; }
    .th-gs-content::-webkit-scrollbar-thumb { background: var(--th-v-border) !important; border-radius: 0 !important; transition: background 0.3s ease !important; }
    .th-gs-content::-webkit-scrollbar-thumb:hover { background: var(--th-v-accent) !important; }
    
    @keyframes thGuestCardEntrance { 
        from { opacity: 0; transform: translateX(-20px); } 
        to { opacity: 1; transform: translateX(0); } 
    }

    .th-guest-card { display: flex !important; flex-direction: column !important; padding-bottom: 25px !important; border-bottom: 1px solid var(--th-v-border) !important; transition: opacity 0.3s ease !important; opacity: 0; animation: thGuestCardEntrance 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards !important;}
    .th-guest-card:last-child { border-bottom: none !important; padding-bottom: 0 !important;}
    .th-guest-card.is-duplicate { opacity: 0.6 !important; filter: grayscale(1) !important;}
    
    .th-gc-title { font-family: 'Inter', sans-serif !important; font-size: 9px !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: 0.15em !important; color: var(--th-v-accent) !important; margin-bottom: 15px !important; display: flex !important; align-items: center !important; justify-content: space-between !important; }
    .th-gc-check-wrap { display: flex !important; align-items: center !important; gap: 10px !important; cursor: pointer !important; }
    .th-gs-checkbox { width: 14px !important; height: 14px !important; border: 1.5px solid var(--th-v-accent) !important; border-radius: 2px !important; display: flex !important; align-items: center !important; justify-content: center !important; transition: all 0.3s ease !important; background: transparent !important; flex-shrink: 0 !important; }
    .th-gs-checkbox svg { opacity: 0 !important; transform: scale(0.5) !important; transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important; stroke: var(--th-v-bg) !important; stroke-width: 2 !important; fill: none !important;}
    .th-gs-checkbox.is-checked { background: var(--th-v-text) !important; border-color: var(--th-v-text) !important; }
    .th-gs-checkbox.is-checked svg { opacity: 1 !important; transform: scale(1) !important; }
    
    .th-gc-lang-badge { font-size: 7px !important; background: var(--th-v-text) !important; color: var(--th-v-bg) !important; padding: 3px 6px !important; pointer-events: none !important; }
    .th-guest-card.is-duplicate .th-gc-lang-badge { background: var(--th-v-border) !important; color: var(--th-v-text) !important; }

    /* CƠ CHẾ THU GỌN / MỞ RỘNG (VAULT-LIKE) CHO GUEST QUOTE */
    .th-clamped-wrap { position: relative !important; max-height: 95px; overflow: hidden !important; transition: max-height 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important; }
    .th-gc-quote { font-family: 'Playfair Display', serif !important; font-size: 15.5px !important; line-height: 1.65 !important; color: var(--th-v-text) !important; opacity: 0.7 !important; font-style: italic !important; border-left: 2px solid var(--th-v-border) !important; padding-left: 15px !important; white-space: pre-wrap !important; margin: 0 !important; cursor: pointer !important; transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important; }
    .th-guest-card:not(.is-duplicate) .th-gc-quote:hover { background: var(--th-v-hover) !important; padding-left: 24px !important; border-left-color: var(--th-v-accent) !important; opacity: 1 !important; }
    
    .th-clamped-fade { position: absolute !important; bottom: 0 !important; left: 0 !important; width: 100% !important; height: 45px !important; background: linear-gradient(to bottom, transparent 0%, var(--th-v-bg) 100%) !important; pointer-events: none !important; opacity: 0; transition: opacity 0.4s ease !important; }
    .th-clamped-wrap.is-clamped:not(.is-expanded) .th-clamped-fade { opacity: 1 !important; }
    
    .th-expand-btn { display: none !important; background: transparent !important; border: none !important; font-family: 'Inter', sans-serif !important; font-size: 9px !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: 0.15em !important; color: var(--th-v-accent) !important; cursor: pointer !important; outline: none !important; transition: opacity 0.3s ease !important; opacity: 0.7 !important; padding: 0 !important; margin-top: 10px !important; }
    .th-expand-btn.is-visible { display: inline-block !important; }
    .th-expand-btn:hover { opacity: 1 !important; }
    
    /* CƠ CHẾ THU GỌN / MỞ RỘNG (CLAMP ENGINE) CHO GUEST NOTE */
    .th-note-clamped-wrap { position: relative !important; max-height: 70px; overflow: hidden !important; transition: max-height 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important; margin-top: 15px !important; }
    .th-guest-note-content { font-family: 'Inter', sans-serif !important; font-size: 13px !important; line-height: 1.6 !important; color: var(--th-v-text) !important; opacity: 0.85 !important; padding-left: 15px !important; white-space: pre-wrap !important; border-left: 2px solid var(--th-v-accent) !important; margin: 0 !important; pointer-events: none !important; }
    .th-note-clamped-wrap.is-clamped:not(.is-expanded) .th-clamped-fade { opacity: 1 !important; }
    
    .th-note-expand-btn { display: none !important; background: transparent !important; border: none !important; font-family: 'Inter', sans-serif !important; font-size: 9px !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: 0.15em !important; color: var(--th-v-accent) !important; cursor: pointer !important; outline: none !important; transition: opacity 0.3s ease !important; opacity: 0.7 !important; padding: 0 !important; margin-top: 10px !important; }
    .th-note-expand-btn.is-visible { display: inline-block !important; }
    .th-note-expand-btn:hover { opacity: 1 !important; }

    /* TOOLTIP ĐIỀU HƯỚNG THỊ GIÁC (MICRO-INTERACTION) */
    .th-gs-tooltip { position: absolute !important; top: -38px !important; left: 15px !important; background: var(--th-v-accent) !important; color: #fff !important; padding: 6px 12px !important; font-family: 'Inter', sans-serif !important; font-size: 10px !important; font-weight: 600 !important; border-radius: 0 !important; pointer-events: none !important; z-index: 10 !important; animation: thFloatTooltip 2s ease-in-out infinite !important; white-space: nowrap !important; box-shadow: 0 4px 15px rgba(139,115,85,0.3) !important; letter-spacing: 0.05em !important; }
    .th-gs-tooltip::after { content: '' !important; position: absolute !important; bottom: -4px !important; left: 20px !important; border-width: 4px 4px 0 !important; border-style: solid !important; border-color: var(--th-v-accent) transparent transparent transparent !important; }
    @keyframes thFloatTooltip { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-5px); } }

    /* THE INVITATION ENVELOPE CHUẨN XA XỈ VÀ KHÔNG CHỒNG CHÉO */
    #th-invitation-envelope { 
        position: fixed !important; bottom: 40px !important; left: 50% !important; 
        background: var(--th-v-text) !important; color: var(--th-v-bg) !important; 
        padding: 12px 18px 12px 20px !important; display: flex !important; align-items: center !important; gap: 15px !important; 
        z-index: 100000 !important; box-shadow: 0 25px 50px rgba(0,0,0,0.2) !important; 
        transform: translateX(-50%) translateY(30px) !important; opacity: 0; visibility: hidden; 
        transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important; 
        border-left: 3px solid var(--th-v-accent) !important; border-radius: 0 !important; 
    }
    #th-invitation-envelope.is-active { transform: translateX(-50%) translateY(0) !important; opacity: 1 !important; visibility: visible !important; }
    .th-ie-text { font-family: 'Inter', sans-serif !important; font-size: 11px !important; font-weight: 500 !important; letter-spacing: 0.05em !important; }
    .th-ie-btn { background: var(--th-v-bg) !important; color: var(--th-v-text) !important; border: none !important; padding: 8px 15px !important; font-family: 'Inter', sans-serif !important; font-size: 10px !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: 0.1em !important; cursor: pointer !important; transition: transform 0.3s ease !important; outline: none !important; border-radius: 0 !important; }

    /* PREVIEW CHAMBER & DISCARD MODAL - BRANDT LUXURY UI */
    #th-language-mismatch-modal, #th-discard-modal { position: fixed !important; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(0,0,0,0.85); backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px); z-index: 200000; display: flex; align-items: center; justify-content: center; opacity: 0; visibility: hidden; transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important; overscroll-behavior: none !important; }
    #th-language-mismatch-modal.is-active, #th-discard-modal.is-active { opacity: 1; visibility: visible; }
    
    .th-modal-content { background: var(--th-v-bg); width: 500px; max-width: 90vw; padding: 40px; box-shadow: 0 40px 100px rgba(0,0,0,0.5); position: relative; border-radius: 0 !important; max-height: 90vh; overflow-y: auto; overscroll-behavior: contain !important; transition: width 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important; }
    .th-modal-content.is-context-open.has-note { width: 850px !important; }
    .th-modal-content.is-context-open:not(.has-note) { width: 650px !important; }
    .th-modal-content::-webkit-scrollbar { width: 4px; }
    .th-modal-content::-webkit-scrollbar-thumb { background: var(--th-v-border); }
    
    #th-discard-modal .th-modal-content { max-width: 420px !important; width: 100% !important; padding: 35px 40px 40px 40px !important; }

    .th-modal-title { font-family: 'Inter', sans-serif !important; font-size: 10px !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: 0.2em !important; color: var(--th-v-accent) !important; margin-bottom: 25px !important; border-bottom: 1px solid var(--th-v-border) !important; padding-bottom: 15px !important; }
    
    .th-modal-body-layout { display: grid !important; grid-template-columns: 1fr !important; gap: 20px !important; transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important; margin-bottom: 30px !important; }
    .th-modal-content.is-context-open.has-note .th-modal-body-layout { grid-template-columns: 1fr 1fr !important; gap: 40px !important; }
    
    .th-modal-quote { font-family: 'Playfair Display', serif !important; font-size: 17.5px !important; font-style: italic !important; line-height: 1.6 !important; color: var(--th-v-text) !important; margin: 0 !important; white-space: pre-wrap !important; }
    
    .th-nc-context-btn { display: inline-flex !important; align-items: center !important; justify-content: center !important; padding: 0 !important; border: none !important; background: transparent !important; color: var(--th-v-text) !important; font-family: 'Inter', sans-serif !important; font-size: 9px !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: 0.15em !important; text-decoration: none !important; transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important; cursor: pointer !important; opacity: 0.5 !important; outline: none !important; position: relative !important; margin-top: 20px !important;}
    .th-nc-context-btn::after { content: '' !important; position: absolute !important; bottom: -4px !important; left: 0 !important; width: 0% !important; height: 1px !important; background: var(--th-v-text) !important; transition: width 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important; }
    .th-nc-context-btn:hover { opacity: 1 !important; color: var(--th-v-accent) !important; }
    .th-nc-context-btn.is-active { opacity: 1 !important; color: var(--th-v-text) !important; }
    .th-nc-context-btn.is-active::after { width: 100% !important; }

    .th-modal-note-content { font-family: 'Inter', sans-serif !important; font-size: 13px !important; line-height: 1.6 !important; color: var(--th-v-text) !important; opacity: 0.85 !important; padding-left: 20px !important; white-space: pre-wrap !important; border-left: 2px solid var(--th-v-accent) !important; height: 100%; display: flex; flex-direction: column; }
    
    .th-modal-notice { font-family: 'Inter', sans-serif !important; font-size: 11px !important; line-height: 1.6 !important; color: var(--th-v-text) !important; opacity: 0.6 !important; margin-bottom: 35px !important; padding: 15px !important; background: rgba(139, 115, 85, 0.05) !important; }
    #th-discard-modal .th-modal-notice { margin-bottom: 0 !important; background: transparent !important; padding: 0 !important; border: none !important; opacity: 0.7 !important; }
    
    .th-modal-btn-group { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 15px !important; margin-top: 35px !important; }
    .th-modal-btn-outline { background: transparent !important; color: var(--th-v-text) !important; border: 1px solid var(--th-v-border) !important; padding: 16px !important; font-family: 'Inter', sans-serif !important; font-size: 10px !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: 0.15em !important; cursor: pointer !important; transition: all 0.3s ease !important; outline: none !important; }
    .th-modal-btn-outline:hover { border-color: var(--th-v-text) !important; background: rgba(139,115,85,0.05) !important; }
    .th-modal-btn-primary { background: var(--th-v-text) !important; color: var(--th-v-bg) !important; border: 1px solid var(--th-v-text) !important; padding: 16px !important; font-family: 'Inter', sans-serif !important; font-size: 10px !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: 0.15em !important; cursor: pointer !important; transition: all 0.3s ease !important; outline: none !important; }
    .th-modal-btn-primary:hover { background: var(--th-v-accent) !important; border-color: var(--th-v-accent) !important; }

    #th-modal-access-btn { width: 100% !important; background: var(--th-v-text) !important; color: var(--th-v-bg) !important; border: none !important; padding: 18px !important; font-family: 'Inter', sans-serif !important; font-size: 10px !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: 0.15em !important; cursor: pointer !important; transition: all 0.3s ease !important; outline: none !important; }
    #th-modal-access-btn:hover { background: var(--th-v-accent) !important; }
    .th-modal-close { position: absolute !important; top: 20px !important; right: 20px !important; background: none !important; border: none !important; font-size: 24px !important; color: var(--th-v-text) !important; opacity: 0.3 !important; cursor: pointer !important; outline: none !important; }

    /* RIPPLE GRADIENT SPA OVERLAY (SỰ XA XỈ TĨNH LẶNG) */
    #th-spa-overlay { 
        position: fixed !important; top: 0 !important; left: 0 !important; width: 100vw !important; height: 100vh !important; 
        background: linear-gradient(120deg, var(--th-v-bg) 0%, rgba(139, 115, 85, 0.15) 50%, var(--th-v-bg) 100%) !important;
        background-size: 200% 200% !important;
        animation: thRippleGradient 3s ease-in-out infinite alternate !important;
        backdrop-filter: blur(25px) !important; -webkit-backdrop-filter: blur(25px) !important; 
        z-index: 200005 !important; opacity: 0; visibility: hidden; transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important; overscroll-behavior: none !important;
    }
    #th-spa-overlay.is-active { opacity: 1; visibility: visible; }
    @keyframes thRippleGradient {
        0% { background-position: 0% 50%; }
        100% { background-position: 100% 50%; }
    }

    #th-gs-return-btn { display: none !important; width: 100% !important; background: transparent !important; color: var(--th-v-text) !important; border: 1px solid var(--th-v-border) !important; padding: 12px !important; font-family: 'Inter', sans-serif !important; font-size: 9px !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: 0.15em !important; cursor: pointer !important; transition: all 0.3s ease !important; outline: none !important; margin-bottom: 10px !important; }
    #th-gs-return-btn.is-active { display: block !important; }
    .th-gs-footer { padding: 25px 30px !important; border-top: 1px solid var(--th-v-border) !important; flex-shrink: 0 !important;}
    
    @keyframes thGuestPulse { 
        0% { box-shadow: 0 0 0 0 rgba(139, 115, 85, 0.4); } 
        70% { box-shadow: 0 0 0 15px rgba(139, 115, 85, 0); } 
        100% { box-shadow: 0 0 0 0 rgba(139, 115, 85, 0); } 
    }
    #th-gs-save-btn { width: 100% !important; background: var(--th-v-accent) !important; color: #fff !important; border: none !important; padding: 16px !important; font-family: 'Inter', sans-serif !important; font-size: 10px !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: 0.15em !important; cursor: pointer !important; outline: none !important; transition: all 0.4s ease !important; animation: thGuestPulse 3s infinite !important; }
    #th-gs-save-btn:hover { filter: brightness(1.1) !important; transform: translateY(-2px) !important; animation: none !important; box-shadow: 0 10px 20px rgba(139, 115, 85, 0.3) !important;}
    #th-gs-save-btn.is-saved { background: var(--th-v-text) !important; color: var(--th-v-bg) !important; animation: none !important; box-shadow: none !important;}

    @media (max-width: 768px) {
        #th-gs-mini-fab { bottom: 120px !important; left: 20px !important; }
        #th-invitation-envelope { bottom: 40px !important; width: calc(100vw - 40px) !important; left: 50% !important; transform: translateX(-50%) translateY(30px) !important; }
        #th-invitation-envelope.is-active { transform: translateX(-50%) translateY(0) !important; }
        .th-modal-content { padding: 30px 20px !important; width: 90vw !important; }
        .th-modal-content.is-context-open.has-note { width: 90vw !important; }
        .th-modal-content.is-context-open:not(.has-note) { width: 90vw !important; }
        .th-modal-content.is-context-open.has-note .th-modal-body-layout { grid-template-columns: 1fr !important; gap: 25px !important; }
        #th-discard-modal .th-modal-content { padding: 30px 20px !important; width: 90vw !important; }
        .th-modal-btn-group { gap: 10px !important; margin-top: 25px !important; }
    }

/* ===== 05-luxury-header.php CSS[0] ===== */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,500;1,400&family=Inter:wght@300;400;500;600&family=Noto+Serif+TC:wght@400;500;700&family=Noto+Serif+JP:wght@400;500;700&family=Noto+Serif+KR:wght@400;500;700&family=Noto+Serif+Devanagari:wght@400;500;700&display=swap');
    
    :root {
        --th-bg-scrolled: rgba(249, 248, 246, 0.98); 
        --th-text-color: #1a1a1a;
        --th-text-hover: #8b7355;
        --th-transition-slow: 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);
        --th-transition-fast: 0.3s ease;
        --th-header-gradient-start: rgba(0,0,0,0.5);
        --th-header-gradient-end: rgba(0,0,0,0);
    }

    html[data-th-theme="night"] {
        --th-bg-scrolled: rgba(18, 18, 18, 0.98);
        --th-text-color: #E5E5E5; 
        --th-header-gradient-start: rgba(0,0,0,0.8); 
        --th-header-gradient-end: rgba(0,0,0,0);
    }

    /* =========================================================
       CORE HEADER
       ========================================================= */
    /* Lớp bảo vệ dự phòng: Ẩn các class header mặc định của Astra */
    .site-header, #ast-desktop-header, #ast-mobile-header, .ast-main-header-wrap { display: none !important; }
    .site-content { padding-top: 0 !important; }
    .ast-container { padding: 0 !important; max-width: 100% !important; }

    #thinker-luxury-header {
        position: fixed;
        top: 0; left: 0; width: 100%; z-index: 1000; background-color: transparent;
        transition: padding 0.5s cubic-bezier(0.16, 1, 0.3, 1), background-color 0.5s ease;
        padding: 30px 5vw; box-sizing: border-box; visibility: hidden; opacity: 0;
    }

    #thinker-luxury-header::before {
        content: '';
        position: absolute; top: 0; left: 0; width: 100%; height: 140%;
        background: linear-gradient(to bottom, var(--th-header-gradient-start) 0%, var(--th-header-gradient-end) 100%);
        z-index: -1;
        pointer-events: none; transition: opacity 0.5s ease; opacity: 1;
    }

    #thinker-luxury-header.is-scrolled {
        background-color: var(--th-bg-scrolled);
        backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);
        padding: 15px 5vw; border-bottom: 1px solid rgba(125, 125, 125, 0.1);
    }
    #thinker-luxury-header.is-scrolled::before { opacity: 0; }

    .th-header-inner { display: flex; justify-content: space-between; align-items: center; width: 100%; max-width: 1600px; margin: 0 auto; }

    /* LOGO */
    .th-logo-wrap { display: inline-flex; align-items: center; justify-content: center; transition: transform var(--th-transition-fast); }
    .th-logo-wrap:hover { transform: scale(1.05); }
    .th-logo-img { height: 38px; width: 38px; object-fit: contain; transition: filter var(--th-transition-slow), mix-blend-mode var(--th-transition-slow); }
    #thinker-luxury-header:not(.is-scrolled) .th-logo-img { mix-blend-mode: screen; filter: invert(0); }
    #thinker-luxury-header.is-scrolled .th-logo-img { filter: invert(1); mix-blend-mode: multiply; }
    html[data-th-theme="night"] #thinker-luxury-header.is-scrolled .th-logo-img { filter: invert(0); mix-blend-mode: screen; }

    /* =====================================================================
       MENU DESKTOP - CĂN CHỈNH OPTICAL PIXEL-PERFECT
       ===================================================================== */
    .th-nav ul { list-style: none; margin: 0; padding: 0; display: flex; gap: 45px; align-items: center; }
    .th-menu-item { display: flex; align-items: center; }
    .th-nav a, .th-lang-trigger { 
        display: inline-flex;
        align-items: center;
        font-family: 'Inter', sans-serif;
        font-size: 11px; font-weight: 500; color: var(--th-text-color); text-decoration: none;
        letter-spacing: 0.2em; text-transform: uppercase; position: relative; padding-bottom: 6px; 
        transition: color var(--th-transition-fast);
        will-change: filter, opacity; cursor: pointer;
    }
    .th-nav a::after, .th-lang-trigger::after { 
        content: '';
        position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; 
        background-color: var(--th-text-hover); transform: scaleX(0); transform-origin: right;
        transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1); 
    }
    .th-nav a:hover, .th-lang-trigger:hover { color: var(--th-text-hover) !important; }
    .th-nav a:hover::after, .th-lang-trigger:hover::after { transform: scaleX(1); transform-origin: left; }
    
    .th-lang-trigger { gap: 5px; }
    .th-lang-trigger svg { width: 10px; height: 10px; display: block; margin-top: -1px; } 
    
    .th-mobile-logo-wrap { display: none; }

    /* ICONS & ACTIONS */
    .th-actions { display: flex; align-items: center; gap: 20px; position: relative; z-index: 10002; }
    .th-search-btn { background: none; border: none; cursor: pointer; color: var(--th-text-color); padding: 5px; display: flex; align-items: center; transition: all var(--th-transition-fast); outline: none; }
    .th-search-btn svg { width: 18px; height: 18px; stroke-width: 1.5; }
    .th-search-btn:hover { transform: scale(1.1); color: var(--th-text-hover) !important; }

    .th-mobile-toggle { display: none; background: none; border: none; cursor: pointer; padding: 10px; position: relative; z-index: 10003; outline: none; }
    .th-mobile-toggle span { display: block; width: 24px; height: 1px; background-color: var(--th-text-color); margin-bottom: 6px; transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.4s ease, background-color 0.4s ease; }
    .th-mobile-toggle span:last-child { margin-bottom: 0; }

    /* SEARCH OVERLAY & RESULTS */
    .th-search-overlay { position: fixed; top: 0; left: 0; width: 100vw; height: 100dvh; background: var(--th-bg-scrolled); backdrop-filter: blur(25px); -webkit-backdrop-filter: blur(25px); z-index: 10005; display: flex; flex-direction: column; padding: 12vh 15vw; box-sizing: border-box; opacity: 0; visibility: hidden; transition: opacity 0.6s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.6s ease; }
    .th-search-overlay.is-active { opacity: 1; visibility: visible; }

    .th-search-close { position: absolute; top: 5vh; right: 5vw; background: none; border: none; cursor: pointer; color: var(--th-text-color); transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1), color 0.3s ease; outline: none; padding: 10px; display: flex; align-items: center; justify-content: center; }
    .th-search-close svg { width: 28px; height: 28px; stroke-width: 1; }
    .th-search-close:hover { transform: rotate(90deg) scale(1.1); color: var(--th-text-hover); }

    .th-search-container { width: 100%; max-width: 1000px; margin: 0 auto; display: flex; flex-direction: column; height: 100%; }
    .th-search-form { position: relative; margin-top: 2vh; margin-bottom: 40px; }

    /* TỐI ƯU SEARCH INPUT */
    .th-search-input { 
        width: 100%;
        background: transparent; border: none; 
        border-bottom: 1px solid rgba(125, 125, 125, 0.15); 
        font-family: 'Playfair Display', serif; font-size: 42px !important; 
        font-style: italic;
        letter-spacing: 0.02em; color: var(--th-text-color); 
        padding: 15px 0 20px 0; border-radius: 0; 
        -webkit-appearance: none; appearance: none; transition: border-color 0.4s ease;
        outline: none !important; 
        box-shadow: none !important;
    }
    .th-search-input::placeholder { color: var(--th-text-color); opacity: 0.4; font-weight: 400; }
    .th-search-input:focus { 
        border-bottom-color: transparent !important;
        outline: none !important; 
        box-shadow: none !important; 
        background: transparent !important;
    }
    
    .th-search-line { position: absolute; bottom: 0; left: 0; width: 0%; height: 1px; background-color: var(--th-text-hover); transition: width 0.5s cubic-bezier(0.25, 1, 0.5, 1); pointer-events: none; }
    .th-search-input:focus ~ .th-search-line { width: 100%; }

    .th-search-filters { display: flex; gap: 25px; border-bottom: 1px solid rgba(125,125,125,0.1); padding-bottom: 15px; margin-bottom: 30px; flex-wrap: wrap; }

    .th-s-filter { background: none; border: none; font-family: 'Inter', sans-serif; font-size: 10px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.15em; color: var(--th-text-color); opacity: 0.4; cursor: pointer; padding: 0 0 5px 0; outline: none; transition: all 0.3s ease; position: relative; }
    .th-s-filter::after { content: ''; position: absolute; bottom: -16px; left: 0; width: 100%; height: 1px; background-color: var(--th-text-hover); transform: scaleX(0); transition: transform 0.4s ease; }
    .th-s-filter:hover { opacity: 0.8; }
    .th-s-filter.is-active { opacity: 1; color: var(--th-text-hover); }
    .th-s-filter.is-active::after { transform: scaleX(1); }

    .th-search-results-area { flex: 1; overflow-y: auto; padding-right: 15px; }
    .th-search-results-area::-webkit-scrollbar { width: 4px; }
    .th-search-results-area::-webkit-scrollbar-track { background: transparent; }
    .th-search-results-area::-webkit-scrollbar-thumb { background-color: rgba(139,115,85,0.3); border-radius: 0; }
    .th-search-results-area::-webkit-scrollbar-thumb:hover { background-color: rgba(139,115,85,0.6); }

    .th-s-group-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px; border-bottom: 1px dashed rgba(125,125,125,0.1); padding-bottom: 8px; }
    .th-s-group-header .th-s-group-title { margin-bottom: 0; border-bottom: none; padding-bottom: 0; }
    .th-sort-btn { background: transparent; border: none; font-family: 'Inter', sans-serif; font-size: 9px; font-weight: 600; letter-spacing: 0.15em; color: var(--th-text-color); opacity: 0.5; cursor: pointer; display: flex; align-items: center; gap: 6px; outline: none; transition: all 0.3s ease; text-transform: uppercase; }
    .th-sort-btn:hover { opacity: 1; color: var(--th-text-hover); }

    /* MA TRẬN NGÔN NGỮ (THE ROSETTA MATRIX) */
    #th-lang-matrix { 
        position: fixed; top: 0; left: 0; width: 100vw; height: 100dvh; 
        background: var(--th-bg-scrolled); backdrop-filter: blur(30px); -webkit-backdrop-filter: blur(30px); 
        z-index: 10005; display: flex; flex-direction: column; align-items: center; justify-content: center;
        opacity: 0; visibility: hidden; transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);
    }
    #th-lang-matrix.is-active { opacity: 1; visibility: visible; }
    
    .th-lm-title { font-family: 'Playfair Display', serif; font-size: 14px; font-style: italic; color: var(--th-text-color); opacity: 0.6; margin-bottom: 60px; letter-spacing: 0.05em; }
    
    .th-lm-close { position: absolute; top: 5vh; right: 5vw; background: none; border: none; cursor: pointer; color: var(--th-text-color); outline: none; padding: 10px; display: flex; transition: all 0.4s ease; opacity: 0.5; z-index: 10; }
    .th-lm-close svg { width: 28px; height: 28px; stroke-width: 1; }
    .th-lm-close:hover { opacity: 1; transform: rotate(90deg) scale(1.1); color: var(--th-text-hover); }

    /* DESKTOP MATRIX GRID (WITH PARALLAX TILT) */
    .th-lm-desktop { width: 100%; display: flex; justify-content: center; perspective: 1000px; }
    .th-lm-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 40px; max-width: 900px; padding: 0 5vw; transform-style: preserve-3d; transition: transform 0.1s ease-out; }
    .th-lm-item { 
        font-family: 'Inter', sans-serif; font-size: 24px; font-weight: 300; color: var(--th-text-color); text-decoration: none;
        transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1); position: relative; opacity: 0.3; transform: translateZ(0);
    }
    .th-lm-item[data-lang*="zh"] { font-family: 'Noto Serif TC', serif; }
    .th-lm-item:hover, .th-lm-item.is-current { opacity: 1; color: var(--th-text-hover); transform: translateZ(30px) translateY(-5px); }
    .th-lm-item.is-current::after { content: ''; position: absolute; bottom: -12px; left: 50%; transform: translateX(-50%); width: 4px; height: 4px; border-radius: 0; background: var(--th-text-hover); } 

    /* MOBILE APPLE-STYLE PICKER WHEEL (HAPTIC 3D) */
    .th-lm-mobile { display: none; flex-direction: column; align-items: center; width: 100%; }
    .th-picker-window { width: 100%; max-width: 300px; height: 250px; position: relative; overflow: hidden; mask-image: linear-gradient(to bottom, transparent 0%, black 30%, black 70%, transparent 100%); -webkit-mask-image: linear-gradient(to bottom, transparent 0%, black 30%, black 70%, transparent 100%); }
    .th-picker-highlight { position: absolute; top: 100px; left: 0; width: 100%; height: 50px; border-top: 1px solid rgba(139,115,85,0.3); border-bottom: 1px solid rgba(139,115,85,0.3); pointer-events: none; z-index: 0; }
    .th-picker-list { margin: 0; padding: 100px 0; list-style: none; width: 100%; transform-style: preserve-3d; will-change: transform; touch-action: none; position: relative; z-index: 1; }
    .th-p-item { height: 50px; line-height: 50px; text-align: center; font-family: 'Inter', sans-serif; font-weight: 300; color: var(--th-text-color); opacity: 0.2; transition: color 0.3s ease; user-select: none; cursor: pointer; }
    .th-p-item[data-lang*="zh"] { font-family: 'Noto Serif TC', serif; }
    .th-p-item.is-active { color: var(--th-text-hover); font-weight: 400; opacity: 1 !important; }
    
    .th-picker-confirm { margin-top: 40px; background: transparent; border: none; font-family: 'Inter', sans-serif; font-size: 11px; letter-spacing: 0.2em; text-transform: uppercase; color: var(--th-text-color); padding: 15px 40px; cursor: pointer; transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1); outline: none; }
    .th-picker-confirm:hover { color: var(--th-text-hover); }

    /* UI PHỤC VỤ SEARCH RESULT */
    .th-s-group { margin-bottom: 40px; animation: thFadeIn 0.5s ease forwards; }
    @keyframes thFadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
    .th-s-group-title { font-family: 'Inter', sans-serif; font-size: 9px; text-transform: uppercase; letter-spacing: 0.3em; color: var(--th-text-color); opacity: 0.3; margin-bottom: 15px; border-bottom: 1px dashed rgba(125,125,125,0.1); padding-bottom: 8px; }

    .th-search-item { display: flex; justify-content: space-between; align-items: center; padding: 18px 0; border-bottom: 1px solid rgba(125, 125, 125, 0.05); text-decoration: none; transition: background-color 0.3s ease, padding-left 0.3s ease; }
    .th-search-item:hover { padding-left: 15px; background-color: rgba(139, 115, 85, 0.02); border-bottom-color: transparent; }
    .th-search-title { font-family: 'Playfair Display', serif; font-size: clamp(18px, 2vw, 22px); color: var(--th-text-color); transition: color 0.3s ease; }
    .th-search-item:hover .th-search-title { color: var(--th-text-hover); }
    .th-search-meta { font-family: 'Inter', sans-serif; font-size: 9px; letter-spacing: 0.15em; text-transform: uppercase; color: var(--th-text-color); opacity: 0.4; }

    .th-loader { width: 28px; aspect-ratio: 1; border-radius: 50%; border: 2px solid rgba(139, 115, 85, 0.2); border-right-color: var(--th-text-hover); animation: th-spin 1s infinite linear; margin: 40px auto; }
    @keyframes th-spin { to { transform: rotate(1turn); } }

    /* TỐI ƯU HÓA PHÔNG CHỮ CHO 14 NGÔN NGỮ (CJK & HINDI) */
    [data-lang*="zh"] .th-search-input, [data-lang*="zh"] .th-lm-title, [data-lang*="zh"] .th-search-title, [data-lang*="zh"] .th-lm-item, [data-lang*="zh"] .th-p-item { font-family: 'Noto Serif TC', serif !important; font-style: normal !important; }
    [data-lang="ja"] .th-search-input, [data-lang="ja"] .th-lm-title, [data-lang="ja"] .th-search-title, [data-lang="ja"] .th-lm-item, [data-lang="ja"] .th-p-item { font-family: 'Noto Serif JP', serif !important; font-style: normal !important; }
    [data-lang="ko"] .th-search-input, [data-lang="ko"] .th-lm-title, [data-lang="ko"] .th-search-title, [data-lang="ko"] .th-lm-item, [data-lang="ko"] .th-p-item { font-family: 'Noto Serif KR', serif !important; font-style: normal !important; }
    [data-lang="hi"] .th-search-input, [data-lang="hi"] .th-lm-title, [data-lang="hi"] .th-search-title, [data-lang="hi"] .th-lm-item, [data-lang="hi"] .th-p-item { font-family: 'Noto Serif Devanagari', serif !important; font-style: normal !important; }
    
    [data-lang*="zh"] .th-nav a, [data-lang*="zh"] .th-lang-trigger, [data-lang*="zh"] .th-s-filter, [data-lang*="zh"] .th-sort-btn, [data-lang*="zh"] .th-search-meta { font-family: 'Noto Serif TC', serif !important; }
    [data-lang="ja"] .th-nav a, [data-lang="ja"] .th-lang-trigger, [data-lang="ja"] .th-s-filter, [data-lang="ja"] .th-sort-btn, [data-lang="ja"] .th-search-meta { font-family: 'Noto Serif JP', serif !important; }
    [data-lang="ko"] .th-nav a, [data-lang="ko"] .th-lang-trigger, [data-lang="ko"] .th-s-filter, [data-lang="ko"] .th-sort-btn, [data-lang="ko"] .th-search-meta { font-family: 'Noto Serif KR', serif !important; }
    [data-lang="hi"] .th-nav a, [data-lang="hi"] .th-lang-trigger, [data-lang="hi"] .th-s-filter, [data-lang="hi"] .th-sort-btn, [data-lang="hi"] .th-search-meta { font-family: 'Noto Serif Devanagari', serif !important; }

    /* =========================================================
       MOBILE RESPONSIVE
       ========================================================= */
    @media (max-width: 768px) {
        #thinker-luxury-header { padding: 20px 5vw; }
        #thinker-luxury-header.is-scrolled { padding: 15px 5vw; }
        
        .th-nav { 
            position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100vw; height: 100dvh; 
            background: var(--th-bg-scrolled); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);
            display: flex; flex-direction: column; align-items: center; justify-content: center; 
            z-index: 10001 !important; opacity: 0; visibility: hidden; pointer-events: none;
            transition: opacity 0.5s ease, visibility 0.5s ease; overscroll-behavior: none; 
        }
        .th-nav.is-open { opacity: 1; visibility: visible; pointer-events: auto; }
        .th-nav ul { flex-direction: column; gap: 40px; text-align: center; }
        .th-nav a, .th-lang-trigger { font-size: 15px; letter-spacing: 0.3em; font-weight: 400; color: var(--th-text-color); justify-content: center; }
        .th-mobile-logo-wrap { display: flex; justify-content: center; align-items: center; margin-bottom: 60px; }
        .th-mobile-logo-img { height: 45px; width: auto; object-fit: contain; filter: invert(1); mix-blend-mode: multiply; }
        html[data-th-theme="night"] .th-mobile-logo-img { filter: invert(0); mix-blend-mode: screen; }

        .th-actions { gap: 25px; } 
        .th-mobile-toggle { display: block; }
        .th-mobile-toggle.is-active span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
        .th-mobile-toggle.is-active span:nth-child(2) { opacity: 0; transform: translateX(-10px); }
        .th-mobile-toggle.is-active span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
        
        .th-search-overlay { padding: 8vh 5vw; }
        .th-search-filters { gap: 20px; padding-bottom: 12px; }
        .th-s-filter::after { bottom: -13px; }
        .th-search-input { font-size: 16px !important; padding: 10px 0 15px 0; font-family: 'Inter', sans-serif !important; font-style: normal !important; letter-spacing: 0.05em !important;}
        .th-search-close { top: 3vh; right: 3vw; }
        .th-search-close svg { width: 24px; height: 24px; }
        .th-lm-close { top: 3vh; right: 3vw; }
        .th-lm-close svg { width: 24px; height: 24px; }
        
        /* Matrix Responsive */
        .th-lm-desktop { display: none; }
        .th-lm-mobile { display: flex; }
        .th-lm-title { margin-bottom: 20px; }
    }

    @media (min-width: 769px) {
        #thinker-luxury-header:not(.is-scrolled) .th-nav a,
        #thinker-luxury-header:not(.is-scrolled) .th-lang-trigger,
        #thinker-luxury-header:not(.is-scrolled) .th-search-btn { color: #ffffff !important; }
        #thinker-luxury-header:not(.is-scrolled) .th-nav a::after,
        #thinker-luxury-header:not(.is-scrolled) .th-lang-trigger::after { background-color: #ffffff !important; }
    }

    @media (max-width: 768px) {
        #thinker-luxury-header:not(.is-scrolled):not(.menu-open) .th-search-btn { color: #ffffff !important; }
        #thinker-luxury-header:not(.is-scrolled):not(.menu-open) .th-mobile-toggle span { background-color: #ffffff !important; }
        #thinker-luxury-header .th-nav a, #thinker-luxury-header .th-lang-trigger { color: var(--th-text-color) !important; }
        #thinker-luxury-header .th-nav a::after, #thinker-luxury-header .th-lang-trigger::after { background-color: var(--th-text-hover) !important; }
        #thinker-luxury-header.menu-open .th-logo-wrap, #thinker-luxury-header.menu-open .th-search-btn, #thinker-luxury-header.menu-open::before { opacity: 0 !important; visibility: hidden; pointer-events: none; }
        #thinker-luxury-header.menu-open .th-mobile-toggle.is-active span { background-color: var(--th-text-color) !important; }
    }

/* ===== 06-luxury-transition.php CSS[0] ===== */
/* =========================================================
               THE LIQUID ECLIPSE v2.0 - LUXURY PAGE TRANSITION
               ========================================================= */
            :root {
                --th-trans-dark: #0a0a0a; /* Bóng tối sâu thẳm 100% */
                --th-trans-beige: #f9f8f6; /* Ánh sáng Thư phòng */
            }

            /* 1. KHUNG BÓNG TỐI NỀN TẢNG */
            #th-transition-overlay {
                position: fixed; top: 0; left: 0; width: 100vw; height: 100dvh;
                z-index: 9999999;
                background-color: var(--th-trans-dark); /* Bắt đầu bằng bóng tối 100% */
                display: flex; align-items: center; justify-content: center;
                pointer-events: all;
                opacity: 1;
                transition: opacity 0.8s cubic-bezier(0.65, 0, 0.35, 1);
            }

            /* 2. CƠN SÓNG MÀU BE */
            #th-transition-wave {
                position: absolute; top: 0; left: 0; width: 100%; height: 100%;
                background: linear-gradient(135deg, var(--th-trans-beige) 0%, #ebe7df 45%, var(--th-trans-dark) 55%, var(--th-trans-dark) 100%);
                background-size: 300% 300%;
                background-position: 100% 100%; /* Giấu sóng Be, chỉ hiện bóng tối */
                transition: background-position 1.2s cubic-bezier(0.25, 1, 0.5, 1);
                z-index: 1;
            }

            /* 3. KHỐI NỘI DUNG NGHỆ THUẬT */
            .th-transition-content {
                position: relative; z-index: 2;
                display: flex; flex-direction: column; align-items: center;
            }

            .th-transition-logo {
                width: 55px; /* Kích thước tinh tế */
                height: auto;
                opacity: 0;
                transform: scale(0.95);
                transition: opacity 0.8s ease, transform 0.8s ease;
            }

            /* Vùng chứa chữ & Đường kẻ */
            .th-transition-text-wrapper {
                display: none; /* Mặc định ẩn, PHP sẽ bật lên nếu đúng trang */
                flex-direction: column; align-items: center;
            }

            /* Đường kẻ dọc kết nối Logo và Chữ */
            .th-transition-line {
                width: 1px; height: 0px; /* Bắt đầu bằng 0 */
                background-color: #1a1a1a;
                opacity: 0.2; margin: 15px 0;
                transition: height 0.6s cubic-bezier(0.25, 1, 0.5, 1);
            }

            .th-transition-text {
                font-family: 'Playfair Display', serif;
                font-size: clamp(22px, 3vw, 26px);
                font-weight: 500; /* Đậm và rõ ràng */
                color: #1a1a1a; letter-spacing: 0.05em;
                line-height: 1;
                opacity: 0;
                transform: translateY(12px); /* Hiệu ứng Fade in UP */
                transition: opacity 0.6s ease, transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
            }

            /* Bật khối chữ nếu có class show-text */
            #th-transition-overlay.show-text .th-transition-text-wrapper {
                display: flex;
            }

            /* =========================================================
               KỊCH BẢN CHUYỂN ĐỘNG (THE CHOREOGRAPHY)
               ========================================================= */
               
            /* Trạng thái 1: Lướt sóng (Vừa load xong DOM) */
            #th-transition-overlay.is-waving #th-transition-wave {
                background-position: 0% 0%; /* Màu Be tràn vào */
            }
            
            #th-transition-overlay.is-waving .th-transition-logo {
                opacity: 1; transform: scale(1);
                transition-delay: 0.2s; /* Logo hiện ra sau cơn sóng */
            }

            #th-transition-overlay.is-waving .th-transition-line {
                height: 25px; /* Đường kẻ từ từ kéo dài xuống */
                transition-delay: 0.4s;
            }

            #th-transition-overlay.is-waving .th-transition-text {
                opacity: 1; transform: translateY(0);
                transition-delay: 0.5s; /* Chữ trồi lên sau cùng */
            }

            /* Trạng thái 2: Mở rèm (Sẵn sàng đọc) */
            #th-transition-overlay.is-revealed {
                opacity: 0; pointer-events: none;
            }

            /* Trạng thái 3: Thoát trang (Đen 100%) */
            #th-transition-overlay.is-exiting {
                opacity: 1 !important; pointer-events: all !important;
                background-color: var(--th-trans-dark) !important;
            }
            
            /* Xóa sóng và nội dung ngay lập tức để chìm vào bóng tối */
            #th-transition-overlay.is-exiting #th-transition-wave,
            #th-transition-overlay.is-exiting .th-transition-content {
                opacity: 0 !important; transition: opacity 0.2s ease;
            }

/* ===== 07-luxury-pillar-hub.php CSS[0] ===== */
body.category .ast-container { padding: 0 !important; max-width: 100% !important; }
    body.category .site-content { padding: 0 !important; }
    body.category .ast-archive-description { display: none !important; }
    body.category .ast-row { margin: 0 !important; }

    #th-luxury-pillar-hub {
        --ph-bg: var(--th-bg, #f9f8f6) !important;
        --ph-text: var(--th-text, #1a1a1a) !important;
        --ph-accent: var(--th-accent, #8b7355) !important; 
        --ph-border: rgba(26, 26, 26, 0.15) !important;
        width: 100% !important; max-width: 100vw !important;
        margin: 0 auto !important; padding: 0 0 120px 0 !important;
        font-family: 'Inter', sans-serif !important; background-color: var(--ph-bg) !important;
        color: var(--ph-text) !important; min-height: 80vh !important;
    }

    #th-luxury-pillar-hub .th-ph-hero-section { width: 100% !important; height: 40vh !important; max-height: 500px !important; position: relative !important; overflow: hidden !important; background-color: var(--ph-bg) !important; }
    #th-luxury-pillar-hub .th-ph-hero-image { width: 100% !important; height: 100% !important; object-fit: cover !important; mix-blend-mode: multiply !important; opacity: 0.8 !important; }
    html[data-th-theme="night"] #th-luxury-pillar-hub .th-ph-hero-image { mix-blend-mode: screen !important; filter: invert(1) hue-rotate(180deg) brightness(1.2) !important; opacity: 0.7 !important; }
    #th-luxury-pillar-hub .th-ph-hero-fade { position: absolute !important; bottom: 0 !important; left: 0 !important; width: 100% !important; height: 50% !important; background: linear-gradient(to top, var(--ph-bg) 0%, transparent 100%) !important; pointer-events: none !important; }

    #th-luxury-pillar-hub .th-ph-header, #th-luxury-pillar-hub .th-ph-grid, #th-luxury-pillar-hub .th-ph-empty { max-width: 1200px !important; margin: 0 auto !important; padding: 0 5vw !important; box-sizing: border-box !important; }
    #th-luxury-pillar-hub .th-ph-header { display: flex !important; justify-content: space-between !important; align-items: flex-end !important; margin-bottom: clamp(40px, 8vw, 80px) !important; padding-bottom: 25px !important; border-bottom: 1px solid var(--ph-border) !important; margin-top: clamp(60px, 10vw, 100px) !important; }
    #th-luxury-pillar-hub .th-ph-header.has-hero { margin-top: -60px !important; position: relative !important; z-index: 10 !important; border-bottom: none !important; padding-bottom: 0 !important;}
    
    #th-luxury-pillar-hub .th-ph-title { font-family: 'Playfair Display', serif !important; font-size: clamp(40px, 6vw, 72px) !important; font-weight: 500 !important; font-style: italic !important; margin: 0 !important; line-height: 1 !important; color: var(--ph-text) !important; }
    #th-luxury-pillar-hub .th-ph-desc { font-family: 'Inter', sans-serif !important; font-size: clamp(14px, 1.5vw, 16px) !important; line-height: 1.7 !important; color: var(--ph-text) !important; opacity: 0.65 !important; font-weight: 300 !important; }
    #th-luxury-pillar-hub .th-ph-toggles { display: flex !important; gap: 15px !important; }
    #th-luxury-pillar-hub .th-ph-btn-view { background: transparent !important; border: none !important; cursor: pointer !important; color: var(--ph-text) !important; opacity: 0.3 !important; transition: all 0.4s ease !important; }
    #th-luxury-pillar-hub .th-ph-btn-view.is-active { opacity: 1 !important; transform: scale(1.1) !important; }

    #th-luxury-pillar-hub .th-ph-grid { display: grid !important; gap: clamp(30px, 5vw, 50px) !important; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)) !important; transition: opacity 0.3s ease !important; }
    #th-luxury-pillar-hub .th-ph-grid.is-filtering, #th-luxury-pillar-hub .th-ph-grid.is-layout-changing { opacity: 0 !important; pointer-events: none !important; }
    #th-luxury-pillar-hub .th-ph-card { display: flex !important; flex-direction: column !important; gap: 20px !important; text-decoration: none !important; color: var(--ph-text) !important; transition: all 0.4s ease !important; }
    #th-luxury-pillar-hub .th-ph-card.is-hidden { display: none !important; }
    #th-luxury-pillar-hub .th-ph-card-img-box { width: 100% !important; aspect-ratio: 4/3 !important; overflow: hidden !important; background-color: rgba(26,26,26,0.03) !important; border-radius: 2px !important; }
    #th-luxury-pillar-hub .th-ph-card-img { width: 100% !important; height: 100% !important; object-fit: cover !important; transition: transform 1.2s cubic-bezier(0.25, 1, 0.5, 1) !important; mix-blend-mode: multiply !important; opacity: 0.9 !important; }
    html[data-th-theme="night"] #th-luxury-pillar-hub .th-ph-card-img { mix-blend-mode: screen !important; filter: invert(1) hue-rotate(180deg) brightness(1.2) !important; opacity: 0.8 !important; }
    #th-luxury-pillar-hub .th-ph-card:hover .th-ph-card-img { transform: scale(1.05) !important; }
    #th-luxury-pillar-hub .th-ph-card-meta { display: flex !important; align-items: center !important; gap: 12px !important; font-family: 'Inter', sans-serif !important; font-size: 10px !important; text-transform: uppercase !important; letter-spacing: 0.15em !important; opacity: 0.5 !important; }
    #th-luxury-pillar-hub .th-ph-card-title { font-family: 'Playfair Display', serif !important; font-size: clamp(22px, 3vw, 26px) !important; font-weight: 500 !important; margin: 0 !important; line-height: 1.4 !important; transition: color 0.3s ease !important; }
    #th-luxury-pillar-hub .th-ph-card:hover .th-ph-card-title { color: var(--ph-accent) !important; }

    #th-luxury-pillar-hub .th-ph-grid.is-list-mode { grid-template-columns: 1fr !important; gap: 0 !important; }
    #th-luxury-pillar-hub .th-ph-grid.is-list-mode .th-ph-card { flex-direction: row !important; align-items: center !important; justify-content: space-between !important; padding: clamp(20px, 3vw, 30px) 0 !important; border-bottom: 1px solid var(--ph-border) !important; gap: 30px !important; }
    #th-luxury-pillar-hub .th-ph-grid.is-list-mode .th-ph-card-img-box { display: none !important; }

    /* COMMAND RING & CAPSULE */
    #th-luxury-pillar-hub .th-ph-commander { position: fixed !important; bottom: 40px !important; right: 4vw !important; z-index: 99999 !important; display: flex !important; flex-direction: column !important; align-items: flex-end !important; gap: 15px !important; pointer-events: none !important; }
    #th-luxury-pillar-hub .th-ph-ring { pointer-events: auto !important; width: 56px !important; height: 56px !important; border-radius: 50% !important; background-color: var(--ph-text) !important; color: var(--ph-bg) !important; border: none !important; cursor: pointer !important; display: flex !important; align-items: center !important; justify-content: center !important; box-shadow: 0 15px 35px rgba(0,0,0,0.2) !important; transition: all 0.5s cubic-bezier(0.65, 0, 0.35, 1) !important; outline: none !important; }
    #th-luxury-pillar-hub .th-ph-commander.is-open .th-ph-ring { background-color: var(--ph-accent) !important; transform: rotate(180deg) !important; }
    
    #th-luxury-pillar-hub .th-ph-capsule { background-color: rgba(255, 255, 255, 0.85) !important; backdrop-filter: blur(25px) !important; -webkit-backdrop-filter: blur(25px) !important; border: 1px solid rgba(0,0,0,0.08) !important; border-radius: 24px !important; padding: 30px !important; width: 340px !important; opacity: 0 !important; transform: translateY(30px) scale(0.95) !important; transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important; transform-origin: bottom right !important; display: flex !important; flex-direction: column !important; gap: 25px !important; box-shadow: 0 30px 60px rgba(0,0,0,0.12) !important; pointer-events: none !important; max-height: calc(100dvh - 140px) !important; overflow-y: auto !important; }
    #th-luxury-pillar-hub .th-ph-commander.is-open .th-ph-capsule { opacity: 1 !important; transform: translateY(0) scale(1) !important; pointer-events: auto !important; }
    html[data-th-theme="night"] #th-luxury-pillar-hub .th-ph-capsule { background-color: rgba(18, 18, 18, 0.85) !important; border-color: rgba(255,255,255,0.08) !important; }

    /* FILTERS */
    #th-luxury-pillar-hub .th-ph-filter-header { font-family: 'Playfair Display', serif !important; font-size: 16px !important; font-weight: 600 !important; color: var(--ph-text) !important; border-bottom: 1px solid var(--ph-border) !important; padding-bottom: 15px !important; }
    #th-luxury-pillar-hub .th-ph-filter-label { font-size: 10px !important; text-transform: uppercase !important; letter-spacing: 0.2em !important; opacity: 0.5 !important; margin-bottom: 12px !important; }
    #th-luxury-pillar-hub .th-ph-search-bar { width: 100% !important; background: transparent !important; border: none !important; border-bottom: 1px solid var(--ph-border) !important; padding: 8px 0 8px 26px !important; font-size: 14px !important; color: var(--ph-text) !important; outline: none !important; }
    #th-luxury-pillar-hub .th-ph-tag { font-size: 11px !important; padding: 6px 14px !important; background: transparent !important; border: 1px solid var(--ph-border) !important; color: var(--ph-text) !important; cursor: pointer !important; transition: all 0.3s ease !important; }
    #th-luxury-pillar-hub .th-ph-tag.is-active, #th-luxury-pillar-hub .th-ph-tag:hover { background-color: var(--ph-text) !important; color: var(--ph-bg) !important; border-color: var(--ph-text) !important; }

    /* TOAST & GUIDE */
    #th-luxury-pillar-hub .th-ph-toast { position: fixed !important; bottom: 40px !important; right: 120px !important; z-index: 100000 !important; background-color: var(--ph-text) !important; color: var(--ph-bg) !important; padding: 10px 20px !important; border-radius: 4px !important; font-size: 12px !important; display: flex !important; align-items: center !important; gap: 8px !important; opacity: 0 !important; transform: translateX(20px) !important; transition: all 0.4s ease !important; pointer-events: none !important; }
    #th-luxury-pillar-hub .th-ph-toast.is-visible { opacity: 1 !important; transform: translateX(0) !important; }
    #th-luxury-pillar-hub .th-ph-guide-tooltip { position: absolute !important; bottom: 70px !important; right: 0 !important; background-color: #1a1a1a !important; color: #ffffff !important; padding: 12px 16px !important; border-radius: 6px !important; font-size: 12px !important; display: flex !important; align-items: center !important; gap: 12px !important; opacity: 0 !important; transform: translateY(15px) !important; transition: all 0.6s ease !important; }
    #th-luxury-pillar-hub .th-ph-guide-tooltip.is-visible { opacity: 1 !important; transform: translateY(0) !important; pointer-events: auto !important; }

/* ===== 08-luxury-selection-engine.php CSS[0] ===== */
:root {
            --th-tt-bg: #111111 !important;
            --th-tt-text: #ffffff !important; 
            --th-tt-border: rgba(255,255,255,0.06) !important; 
            --th-tt-hover: rgba(255,255,255,0.06) !important;
            --th-hl-bg: rgba(139, 115, 85, 0.35) !important; 
            --th-hl-color: inherit !important;
            --th-nc-bg: rgba(255, 255, 255, 0.98) !important; 
            --th-nc-text: #111111 !important; 
            --th-nc-border: rgba(17,17,17,0.08) !important; 
            --th-nc-close: #111111 !important;
        }
        
        html[data-th-theme="sepia"] { 
            --th-tt-bg: #ffffff !important; --th-tt-text: #433422 !important;
            --th-tt-border: rgba(67, 52, 34, 0.08) !important; --th-tt-hover: rgba(67, 52, 34, 0.04) !important; 
            --th-hl-bg: rgba(150, 106, 69, 0.35) !important;
            --th-nc-bg: rgba(244, 240, 230, 0.98) !important; --th-nc-text: #433422 !important; 
            --th-nc-border: rgba(67, 52, 34, 0.08) !important; --th-nc-close: #433422 !important;
        }
        html[data-th-theme="paper"] { 
            --th-tt-bg: #ffffff !important; --th-tt-text: #2c2c2c !important; 
            --th-tt-border: rgba(44, 44, 44, 0.08) !important; --th-tt-hover: rgba(44, 44, 44, 0.04) !important; 
            --th-hl-bg: rgba(139, 115, 85, 0.35) !important; 
            --th-nc-bg: rgba(242, 239, 233, 0.98) !important; --th-nc-text: #2c2c2c !important; 
            --th-nc-border: rgba(44, 44, 44, 0.08) !important; --th-nc-close: #2c2c2c !important;
        }
        html[data-th-theme="dim"] { 
            --th-tt-bg: #1e2022 !important; --th-tt-text: #e8e9eb !important; 
            --th-tt-border: rgba(255, 255, 255, 0.06) !important; --th-tt-hover: rgba(255, 255, 255, 0.04) !important;
            --th-hl-bg: rgba(178, 155, 132, 0.5) !important; --th-hl-color: #ffffff !important; 
            --th-nc-bg: rgba(30, 32, 34, 0.98) !important; --th-nc-text: #e8e9eb !important;
            --th-nc-border: rgba(255, 255, 255, 0.06) !important; --th-nc-close: #e8e9eb !important; 
        }
        html[data-th-theme="night"] { 
            --th-tt-bg: #ffffff !important; --th-tt-text: #121212 !important; 
            --th-tt-border: rgba(18, 18, 18, 0.08) !important; --th-tt-hover: rgba(18, 18, 18, 0.04) !important;
            --th-hl-bg: rgba(196, 164, 124, 0.5) !important; --th-hl-color: #ffffff !important; 
            --th-nc-bg: rgba(18, 18, 18, 0.98) !important; --th-nc-text: #ffffff !important;
            --th-nc-border: rgba(255, 255, 255, 0.06) !important; --th-nc-close: #ffffff !important;
        }
        html[data-th-theme="oled"] { 
            --th-tt-bg: #f5f5f5 !important; --th-tt-text: #000000 !important;
            --th-tt-border: rgba(0,0,0,0.1) !important; --th-tt-hover: rgba(0,0,0,0.05) !important; 
            --th-hl-bg: rgba(212, 180, 140, 0.5) !important; --th-hl-color: #ffffff !important;
            --th-nc-bg: rgba(0, 0, 0, 0.98) !important; --th-nc-text: #f5f5f5 !important; 
            --th-nc-border: rgba(255, 255, 255, 0.08) !important; --th-nc-close: #f5f5f5 !important;
        }

        html.th-vault-lock, body.th-vault-lock { 
            overflow: hidden !important; touch-action: none !important; overscroll-behavior: none !important;
        }

        /* TOOLTIP CHUYÊN SÂU - FIXED OVERFLOW */
        #th-highlight-tooltip { 
            --arrow-x: 0px;
            position: absolute; z-index: 1000000 !important; transform: translateX(-50%) translateY(12px); 
            background: var(--th-tt-bg) !important; border: 0px !important; border-radius: 0px !important; 
            display: flex !important; align-items: center !important; gap: 0px !important; padding: 2px 4px !important; 
            box-shadow: 0 12px 36px rgba(0,0,0,0.12) !important; 
            opacity: 0; visibility: hidden;
            transition: opacity 0.3s ease, transform 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important; 
            pointer-events: none !important; 
            width: max-content !important; 
            max-width: calc(100vw - 32px) !important;
            flex-wrap: nowrap !important;
            backdrop-filter: blur(12px) !important; -webkit-backdrop-filter: blur(12px) !important;
        }
        #th-highlight-tooltip::after { 
            content: '' !important; position: absolute !important; bottom: -5px !important; 
            left: calc(50% + var(--arrow-x)); transform: translateX(-50%) !important; 
            border-width: 5px 5px 0 !important; border-style: solid !important;
            border-color: var(--th-tt-bg) transparent transparent transparent !important; transition: left 0.15s ease !important; 
        }
        #th-highlight-tooltip.is-mobile-pos::after { 
            bottom: auto !important; top: -5px !important; border-width: 0 5px 5px !important; 
            border-color: transparent transparent var(--th-tt-bg) transparent !important;
        }
        #th-highlight-tooltip.is-active { 
            opacity: 1 !important; visibility: visible !important; 
            transform: translateX(-50%) translateY(0) !important; pointer-events: auto !important;
        }
        
        .th-hl-btn { 
            background: transparent !important; border: none !important; color: var(--th-tt-text) !important;
            font-family: 'Inter', sans-serif !important; font-size: 10px !important; font-weight: 500 !important; 
            text-transform: uppercase !important; letter-spacing: 0.08em !important; padding: 10px 14px !important;
            cursor: pointer !important; border-radius: 0px !important; display: flex !important; 
            align-items: center !important; gap: 8px !important;
            transition: background 0.3s ease, color 0.3s ease !important; white-space: nowrap !important; 
            outline: none !important; flex-shrink: 0 !important;
        }
        .th-hl-btn:hover { background: var(--th-tt-hover) !important; color: var(--th-accent, #8b7355) !important; } 
        .th-hl-btn svg { width: 14px !important; height: 14px !important; fill: none !important; stroke: currentColor !important; stroke-width: 1.5 !important; stroke-linecap: round !important; stroke-linejoin: round !important; }
        
        .th-hl-divider { width: 1px !important; height: 12px !important; background: var(--th-tt-border) !important; margin: 0 2px !important; }
        .mode-edit-only { display: none !important; }

        @media (max-width: 768px) {
            #th-highlight-tooltip { 
                padding: 4px 6px !important; gap: 0px !important; overflow-x: auto !important; -webkit-overflow-scrolling: touch !important; scrollbar-width: none !important; 
            }
            #th-highlight-tooltip::-webkit-scrollbar { display: none !important; }
            .th-hl-btn { padding: 12px 12px !important; font-size: 9px !important; letter-spacing: 0.05em !important; }
            #th-hl-copy span, #th-hl-share-more span { display: none !important; }
            .th-hl-divider { margin: 0 1px !important; }
        }

        mark.th-user-highlight { 
            background-color: rgba(139, 115, 85, 0.4) !important; color: inherit !important; 
            cursor: pointer !important; transition: all 0.3s ease !important;
            border-bottom: 2px solid var(--th-accent, #8b7355) !important; padding: 2px 0 !important;
        }
        mark.th-img-highlight { 
            display: inline-block !important; border: none !important; padding: 0 !important; line-height: 0 !important; 
            box-shadow: 0 0 0 3px var(--th-accent, #8b7355) !important; margin: 3px !important;
        }
        mark.th-img-highlight img { display: block !important; margin: 0 !important; }
        
        .th-user-highlight { 
            background-color: var(--th-hl-bg) !important; color: var(--th-hl-color) !important; 
            cursor: pointer !important; transition: filter 0.4s ease !important;
        }
        .th-user-highlight:hover { filter: brightness(0.92) !important; }
        .th-user-highlight.th-has-note { border-bottom: 1px dashed rgba(139, 115, 85, 0.7) !important; position: relative !important; }
        .th-user-highlight.th-has-note::after { 
            content: '✎' !important; font-size: 9px !important; color: rgba(139, 115, 85, 0.8) !important; 
            margin-left: 2px !important; vertical-align: super !important;
        }
        .th-temp-highlight { 
            background-color: var(--th-hl-bg) !important; color: var(--th-hl-color) !important; 
            border-bottom: 1px solid var(--th-accent, #8b7355) !important;
        }

        #th-hl-remove { display: none !important; color: var(--th-tt-text) !important; opacity: 0.5 !important; }
        #th-hl-remove:hover { opacity: 1 !important; color: var(--th-tt-text) !important; text-decoration: none !important; background: transparent !important; }
        #th-highlight-tooltip.mode-edit #th-hl-create, #th-highlight-tooltip.mode-edit .th-hl-divider.create-div { display: none !important; }
        #th-highlight-tooltip.mode-edit #th-hl-remove, #th-highlight-tooltip.mode-edit .mode-edit-only { display: flex !important; }

        .entry-content.th-focus-mode > * { 
            filter: blur(6px) !important; opacity: 0.15 !important;
            transition: filter 0.7s ease, opacity 0.7s ease !important; pointer-events: none !important; user-select: none !important;
        }
        .entry-content.th-focus-mode > .th-focused-node { 
            filter: blur(0px) !important; opacity: 1 !important; pointer-events: auto !important; 
            user-select: text !important; position: relative !important; z-index: 1000 !important;
        }

        /* THE ZEN CANVAS V15 */
        #th-zen-overlay { 
            position: fixed !important; top: 0 !important; left: 0 !important; width: 100vw !important; height: 100vh !important; 
            background: rgba(0,0,0,0.3) !important; backdrop-filter: blur(12px) !important; -webkit-backdrop-filter: blur(12px) !important; 
            z-index: 1000000 !important; opacity: 0; visibility: hidden; transition: opacity 0.5s ease, visibility 0.5s ease !important;
            pointer-events: none !important;
        }
        #th-zen-overlay.is-active { opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; }

        #th-note-composer { 
            position: fixed !important; z-index: 1000001 !important;
            top: 50% !important; left: 50% !important; transform: translate(-50%, -45%) scale(0.98) !important; 
            width: 90vw !important; max-width: 520px !important; max-height: 85vh !important;
            background: var(--th-nc-bg) !important; border: 0px !important; border-radius: 0px !important; padding: 45px !important; 
            box-shadow: 0 40px 100px rgba(0,0,0,0.2) !important;
            display: flex !important; flex-direction: column !important; gap: 20px !important; 
            opacity: 0; visibility: hidden;
            transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important; pointer-events: none !important;
        }
        #th-note-composer.is-active { opacity: 1 !important; visibility: visible !important; transform: translate(-50%, -50%) scale(1) !important; pointer-events: auto !important; }
        
        .th-nc-topbar { display: flex !important; justify-content: space-between !important; align-items: center !important; flex-shrink: 0 !important; gap: 20px !important; }
        .th-nc-title-wrap { display: flex !important; align-items: center !important; gap: 10px !important; flex: 1 !important; min-width: 0 !important; }
        .th-nc-edit-icon { width: 14px !important; height: 14px !important; stroke: var(--th-nc-text) !important; stroke-width: 1.2 !important; opacity: 0.3 !important; fill: none !important; flex-shrink: 0 !important;}
        .th-nc-title-input { 
            background: transparent !important; border: none !important; color: var(--th-nc-text) !important;
            font-family: 'Playfair Display', serif !important; font-size: 20px !important; font-style: italic !important; 
            outline: none !important; flex: 1 1 200px !important; width: auto !important; text-overflow: ellipsis !important;
            padding: 0 !important; margin: 0 !important; font-weight: 500 !important; letter-spacing: 0.02em !important;
            flex-shrink: 1 !important; min-width: 50px !important;
        }
        .th-nc-title-input::placeholder { color: var(--th-nc-text) !important; opacity: 0.3 !important; }
        
        .th-nc-controls { display: flex !important; gap: 10px !important; align-items: center !important;}
        
        /* ARCHITECTURAL BUTTONS UPGRADE */
        .th-nc-top-btn { 
            background: none !important; border: none !important; color: var(--th-nc-close) !important; opacity: 0.4 !important;
            cursor: pointer !important; padding: 6px !important; outline: none !important; transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
            display: flex !important; align-items: center !important; justify-content: center !important;
        }
        .th-nc-top-btn:hover { opacity: 1 !important; }
        .th-nc-top-btn svg { width: 20px !important; height: 20px !important; stroke-width: 1.2 !important; fill: none !important; stroke: currentColor !important; stroke-linecap: square !important; }
        
        #th-nc-close:hover { transform: rotate(90deg) scale(1.1) !important; color: var(--th-accent, #8b7355) !important; }
        #th-nc-expand:hover { transform: scale(1.1) !important; }
        .th-nc-context-btn { display: inline-flex !important; align-items: center !important; justify-content: center !important; padding: 0 !important; border: none !important; background: transparent !important; color: var(--th-nc-text) !important; font-family: 'Inter', sans-serif !important; font-size: 9px !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: 0.15em !important; text-decoration: none !important; transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important; cursor: pointer !important; opacity: 0.5 !important; outline: none !important; margin-right: 15px !important; position: relative !important; }
        .th-nc-context-btn::after { content: '' !important; position: absolute !important; bottom: -4px !important; left: 0 !important; width: 0% !important; height: 1px !important; background: var(--th-nc-text) !important; transition: width 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important; }
        .th-nc-context-btn:hover { opacity: 1 !important; color: var(--th-accent, #8b7355) !important; }
        .th-nc-context-btn.is-active { opacity: 1 !important; color: var(--th-nc-text) !important; }
        .th-nc-context-btn.is-active::after { width: 100% !important; }

        .th-nc-body { display: flex !important; flex-direction: column !important; gap: 20px !important; transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important; flex: 1 !important;}
        
        .th-nc-scroll-wrap { position: relative !important; display: flex !important; flex-direction: column !important; min-height: 50px !important; }
        .th-nc-scroll-wrap::after { 
            content: '' !important; position: absolute !important; bottom: 0 !important; left: 0 !important; width: 100% !important; height: 30px !important; 
            background: linear-gradient(to bottom, transparent, var(--th-nc-bg)) !important;
            pointer-events: none !important; transition: opacity 0.3s ease !important; opacity: 1 !important;
        }
        .th-nc-scroll-wrap.is-bottom::after { opacity: 0 !important; }

        #th-nc-t-wrap { flex-grow: 1 !important; display: flex !important; flex-direction: column !important; }

        .th-nc-quote-display { 
            font-family: 'Playfair Display', serif !important; font-size: 17px !important; font-weight: 400 !important; color: var(--th-nc-text) !important; 
            background: transparent !important; padding: 5px 0 5px 25px !important; border: none !important; border-left: 2px solid var(--th-accent, #8b7355) !important;
            margin-bottom: 30px !important; line-height: 1.8 !important; max-height: 18vh !important; overflow-y: auto !important; 
            position: relative !important; text-align: left !important; font-style: italic !important;
            transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
            overscroll-behavior: contain !important; -webkit-overflow-scrolling: touch !important; white-space: pre-wrap !important; word-break: break-word !important;
        }
        .th-nc-quote-display .th-context-hl { 
            color: inherit !important; background: transparent !important; 
            font-weight: inherit !important; font-style: normal !important;
            transition: all 0.4s ease !important;
        }
        #th-note-composer.is-context-expanded .th-nc-quote-display {
            max-height: 35vh !important;
            background: var(--th-nc-bg-alt, rgba(139, 115, 85, 0.02)) !important;
            padding: 20px 25px !important; border-left-color: transparent !important;
        }
        #th-note-composer.is-context-expanded .th-context-hl {
            background: rgba(139, 115, 85, 0.1) !important;
            padding: 0 2px !important;
            border-bottom: 1px solid rgba(139, 115, 85, 0.3) !important;
        }
        
        #th-note-textarea { 
            width: 100% !important; flex-grow: 1 !important; min-height: 120px !important;
            background: transparent !important; border: none !important; color: var(--th-nc-text) !important; font-family: 'Inter', sans-serif !important;
            font-size: 16px !important; line-height: 1.8 !important;
            resize: none !important; outline: none !important; padding: 0 15px 0 0 !important;
            font-weight: 300 !important; overscroll-behavior: contain !important; -webkit-overflow-scrolling: touch !important;
        }
        #th-note-textarea::placeholder { color: var(--th-nc-text) !important; opacity: 0.25 !important; font-style: italic !important;}
        
        .th-nc-quote-display::-webkit-scrollbar, #th-note-textarea::-webkit-scrollbar { width: 2px !important; }
        .th-nc-quote-display::-webkit-scrollbar-track, #th-note-textarea::-webkit-scrollbar-track { background: transparent !important; }
        .th-nc-quote-display::-webkit-scrollbar-thumb, #th-note-textarea::-webkit-scrollbar-thumb { background: var(--th-nc-border) !important; border-radius: 0px !important; }

        /* WIDE MODE (DESKTOP) */
        @media (min-width: 769px) {
            #th-note-composer.is-wide-mode { max-width: 980px !important; width: 90vw !important; }
            #th-note-composer.is-wide-mode .th-nc-body { flex-direction: row !important; align-items: stretch !important; gap: 40px !important; overflow: hidden !important;}
            #th-note-composer.is-wide-mode .th-nc-scroll-wrap { flex: 1 !important; height: 100% !important; min-height: 300px !important; }
            #th-note-composer.is-wide-mode .th-nc-quote-display { max-height: 100% !important; margin-bottom: 0 !important; flex-grow: 1 !important; }
            #th-note-composer.is-wide-mode #th-note-textarea { max-height: 100% !important; height: 100% !important; min-height: 300px !important; flex-grow: 1 !important;}
        }

        .th-nc-actions { 
            display: flex !important; justify-content: space-between !important; align-items: center !important; 
            padding-top: 20px !important; border-top: 1px solid var(--th-nc-border) !important; flex-shrink: 0 !important;
        }
        
        .th-nc-tools-left { display: flex !important; align-items: center !important; gap: 15px !important; transition: opacity 0.4s ease !important;}
        #th-nc-share-inline { display: none !important; opacity: 0; transform: scale(0.9); transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important; }
        #th-note-composer.has-content #th-nc-share-inline { display: flex !important; opacity: 1; transform: scale(1); }
        
        .th-nc-action-icon { 
            background: transparent !important; border: none !important; color: var(--th-nc-text) !important; opacity: 0.4 !important; 
            padding: 5px !important; cursor: pointer !important; transition: opacity 0.3s ease !important;
            display: flex !important; align-items: center !important; justify-content: center !important;
        }
        .th-nc-action-icon:hover { opacity: 1 !important; }
        .th-nc-action-icon:not(.th-rosetta-composer-share) svg { width: 16px !important; height: 16px !important; stroke: currentColor !important; stroke-width: 1.5 !important; fill: none !important;}

        .th-nc-del-wrapper { display: none !important; align-items: center !important; }
        .th-nc-del-wrapper.is-visible { display: flex !important; }
        #th-nc-delete { 
            background: transparent !important; border: none !important; color: var(--th-nc-text) !important; opacity: 0.4 !important; 
            padding: 10px 0 !important; cursor: pointer !important; font-family: 'Inter', sans-serif !important;
            font-size: 10px !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: 0.25em !important;
            transition: opacity 0.3s ease !important;
        }
        #th-nc-delete.is-hidden { display: none !important; }
        #th-nc-delete:hover { opacity: 1 !important; text-decoration: underline !important; }
        
        #th-nc-del-confirm-inline { display: none !important; align-items: center !important; gap: 15px !important; }
        #th-nc-del-confirm-inline.is-active { display: flex !important; }
        #th-nc-del-confirm-inline span { color: var(--th-nc-text) !important; font-family: 'Inter', sans-serif !important; font-size: 10px !important; font-weight: 400 !important; opacity: 0.5 !important;}
        .th-nc-del-inline-btn { 
            background: transparent !important; border: none !important; color: var(--th-nc-text) !important;
            font-family: 'Inter', sans-serif !important; font-size: 9px !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: 0.15em !important; 
            cursor: pointer !important; padding: 0 !important; outline: none !important; transition: opacity 0.3s ease !important;
        }
        .th-nc-del-inline-btn:hover { text-decoration: underline !important; }

        .th-nc-save-group { display: flex !important; align-items: center !important; gap: 0 !important; position: relative !important; height: 38px !important; }
        
        #th-nc-close-btn { 
            background: transparent !important; color: var(--th-nc-text) !important; border: 1px solid var(--th-nc-border) !important; transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important; 
            position: absolute !important; right: 0 !important; opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; padding: 10px 24px !important; 
            font-family: 'Inter', sans-serif !important; font-size: 10px !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: 0.25em !important; 
            cursor: pointer !important; white-space: nowrap !important; flex-shrink: 0 !important;
        }
        #th-nc-close-btn:hover { background: var(--th-nc-text) !important; color: var(--th-nc-bg) !important; border-color: var(--th-nc-text) !important; }
        
        .th-nc-edit-actions { 
            display: flex !important; align-items: center !important; gap: 10px !important; position: absolute !important; right: 0 !important; opacity: 0 !important; 
            visibility: hidden !important; transform: translateX(20px) !important; transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important; pointer-events: none !important;
        }
        
        .th-nc-save-group.is-editing #th-nc-close-btn { opacity: 0 !important; visibility: hidden !important; transform: translateX(-20px) !important; pointer-events: none !important; }
        .th-nc-save-group.is-editing .th-nc-edit-actions { opacity: 1 !important; visibility: visible !important; transform: translateX(0) !important; pointer-events: auto !important; }
        
        .th-nc-btn-cancel { 
            background: transparent !important; color: var(--th-nc-text) !important; opacity: 0.5 !important; border: 1px solid transparent !important; 
            padding: 10px 20px !important; font-family: 'Inter', sans-serif !important; font-size: 10px !important; font-weight: 600 !important; 
            text-transform: uppercase !important; letter-spacing: 0.25em !important; cursor: pointer !important; white-space: nowrap !important; flex-shrink: 0 !important;
        }
        .th-nc-btn-cancel:hover { opacity: 1 !important; border-color: var(--th-nc-border) !important; }

        #th-nc-save { 
            background: var(--th-nc-text) !important; color: var(--th-nc-bg) !important; border: 1px solid var(--th-nc-text) !important; margin: 0 !important;
            padding: 10px 24px !important; font-family: 'Inter', sans-serif !important; font-size: 10px !important; font-weight: 600 !important; text-transform: uppercase !important; 
            letter-spacing: 0.25em !important; cursor: pointer !important; white-space: nowrap !important; flex-shrink: 0 !important; transition: filter 0.4s ease, transform 0.4s ease !important;
        }
        #th-nc-save:hover { filter: invert(0.1) !important; transform: translateY(-2px) !important;}

        #th-selection-toast { 
            position: fixed !important; bottom: 45px !important; left: 50% !important; background: var(--th-text, #1a1a1a) !important; color: var(--th-bg, #fff) !important; 
            padding: 14px 28px !important; border-radius: 0px !important; font-family: 'Inter', sans-serif !important; font-size: 11px !important; font-weight: 500 !important; 
            text-transform: uppercase !important; letter-spacing: 0.1em !important; display: flex !important; align-items: center !important; justify-content: center !important; 
            gap: 10px !important; z-index: 2000000 !important; opacity: 0; transform: translateX(-50%) translateY(20px); pointer-events: none !important; 
            transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important; box-shadow: 0 20px 40px rgba(0,0,0,0.15) !important; white-space: nowrap !important;
        }
        #th-selection-toast.is-visible { opacity: 1 !important; transform: translateX(-50%) translateY(0) !important; }

        /* WIDE MODE (MOBILE 100DVH IMMERSIVE) */
        @media (max-width: 768px) {
            #th-note-composer { width: 95vw !important; padding: 30px 25px !important; max-height: 80dvh !important; }
            .th-nc-body { flex-grow: 1 !important; }
            
            #th-note-composer.is-wide-mode { 
                width: 100vw !important; height: 100dvh !important; max-height: 100dvh !important; top: 0 !important; left: 0 !important; transform: none !important; 
                border-radius: 0 !important; padding: 25px 20px calc(25px + env(safe-area-inset-bottom)) 20px !important; 
            }
            #th-note-composer.is-wide-mode .th-nc-body { height: auto !important; flex-grow: 1 !important;}
            #th-note-composer.is-wide-mode .th-nc-quote-display { max-height: 20vh !important; }
            #th-note-composer.is-wide-mode #th-note-textarea { max-height: unset !important; height: 100% !important; flex: 1 !important; }

            .th-nc-quote-display { font-size: 14px !important; max-height: 12vh !important; }
            #th-note-textarea { min-height: 100px !important; font-size: 16px !important; max-height: none !important;} 
            
            #th-note-composer.is-editing-mode .th-nc-tools-left { display: none !important; }
            #th-note-composer.is-editing-mode .th-nc-save-group { width: 100% !important; }
            #th-note-composer.is-editing-mode .th-nc-edit-actions { 
                width: 100% !important; position: static !important; opacity: 1 !important; visibility: visible !important; transform: none !important; display: flex !important; justify-content: space-between !important;
            }
            #th-note-composer.is-editing-mode .th-nc-btn-cancel, #th-note-composer.is-editing-mode #th-nc-save { flex: 1 !important; justify-content: center !important; display: flex !important; align-items: center !important; }
            
            #th-selection-toast { top: 25px !important; bottom: auto !important; transform: translateX(-50%) translateY(-20px) !important; }
            #th-selection-toast.is-visible { transform: translateX(-50%) translateY(0) !important; }
        }

        /* BRANDT CPH THE MONOLITHIC UPDATES */
        #th-highlight-tooltip, .th-hl-btn, #th-note-composer, #th-selection-toast { border-radius: 0px !important; }

        .th-nc-del-inline-btn#th-nc-del-yes { color: var(--th-v-text) !important; stroke: var(--th-v-text) !important; opacity: 0.8 !important; }
        .th-nc-del-inline-btn#th-nc-del-yes:hover { opacity: 1 !important; color: var(--th-accent, #8b7355) !important; }

        /* THE ROSETTA CIRCLE BUTTON */
        @keyframes thRosettaPulse {
            0% { box-shadow: 0 4px 15px rgba(139, 115, 85, 0.15); stroke: var(--th-accent, #8b7355); }
            50% { box-shadow: 0 4px 25px rgba(139, 115, 85, 0.5); stroke: #dcb384; }
            100% { box-shadow: 0 4px 15px rgba(139, 115, 85, 0.15); stroke: var(--th-accent, #8b7355); }
        }
        .th-nc-action-icon.th-rosetta-composer-share {
            background: var(--th-nc-text, #111111) !important;
            border-radius: 50% !important; width: 34px !important; height: 34px !important; padding: 0 !important;
            display: flex !important; align-items: center !important; justify-content: center !important;
            border: 1px solid rgba(139, 115, 85, 0.3) !important; opacity: 1 !important;
            transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important; flex-shrink: 0 !important; margin: 0 !important;
        }
        html[data-th-theme="night"] .th-rosetta-composer-share, html[data-th-theme="oled"] .th-rosetta-composer-share { border-color: rgba(255, 255, 255, 0.1) !important; }
        .th-nc-action-icon.th-rosetta-composer-share svg {
            stroke: var(--th-accent, #8b7355) !important; width: 14px !important; height: 14px !important; animation: thRosettaPulse 3s infinite ease-in-out !important;
        }
        .th-nc-action-icon.th-rosetta-composer-share:hover {
            transform: translateY(-3px) scale(1.05) !important; box-shadow: 0 10px 30px rgba(139, 115, 85, 0.6) !important; background: var(--th-nc-text, #111111) !important;
        }
        .th-rosetta-composer-share:hover svg { animation: none !important; transform: rotate(-5deg) scale(1.1) !important; stroke: #cda97c !important; }

        /* WORMHOLE TOOLTIP REFINED */
        /* WORMHOLE TOOLTIP REFINED V21 */
        #th-landing-tooltip { 
            position: fixed !important; top: 30px !important; left: 50% !important; background: rgba(17, 17, 17, 0.95) !important; backdrop-filter: blur(25px) !important; -webkit-backdrop-filter: blur(25px) !important;
            border: 1px solid rgba(255,255,255,0.08) !important; padding: 25px 30px !important; box-shadow: 0 25px 50px rgba(0,0,0,0.3) !important; z-index: 2000000 !important;
            transform: translate(-50%, -20px) !important; opacity: 0; transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important; border-radius: 0 !important; width: 450px !important; max-width: 95vw !important; 
        }
        #th-landing-tooltip.is-active { opacity: 1 !important; transform: translate(-50%, 0) !important; }
        #th-landing-tooltip.temp-hidden { opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; }
        #th-landing-tooltip.is-collapsed { padding: 15px 20px !important; transform: translate(-50%, -10px) scale(0.95) !important; }
        #th-landing-tooltip.is-collapsed .th-landing-actions { display: none !important; }
        #th-landing-tooltip.is-collapsed .th-landing-msg-wrap { margin-bottom: 0 !important; }
        
        .th-landing-tooltip-inner { position: relative !important; display: flex !important; flex-direction: column !important; width: 100% !important; }
        .th-landing-collapse { position: absolute !important; top: -15px !important; right: -20px !important; background: transparent !important; border: none !important; color: rgba(255,255,255,0.3) !important; cursor: pointer !important; padding: 10px !important; outline: none !important; transition: color 0.3s ease !important; }
        .th-landing-collapse:hover { color: #fff !important; }
        .th-landing-collapse svg { transition: transform 0.4s ease !important; }
        #th-landing-tooltip.is-collapsed .th-landing-collapse svg { transform: rotate(180deg) !important; }

        .th-landing-msg-wrap { display: flex !important; align-items: center !important; gap: 15px !important; margin-bottom: 25px !important; }
        .th-landing-text { font-family: 'Inter', sans-serif !important; font-size: 13px !important; font-weight: 500 !important; color: #ffffff !important; line-height: 1.6 !important; }
        
        .th-landing-actions { display: flex !important; flex-direction: column !important; gap: 10px !important; width: 100% !important; }
        .th-wormhole-btn-stay { 
            background: #ffffff !important; color: #111111 !important; border: none !important; padding: 12px !important; font-family: 'Inter', sans-serif !important; font-size: 10px !important; font-weight: 700 !important; 
            text-transform: uppercase !important; letter-spacing: 0.1em !important; cursor: pointer !important; transition: opacity 0.3s ease !important; outline: none !important; border-radius: 0 !important; text-align: center !important;
        }
        .th-wormhole-btn-back { 
            background: transparent !important; color: #ffffff !important; padding: 12px !important; text-decoration: none !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important;
            font-family: 'Inter', sans-serif !important; font-size: 10px !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: 0.1em !important;
            transition: background 0.3s ease !important; border-radius: 0 !important; border: 1px solid rgba(255,255,255,0.15) !important; 
        }
        .th-wormhole-btn-stay:hover, .th-wormhole-btn-back:hover { opacity: 0.8 !important; }
        .th-wormhole-btn-back:hover { background: rgba(255,255,255,0.05) !important; }

        @media (max-width: 768px) {
            #th-landing-tooltip { width: 95vw !important; max-width: 95vw !important; padding: 25px 20px !important; top: 20px !important; }
        }

        ::-webkit-scrollbar { width: 4px !important; height: 4px !important; }
        ::-webkit-scrollbar-track { background: transparent !important; }
        ::-webkit-scrollbar-thumb { background: rgba(139, 115, 85, 0.3) !important; border-radius: 0 !important; }
        ::-webkit-scrollbar-thumb:hover { background: rgba(139, 115, 85, 0.6) !important; }
        * { scrollbar-width: thin !important; scrollbar-color: rgba(139, 115, 85, 0.3) transparent !important; }

/* ===== 09-luxury-deep-reading.php CSS[0] ===== */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Inter:wght@300;400;500;600&display=swap');
    :root {
        --th-bg: #ffffff; --th-text: #1a1a1a; --th-text-muted: rgba(26, 26, 26, 0.6);
        --th-accent: #8b7355; 
        --th-border: rgba(26, 26, 26, 0.1);
        --th-font-body: 'Inter', sans-serif; --th-font-heading: 'Playfair Display', serif;
        --th-zoom: 1; 
        --th-trigger-bg: #1a1a1a; --th-trigger-text: #ffffff;
    }
    
    html[data-th-theme="sepia"] body, html[data-th-theme="sepia"] .site-content, html[data-th-theme="sepia"] .th-cinematic-hero, html[data-th-theme="sepia"] #th-rt-panel { 
        --th-bg: #F4F0E6;
        --th-text: #433422; --th-text-muted: rgba(67, 52, 34, 0.6); 
        --th-accent: #966A45; --th-border: rgba(67, 52, 34, 0.15); --th-trigger-bg: #433422; --th-trigger-text: #F4F0E6;
    }
    html[data-th-theme="paper"] body, html[data-th-theme="paper"] .site-content, html[data-th-theme="paper"] .th-cinematic-hero, html[data-th-theme="paper"] #th-rt-panel { 
        --th-bg: #F2EFE9;
        --th-text: #2C2C2C; --th-text-muted: rgba(44, 44, 44, 0.6); 
        --th-accent: #8B7355; --th-border: rgba(44, 44, 44, 0.15); --th-trigger-bg: #2C2C2C; --th-trigger-text: #F2EFE9;
    }
    html[data-th-theme="dim"] body, html[data-th-theme="dim"] .site-content, html[data-th-theme="dim"] .th-cinematic-hero, html[data-th-theme="dim"] #th-rt-panel { 
        --th-bg: #1E2022;
        --th-text: #E8E9EB; --th-text-muted: rgba(232, 233, 235, 0.6); 
        --th-accent: #B29B84; --th-border: rgba(255, 255, 255, 0.1); --th-trigger-bg: #ffffff; --th-trigger-text: #1E2022;
    }
    html[data-th-theme="night"] body, html[data-th-theme="night"] .site-content, html[data-th-theme="night"] .th-cinematic-hero, html[data-th-theme="night"] #th-rt-panel { 
        --th-bg: #121212;
        --th-text: #E5E5E5; --th-text-muted: rgba(229, 229, 229, 0.6); 
        --th-accent: #C4A47C; --th-border: rgba(255, 255, 255, 0.1); --th-trigger-bg: #ffffff; --th-trigger-text: #121212;
    }
    html[data-th-theme="oled"] body, html[data-th-theme="oled"] .site-content, html[data-th-theme="oled"] .th-cinematic-hero, html[data-th-theme="oled"] #th-rt-panel { 
        --th-bg: #000000;
        --th-text: #F5F5F5; --th-text-muted: rgba(245, 245, 245, 0.5); 
        --th-accent: #D4B48C; --th-border: rgba(255, 255, 255, 0.15); --th-trigger-bg: #333333; --th-trigger-text: #ffffff;
    }
    
    html[data-th-font="serif"] { --th-font-body: 'Playfair Display', serif; }
    html[data-th-font="system"] { --th-font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; }
    html[data-th-font="mono"] { --th-font-body: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; }

    /* =========================================================
       GLOBAL BOOKMARK REMINDER
       ========================================================= */
    #th-global-bmk-reminder {
        position: fixed; top: 30px; right: 30px; z-index: 1000000;
        background: rgba(255, 255, 255, 0.95); backdrop-filter: blur(25px); -webkit-backdrop-filter: blur(25px);
        border: 1px solid rgba(26,26,26,0.08); border-left: 3px solid var(--th-accent); border-radius: 0px; 
        padding: 25px 30px; width: 360px; display: flex; flex-direction: column; gap: 18px;
        box-shadow: 0 25px 50px rgba(0,0,0,0.08), 0 2px 6px rgba(0,0,0,0.04);
        transform: translateX(120%); opacity: 0; visibility: hidden;
        transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.8s;
    }
    html[data-th-theme="night"] #th-global-bmk-reminder, html[data-th-theme="oled"] #th-global-bmk-reminder, html[data-th-theme="dim"] #th-global-bmk-reminder {
        background: rgba(26, 26, 26, 0.95); border-color: rgba(255,255,255,0.08); border-left-color: var(--th-accent); color: #E5E5E5; box-shadow: 0 25px 50px rgba(0,0,0,0.5);
    }
    #th-global-bmk-reminder.is-visible { transform: translateX(0); opacity: 1; visibility: visible; }
    
    .th-bmk-r-header { display: flex; justify-content: space-between; align-items: center; }
    .th-bmk-r-label { font-family: 'Inter', sans-serif; font-size: 10px; text-transform: uppercase; letter-spacing: 0.25em; color: var(--th-accent); font-weight: 500; display: flex; align-items: center; gap: 8px; }
    .th-bmk-r-label svg { width: 14px; height: 14px; fill: currentColor; }
    .th-bmk-r-close { background: none; border: none; color: inherit; opacity: 0.3; cursor: pointer; padding: 0; transition: opacity 0.3s ease, transform 0.3s ease; outline: none; display: flex; }
    .th-bmk-r-close:hover { opacity: 1; transform: rotate(90deg); }

    .th-bmk-r-title { font-family: 'Playfair Display', serif; font-size: 20px; font-weight: 500; line-height: 1.35; color: inherit; margin: 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; letter-spacing: 0.02em; }
    .th-bmk-r-heading { font-family: 'Inter', sans-serif; font-size: 12px; font-style: italic; opacity: 0.6; margin: 0; white-space: normal; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-weight: 300; line-height: 1.5; }
    
    .th-bmk-r-actions { display: flex; margin-top: 5px; }
    .th-bmk-r-continue { font-family: 'Inter', sans-serif; font-size: 10px; text-transform: uppercase; letter-spacing: 0.25em; font-weight: 500; background: var(--th-accent); color: #ffffff !important; text-decoration: none; padding: 12px 24px; border-radius: 0px; transition: background 0.3s ease, transform 0.3s ease; display: inline-flex; align-items: center; justify-content: center; width: 100%; box-sizing: border-box; border: 1px solid transparent; cursor: pointer; outline: none;}
    .th-bmk-r-continue:hover { filter: brightness(0.85); transform: translateY(-2px); }

    @media (max-width: 768px) {
        #th-global-bmk-reminder { top: 20px; left: 5vw; right: 5vw; width: 90vw; padding: 25px; transform: translateY(-150%); }
        #th-global-bmk-reminder.is-visible { transform: translateY(0); }
    }

    /* PHP tag removed */
    /* CSS CHO SINGLE POST */
    html, body { overflow-x: clip !important; width: 100% !important; margin: 0 !important; padding: 0 !important; overscroll-behavior-y: none; background-color: var(--th-bg) !important; transition: background-color 0.5s ease, color 0.5s ease !important; color: var(--th-text) !important; }
    .ast-container { padding: 0 !important; max-width: 100% !important; }
    .site-content { padding: 0 !important; }
    h1.entry-title { display: none !important; }
    
    .entry-content ::selection { background-color: var(--th-accent); color: #ffffff; }
    .entry-content ::-moz-selection { background-color: var(--th-accent); color: #ffffff; }
    .entry-content, .entry-content h2, .entry-content h3, .entry-content h4, .th-toc-link, .navigator a, .th-smart-post-title, .luxury-taxonomy a, .taxonomy-post_tag a, .luxury-title { color: var(--th-text) !important; transition: color 0.5s ease; }
    .th-toc-title, .luxury-taxonomy, .th-smart-post-meta, .navigator .post-navigation-link-previous a::before, .navigator .post-navigation-link-next a::before { color: var(--th-text-muted) !important; transition: color 0.5s ease; }

    html.lenis, html.lenis body { height: auto; width: 100vw; overflow-x: clip; }
    .lenis.lenis-smooth { scroll-behavior: auto !important; }

    .th-cinematic-hero { position: relative; width: 100vw !important; max-width: 100vw !important; margin-left: calc(50% - 50vw) !important; left: 0 !important; right: 0 !important; height: 100svh !important; display: flex; flex-direction: column; justify-content: flex-end; align-items: center; overflow: hidden; background-color: var(--th-bg); transition: background-color 0.5s ease; margin-bottom: 60px; }
    .th-hero-bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; z-index: 1; will-change: transform; }
    .th-hero-bg img, .th-hero-bg picture { width: 100%; height: 100%; display: block; }
    .th-hero-bg img { object-fit: cover; object-position: center 30%; mix-blend-mode: multiply; opacity: 0.85; transition: filter 0.5s ease, mix-blend-mode 0.5s ease; }
    html[data-th-theme="night"] .th-hero-bg img, html[data-th-theme="dim"] .th-hero-bg img, html[data-th-theme="oled"] .th-hero-bg img { mix-blend-mode: screen; filter: invert(1) hue-rotate(180deg) brightness(1.2); opacity: 0.7; }
    .th-hero-fade { position: absolute; bottom: 0; left: 0; width: 100%; height: 60%; z-index: 2; background: linear-gradient(to top, var(--th-bg) 0%, transparent 100%); transition: background 0.5s ease; }
    .th-hero-content-wrap { position: relative; z-index: 3; width: 100%; max-width: 1200px; padding: 0 5vw 10vh; box-sizing: border-box; display: flex; flex-direction: column; align-items: center; }

    .luxury-title { font-family: 'Playfair Display', serif !important; font-size: calc(clamp(32px, 4vw, 54px) * var(--th-zoom)) !important; font-weight: 500 !important; line-height: 1.2 !important; letter-spacing: -0.01em !important; text-align: center !important; text-wrap: balance; margin: 0 0 25px 0 !important; text-shadow: 0 4px 30px var(--th-bg); padding: 0 !important; width: 100%; }
    
    .th-podcast-bridge-wrap { width: 100%; display: flex; justify-content: center; margin-top: 10px; opacity: 0; transform: translateY(15px); animation: thFadeInUp 1.2s cubic-bezier(0.16, 1, 0.3, 1) 0.8s forwards; }
    .th-podcast-bridge-link { display: flex; align-items: center; gap: 18px; padding: 12px 28px; background: rgba(139, 115, 85, 0.05); backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px); border: 1px solid rgba(139, 115, 85, 0.15); text-decoration: none !important; transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1); border-radius: 0; position: relative; overflow: hidden; }
    .th-pb-icon { width: 20px; height: 20px; color: var(--th-accent); display: flex; align-items: center; justify-content: center; }
    .th-pb-icon svg { width: 100%; height: 100%; }
    .th-pb-text { font-family: 'Inter', sans-serif; font-size: 10px; text-transform: uppercase; letter-spacing: 0.25em; color: var(--th-text); font-weight: 500; }
    .th-pb-arrow { width: 14px; height: 14px; color: var(--th-text-muted); opacity: 0.4; transition: all 0.4s ease; }
    .th-pb-arrow svg { width: 100%; height: 100%; }
    
    .th-podcast-bridge-link:hover { background: var(--th-accent); border-color: var(--th-accent); transform: translateY(-3px); box-shadow: 0 15px 35px rgba(139, 115, 85, 0.2); }
    .th-podcast-bridge-link:hover .th-pb-text, .th-podcast-bridge-link:hover .th-pb-icon, .th-podcast-bridge-link:hover .th-pb-arrow { color: #ffffff !important; opacity: 1; }
    .th-podcast-bridge-link:hover .th-pb-arrow { transform: translateX(6px); }

    html[data-th-theme="night"] .th-podcast-bridge-link, html[data-th-theme="dim"] .th-podcast-bridge-link, html[data-th-theme="oled"] .th-podcast-bridge-link { background: rgba(255, 255, 255, 0.03); border-color: rgba(255, 255, 255, 0.1); }
    html[data-th-theme="night"] .th-podcast-bridge-link:hover, html[data-th-theme="dim"] .th-podcast-bridge-link:hover, html[data-th-theme="oled"] .th-podcast-bridge-link:hover { background: var(--th-accent); border-color: var(--th-accent); }
    
    @media (max-width: 480px) {
        .th-podcast-bridge-link { padding: 10px 20px; gap: 12px; }
        .th-pb-text { font-size: 9px; letter-spacing: 0.15em; }
        .th-pb-icon { width: 18px; height: 18px; }
    }
    .th-cinematic-hero .luxury-taxonomy { margin-bottom: 25px !important; padding-bottom: 0 !important; border-bottom: none !important; }

    .th-toc-container { width: 100% !important; max-width: 680px !important; margin: 0 auto clamp(40px, 8vw, 60px) !important; padding: clamp(25px, 5vw, 40px) !important; border: 1px solid var(--th-border) !important; background-color: var(--th-bg) !important; box-sizing: border-box !important; align-self: center !important; display: block !important; transition: background-color 0.5s ease, border-color 0.5s ease; }
    .th-toc-title { font-family: 'Inter', sans-serif; font-size: 10px; font-weight: 600; letter-spacing: 0.3em; text-transform: uppercase; margin-bottom: clamp(20px, 4vw, 30px); display: block; }
    .th-toc-list { list-style: none; padding: 0; margin: 0; }
    .th-toc-item { margin-bottom: 15px; display: flex; align-items: baseline; gap: 15px; transition: opacity 0.4s ease; }
    .th-toc-list:hover .th-toc-item { opacity: 0.3; }
    .th-toc-list .th-toc-item:hover { opacity: 1; }
    .th-toc-number { font-family: 'Inter', sans-serif; font-size: clamp(10px, 2vw, 11px); color: var(--th-accent); min-width: 25px; transition: color 0.5s ease;}
    .th-toc-link { font-family: var(--th-font-heading); font-size: clamp(17px, 4vw, 19px); text-decoration: none; line-height: 1.4; transition: color 0.3s ease; }
    .th-toc-link:hover { color: var(--th-accent) !important; }

    .entry-content { width: 100% !important; max-width: 680px !important; margin: 0 auto !important; padding: 0 5vw; box-sizing: border-box !important; font-family: var(--th-font-body) !important; font-size: calc(clamp(15px, 1.5vw + 10px, 16px) * var(--th-zoom)) !important; font-weight: 400 !important; line-height: 1.8; letter-spacing: 0.01em; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; transition: font-size 0.3s ease; }
    .entry-content > p:first-of-type::first-letter { font-family: var(--th-font-heading); font-size: calc(clamp(3.8em, 12vw, 5.2em) * var(--th-zoom)); float: left; line-height: 0.8; padding: 10px 15px 0 0; color: var(--th-accent); font-weight: 600; transition: color 0.5s ease; }
    
    .entry-content h2, .entry-content h3, .entry-content h4 { font-family: var(--th-font-heading); font-weight: 600 !important; margin-top: clamp(1.8em, 4vw, 2.5em); margin-bottom: 1em; }
    .entry-content h2 { font-size: calc(clamp(26px, 6vw, 34px) * var(--th-zoom)); position: relative; } 
    .entry-content h3 { font-size: calc(clamp(20px, 5vw, 26px) * var(--th-zoom)) !important; letter-spacing: 0.01em; }
    .entry-content p, .entry-content ul, .entry-content ol { margin-bottom: clamp(1.5em, 3vw, 2em); }
    .entry-content .wp-block-image { margin: clamp(2em, 5vw, 4em) 0; overflow: hidden; border-radius: 2px; width: 100%; }
    .entry-content .wp-block-image img { width: 100%; height: auto; display: block; }

    .entry-content blockquote { position: relative; margin: clamp(40px, 6vw, 70px) -20px; padding: clamp(30px, 5vw, 50px); border-left: none; font-family: 'Playfair Display', serif; font-style: italic; font-size: calc(clamp(19px, 3vw, 25px) * var(--th-zoom)); line-height: 1.6; color: var(--th-text); background-color: rgba(139, 115, 85, 0.03); background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.05'/%3E%3C/svg%3E"); border-radius: 4px; box-shadow: 0 10px 30px rgba(0,0,0,0.02); overflow: hidden; }
    .entry-content blockquote::after { content: ''; position: absolute; left: 0; top: 0; height: 100%; width: 4px; background-color: var(--th-accent); }
    .entry-content blockquote::before { content: '“'; position: absolute; top: -20px; right: 20px; font-family: 'Playfair Display', serif; font-size: 100px; color: var(--th-accent); opacity: 0.1; line-height: 1; pointer-events: none; }
    .th-blockquote-inner { position: relative; z-index: 2; will-change: transform; }
    .entry-content blockquote p { margin-bottom: 15px; font-family: inherit; font-size: inherit; font-style: inherit; }
    .entry-content blockquote cite { display: block; margin-top: 20px; font-family: 'Inter', sans-serif; font-size: 11px; font-style: normal; font-weight: 600; letter-spacing: 0.2em; text-transform: uppercase; color: var(--th-text-muted); }
    .entry-content blockquote cite::before { content: '— '; }

    /* CINEMATIC RESUME AURA GLOW */
    @keyframes thAuraGlow {
        0% { box-shadow: 0 0 0 0 rgba(139, 115, 85, 0); background: transparent; transform: scale(1); }
        20% { box-shadow: 0 0 35px 10px rgba(139, 115, 85, 0.15); background: rgba(139, 115, 85, 0.05); transform: scale(1.01); }
        80% { box-shadow: 0 0 35px 10px rgba(139, 115, 85, 0.15); background: rgba(139, 115, 85, 0.05); transform: scale(1.01); }
        100% { box-shadow: 0 0 0 0 rgba(139, 115, 85, 0); background: transparent; transform: scale(1); }
    }
    .th-aura-glow { animation: thAuraGlow 2.5s cubic-bezier(0.16, 1, 0.3, 1) forwards; border-radius: 4px; transition: all 0.3s ease; }
    
    @keyframes thAuraInfinite {
        0% { box-shadow: 0 0 0 0 rgba(139, 115, 85, 0), 0 0 0 0 rgba(139, 115, 85, 0); background: transparent; }
        50% { box-shadow: 0 0 40px 10px rgba(139, 115, 85, 0.15), 0 0 100px 20px rgba(139, 115, 85, 0.05); background: rgba(139, 115, 85, 0.03); }
        100% { box-shadow: 0 0 0 0 rgba(139, 115, 85, 0), 0 0 0 0 rgba(139, 115, 85, 0); background: transparent; }
    }
    .th-aura-infinite { animation: thAuraInfinite 4s cubic-bezier(0.4, 0, 0.2, 1) infinite; border-radius: 2px; transition: all 0.5s ease; cursor: pointer; padding: 10px 15px !important; margin: -10px -15px !important; display: block; position: relative; z-index: 1; }
    .th-aura-infinite::after { content: ''; position: absolute; inset: 0; border: 1px solid var(--th-accent); opacity: 0.1; pointer-events: none; }

    #th-resume-overlay {
        position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: 9999999;
        background: var(--th-bg); display: flex; align-items: center; justify-content: center;
        opacity: 0; visibility: hidden; transition: opacity 0.8s ease, visibility 0.8s ease;
    }
    #th-resume-overlay.is-active { opacity: 1; visibility: visible; }
    @keyframes thPulseText { 0% { opacity: 0.5; } 100% { opacity: 1; } }
    .th-resume-text {
        font-family: 'Playfair Display', serif; font-size: clamp(20px, 3vw, 26px); font-style: italic; color: var(--th-text);
        animation: thPulseText 1.5s infinite alternate ease-in-out;
    }

    .th-reading-time-badge { display: flex; align-items: center; justify-content: center; gap: 6px; font-family: 'Inter', sans-serif; font-size: 11px; text-transform: uppercase; letter-spacing: 0.15em; color: var(--th-text-muted); margin-bottom: 15px; opacity: 0; transform: translateY(10px); animation: thFadeInUp 1s ease forwards; }
    @keyframes thFadeInUp { to { opacity: 1; transform: translateY(0); } }

    .th-article-lang-btn { 
        display: flex !important; align-items: center !important; justify-content: center !important; gap: 12px !important; 
        font-family: 'Inter', sans-serif !important; font-size: 11px !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: 0.2em !important; 
        color: var(--th-text) !important; background: transparent !important; border: 1px solid var(--th-border) !important; padding: 14px 32px !important; 
        margin: 0 auto clamp(30px, 6vw, 50px) auto !important; cursor: pointer !important; transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important; 
        opacity: 0; transform: translateY(10px) !important; animation: thFadeInUp 1s ease 0.2s forwards !important;
        position: relative !important; overflow: hidden !important; white-space: nowrap !important; width: max-content !important; max-width: 90vw !important;
    }
    @keyframes thAutoShimmer {
        0% { left: 150%; }
        100% { left: -150%; }
    }
    .th-article-lang-btn::before {
        content: '' !important; position: absolute !important; top: 0 !important; left: -100% !important; width: 100% !important; height: 100% !important;
        background: linear-gradient(90deg, transparent, rgba(139, 115, 85, 0.15), transparent) !important;
        transition: left 0.8s ease !important;
        animation: thAutoShimmer 12s linear infinite !important;
        opacity: 0.4 !important;
    }
    .th-article-lang-btn:hover::before { 
        animation: none !important;
        left: 100% !important; 
        opacity: 1 !important;
    }
    .th-article-lang-btn:hover { border-color: var(--th-accent) !important; color: var(--th-accent) !important; background: rgba(139, 115, 85, 0.03) !important; box-shadow: 0 10px 25px rgba(139, 115, 85, 0.1) !important; }
    .th-article-lang-btn svg { 
        display: block !important; flex-shrink: 0 !important;
        opacity: 0.8 !important; transition: transform 1.2s cubic-bezier(0.16, 1, 0.3, 1) !important; 
        backface-visibility: hidden !important;
    }
    .th-article-lang-btn:hover svg { transform: rotateY(360deg) !important; color: var(--th-accent) !important; opacity: 1 !important; }

    #th-lang-popup-overlay { 
        position: fixed !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; 
        background: rgba(0,0,0,0.85) !important; backdrop-filter: blur(25px) !important; -webkit-backdrop-filter: blur(25px) !important; 
        z-index: 2000001 !important; display: flex !important; align-items: center !important; justify-content: center !important; 
        opacity: 0 !important; visibility: hidden !important; transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important; 
        overscroll-behavior: contain !important;
    }
    [data-theme="oled"] #th-lang-popup-overlay { background: rgba(0,0,0,0.95) !important; }
    #th-lang-popup-overlay.is-active { opacity: 1 !important; visibility: visible !important; }
    html.th-lang-popup-open, body.th-lang-popup-open { overflow: hidden !important; touch-action: none !important; }
    html.th-lang-popup-open .th-lang-list { touch-action: pan-y !important; }
    .th-lang-popup { 
        background: var(--th-bg) !important; width: 95% !important; max-width: 550px !important; padding: 50px 40px !important; 
        position: relative !important; transform: translateY(40px) !important; opacity: 0 !important; 
        transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important; 
        max-height: 85vh !important; display: flex !important; flex-direction: column !important;
    }
    #th-lang-popup-overlay.is-active .th-lang-popup { transform: translateY(0) !important; opacity: 1 !important; }
    .th-lang-popup-title { 
        font-family: 'Inter', sans-serif !important; font-size: 13px !important; font-weight: 500 !important; color: var(--th-text-muted) !important; 
        margin-bottom: 30px !important; line-height: 1.6 !important; text-align: center !important; text-transform: none !important; letter-spacing: normal !important;
    }
    .th-lang-popup-title span.th-post-title-in-popup { 
        display: block !important; font-family: 'Playfair Display', serif !important; font-size: 18px !important; font-style: italic !important; font-weight: 500 !important; color: var(--th-text) !important; margin-bottom: 8px !important; 
    }
    .th-popup-title-meta { display: block !important; }
    .th-lang-list { 
        list-style: none !important; padding: 5px !important; margin: 0 !important; display: flex !important; flex-direction: column !important; gap: 12px !important; 
        overflow-y: auto !important; overflow-x: hidden !important; overscroll-behavior: contain !important; -webkit-overflow-scrolling: touch !important;
        flex-grow: 1 !important;
    }
    .th-lang-list::-webkit-scrollbar { width: 3px !important; }
    .th-lang-list::-webkit-scrollbar-thumb { background: var(--th-border) !important; border-radius: 0 !important; }
    
    @keyframes thItemEntry {
        0% { opacity: 0; transform: translateY(15px); }
        100% { opacity: 1; transform: translateY(0); }
    }
    .th-lang-item { 
        display: flex !important; align-items: center !important; gap: 18px !important; padding: 20px 25px !important; 
        background: var(--th-border) !important; border: 1px solid transparent !important; text-decoration: none !important; 
        transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important; cursor: pointer !important; width: 100% !important; box-sizing: border-box !important;
        position: relative !important; overflow: hidden !important; opacity: 0; min-height: 85px !important; height: auto !important; flex-shrink: 0 !important;
    }
    #th-lang-popup-overlay.is-active .th-lang-item { animation: thItemEntry 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards; }
    .th-lang-item:not(.is-current)::before {
        content: '' !important; position: absolute !important; top: 0 !important; left: -100% !important; width: 100% !important; height: 100% !important;
        background: linear-gradient(90deg, transparent, rgba(139, 115, 85, 0.08), transparent) !important;
        transition: left 0.6s ease !important;
    }
    .th-lang-item:not(.is-current):hover::before { left: 100% !important; }
    .th-lang-item:hover { border-color: var(--th-accent) !important; background: rgba(139, 115, 85, 0.05) !important; }
    .th-lang-item.is-current { background: var(--th-accent) !important; border-color: var(--th-accent) !important; pointer-events: none !important; }
    .th-lang-badge { 
        font-family: 'Inter', sans-serif !important; font-size: 11px !important; font-weight: 800 !important; background: var(--th-text) !important; color: var(--th-bg) !important; 
        width: 36px !important; height: 36px !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important; 
    }
    .th-lang-item.is-current .th-lang-badge { background: #fff !important; color: var(--th-accent) !important; }
    .th-lang-info { display: flex !important; flex-direction: column !important; gap: 5px !important; flex-grow: 1 !important; }
    .th-lang-name { font-family: 'Inter', sans-serif !important; font-size: 9px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 0.15em !important; color: var(--th-text-muted) !important; }
    .th-lang-item.is-current .th-lang-name { color: rgba(255,255,255,0.7) !important; }
    .th-lang-post-title { font-family: 'Playfair Display', serif !important; font-size: 16px !important; font-weight: 500 !important; color: var(--th-text) !important; line-height: 1.4 !important; white-space: normal !important; word-break: break-word !important; }
    .th-lang-item.is-current .th-lang-post-title { color: #fff !important; }
    .th-lang-popup-close { 
        position: absolute !important; top: 20px !important; right: 20px !important; background: transparent !important; border: none !important; 
        color: var(--th-text-muted) !important; cursor: pointer !important; padding: 8px !important; transition: all 0.3s ease !important; 
    }
    .th-lang-popup-close:hover { color: var(--th-accent) !important; transform: rotate(90deg) !important; }
    .th-lang-item.is-current::after { 
        content: var(--th-v-reading, 'Reading') !important; 
        position: absolute !important; top: 12px !important; right: 20px !important;
        font-family: 'Inter', sans-serif !important; font-size: 8px !important; font-weight: 700 !important; 
        text-transform: uppercase !important; letter-spacing: 0.15em !important; color: #fff !important; opacity: 0.5 !important; 
    }
    .th-lang-return-hint {
        font-family: 'Inter', sans-serif !important; font-size: 10px !important; font-weight: 500 !important; color: var(--th-text-muted) !important; 
        text-align: center !important; margin-top: 25px !important; opacity: 0.6 !important; font-style: italic !important;
    }
    
    html.th-in-wormhole .th-article-lang-btn, 
    html.th-in-wormhole .navigator, 
    html.th-in-wormhole .luxury-more-posts { 
        display: none !important; 
    }

    .luxury-taxonomy { display: flex !important; flex-wrap: wrap; align-items: center; justify-content: center; gap: 6px 12px !important; font-family: 'Inter', sans-serif !important; font-size: clamp(10px, 1.5vw, 11px) !important; text-transform: uppercase; letter-spacing: 0.15em; margin-bottom: 20px !important; }
    .luxury-taxonomy a { font-weight: 600 !important; text-decoration: none !important; position: relative; padding-bottom: 2px; }
    .luxury-taxonomy a::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: var(--th-accent); transform: scaleX(0); transform-origin: right; transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1); }
    .luxury-taxonomy a:hover { color: var(--th-accent) !important; }
    .luxury-taxonomy a:hover::after { transform: scaleX(1); transform-origin: left; }
    
    .taxonomy-post_tag { display: flex !important; flex-wrap: wrap; gap: 10px !important; justify-content: center; margin-top: clamp(60px, 10vw, 80px) !important; padding-top: 40px !important; border-top: 1px solid var(--th-border) !important; align-self: center; max-width: 680px; margin-inline: auto; }
    .taxonomy-post_tag a { font-family: 'Inter', sans-serif !important; font-size: 10px !important; text-transform: uppercase; letter-spacing: 0.1em; padding: 8px 18px !important; border: 1px solid var(--th-border) !important; text-decoration: none !important; transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important; background: transparent !important; border-radius: 0 !important; }
    .taxonomy-post_tag a:hover { border-color: var(--th-accent) !important; color: var(--th-accent) !important; transform: translateY(-2px); }

    .navigator { width: 100% !important; max-width: 800px !important; margin: clamp(40px, 10vw, 80px) auto !important; padding: clamp(30px, 5vw, 50px) 5vw !important; border-top: 1px solid var(--th-border) !important; border-bottom: 1px solid var(--th-border) !important; box-sizing: border-box !important; display: flex; align-self: center !important; }
    .navigator .post-navigation-link-previous { flex: 1; transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1); text-align: left; padding-right: 20px; border-right: 1px solid var(--th-border); }
    .navigator .post-navigation-link-next { flex: 1; transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1); text-align: right; padding-left: 20px; }
    .navigator .post-navigation-link-previous:empty { border-right: none; padding-right: 0; }
    .navigator .post-navigation-link-previous a::before { content: attr(data-label); display: block; font-family: 'Inter', sans-serif; font-size: clamp(9px, 1.5vw, 11px); font-weight: 500; text-transform: uppercase; letter-spacing: 0.3em; margin-bottom: 15px; }
    .navigator .post-navigation-link-next a::before { content: attr(data-label); display: block; font-family: 'Inter', sans-serif; font-size: clamp(9px, 1.5vw, 11px); font-weight: 500; text-transform: uppercase; letter-spacing: 0.3em; margin-bottom: 15px; }
    .navigator a { display: block; font-family: var(--th-font-heading); font-size: clamp(20px, 4vw, 26px); font-weight: 600; text-decoration: none !important; line-height: 1.3; }
    .navigator .post-navigation-link-previous:hover { transform: translateX(-6px); }
    .navigator .post-navigation-link-next:hover { transform: translateX(6px); }
    .navigator a:hover, .navigator a:hover::before { color: var(--th-accent) !important; }

    .luxury-more-posts { max-width: 1200px !important; margin: 0 auto !important; padding: clamp(40px, 8vw, 80px) 5vw !important; }
    .luxury-more-posts h2 { font-family: 'Inter', sans-serif !important; font-size: 12px !important; font-weight: 500 !important; text-transform: uppercase; letter-spacing: 0.3em; color: var(--th-text-muted) !important; text-align: center; margin-bottom: clamp(40px, 6vw, 60px) !important; }
    .th-smart-posts-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 40px 30px; }
    .th-smart-post-card { display: flex; flex-direction: column; gap: 15px; text-decoration: none !important; }
    .th-smart-post-thumb { aspect-ratio: 4/3; overflow: hidden; border-radius: 2px; position: relative; background: var(--th-border); }
    .th-smart-post-thumb img { width: 100%; height: 100%; object-fit: cover; transition: transform 1.2s cubic-bezier(0.25, 1, 0.5, 1); }
    .th-smart-post-card:hover .th-smart-post-thumb img { transform: scale(1.05); }
    .th-smart-post-meta { font-family: 'Inter', sans-serif; font-size: 10px; text-transform: uppercase; letter-spacing: 0.15em; display: flex; justify-content: space-between; }
    .th-smart-post-title { font-family: var(--th-font-heading); font-size: clamp(18px, 2.5vw, 22px); font-weight: 600; line-height: 1.4; }
    .th-smart-post-card:hover .th-smart-post-title { color: var(--th-accent) !important; }

    #th-progress-bar { position: fixed; top: 0; left: 0; height: 3px; background-color: var(--th-accent); width: 0%; z-index: 999999; transition: width 0.2s cubic-bezier(0.25, 1, 0.5, 1); }
    
    #th-rt-wrapper { position: fixed; bottom: 30px; left: 30px; z-index: 9000; }
    #th-rt-trigger { width: 50px; height: 50px; border-radius: 50%; border: none; cursor: pointer; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 15px rgba(0,0,0,0.15); transition: opacity 0.4s ease, transform 0.4s ease, filter 0.3s ease, background-color 0.5s ease; background-color: var(--th-trigger-bg); color: var(--th-trigger-text); outline: none; }
    #th-rt-trigger:hover { transform: scale(1.05); filter: brightness(1.2); }
    
    #th-rt-guide { position: absolute; left: 65px; top: 50%; transform: translateY(-50%) translateX(-10px); background: #1a1a1a; color: #fff; padding: 10px 14px; border-radius: 6px; font-family: 'Inter', sans-serif; font-size: 12px; font-weight: 500; white-space: nowrap; display: flex; align-items: center; gap: 10px; opacity: 0; visibility: hidden; pointer-events: none; transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1); box-shadow: 0 10px 25px rgba(0,0,0,0.2); }
    #th-rt-guide::before { content: ''; position: absolute; top: 50%; left: -5px; transform: translateY(-50%); border-width: 5px 6px 5px 0; border-style: solid; border-color: transparent #1a1a1a transparent transparent; }
    #th-rt-guide.is-visible { opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(-50%) translateX(0); animation: pulseGuide 2s infinite ease-in-out; }
    @keyframes pulseGuide { 0%, 100% { transform: translateY(-50%) translateX(0); } 50% { transform: translateY(-50%) translateX(4px); } }
    #th-rt-guide-close { background: none; border: none; color: #fff; opacity: 0.5; padding: 0; cursor: pointer; display: flex; outline: none; transition: opacity 0.3s ease; }
    #th-rt-guide-close:hover { opacity: 1; }

    #th-rt-panel { position: absolute; bottom: 70px; left: 0; width: 320px; background: var(--th-bg); border: 1px solid var(--th-border); border-radius: 0 !important; padding: 25px; opacity: 0; visibility: hidden; transform: translateY(15px); transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1); box-shadow: 0 10px 40px rgba(0,0,0,0.08); max-height: calc(100vh - 120px); overflow-y: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; }
    #th-rt-panel::-webkit-scrollbar { width: 4px; }
    #th-rt-panel::-webkit-scrollbar-thumb { background: var(--th-border); border-radius: 0; }
    #th-rt-panel.is-open { opacity: 1; visibility: visible; transform: translateY(0); }
    
    .th-rt-row { margin-bottom: 20px; }
    .th-rt-row:last-child { margin-bottom: 0; }
    .th-rt-label { display: block; font-family: 'Inter', sans-serif; font-size: 10px; text-transform: uppercase; letter-spacing: 0.2em; color: var(--th-text-muted); margin-bottom: 10px; }
    
    .th-rt-options { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; }
    .th-rt-options.font-grid { grid-template-columns: repeat(2, 1fr); }
    
    .th-rt-btn { background: transparent !important; border: 1px solid var(--th-border) !important; color: var(--th-text) !important; padding: 8px 0 !important; font-family: 'Inter', sans-serif !important; font-size: 11px !important; font-weight: 500 !important; border-radius: 2px !important; cursor: pointer !important; transition: all 0.3s ease !important; outline: none !important; }
    .th-rt-btn.active, .th-rt-btn:hover { border-color: var(--th-accent) !important; color: var(--th-accent) !important; background: rgba(139,115,85,0.05) !important; }
    
    .th-rt-size-ctrl { display: flex; align-items: center; gap: 8px; }
    .th-rt-size-ctrl .th-rt-btn { flex: 1; }
    #th-rt-size-val { flex: 1; text-align: center; font-family: 'Inter', sans-serif; font-size: 13px; color: var(--th-text); font-weight: 500; }
    
    .th-rt-action-row { display: flex; gap: 8px; margin-top: 10px; padding-bottom: 20px; border-bottom: 1px dashed var(--th-border); }
    
    /* HOÁN ĐỔI UI CHO NÚT BOOKMARK (CHUẨN XA XỈ) */
    #th-rt-bookmark-btn { flex: 2; display: flex; justify-content: center; align-items: center; gap: 6px; background: var(--th-accent) !important; color: var(--th-bg) !important; border-color: var(--th-accent) !important; font-weight: 600 !important;}
    #th-rt-bookmark-btn svg { width: 12px; height: 12px; fill: currentColor; }
    #th-rt-bookmark-btn:hover { background: transparent !important; color: var(--th-accent) !important; }
    
    #th-rt-reset { flex: 1; background: transparent !important; border: 1px dashed var(--th-border) !important; color: var(--th-text-muted) !important; font-family: 'Inter', sans-serif !important; font-size: 11px !important; text-transform: uppercase !important; letter-spacing: 0.05em !important; cursor: pointer !important; transition: color 0.3s ease, border-color 0.3s ease !important; text-align: center; border-radius: 2px !important;}
    #th-rt-reset:hover { color: var(--th-accent) !important; border-style: solid !important; border-color: var(--th-accent) !important;}

    /* DANH SÁCH BOOKMARK ĐÃ LƯU (MULTI-THREAD BOOKMARKS) */
    .th-rt-bmk-list { display: flex; flex-direction: column; gap: 8px; margin-top: 10px; }
    .th-rt-bmk-wrap { position: relative; overflow: hidden; border: 1px solid var(--th-border); border-radius: 0; transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1); background: transparent; }
    .th-rt-bmk-item { display: flex; flex-direction: column; padding: 12px; text-decoration: none; cursor: pointer; transition: transform 0.3s ease, opacity 0.3s ease; }
    .th-rt-bmk-wrap:hover { border-color: var(--th-accent); background: rgba(139,115,85,0.02); }
    .th-rt-bmk-wrap:hover .th-rt-bmk-item { transform: translateX(3px); }
    
    .th-rt-bmk-del-btn { position: absolute; top: 10px; right: 10px; background: none; border: none; padding: 5px; color: var(--th-text-muted); opacity: 0; cursor: pointer; transition: opacity 0.3s ease, transform 0.3s ease; outline: none; z-index: 5;}
    .th-rt-bmk-wrap:hover .th-rt-bmk-del-btn { opacity: 0.5; }
    .th-rt-bmk-del-btn:hover { opacity: 1 !important; color: var(--th-text) !important; transform: scale(1.1) rotate(90deg); }

    .th-rt-bmk-title { font-family: 'Playfair Display', serif; font-size: 14px; font-weight: 600; color: var(--th-text); margin-bottom: 5px; padding-right: 15px; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; line-height: 1.3; }
    .th-rt-bmk-lang { font-family: 'Inter', sans-serif; font-size: 8px; font-weight: 600; background: var(--th-border); color: var(--th-text); padding: 2px 4px; border-radius: 2px; margin-left: 6px; vertical-align: middle; }
    .th-rt-bmk-snippet { font-family: 'Inter', sans-serif; font-size: 10.5px; font-style: italic; color: var(--th-text-muted); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; line-height: 1.5; }
    .th-rt-bmk-empty { font-family: 'Inter', sans-serif; font-size: 11px; color: var(--th-text-muted); font-style: italic; opacity: 0.6; }

    /* INLINE CONFIRMATION CHO BOOKMARK (CLEANSED RED) */
    .th-rt-bmk-confirm { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: var(--th-bg); display: flex; align-items: center; justify-content: space-between; padding: 0 15px; box-sizing: border-box; transform: translateY(100%); opacity: 0; transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1); z-index: 10; border-left: 3px solid var(--th-accent); }
    .th-rt-bmk-wrap.is-confirming .th-rt-bmk-confirm { transform: translateY(0); opacity: 1; }
    .th-rt-bmk-wrap.is-confirming .th-rt-bmk-item { opacity: 0; pointer-events: none; }
    .th-rt-bmk-c-text { font-family: 'Inter', sans-serif; font-size: 10px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.1em; color: var(--th-text); }
    .th-rt-bmk-c-actions { display: flex; gap: 10px; }
    .th-rt-bmk-c-btn { background: none; border: none; font-family: 'Inter', sans-serif; font-size: 10px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.1em; cursor: pointer; outline: none; padding: 5px; transition: color 0.3s ease; }
    .th-rt-bmk-c-btn.btn-cancel { color: var(--th-text-muted); }
    .th-rt-bmk-c-btn.btn-cancel:hover { color: var(--th-text); }
    .th-rt-bmk-c-btn.btn-delete { color: var(--th-text); font-weight: 700; }
    .th-rt-bmk-c-btn.btn-delete:hover { color: var(--th-accent); }

    #th-rt-toast { 
        position: fixed !important; bottom: 45px !important; left: 50% !important; transform: translateX(-50%) translateY(20px) !important; 
        background: var(--th-text) !important; color: var(--th-bg) !important; padding: 14px 28px !important; border-radius: 0 !important; 
        font-family: 'Inter', sans-serif !important; font-size: 11px !important; font-weight: 500 !important; text-transform: uppercase !important; 
        letter-spacing: 0.1em !important; display: flex !important; align-items: center !important; justify-content: center !important; 
        gap: 10px !important; z-index: 1000000 !important; opacity: 0 !important; pointer-events: none !important; 
        transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important; box-shadow: 0 20px 40px rgba(0,0,0,0.15) !important; 
        white-space: nowrap !important; width: max-content !important; max-width: 90vw !important;
    }
    #th-rt-toast.is-visible { opacity: 1 !important; transform: translateX(-50%) translateY(0) !important; }

    /* TRẠM DỪNG CHÂN (SANCTUARY TOOLTIP) */
    .th-sanctuary-tooltip {
        position: absolute; top: -75px; left: 50%; transform: translateX(-50%) translateY(20px);
        background: rgba(255, 255, 255, 0.4) !important; backdrop-filter: blur(25px) saturate(180%) !important; -webkit-backdrop-filter: blur(25px) saturate(180%) !important;
        border: 1px solid var(--th-accent); padding: 12px 22px; border-radius: 0;
        display: flex; align-items: center; gap: 20px; z-index: 99999;
        box-shadow: 0 25px 60px rgba(0,0,0,0.12), 0 0 0 1px rgba(139, 115, 85, 0.1); 
        opacity: 0; visibility: hidden; pointer-events: none;
        transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);
    }
    .th-sanctuary-tooltip::before {
        content: ''; position: absolute; bottom: -6px; left: 50%; transform: translateX(-50%) rotate(45deg);
        width: 10px; height: 10px; background: var(--th-bg); border-right: 1px solid var(--th-accent); border-bottom: 1px solid var(--th-accent);
    }
    html[data-th-theme="night"] .th-sanctuary-tooltip, html[data-th-theme="oled"] .th-sanctuary-tooltip, html[data-th-theme="dim"] .th-sanctuary-tooltip {
        background: rgba(18, 18, 18, 0.6) !important;
    }
    .th-sanctuary-tooltip.is-active { opacity: 1; visibility: visible; pointer-events: auto; transform: translateX(-50%) translateY(0); }
    .th-sanc-msg { font-family: 'Inter', sans-serif; font-size: 11px; font-weight: 700; color: var(--th-text); white-space: nowrap; text-transform: uppercase; letter-spacing: 0.2em; }
    .th-sanc-actions { display: flex; gap: 15px; align-items: center; }
    .th-sanc-btn { background: none; border: none; font-family: 'Inter', sans-serif; font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.25em; cursor: pointer; outline: none; padding: 0; color: var(--th-accent); transition: all 0.3s ease; white-space: nowrap; opacity: 0.7; }
    .th-sanc-btn:hover { opacity: 1; transform: translateY(-1px); }
    #th-sanc-restart { color: var(--th-text-muted); font-weight: 500; font-size: 9px; }

    #thinker-luxury-header { transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.6s ease, background 0.6s ease, padding 0.6s ease !important; }
    #thinker-luxury-header.is-reading-hidden { transform: translateY(-100%) !important; opacity: 0 !important; pointer-events: none; }

    @media (max-width: 768px) {
        .th-hero-content-wrap { align-items: flex-start; padding-bottom: 12vh; }
        .luxury-title { text-align: left !important; font-size: calc(32px * var(--th-zoom)) !important; margin-bottom: 20px !important; }
        .th-cinematic-hero .luxury-taxonomy { justify-content: flex-start; margin-bottom: 20px !important; }
        .navigator { flex-direction: column !important; gap: 30px; }
        .navigator .post-navigation-link-previous { border-right: none; padding-right: 0; padding-bottom: 30px; border-bottom: 1px solid var(--th-border) !important; }
        .navigator .post-navigation-link-next { padding-left: 0; }
        .navigator .post-navigation-link-previous, .navigator .post-navigation-link-next { text-align: left; }
        .th-smart-posts-grid { grid-template-columns: 1fr; gap: 40px; }
        #th-rt-wrapper { bottom: 20px; left: 20px; }
        /* V21: WORMHOLE COMPLIANCE */
        html.th-in-wormhole #th-rt-bookmark-btn,
        html.th-in-wormhole #th-rt-guide { display: none !important; pointer-events: none !important; }
        #th-rt-trigger { width: 44px; height: 44px; }
        #th-rt-guide { left: 55px; }
        #th-rt-panel { width: 300px; padding: 20px; } 
        
        .entry-content blockquote { margin: 40px 0; border-radius: 4px; }
        .th-rt-bmk-del-btn { opacity: 0.5; }
        
        #th-rt-toast { 
            top: 20px !important; bottom: auto !important; left: 50% !important; right: auto !important; 
            transform: translateX(-50%) translateY(-15px) !important; 
            font-size: 10px !important; padding: 12px 20px !important;
        }
        #th-rt-toast.is-visible { transform: translateX(-50%) translateY(0) !important; }

        .th-article-lang-btn::before { 
            opacity: 0.7 !important; 
            background: linear-gradient(90deg, transparent, rgba(139, 115, 85, 0.2), transparent) !important;
            animation-duration: 8s !important;
        }
        
        .th-sanctuary-tooltip { flex-direction: column; align-items: stretch; gap: 10px; padding: 15px; top: auto; bottom: 100%; transform: translateX(-50%) translateY(20px); }
        .th-sanctuary-tooltip.is-active { transform: translateX(-50%) translateY(-10px); }
        .th-sanc-actions { border-left: none; border-top: 1px solid var(--th-border); padding-left: 0; padding-top: 10px; justify-content: space-between; }
    }
    /* PHP tag removed */

/* ===== 10-homepage.php CSS[0] ===== */
/* --- 1. FONT & BIẾN TOÀN CỤC --- */
    @import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Inter:wght@300;400;500&display=swap');
    /* PHP tag removed */

    :root {
        --th-bg: #f9f8f6;
        --th-text: #1a1a1a;
        --th-accent: #8b7355;
    }

    /* PHP tag removed */

    /* --- 2. BẺ GÃY CẤU TRÚC WORDPRESS & CHỐNG PADDING CỦA ASTRA --- */
    html, body, .wp-site-blocks { 
        overflow-x: clip !important;
        margin: 0 !important; 
        padding: 0 !important; 
        overscroll-behavior-y: none;
    }
    
    /* Ép khung Astra hiển thị toàn màn hình, không khoảng trống */
    .ast-container, .site-content, .ast-builder-layout-element {
        padding: 0 !important; max-width: 100% !important; margin: 0 !important; width: 100% !important;
    }

    /* Ẩn các tiêu đề và rác mặc định của Theme */
    h1.entry-title, .ast-single-post-featured-section, .ast-archive-description, h1.has-text-align-center.wp-block-post-title.has-x-large-font-size, h1.wp-block-post-title {
        display: none !important;
    }

    body main#wp--skip-link--target, 
    body .wp-site-blocks, 
    body .entry-content,
    body .wp-block-post-content,
    body .wp-block-custom-html,
    body .wp-block-html {
        max-width: 100% !important;
        width: 100% !important; padding: 0 !important; margin: 0 !important; overflow-x: clip;
    }

    body .wp-site-blocks { gap: 0 !important; }
    body .entry-content > *, body .wp-block-post-content > * { margin-top: 0 !important; margin-bottom: 0 !important; }

    /* =========================================================================
       HỆ THỐNG MÀU HEADER TRANG CHỦ TÁCH BIỆT
       ========================================================================= */
    @media (min-width: 769px) {
        #thinker-luxury-header:not(.is-scrolled) .th-nav a,
        #thinker-luxury-header:not(.is-scrolled) .th-search-btn { color: #ffffff !important; }
        #thinker-luxury-header:not(.is-scrolled) .th-nav a::after { background-color: #ffffff !important; }
        #thinker-luxury-header:not(.is-scrolled) .th-logo-img { filter: invert(0) !important; mix-blend-mode: screen !important; }
    }

    @media (max-width: 768px) {
        #thinker-luxury-header:not(.is-scrolled):not(.menu-open) .th-search-btn { color: #ffffff !important; }
        #thinker-luxury-header:not(.is-scrolled):not(.menu-open) .th-mobile-toggle span { background-color: #ffffff !important; }
        #thinker-luxury-header:not(.is-scrolled):not(.menu-open) .th-logo-img { filter: invert(0) !important; mix-blend-mode: screen !important; }
    }

    /* =========================================================
       3. EDITORIAL HERO SECTION
       ========================================================= */
    .th-home-hero {
        position: relative; top: 0; left: 0;
        width: 100vw; margin-left: calc(50% - 50vw); height: 100svh;
        background-color: #000000; display: flex; align-items: center; overflow: hidden;
    }
    .th-hero-visual { position: absolute; top: 0; right: 0; width: 45%; height: 100%; z-index: 1; }
    .th-hero-visual img { width: 100%; height: 100%; object-fit: cover; object-position: center 30%; opacity: 0.85; will-change: transform; }

    .th-hero-blend-layer {
        position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2;
        background: linear-gradient(90deg, #000000 0%, rgba(0,0,0,0.8) 15%, transparent 50%), linear-gradient(0deg, #000000 0%, rgba(0,0,0,0.4) 15%, transparent 40%);
        pointer-events: none; 
    }

    .th-hero-content {
        position: relative; z-index: 3; width: 100%; max-width: 1200px; margin: 0 auto;
        padding: 0 5vw; display: flex; flex-direction: column; justify-content: center; padding-top: 40px;
    }
    .th-hero-tagline { font-family: 'Inter', sans-serif; font-size: 10px; text-transform: uppercase; letter-spacing: 0.3em; color: rgba(255,255,255,0.6); margin-bottom: 25px; }

    .th-hero-title { font-family: 'Playfair Display', serif; font-size: clamp(32px, 4.5vw, 60px); font-weight: 400; color: #ffffff; line-height: 1.25; margin-bottom: 40px; max-width: 600px; }
    .th-hero-title i { font-style: italic; color: var(--th-accent); }

    .th-hero-actions { display: flex; gap: 20px; align-items: center; flex-wrap: wrap; }
    .th-btn { font-family: 'Inter', sans-serif; font-size: 10px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.25em; text-decoration: none; transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1); display: inline-flex; align-items: center; justify-content: center; }
    .th-btn-primary { padding: 16px 36px; border: 1px solid rgba(255,255,255,0.25); color: #ffffff; backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); }
    .th-btn-primary:hover { background-color: #ffffff; color: #000000; border-color: #ffffff; transform: translateY(-3px); box-shadow: 0 10px 25px rgba(255,255,255,0.1); }
    .th-btn-secondary { padding: 16px 10px; color: rgba(255,255,255,0.7); position: relative; }
    .th-btn-secondary::after { content: ''; position: absolute; bottom: 10px; left: 0; width: 100%; height: 1px; background-color: #ffffff; transform: scaleX(0); transform-origin: right; transition: transform 0.4s ease; }
    .th-btn-secondary:hover { color: #ffffff; }
    .th-btn-secondary:hover::after { transform: scaleX(1); transform-origin: left; }

    @media (max-width: 768px) {
        .th-home-hero { align-items: flex-end; padding-bottom: 12vh; }
        .th-hero-visual { width: 100%; height: 100%; top: 0; } 
        .th-hero-visual img { object-position: center top; }
        .th-hero-blend-layer { 
            height: 105%; width: 105%; top: -2%; left: -2%;
            background: linear-gradient(to bottom, transparent 0%, rgba(0,0,0,0.2) 40%, rgba(0,0,0,0.85) 75%, #000000 100%);
        }
        .th-hero-content { margin-top: 0; align-items: center; text-align: center; }
        .th-hero-title { font-size: clamp(32px, 8vw, 40px); max-width: 100%; margin-bottom: 35px; }
        .th-hero-actions { flex-direction: column; gap: 15px; width: 100%; }
        .th-btn-primary { width: 100%; box-sizing: border-box; }
    }

    /* =========================================================
       CÁC PHÂN KHU NỘI DUNG KHÁC
       ========================================================= */
    .th-home-section {
        width: 100vw !important; margin-left: calc(50% - 50vw) !important; padding: clamp(60px, 8vw, 100px) 5vw !important;
        background-color: var(--th-bg) !important; color: var(--th-text) !important; box-sizing: border-box !important;
    }
    .th-container { max-width: 1000px !important; margin: 0 auto !important; }
    .th-section-header { display: flex !important; justify-content: space-between !important; align-items: baseline !important; margin-bottom: clamp(40px, 6vw, 60px) !important; border-bottom: 1px solid rgba(26,26,26,0.1) !important; padding-bottom: 20px !important; }
    .th-section-header h2 { font-family: 'Inter', sans-serif !important; font-size: 11px !important; text-transform: uppercase !important; letter-spacing: 0.3em !important; font-weight: 500 !important; margin: 0 !important; color: rgba(26,26,26,0.6) !important; }
    .th-view-all { font-family: 'Inter', sans-serif !important; font-size: 10px !important; text-transform: uppercase !important; letter-spacing: 0.15em !important; color: var(--th-accent) !important; text-decoration: none !important; transition: all 0.3s ease !important; }
    .th-view-all:hover { opacity: 0.6 !important; transform: translateX(3px) !important; }

    .th-skeleton-box { background: linear-gradient(90deg, rgba(26,26,26,0.05) 25%, rgba(26,26,26,0.1) 50%, rgba(26,26,26,0.05) 75%) !important; background-size: 200% 100% !important; animation: loading 1.5s infinite !important; border-radius: 0 !important; }
    @keyframes loading { 0% { background-position: 200% 0; } 100% { background-position: -200% 0; } }

    /* --- LATEST POSTS --- */
    .th-latest-list { display: flex !important; flex-direction: column !important; }
    .th-latest-item { display: flex !important; align-items: baseline !important; padding: clamp(25px, 4vw, 40px) 0 !important; border-bottom: 1px solid rgba(26,26,26,0.05) !important; text-decoration: none !important; transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important; position: relative !important; }
    .th-latest-item:hover { padding-left: 20px !important; background: rgba(139, 115, 85, 0.02) !important; border-bottom-color: transparent !important; }
    .th-latest-date { width: 150px !important; flex-shrink: 0 !important; font-family: 'Inter', sans-serif !important; font-size: 10px !important; color: rgba(26,26,26,0.5) !important; text-transform: uppercase !important; letter-spacing: 0.1em !important; }
    .th-latest-title { font-family: 'Playfair Display', serif !important; font-size: clamp(22px, 3vw, 32px) !important; font-weight: 500 !important; color: var(--th-text) !important; line-height: 1.3 !important; transition: color 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important; }
    .th-latest-item:hover .th-latest-title { color: var(--th-accent) !important; }
    .th-latest-item::after { content: '→' !important; position: absolute !important; right: 15px !important; top: 50% !important; transform: translateY(-50%) translateX(-15px) !important; font-family: 'Inter', sans-serif !important; font-size: 18px !important; color: var(--th-accent) !important; opacity: 0 !important; transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important; }
    .th-latest-item:hover::after { opacity: 1 !important; transform: translateY(-50%) translateX(0) !important; }

    /* --- EXPLORE TOPICS --- */
    .th-topics-controls { display: flex !important; flex-wrap: wrap !important; gap: 12px !important; margin-bottom: 40px !important; }
    .th-topic-btn { padding: 12px 25px !important; border: 1px solid rgba(26,26,26,0.1) !important; border-radius: 0 !important; font-family: 'Inter', sans-serif !important; font-size: 10px !important; text-transform: uppercase !important; letter-spacing: 0.15em !important; color: var(--th-text) !important; background: transparent !important; cursor: pointer !important; transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important; }
    .th-topic-btn:hover { border-color: rgba(26,26,26,0.4) !important; background: rgba(139, 115, 85, 0.03) !important; }
    .th-topic-btn.active { border-color: var(--th-accent) !important; background: var(--th-accent) !important; color: #ffffff !important; box-shadow: 0 10px 25px rgba(139,115,85,0.25) !important; transform: translateY(-2px) !important; }

    .th-topic-content { display: flex !important; flex-direction: column !important; min-height: 200px !important; }
    .th-topic-post-item { padding: 20px 0 !important; border-bottom: 1px solid rgba(26,26,26,0.05) !important; text-decoration: none !important; display: block !important; transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important; }
    .th-topic-post-item:hover { padding-left: 15px !important; border-bottom-color: transparent !important; background: rgba(139, 115, 85, 0.02) !important; }
    .th-topic-post-title { font-family: 'Playfair Display', serif !important; font-size: clamp(18px, 2vw, 22px) !important; font-weight: 500 !important; color: var(--th-text) !important; line-height: 1.4 !important; margin-bottom: 5px !important; transition: color 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important; }
    .th-topic-post-item:hover .th-topic-post-title { color: var(--th-accent) !important; }
    .th-topic-post-meta { font-family: 'Inter', sans-serif !important; font-size: 10px !important; color: rgba(26,26,26,0.5) !important; text-transform: uppercase !important; letter-spacing: 0.1em !important; }
    .th-topic-archive-link { display: inline-flex !important; align-items: center !important; margin-top: 30px !important; font-family: 'Inter', sans-serif !important; font-size: 10px !important; text-transform: uppercase !important; letter-spacing: 0.15em !important; color: var(--th-text) !important; text-decoration: none !important; font-weight: 600 !important; transition: all 0.3s ease !important; }
    .th-topic-archive-link:hover { color: var(--th-accent) !important; transform: translateX(3px) !important; }

    /* --- SELECTED READINGS --- */
    .th-grid-posts { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(400px, 1fr)) !important; gap: 50px 40px !important; }
    .th-grid-card { display: flex !important; flex-direction: column !important; gap: 18px !important; text-decoration: none !important; }
    .th-grid-thumb { aspect-ratio: 16/9 !important; overflow: hidden !important; border-radius: 0 !important; position: relative !important; background: rgba(26,26,26,0.05) !important; }
    .th-grid-thumb img { width: 100% !important; height: 100% !important; object-fit: cover !important; transition: transform 1.2s cubic-bezier(0.16, 1, 0.3, 1) !important; }
    .th-grid-card:hover .th-grid-thumb img { transform: scale(1.05) !important; }
    .th-grid-meta { font-family: 'Inter', sans-serif !important; font-size: 10px !important; color: rgba(26,26,26,0.5) !important; text-transform: uppercase !important; letter-spacing: 0.15em !important; display: flex !important; justify-content: space-between !important; }
    .th-grid-title { font-family: 'Playfair Display', serif !important; font-size: clamp(22px, 2.5vw, 28px) !important; font-weight: 500 !important; color: var(--th-text) !important; line-height: 1.35 !important; transition: color 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important; margin: 0 !important; }
    .th-grid-card:hover .th-grid-title { color: var(--th-accent) !important; }

    /* --- NEWSLETTER --- */
    .th-home-subscribe { background-color: #111111 !important; color: #ffffff !important; padding: clamp(80px, 10vw, 120px) 5vw !important; text-align: center !important; }
    .th-subscribe-inner { max-width: 600px !important; margin: 0 auto !important; }
    .th-subscribe-inner h2 { font-family: 'Playfair Display', serif !important; font-size: clamp(32px, 5vw, 48px) !important; font-weight: 400 !important; margin-bottom: 20px !important; }
    .th-subscribe-inner p { font-family: 'Inter', sans-serif !important; font-size: 13px !important; color: rgba(255,255,255,0.6) !important; margin-bottom: 50px !important; line-height: 1.6 !important; }
    .th-subscribe-form { display: flex !important; position: relative !important; }
    .th-subscribe-form input { width: 100% !important; background: transparent !important; border: none !important; border-bottom: 1px solid rgba(255,255,255,0.3) !important; padding: 15px 50px 15px 0 !important; color: #ffffff !important; font-family: 'Inter', sans-serif !important; font-size: 14px !important; outline: none !important; transition: border-color 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important; border-radius: 0 !important; -webkit-appearance: none !important; }
    .th-subscribe-form input::placeholder { color: rgba(255,255,255,0.3) !important; }
    .th-subscribe-form input:focus { border-bottom-color: var(--th-accent) !important; }
    .th-subscribe-form button { position: absolute !important; right: 0 !important; top: 0 !important; height: 100% !important; background: transparent !important; border: none !important; color: var(--th-accent) !important; font-size: 24px !important; cursor: pointer !important; transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important; outline: none !important; }
    .th-subscribe-form button:hover { transform: translateX(5px) !important; }

    @media (max-width: 768px) {
        .th-latest-item { flex-direction: column !important; gap: 10px !important; padding: 20px 0 !important; }
        .th-latest-date { width: 100% !important; }
        .th-latest-item:hover { padding-left: 15px !important; }
        .th-latest-item::after { display: none !important; }
        .th-grid-posts { grid-template-columns: 1fr !important; }
        .th-topic-btn { padding: 10px 20px !important; font-size: 9px !important; }
    }

/* ===== 11-luxury-manifesto.php CSS[0] ===== */
/* =========================================================
       1. CORE, RESET & WP IMMUNITY (CÁCH LY HEADER/FOOTER)
       ========================================================= */
    @import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Inter:wght@300;400;500&family=Great+Vibes&display=swap');
    /* PHP tag removed */

    :root {
        --mf-bg: var(--th-bg, #f9f8f6);
        --mf-text: var(--th-text, #1a1a1a);
        --mf-accent: var(--th-accent, #8b7355);
    }

    /* ẨN HEADER/FOOTER — CHỈ TRÊN TRANG MANIFESTO (blog dùng .ast-custom-header nên không ảnh hưởng) */
    body.manifesto header, body.manifesto footer,
    body.manifesto .site-header, body.manifesto .site-footer { 
        display: none !important;
    }


    /* Vắc-xin chống tràn viền */
    html, body, .wp-site-blocks { 
        max-width: 100vw !important; overflow-x: hidden !important;
        margin: 0 !important; padding: 0 !important; 
        background: var(--mf-bg); color: var(--mf-text); 
    }
    
    .ast-container, .site-content, .ast-builder-layout-element {
        padding: 0 !important; max-width: 100% !important; margin: 0 !important; width: 100% !important;
    }

    main#wp--skip-link--target { max-width: 100vw !important; width: 100% !important; padding: 0 !important; margin: 0 !important; }
    h1.wp-block-post-title, .entry-header { display: none !important; }
    .entry-content { margin-top: 0 !important; }
    body .wp-site-blocks [class*="wp-container-"] { margin-top: 0 !important; margin-bottom: 0 !important; }

    ::selection { background-color: var(--mf-accent); color: #ffffff; }

    /* PHP tag removed */

    /* =========================================================
       2. HẠT NHIỄU ĐIỆN ẢNH (CINEMATIC FILM GRAIN)
       ========================================================= */
    .mf-noise {
        position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; height: 100dvh;
        pointer-events: none; z-index: 9999; opacity: 0.04;
        background-image: url('data:image/svg+xml;utf8,%3Csvg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"%3E%3Cfilter id="noiseFilter"%3E%3CfeTurbulence type="fractalNoise" baseFrequency="0.65" numOctaves="3" stitchTiles="stitch"/%3E%3C/filter%3E%3Crect width="100%25" height="100%25" filter="url(%23noiseFilter)"/%3E%3C/svg%3E');
    }
    html[data-th-theme="night"] .mf-noise, html[data-th-theme="oled"] .mf-noise { opacity: 0.02; }

    /* =========================================================
       3. THANH ĐIỀU HƯỚNG TĨNH LẶNG (SILENT NAVIGATOR) & BUTTONS
       ========================================================= */
    .mf-top-back {
        position: fixed; top: 40px; left: 5vw; display: flex; align-items: center; gap: 8px;
        font-family: 'Inter', sans-serif; font-size: 10px; text-transform: uppercase; letter-spacing: 0.2em;
        color: var(--mf-text); text-decoration: none; opacity: 0.4; z-index: 100;
        transition: opacity 0.4s ease, transform 0.4s ease;
    }
    .mf-top-back svg { width: 14px; height: 14px; transition: transform 0.4s ease; }
    .mf-top-back:hover { opacity: 1; color: var(--mf-accent); }
    .mf-top-back:hover svg { transform: translateX(-4px); }

    .mf-navigator {
        position: fixed; bottom: 40px; left: 5vw;
        font-family: 'Inter', sans-serif; font-size: 11px; letter-spacing: 0.25em;
        color: var(--mf-text); opacity: 0.3; z-index: 100; display: flex; gap: 6px;
    }
    .mf-nav-current { font-weight: 500; color: var(--mf-accent); opacity: 1; transition: color 0.3s; }

    /* =========================================================
       4. THE MANIFESTO STRUCTURE
       ========================================================= */
    .manifesto-wrapper { position: relative; width: 100%; background-color: var(--mf-bg); color: var(--mf-text); }

    .mf-pinned-section {
        height: 100vh; height: 100dvh; width: 100%;
        display: flex; align-items: center; justify-content: center;
        position: relative; overflow: hidden;
    }

    .mf-panel {
        position: absolute; width: 85%; max-width: 680px; max-height: 80dvh; overflow-y: auto;
        scrollbar-width: none; display: flex; flex-direction: column; align-items: flex-start;
        text-align: left; opacity: 0; transform: translateY(30px); will-change: transform, opacity;
    }
    .mf-panel::-webkit-scrollbar { display: none; } 

    .mf-text {
        font-family: 'Playfair Display', serif; font-size: clamp(20px, 2.2vw, 26px); line-height: 1.8;
        font-weight: 400; margin: 0; color: var(--mf-text); opacity: 0.9;
    }

    .mf-greeting-wrap { display: inline-flex; flex-direction: column; align-items: flex-end; }
    .mf-greeting { font-size: clamp(36px, 5vw, 64px); font-style: italic; font-weight: 500; margin-bottom: 8px; display: block; }
    .mf-instruction {
        font-family: 'Inter', sans-serif; font-size: 10px; letter-spacing: 0.15em;
        text-transform: uppercase; color: var(--mf-text); opacity: 0.4;
        animation: mf-pulse-inst 3s infinite ease-in-out;
    }
    @keyframes mf-pulse-inst { 0%, 100% { opacity: 0.25; } 50% { opacity: 0.6; } }

    .mf-signature-wrapper { display: inline-block; overflow: hidden; width: 0%; white-space: nowrap; margin: 40px 0 30px 0; }
    .mf-signature-text { font-family: 'Great Vibes', cursive; font-size: clamp(48px, 6vw, 64px); color: var(--mf-accent); padding-right: 15px; }

    .mf-actions { display: flex; flex-direction: column; gap: 18px; align-items: flex-start; }

    .mf-btn-link {
        font-family: 'Inter', sans-serif; font-size: 11px; text-transform: uppercase; letter-spacing: 0.25em;
        color: var(--mf-text); text-decoration: none; border-bottom: 1px solid rgba(26, 26, 26, 0.15);
        padding-bottom: 6px; opacity: 0.6; transition: all 0.4s ease; display: flex; align-items: center; gap: 10px;
    }
    .mf-btn-link::after { content: '→'; opacity: 0; transform: translateX(-10px); transition: all 0.4s ease; color: var(--mf-accent); }
    .mf-btn-link:hover { opacity: 1; color: var(--mf-accent); border-bottom-color: var(--mf-accent); letter-spacing: 0.3em; }
    .mf-btn-link:hover::after { opacity: 1; transform: translateX(0); }

    /* =========================================================
       5. MOBILE TWEAKS
       ========================================================= */
    @media (max-width: 768px) {
        .mf-top-back { top: 25px; left: 20px; font-size: 9px; }
        .mf-navigator { bottom: 25px; left: 20px; font-size: 10px; }
        .mf-text { font-size: 19px; line-height: 1.75; }
        .mf-greeting { font-size: 42px; margin-bottom: 6px; }
        .mf-instruction { font-size: 9px; letter-spacing: 0.1em; }
        .mf-panel { width: 88%; max-height: 85dvh; }
        .mf-signature-text { font-size: 48px; }
    }

/* ===== 12-luxury-reading-room.php CSS[0] ===== */
/* =========================================================
       1. CORE, RESET & ANTI-OVERFLOW
       ========================================================= */
    @import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Inter:wght@300;400;500&display=swap');
    /* PHP tag removed */

    :root {
        --rr-bg: var(--th-bg, #f9f8f6);
        --rr-text: var(--th-text, #1a1a1a);
        --rr-accent: var(--th-accent, #8b7355);
        --rr-border: rgba(125, 125, 125, 0.15);
    }

    /* BẢO VỆ DOM: ÉP KHUNG ASTRA HIỂN THỊ TOÀN MÀN HÌNH */
    html, body, .wp-site-blocks { 
        max-width: 100vw !important; overflow-x: hidden !important;
        margin: 0 !important; padding: 0 !important;
        background: var(--rr-bg); color: var(--rr-text); transition: background 0.5s ease; 
    }
    
    .ast-container, .site-content, .ast-builder-layout-element {
        padding: 0 !important; max-width: 100% !important; margin: 0 !important; width: 100% !important;
    }

    main#wp--skip-link--target { max-width: 100vw !important; width: 100% !important; padding: 0 !important; margin: 0 !important; overflow-x: hidden !important; }
    h1.wp-block-post-title, .entry-header { display: none !important; }
    .entry-content { margin-top: 0 !important; }

    ::selection { background-color: var(--rr-accent); color: #ffffff; }

    /* PHP tag removed */

    .reading-room-wrapper { width: 100%; max-width: 100vw; overflow-x: hidden; box-sizing: border-box; }
    .reading-room-wrapper * { box-sizing: border-box; }

    .rr-context-badge {
        position: absolute; top: 40px; left: 5vw;
        font-family: 'Inter', sans-serif; font-size: 10px; text-transform: uppercase;
        letter-spacing: 0.15em;
        color: var(--rr-text); opacity: 0.5; z-index: 10;
    }

    /* =========================================================
       2. CINEMATIC ENTRANCE
       ========================================================= */
    .rr-hero {
        position: relative;
        height: 60svh;
        width: 100%; max-width: 100vw;
        display: flex; flex-direction: column; justify-content: center; align-items: center;
        text-align: center; z-index: 2; padding: 0 5vw;
    }
    .rr-title { font-family: 'Playfair Display', serif; font-size: clamp(40px, 8vw, 100px); font-weight: 400; color: var(--rr-text); margin: 0 0 20px 0; letter-spacing: -0.02em; line-height: 1; }
    .rr-tagline { font-family: 'Playfair Display', serif; font-style: italic; font-size: clamp(16px, 2vw, 22px); color: var(--rr-accent); margin: 0; }
    .rr-scroll-indicator { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 1px; height: 80px; background: linear-gradient(to bottom, var(--rr-text), transparent); opacity: 0.3; }

    /* =========================================================
       3. EDITOR'S SPOTLIGHT
       ========================================================= */
    .rr-spotlight { padding: clamp(60px, 10vw, 120px) 5vw; z-index: 2; position: relative; width: 100%; }
    .rr-spotlight-inner { max-width: 1400px; margin: 0 auto; width: 100%; display: grid; grid-template-columns: repeat(12, 1fr); align-items: center; position: relative; }
    .rr-spot-img { grid-column: 5 / -1; grid-row: 1; width: 100%; aspect-ratio: 16/9; overflow: hidden; position: relative; background: rgba(125,125,125,0.05); border-radius: 2px; }
    .rr-spot-img img { width: 100%; height: 100%; object-fit: cover; mix-blend-mode: multiply; opacity: 0.9; will-change: transform; }
    html[data-th-theme="night"] .rr-spot-img img { mix-blend-mode: screen; filter: invert(1) hue-rotate(180deg) brightness(1.2); opacity: 0.7; }
    .rr-spot-content { grid-column: 1 / 7; grid-row: 1; z-index: 2; width: 100%; background: var(--rr-bg); padding: 40px 40px 40px 0; display: flex; flex-direction: column; align-items: flex-start; transition: background 0.5s ease; }
    .rr-label { font-family: 'Inter', sans-serif; font-size: 10px; text-transform: uppercase; letter-spacing: 0.3em; color: var(--rr-accent); margin-bottom: 25px; }
    .rr-spot-title { font-family: 'Playfair Display', serif; font-size: clamp(32px, 4vw, 56px); font-weight: 500; color: var(--rr-text); line-height: 1.15; text-decoration: none; margin-bottom: 25px; transition: color 0.3s; text-wrap: balance; letter-spacing: -0.01em; width: 100%; }
    .rr-spot-title:hover { color: var(--rr-accent); }
    .rr-spot-excerpt { font-family: 'Inter', sans-serif; font-size: clamp(14px, 1.5vw, 15px); line-height: 1.8; color: var(--rr-text); opacity: 0.7; margin-bottom: 40px; }
    .rr-btn-read { font-family: 'Inter', sans-serif; font-size: 10px; text-transform: uppercase; letter-spacing: 0.2em; font-weight: 500; color: var(--rr-text); text-decoration: none; padding-bottom: 5px; border-bottom: 1px solid var(--rr-border); transition: all 0.3s; display: inline-flex; align-items: center; gap: 8px; }
    .rr-btn-read:hover { border-color: var(--rr-accent); color: var(--rr-accent); gap: 15px; }

    /* =========================================================
       4. THE PILLARS (CATEGORIES)
       ========================================================= */
    .rr-pillars { padding: clamp(60px, 10vw, 120px) 5vw; width: 100%; position: relative; }
    .rr-sec-title-center { font-family: 'Inter', sans-serif; font-size: 11px; text-transform: uppercase; letter-spacing: 0.3em; color: var(--rr-text); opacity: 0.5; text-align: center; margin-bottom: clamp(40px, 6vw, 60px); }

    .rr-pillars-container { max-width: 1400px; margin: 0 auto; width: 100%; display: flex; height: 75vh; min-height: 600px; max-height: 800px; gap: 2px; }
    .rr-pillar {
        flex: 1; position: relative; overflow: hidden;
        background: rgba(125, 125, 125, 0.03); border: 1px solid var(--rr-border);
        transition: flex 0.8s cubic-bezier(0.25, 1, 0.5, 1), background 0.8s, border-color 0.8s;
        cursor: pointer; display: flex; flex-direction: column; border-radius: 2px; min-width: 80px; 
    }
    .rr-pillar-index { position: absolute; top: 30px; left: 0; width: 100%; text-align: center; font-family: 'Inter', sans-serif; font-size: 10px; font-weight: 500; letter-spacing: 0.2em; color: var(--rr-text); opacity: 0.4; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 5; }
    .rr-pillar-spine { writing-mode: vertical-rl; transform: rotate(180deg); font-family: 'Playfair Display', serif; font-size: clamp(24px, 3vw, 40px); white-space: nowrap; color: var(--rr-text); opacity: 0.6; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(180deg); transition: opacity 0.4s ease; pointer-events: none; z-index: 2; }
    .rr-pillar-content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: clamp(30px, 4vw, 50px); display: flex; flex-direction: column; justify-content: space-between; opacity: 0; pointer-events: none; transition: opacity 0.6s ease; z-index: 3; }
    .rr-pillar-header { margin-bottom: 20px; }
    .rr-pillar-main-title { font-family: 'Playfair Display', serif; font-size: clamp(32px, 4vw, 56px); color: var(--rr-text); margin: 0 0 15px 0; line-height: 1.1; }
    .rr-pillar-desc { font-family: 'Inter', sans-serif; font-size: clamp(13px, 1.5vw, 15px); color: var(--rr-text); opacity: 0.7; line-height: 1.6; max-width: 90%; margin: 0; }

    .rr-pillar-posts-wrap { flex-grow: 1; display: flex; flex-direction: column; justify-content: center; }
    .rr-pillar-posts { list-style: none; padding: 0; margin: 0; border-top: 1px solid var(--rr-border); }
    .rr-pillar-posts li { border-bottom: 1px solid var(--rr-border); }
    .rr-pillar-posts a { display: flex; align-items: center; justify-content: space-between; padding: 15px 0; font-family: 'Playfair Display', serif; font-size: clamp(16px, 1.8vw, 20px); color: var(--rr-text); text-decoration: none; transition: all 0.4s ease; }
    .rr-pillar-posts a span { opacity: 0.8; transition: color 0.4s, transform 0.4s; }
    .rr-pillar-posts a::after { content: '→'; font-family: 'Inter', sans-serif; font-size: 14px; opacity: 0; transform: translateX(-10px); transition: all 0.4s ease; color: var(--rr-accent); }
    .rr-pillar-posts a:hover span { color: var(--rr-accent); transform: translateX(10px); }
    .rr-pillar-posts a:hover::after { opacity: 1; transform: translateX(0); }

    .rr-pillar-bottom { display: flex; justify-content: space-between; align-items: baseline; margin-top: 20px; }
    .rr-pillar-count { font-family: 'Inter', sans-serif; font-size: 10px; text-transform: uppercase; letter-spacing: 0.1em; opacity: 0.5; }

    @media (min-width: 769px) {
        .rr-pillar:hover { flex: 4; background: var(--rr-bg); border-color: var(--rr-accent); }
        .rr-pillar:hover .rr-pillar-spine { opacity: 0; }
        .rr-pillar:hover .rr-pillar-index { opacity: 0; transform: translateY(-10px); } 
        .rr-pillar:hover .rr-pillar-content { opacity: 1; pointer-events: auto; transition-delay: 0.2s; }
    }

    /* Scroll-triggered Expansion (Dùng chung cho Mobile) */
    .rr-pillar.is-expanded { opacity: 1; border-bottom-color: transparent; }
    .rr-pillar.is-expanded .rr-pillar-spine { color: var(--rr-accent); }
    .rr-pillar.is-expanded .rr-pillar-content-wrapper { grid-template-rows: 1fr; pointer-events: auto; }
    .rr-pillar.is-expanded .rr-pillar-content { opacity: 1; padding-top: 10px; padding-bottom: 20px; }

    /* =========================================================
       5. THE ANTHOLOGIES
       ========================================================= */
    .rr-anthologies { padding: clamp(60px, 10vw, 120px) 5vw; position: relative; width: 100%; }
    .rr-series-list { max-width: 1000px; margin: 0 auto; display: flex; flex-direction: column; width: 100%; }
    .rr-series-item { position: relative; padding: clamp(30px, 4vw, 50px) 0; width: 100%; border-bottom: 1px solid var(--rr-border); transition: padding-left 0.6s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.6s ease, border-color 0.6s ease; opacity: 0.25; cursor: pointer; }
    .rr-series-num { position: absolute; top: 10px; left: -20px; font-family: 'Playfair Display', serif; font-size: clamp(80px, 10vw, 140px); color: var(--rr-text); opacity: 0; line-height: 1; pointer-events: none; transition: opacity 0.6s, transform 0.6s cubic-bezier(0.25, 1, 0.5, 1); }
    .rr-series-header { display: flex; flex-direction: column; position: relative; z-index: 2; width: 100%; }
    .rr-series-title { font-family: 'Playfair Display', serif; font-size: clamp(28px, 4vw, 48px); font-weight: 500; color: var(--rr-text); margin: 0 0 10px 0; width: 100%; transition: color 0.6s ease; display: flex; align-items: baseline; gap: 20px; flex-wrap: wrap; }
    .rr-series-count { font-family: 'Inter', sans-serif; font-size: 10px; font-weight: 500; letter-spacing: 0.2em; text-transform: uppercase; color: var(--rr-text); opacity: 0.4; transition: color 0.6s ease, opacity 0.6s ease; white-space: nowrap;}
    .rr-series-manifesto { font-family: 'Playfair Display', serif; font-style: italic; font-size: clamp(14px, 1.5vw, 16px); color: var(--rr-accent); margin: 0; opacity: 0.8; width: 100%; }
    .rr-series-content-wrapper { display: grid; grid-template-rows: 0fr; width: 100%; transition: grid-template-rows 0.7s cubic-bezier(0.25, 1, 0.5, 1); pointer-events: none;}
    .rr-series-content { overflow: hidden; width: 100%; }
    .rr-series-posts { list-style: none; padding: 25px 0 0 0; margin: 0; display: flex; flex-direction: column; gap: 15px; }
    .rr-series-posts li a { font-family: 'Inter', sans-serif; font-size: 13px; color: var(--rr-text); opacity: 0.7; text-decoration: none; display: flex; align-items: center; gap: 15px; transition: all 0.3s ease; }
    .rr-series-posts li a::before { content: ''; display: block; width: 20px; height: 1px; background: var(--rr-border); transition: width 0.3s, background 0.3s; flex-shrink: 0; }
    .rr-series-posts li a:hover { opacity: 1; color: var(--rr-accent); transform: translateX(10px); }
    .rr-series-posts li a:hover::before { width: 40px; background: var(--rr-accent); }
    .rr-series-view-all { font-family: 'Inter', sans-serif; font-size: 10px; text-transform: uppercase; letter-spacing: 0.2em; color: var(--rr-text); text-decoration: none; margin-top: 25px; display: inline-block; font-weight: 600; border-bottom: 1px solid var(--rr-border); padding-bottom: 5px; transition: color 0.3s, border-color 0.3s; pointer-events: auto; }
    .rr-series-view-all:hover { color: var(--rr-accent); border-color: var(--rr-accent); }

    @media (min-width: 769px) {
        .rr-series-list:hover .rr-series-item { opacity: 0.15; }
        .rr-series-list .rr-series-item:hover { opacity: 1; padding-left: 40px; border-bottom-color: transparent; }
        .rr-series-item:hover .rr-series-num { opacity: 0.05; transform: translateX(20px); }
        .rr-series-item:hover .rr-series-title { color: var(--rr-accent); }
        .rr-series-item:hover .rr-series-count { color: var(--rr-accent); opacity: 1; }
        .rr-series-item:hover .rr-series-content-wrapper { grid-template-rows: 1fr; pointer-events: auto;}
    }

    .rr-series-item.is-expanded { opacity: 1; padding-left: clamp(15px, 3vw, 40px); border-bottom-color: transparent; }
    .rr-series-item.is-expanded .rr-series-num { opacity: 0.05; transform: translateX(20px); }
    .rr-series-item.is-expanded .rr-series-title { color: var(--rr-accent); }
    .rr-series-item.is-expanded .rr-series-count { color: var(--rr-accent); opacity: 1; }
    .rr-series-item.is-expanded .rr-series-content-wrapper { grid-template-rows: 1fr; pointer-events: auto; }

    /* =========================================================
       6. THE ARCHIVES & FILTER
       ========================================================= */
    .rr-archives { padding: clamp(60px, 10vw, 120px) 5vw; width: 100%; }
    .rr-arch-inner { max-width: 1400px; margin: 0 auto; width: 100%; display: grid; grid-template-columns: 1fr 3fr; gap: 80px; }
    .rr-filter-sidebar { position: sticky; top: 120px; width: 100%; }
    .rr-filter-group { margin-bottom: 50px; width: 100%; }
    .rr-filter-title { font-family: 'Inter', sans-serif; font-size: 10px; text-transform: uppercase; letter-spacing: 0.2em; color: var(--rr-accent); margin-bottom: 25px; }
    .rr-filter-btn { display: block; background: none; border: none; text-align: left; padding: 0 0 15px 0; font-family: 'Inter', sans-serif; font-size: 12px; font-weight: 500; color: var(--rr-text); opacity: 0.5; cursor: pointer; transition: all 0.3s; width: 100%; }
    .rr-filter-btn:hover, .rr-filter-btn.active { opacity: 1; color: var(--rr-accent); padding-left: 10px; }

    /* LAYOUT TOGGLE */
    .rr-layout-toggle { display: flex; align-items: center; gap: 4px; margin-top: 30px; }
    .rr-layout-toggle-label { font-family: 'Inter', sans-serif; font-size: 9px; text-transform: uppercase; letter-spacing: 0.2em; color: var(--rr-text); opacity: 0.4; margin-bottom: 12px; display: block; }
    .rr-layout-btn {
        background: none; border: 1px solid transparent; padding: 8px; cursor: pointer; display: flex; align-items: center; justify-content: center;
        color: var(--rr-text); opacity: 0.3; transition: all 0.3s ease; outline: none;
    }
    .rr-layout-btn svg { width: 14px; height: 14px; }
    .rr-layout-btn.active { opacity: 1; color: var(--rr-accent); border-color: var(--rr-accent); }
    .rr-layout-btn:hover:not(.active) { opacity: 0.7; }

    /* LIST LAYOUT (default) */
    .rr-post-list { display: flex; flex-direction: column; width: 100%; min-width: 0; transition: opacity 0.3s ease; }
    .rr-arch-item { display: grid; grid-template-columns: 120px 1fr auto; gap: 30px; align-items: baseline; padding: 30px 0; border-bottom: 1px solid var(--rr-border); text-decoration: none; transition: opacity 0.4s ease; width: 100%; }
    .rr-arch-date { font-family: 'Inter', sans-serif; font-size: 10px; color: var(--rr-text); opacity: 0.5; letter-spacing: 0.1em; flex-shrink: 0; }
    .rr-arch-title { font-family: 'Playfair Display', serif; font-size: clamp(18px, 2.5vw, 32px); color: var(--rr-text); font-weight: 500; transition: color 0.3s; line-height: 1.4; }
    .rr-arch-meta { font-family: 'Inter', sans-serif; font-size: 9px; text-transform: uppercase; letter-spacing: 0.2em; color: var(--rr-accent); flex-shrink: 0; }
    .rr-arch-excerpt { display: none; }

    /* GRID LAYOUT */
    .rr-post-list.is-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2px; }
    .rr-post-list.is-grid .rr-arch-item {
        display: flex; flex-direction: column; align-items: flex-start; gap: 0;
        padding: 35px; border-bottom: none; border: 1px solid var(--rr-border);
        transition: border-color 0.4s ease, background 0.4s ease, opacity 0.4s ease;
        aspect-ratio: unset; min-height: 260px; justify-content: space-between;
    }
    .rr-post-list.is-grid .rr-arch-date { margin-bottom: 20px; }
    .rr-post-list.is-grid .rr-arch-title {
        font-size: clamp(20px, 2vw, 26px); flex: 1; margin-bottom: 25px;
        display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden;
    }
    .rr-post-list.is-grid .rr-arch-meta { margin-top: auto; }
    .rr-post-list.is-grid .rr-arch-excerpt {
        display: block; font-family: 'Inter', sans-serif; font-size: 12px; line-height: 1.7;
        color: var(--rr-text); opacity: 0.6; margin: 10px 0 20px;
        display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
    }
    
    @media (min-width: 769px) {
        .rr-post-list:hover .rr-arch-item { opacity: 0.15; }
        .rr-post-list .rr-arch-item:hover { opacity: 1; }
        .rr-arch-item:hover .rr-arch-title { color: var(--rr-accent); }
        .rr-post-list.is-grid:hover .rr-arch-item { opacity: 0.4; }
        .rr-post-list.is-grid .rr-arch-item:hover { opacity: 1; border-color: var(--rr-accent); background: rgba(139,115,85,0.03); }
    }

    /* =========================================================
       7. SERENDIPITY BUTTON
       ========================================================= */
    .rr-serendipity { padding: 80px 5vw 180px; width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; }
    .rr-seren-line { width: 1px; height: 80px; background: var(--rr-border); margin-bottom: 30px; transition: height 0.5s ease, background 0.5s ease; }
    .rr-btn-random { background: transparent; border: none; padding: 10px 20px; font-family: 'Playfair Display', serif; font-style: italic; font-size: clamp(20px, 3vw, 36px); color: var(--rr-text); cursor: pointer; transition: all 0.6s cubic-bezier(0.25, 1, 0.5, 1); opacity: 0.7; letter-spacing: 0; outline: none; text-align: center; }
    .rr-serendipity:hover .rr-seren-line { height: 120px; background: var(--rr-accent); }
    .rr-serendipity:hover .rr-btn-random { opacity: 1; color: var(--rr-accent); letter-spacing: 0.05em; transform: translateY(10px); }

    .th-skeleton { background: linear-gradient(90deg, rgba(125,125,125,0.05) 25%, rgba(125,125,125,0.1) 50%, rgba(125,125,125,0.05) 75%); background-size: 200% 100%; animation: load 1.5s infinite; border-radius: 2px; }
    @keyframes load { 0% {background-position: 200% 0;} 100% {background-position: -200% 0;} }

    /* =========================================================
       MOBILE RESPONSIVE 
       ========================================================= */
    @media (max-width: 768px) {
        .rr-hero, .rr-spotlight, .rr-pillars, .rr-anthologies, .rr-archives, .rr-serendipity { padding-left: 10px !important; padding-right: 10px !important; }
        .rr-spotlight-inner { display: flex; flex-direction: column-reverse; gap: 0; }
        .rr-spot-img { width: 100%; aspect-ratio: 16/9; margin-bottom: 30px; }
        .rr-spot-content { padding: 0; background: transparent; }
        
        .rr-pillars-container { flex-direction: column; height: auto; min-height: auto; max-height: none; gap: 0; }
        .rr-pillar { min-height: auto; flex: none; border-radius: 0; border: none; border-bottom: 1px solid var(--rr-border); padding: 30px 0; background: transparent !important; opacity: 0.3; transition: opacity 0.6s ease; cursor: pointer; }
        .rr-pillar-index { position: relative; top: 0; text-align: left; margin-bottom: 10px; opacity: 1; color: var(--rr-accent); }
        .rr-pillar-spine { position: relative; writing-mode: horizontal-tb; transform: none; top: 0; left: 0; font-size: 28px; opacity: 1; pointer-events: auto; font-weight: 500; transition: color 0.4s ease; }
        .rr-pillar-content-wrapper { display: grid; grid-template-rows: 0fr; transition: grid-template-rows 0.7s cubic-bezier(0.25, 1, 0.5, 1); pointer-events: none; }
        .rr-pillar-content { position: relative; padding: 0; opacity: 0; transition: opacity 0.4s ease; overflow: hidden; }
        .rr-pillar-header { margin-top: 15px; }
        .rr-pillar-main-title { display: none; } 

        .rr-series-item { padding-left: 0; }
        .rr-arch-inner { grid-template-columns: 1fr; gap: 40px; width: 100%; min-width: 0; }
        
        .rr-filter-sidebar { position: relative; top: 0; display: flex; flex-direction: column; padding-bottom: 0; border-bottom: 1px solid var(--rr-border); width: 100%; max-width: calc(100vw - 20px); }
        .rr-filter-group { margin-bottom: 0; display: flex; flex-wrap: wrap; gap: 15px; padding-bottom: 15px; }
        .rr-filter-btn { padding: 0; margin: 0; width: auto; }
        .rr-filter-btn:hover, .rr-filter-btn.active { padding-left: 0; border-bottom: 1px solid var(--rr-accent); }
        .rr-layout-toggle { flex-direction: row; margin-top: 15px; padding-bottom: 15px; align-items: center; gap: 8px; }
        .rr-layout-toggle-label { margin-bottom: 0; margin-right: 4px; }

        .rr-arch-item { grid-template-columns: 1fr; gap: 10px; width: 100%; }
        .rr-post-list.is-grid { grid-template-columns: repeat(2, 1fr); }
        .rr-post-list.is-grid .rr-arch-item { padding: 20px; min-height: 200px; }
        .rr-post-list.is-grid .rr-arch-title { font-size: 18px; -webkit-line-clamp: 3; }
        .rr-context-badge { display: none; }
    }

/* ===== TRANSMUTATION FIX: override inline opacity:0 from WP-rendered GSAP initial state ===== */
.th-scroll-reveal.revealed,
.th-scroll-reveal.is-revealed {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    filter: none !important;
}
.th-hero-content.th-anim-item,
.th-anim-item,
.th-anim {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    filter: none !important;
}

/* ===== TRANSMUTATION FIX: screen-reader-text (Astra skip-link) ===== */
.screen-reader-text {
    border: 0 !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    width: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    word-wrap: normal !important;
}
.screen-reader-text:focus {
    background-color: #f1f1f1 !important;
    border-radius: 3px !important;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6) !important;
    clip: auto !important;
    clip-path: none !important;
    color: #21759b !important;
    display: block !important;
    font-size: 0.875rem !important;
    font-weight: 700 !important;
    height: auto !important;
    left: 5px !important;
    line-height: normal !important;
    padding: 15px 23px 14px !important;
    text-decoration: none !important;
    top: 5px !important;
    width: auto !important;
    z-index: 100000 !important;
}