diff --git a/.gitignore b/.gitignore
index d6bf509..7dd7cef 100644
--- a/.gitignore
+++ b/.gitignore
@@ -17,10 +17,11 @@ package-lock.json
 
 # IDE configurations
 .idea
-.vscode
+.vscode/*
 !.vscode/settings.json
 !.vscode/extensions.json
+!.vscode/tasks.json
 
 # Misc
-_sass/dist
+_sass/vendors
 assets/js/dist
diff --git a/Gemfile b/Gemfile
index 7835d7d..50bc883 100644
--- a/Gemfile
+++ b/Gemfile
@@ -2,7 +2,7 @@
 
 source "https://rubygems.org"
 
-gem "jekyll-theme-chirpy", "~> 7.2", ">= 7.2.4"
+gem "jekyll-theme-chirpy", "~> 7.3", ">= 7.3.1"
 
 gem "html-proofer", "~> 5.0", group: :test
 
diff --git a/_layouts/post.html b/_layouts/post.html
index f04c5ff..5d732a9 100644
--- a/_layouts/post.html
+++ b/_layouts/post.html
@@ -10,63 +10,68 @@ script_includes:
   - comment
 ---
 
-{% include lang.html %} {% include toc-status.html %}
+{% include lang.html %}
+
+{% include toc-status.html %}
 
 <article class="px-1" data-toc="{{ enable_toc }}">
   <header>
     <h1 data-toc-skip>{{ page.title }}</h1>
     {% if page.description %}
-    <p class="post-desc fw-light mb-4">{{ page.description }}</p>
+      <p class="post-desc fw-light mb-4">{{ page.description }}</p>
     {% endif %}
 
     <div class="post-meta text-muted">
       <!-- published date -->
       <span>
-        {{ site.data.locales[lang].post.posted }} {% include datetime.html
-        date=page.date tooltip=true lang=lang %}
+        {{ site.data.locales[lang].post.posted }}
+        {% include datetime.html date=page.date tooltip=true lang=lang %}
       </span>
 
       <!-- lastmod date -->
       {% if page.last_modified_at and page.last_modified_at != page.date %}
-      <span>
-        {{ site.data.locales[lang].post.updated }} {% include datetime.html
-        date=page.last_modified_at tooltip=true lang=lang %}
-      </span>
+        <span>
+          {{ site.data.locales[lang].post.updated }}
+          {% include datetime.html date=page.last_modified_at tooltip=true lang=lang %}
+        </span>
       {% endif %}
 
       <div class="d-flex justify-content-between">
         <!-- author(s) -->
         <span>
-          {% if page.author %} {% assign authors = page.author %} {% elsif
-          page.authors %} {% assign authors = page.authors %} {% endif %} {{
-          site.data.locales[lang].post.written_by }}
+          {% if page.author %}
+            {% assign authors = page.author %}
+          {% elsif page.authors %}
+            {% assign authors = page.authors %}
+          {% endif %}
+
+          {{ site.data.locales[lang].post.written_by }}
 
           <em>
-            {% if authors %} {% for author in authors %} {% if
-            site.data.authors[author].url -%}
-            <a href="{{ site.data.authors[author].url }}"
-              >{{ site.data.authors[author].name }}</a
-            >
-            {%- else -%} {{ site.data.authors[author].name }} {%- endif %} {%
-            unless forloop.last %}{{ '</em
-          >,
-          <em
-            >' }}{% endunless %} {% endfor %} {% else %}
-            <a href="{{ site.social.links[0] }}">{{ site.social.name }}</a>
+            {% if authors %}
+              {% for author in authors %}
+                {% if site.data.authors[author].url -%}
+                  <a href="{{ site.data.authors[author].url }}">{{ site.data.authors[author].name }}</a>
+                {%- else -%}
+                  {{ site.data.authors[author].name }}
+                {%- endif %}
+                {% unless forloop.last %}{{ '</em>, <em>' }}{% endunless %}
+              {% endfor %}
+            {% else %}
+              <a href="{{ site.social.links[0] }}">{{ site.social.name }}</a>
             {% endif %}
           </em>
         </span>
 
         <div>
           <!-- pageviews -->
-          {% if site.pageviews.provider and
-          site.analytics[site.pageviews.provider].id %}
-          <span>
-            <em id="pageviews">
-              <i class="fas fa-spinner fa-spin small"></i>
-            </em>
-            {{ site.data.locales[lang].post.pageview_measure }}
-          </span>
+          {% if site.pageviews.provider and site.analytics[site.pageviews.provider].id %}
+            <span>
+              <em id="pageviews">
+                <i class="fas fa-spinner fa-spin small"></i>
+              </em>
+              {{ site.data.locales[lang].post.pageview_measure }}
+            </span>
           {% endif %}
 
           <!-- read time -->
@@ -77,86 +82,76 @@ script_includes:
   </header>
 
   {% if enable_toc %}
-  <div
-    id="toc-bar"
-    class="d-flex align-items-center justify-content-between invisible"
-  >
-    <span class="label text-truncate">{{ page.title }}</span>
-    <button type="button" class="toc-trigger btn me-1">
-      <i class="fa-solid fa-list-ul fa-fw"></i>
-    </button>
-  </div>
-
-  <button
-    id="toc-solo-trigger"
-    type="button"
-    class="toc-trigger btn btn-outline-secondary btn-sm"
-  >
-    <span class="label ps-2 pe-1"
-      >{{- site.data.locales[lang].panel.toc -}}</span
-    >
-    <i class="fa-solid fa-angle-right fa-fw"></i>
-  </button>
-
-  <dialog id="toc-popup" class="p-0">
-    <div
-      class="header d-flex flex-row align-items-center justify-content-between"
-    >
-      <div class="label text-truncate py-2 ms-4">{{- page.title -}}</div>
-      <button
-        id="toc-popup-close"
-        type="button"
-        class="btn mx-1 my-1 opacity-75"
-      >
-        <i class="fas fa-close"></i>
+    <div id="toc-bar" class="d-flex align-items-center justify-content-between invisible">
+      <span class="label text-truncate">{{ page.title }}</span>
+      <button type="button" class="toc-trigger btn me-1">
+        <i class="fa-solid fa-list-ul fa-fw"></i>
       </button>
     </div>
-    <div id="toc-popup-content" class="px-4 py-3 pb-4"></div>
-  </dialog>
+
+    <button id="toc-solo-trigger" type="button" class="toc-trigger btn btn-outline-secondary btn-sm">
+      <span class="label ps-2 pe-1">{{- site.data.locales[lang].panel.toc -}}</span>
+      <i class="fa-solid fa-angle-right fa-fw"></i>
+    </button>
+
+    <dialog id="toc-popup" class="p-0">
+      <div class="header d-flex flex-row align-items-center justify-content-between">
+        <div class="label text-truncate py-2 ms-4">{{- page.title -}}</div>
+        <button id="toc-popup-close" type="button" class="btn mx-1 my-1 opacity-75">
+          <i class="fas fa-close"></i>
+        </button>
+      </div>
+      <div id="toc-popup-content" class="px-4 py-3 pb-4"></div>
+    </dialog>
   {% endif %}
 
-  <div class="content">{{ content }}</div>
+  <div class="content">
+    {{ content }}
+  </div>
 
   <div class="post-tail-wrapper text-muted">
     <!-- categories -->
     {% if page.categories.size > 0 %}
-    <div class="post-meta mb-3">
-      <i class="far fa-folder-open fa-fw me-1"></i>
-      {% for category in page.categories %}
-      <a
-        href="{{ site.baseurl }}/categories/{{ category | slugify | url_encode }}/"
-        >{{ category }}</a
-      >
-      {%- unless forloop.last -%},{%- endunless -%} {% endfor %}
-    </div>
+      <div class="post-meta mb-3">
+        <i class="far fa-folder-open fa-fw me-1"></i>
+        {% for category in page.categories %}
+          <a href="{{ site.baseurl }}/categories/{{ category | slugify | url_encode }}/">{{ category }}</a>
+          {%- unless forloop.last -%},{%- endunless -%}
+        {% endfor %}
+      </div>
     {% endif %}
 
     <!-- tags -->
     {% if page.tags.size > 0 %}
-    <div class="post-tags">
-      <i class="fa fa-tags fa-fw me-1"></i>
-      {% for tag in page.tags %}
-      <a
-        href="{{ site.baseurl }}/tags/{{ tag | slugify | url_encode }}/"
-        class="post-tag no-text-decoration"
-      >
-        {{- tag -}}
-      </a>
-      {% endfor %}
-    </div>
+      <div class="post-tags">
+        <i class="fa fa-tags fa-fw me-1"></i>
+        {% for tag in page.tags %}
+          <a
+            href="{{ site.baseurl }}/tags/{{ tag | slugify | url_encode }}/"
+            class="post-tag no-text-decoration"
+          >
+            {{- tag -}}
+          </a>
+        {% endfor %}
+      </div>
     {% endif %}
 
     <div
-      class="post-tail-bottom d-flex justify-content-between align-items-center mt-5 pb-2"
+      class="
+        post-tail-bottom
+        d-flex justify-content-between align-items-center mt-5 pb-2
+      "
     >
       <div class="license-wrapper">
-        {% if site.data.locales[lang].copyright.license.template %} {% capture
-        _replacement %}
+        {% if site.data.locales[lang].copyright.license.template %}
+          {% capture _replacement %}
         <a href="{{ site.data.locales[lang].copyright.license.link }}">
           {{ site.data.locales[lang].copyright.license.name }}
         </a>
-        {% endcapture %} {{ site.data.locales[lang].copyright.license.template |
-        replace: ':LICENSE_NAME', _replacement }} {% endif %}
+        {% endcapture %}
+
+          {{ site.data.locales[lang].copyright.license.template | replace: ':LICENSE_NAME', _replacement }}
+        {% endif %}
       </div>
 
       {% include post-sharing.html lang=lang %}
diff --git a/assets/css/jekyll-theme-chirpy.scss b/assets/css/jekyll-theme-chirpy.scss
index d4cf498..9406df8 100644
--- a/assets/css/jekyll-theme-chirpy.scss
+++ b/assets/css/jekyll-theme-chirpy.scss
@@ -1,7 +1,7 @@
 ---
 ---
 
-@import 'main
+@use 'main
 {%- if jekyll.environment == 'production' -%}
   .bundle
 {%- endif -%}