#about {
  display: none !important;
  min-height: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

li:has(> a[href="#about"]) {
  display: none !important;
}

#creator-topbar {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 70;
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  height: 3.5rem;
  padding: 0 1.5rem;
  overflow: visible;
  background: rgba(0, 0, 0, 0.82);
  border-bottom: 1px solid rgba(255, 255, 255, 0.14);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}

#creator-topbar > .creator-topbar-start {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-right: auto;
  flex-shrink: 0;
}

#creator-topbar .creator-brand-mark {
  font-family: "PingFang SC", "Heiti SC", "STHeiti", "SimHei", "Helvetica Neue", Arial, sans-serif;
  font-weight: 800;
  font-size: 1.15rem;
  letter-spacing: 0.1em;
  line-height: 1;
  color: rgba(255, 255, 255, 0.92);
  text-decoration: none;
  user-select: none;
  transition: opacity 0.2s ease, color 0.2s ease;
}

#creator-topbar .creator-brand-mark.is-linked {
  cursor: pointer;
}

#creator-topbar .creator-brand-mark:not(.is-linked) {
  cursor: default;
}

#creator-topbar .creator-brand-mark.is-linked:hover,
#creator-topbar .creator-brand-mark.is-linked:focus-visible {
  opacity: 0.78;
}

#creator-topbar .creator-brand-mark:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 3px;
  border-radius: 2px;
}

html:is([data-creator-theme="khaki"], [data-creator-theme="bw"]) #creator-topbar .creator-brand-mark {
  color: var(--creator-ink);
}

#creator-topbar > #creator-theme-switch {
  margin-left: auto;
}

html:is([data-creator-theme="khaki"], [data-creator-theme="bw"]) #creator-topbar {
  background: var(--creator-bg);
  border-bottom-color: var(--creator-accent-border);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

@media (max-width: 767px) {
  #creator-topbar {
    height: 3rem;
    padding: 0 1rem;
  }
}

html:is([data-creator-theme="khaki"], [data-creator-theme="bw"]) {
  --creator-bg: #f5f1e8;
  --creator-bg-deep: #efe8db;
  --creator-grid: rgba(198, 176, 138, 0.34);
  --creator-float: #c7c7c7;
  --creator-ink: #3d3830;
  --creator-ink-muted: rgba(61, 56, 48, 0.78);
  --creator-ink-soft: rgba(61, 56, 48, 0.7);
  --creator-grad-from: #4a2f1f;
  --creator-grad-via: #8d5a32;
  --creator-grad-to: #c9a36a;
  --creator-accent-glow: rgba(141, 90, 50, 0.22);
  --creator-accent-dot: rgba(141, 90, 50, 0.5);
  --creator-accent-dot-on: rgba(141, 90, 50, 0.88);
  --creator-accent-border: rgba(141, 90, 50, 0.32);
  --creator-accent-light: #c9a36a;
  --creator-accent-light-glow: rgba(201, 163, 106, 0.32);
}

html[data-creator-theme="bw"] {
  --creator-bg: #f4f4f0;
  --creator-bg-deep: #f4f4f0;
  --creator-grid: #f4f4f0;
  --creator-float: #c4c4c4;
  --creator-ink: #111111;
  --creator-ink-muted: rgba(0, 0, 0, 0.72);
  --creator-ink-soft: rgba(0, 0, 0, 0.62);
  --creator-grad-from: #111111;
  --creator-grad-via: #7a7a7a;
  --creator-grad-to: #d4d4d4;
  --creator-accent-glow: rgba(0, 0, 0, 0.12);
  --creator-accent-dot: rgba(0, 0, 0, 0.4);
  --creator-accent-dot-on: rgba(17, 17, 17, 0.82);
  --creator-accent-border: rgba(0, 0, 0, 0.2);
  --creator-accent-light: #9a9a9a;
  --creator-accent-light-glow: rgba(0, 0, 0, 0.14);
}

html:is([data-creator-theme="khaki"], [data-creator-theme="bw"]),
html:is([data-creator-theme="khaki"], [data-creator-theme="bw"]) body {
  background-color: var(--creator-bg);
}

html:is([data-creator-theme="khaki"], [data-creator-theme="bw"]) [role="document"].bg-black {
  background-color: var(--creator-bg) !important;
}

html:is([data-creator-theme="khaki"], [data-creator-theme="bw"]) [role="document"] > .fixed.inset-0.bg-gradient-to-b {
  background-color: var(--creator-bg) !important;
  background-image: linear-gradient(
    to bottom,
    var(--creator-bg),
    var(--creator-bg-deep)
  ) !important;
}

html[data-creator-theme="khaki"] .grid-pattern[data-v-c316666e] {
  background-image: linear-gradient(var(--creator-grid) 1px, transparent 0),
    linear-gradient(90deg, var(--creator-grid) 1px, transparent 0) !important;
}

html[data-creator-theme="bw"] .grid-pattern[data-v-c316666e] {
  background-image: none !important;
  background-color: #f4f4f0 !important;
}

html:is([data-creator-theme="khaki"], [data-creator-theme="bw"]) .orb-1[data-v-c316666e] {
  background: radial-gradient(
    circle at center,
    rgba(199, 199, 199, 0.48),
    transparent 70%
  ) !important;
}

html:is([data-creator-theme="khaki"], [data-creator-theme="bw"]) .orb-2[data-v-c316666e] {
  background: radial-gradient(
    circle at center,
    rgba(199, 199, 199, 0.36),
    transparent 70%
  ) !important;
}

html:is([data-creator-theme="khaki"], [data-creator-theme="bw"]) .orb-center[data-v-c316666e] {
  background: radial-gradient(
    circle at center,
    rgba(199, 199, 199, 0.4),
    transparent 60%
  ) !important;
}

@keyframes creator-khaki-star-appear {
  0% {
    filter: blur(8px);
    opacity: 0;
    transform: scale(0);
  }
  60% {
    filter: blur(0);
    opacity: 1;
    transform: scale(1.3);
  }
  to {
    filter: blur(0);
    opacity: 1;
    transform: scale(1);
  }
}

html:is([data-creator-theme="khaki"], [data-creator-theme="bw"]) .star-appear[data-v-50d7b719] {
  animation-name: creator-khaki-star-appear;
}

html:is([data-creator-theme="khaki"], [data-creator-theme="bw"]) #creator-tech-icons .iconify,
html:is([data-creator-theme="khaki"], [data-creator-theme="bw"]) #creator-tech-icons [class*="i-simple-icons"],
html:is([data-creator-theme="khaki"], [data-creator-theme="bw"]) #creator-tech-icons .text-emerald-500\/15,
html:is([data-creator-theme="khaki"], [data-creator-theme="bw"]) #creator-tech-icons .mix-blend-screen,
html:is([data-creator-theme="khaki"], [data-creator-theme="bw"]) .creator-float-glyph,
html:is([data-creator-theme="khaki"], [data-creator-theme="bw"]) .creator-spawn-particle:not(.creator-spawn-emoji) {
  color: var(--creator-float) !important;
  mix-blend-mode: multiply !important;
  opacity: 0.55;
}

html:is([data-creator-theme="khaki"], [data-creator-theme="bw"]) .creator-spawn-particle:not(.creator-spawn-emoji) .creator-float-glyph {
  display: block;
  width: 80px;
  height: 80px;
}

html:is([data-creator-theme="khaki"], [data-creator-theme="bw"]) #hero-title,
html:is([data-creator-theme="khaki"], [data-creator-theme="bw"]) .text-zinc-100 {
  color: var(--creator-ink) !important;
}

html:is([data-creator-theme="khaki"], [data-creator-theme="bw"]) [data-v-059ef700] .text-white\/90,
html:is([data-creator-theme="khaki"], [data-creator-theme="bw"]) [data-v-059ef700] a {
  color: var(--creator-ink-muted) !important;
}

html:is([data-creator-theme="khaki"], [data-creator-theme="bw"]) header p,
html:is([data-creator-theme="khaki"], [data-creator-theme="bw"]) p.mb-6.text-xl,
html:is([data-creator-theme="khaki"], [data-creator-theme="bw"]) footer p.mb-12,
html:is([data-creator-theme="khaki"], [data-creator-theme="bw"]) footer .text-white\/40 {
  color: var(--creator-ink-soft) !important;
}

html:is([data-creator-theme="khaki"], [data-creator-theme="bw"]) footer h2 {
  color: #000 !important;
}

html:is([data-creator-theme="khaki"], [data-creator-theme="bw"]) :where(.i-ph\:gitlab-logo-simple-fill),
html:is([data-creator-theme="khaki"], [data-creator-theme="bw"]) a:hover :where(.i-ph\:gitlab-logo-simple-fill),
html:is([data-creator-theme="khaki"], [data-creator-theme="bw"]) :where(.i-ri\:linkedin-fill),
html:is([data-creator-theme="khaki"], [data-creator-theme="bw"]) a:hover :where(.i-ri\:linkedin-fill) {
  filter: brightness(0);
  opacity: 0.92;
}

html:is([data-creator-theme="khaki"], [data-creator-theme="bw"]) #tech-stack ul.grid h3,
html:is([data-creator-theme="khaki"], [data-creator-theme="bw"]) #creator-emoji-grid h3,
html:is([data-creator-theme="khaki"], [data-creator-theme="bw"]) #tech-stack ul.grid p,
html:is([data-creator-theme="khaki"], [data-creator-theme="bw"]) #creator-emoji-grid p {
  color: #111 !important;
}

html:is([data-creator-theme="khaki"], [data-creator-theme="bw"]) .from-green-700.via-green-500.to-green-400 {
  --tw-gradient-from: var(--creator-grad-from) !important;
  --tw-gradient-via: var(--creator-grad-via) !important;
  --tw-gradient-to: var(--creator-grad-to) !important;
  background-image: linear-gradient(
    to right,
    var(--creator-grad-from),
    var(--creator-grad-via),
    var(--creator-grad-to)
  ) !important;
}

html:is([data-creator-theme="khaki"], [data-creator-theme="bw"]) .text-green-700 {
  color: var(--creator-grad-from) !important;
}

nav[aria-label="Main navigation"] a {
  overflow: hidden !important;
  isolation: isolate;
}

html:is([data-creator-theme="khaki"], [data-creator-theme="bw"]) nav a [class*="from-emerald-500"] {
  border-radius: inherit;
  background-image: linear-gradient(
    to right,
    var(--creator-accent-glow),
    transparent
  ) !important;
}

html:is([data-creator-theme="khaki"], [data-creator-theme="bw"]) nav[aria-label="Main navigation"] a [class*="w-1.5"][class*="rounded-full"] {
  background-color: rgba(255, 255, 255, 0.3);
}

html:is([data-creator-theme="khaki"], [data-creator-theme="bw"]) nav[aria-label="Main navigation"] a.group:hover [class*="w-1.5"][class*="rounded-full"] {
  background-color: var(--creator-accent-dot);
}

html:is([data-creator-theme="khaki"], [data-creator-theme="bw"]) nav[aria-label="Main navigation"] a [class~="bg-emerald-400"] {
  background-color: var(--creator-accent-dot-on);
}

html:is([data-creator-theme="khaki"], [data-creator-theme="bw"]) #creator-lang-switch .lang-pill::before,
html:is([data-creator-theme="khaki"], [data-creator-theme="bw"]) #creator-theme-switch .theme-pill::before,
html:is([data-creator-theme="khaki"], [data-creator-theme="bw"]) #creator-tech-emoji-switch::before {
  background: linear-gradient(to right, var(--creator-accent-glow), transparent);
}

html:is([data-creator-theme="khaki"], [data-creator-theme="bw"]) #creator-theme-switch [data-theme-trigger] .theme-dot,
html:is([data-creator-theme="khaki"], [data-creator-theme="bw"]) #creator-lang-switch [data-lang-trigger] .lang-dot,
html:is([data-creator-theme="khaki"], [data-creator-theme="bw"]) #creator-theme-switch .theme-dot,
html:is([data-creator-theme="khaki"], [data-creator-theme="bw"]) #creator-lang-switch .lang-dot {
  background: rgba(255, 255, 255, 0.3);
}

html:is([data-creator-theme="khaki"], [data-creator-theme="bw"]) #creator-lang-switch .lang-pill:hover .lang-dot,
html:is([data-creator-theme="khaki"], [data-creator-theme="bw"]) #creator-theme-switch .theme-pill:hover .theme-dot {
  background: var(--creator-accent-dot);
}

html:is([data-creator-theme="khaki"], [data-creator-theme="bw"]) #creator-lang-switch .lang-pill.is-active .lang-dot,
html:is([data-creator-theme="khaki"], [data-creator-theme="bw"]) #creator-theme-switch .theme-pill.is-active .theme-dot {
  background: var(--creator-accent-dot-on);
}

html:is([data-creator-theme="khaki"], [data-creator-theme="bw"]) #creator-lang-switch .lang-pill:focus-visible,
html:is([data-creator-theme="khaki"], [data-creator-theme="bw"]) #creator-theme-switch .theme-pill:focus-visible,
html:is([data-creator-theme="khaki"], [data-creator-theme="bw"]) #creator-tech-emoji-switch:focus-visible {
  box-shadow: 0 0 0 2px var(--creator-accent-dot);
}

html:is([data-creator-theme="khaki"], [data-creator-theme="bw"]) #tech-stack ul.grid button:hover,
html:is([data-creator-theme="khaki"], [data-creator-theme="bw"]) #tech-stack ul.grid button:focus-visible {
  border-color: var(--creator-accent-border) !important;
}

html:is([data-creator-theme="khaki"], [data-creator-theme="bw"]) #tech-stack ul.grid button [class*="from-emerald-500"] {
  background-image: linear-gradient(
    to bottom right,
    var(--creator-accent-glow),
    transparent
  ) !important;
}

html:is([data-creator-theme="khaki"], [data-creator-theme="bw"]) #tech-stack ul.grid button:hover span.w-12.h-12 {
  box-shadow: 0 0 0 1.5px var(--creator-accent-border) !important;
}

html:is([data-creator-theme="khaki"], [data-creator-theme="bw"]) button[data-umami-event="Copy Email"] [class*="conic-gradient"] {
  background: conic-gradient(
    from 90deg at 50% 50%,
    #0a0a0a 0%,
    #0a0a0a 50%,
    var(--creator-accent-light) 100%
  ) !important;
}

html:is([data-creator-theme="khaki"], [data-creator-theme="bw"]) button[data-umami-event="Copy Email"] [class*="from-emerald-500"] {
  background-image: linear-gradient(
    to bottom right,
    var(--creator-accent-light-glow),
    transparent
  ) !important;
}

html:is([data-creator-theme="khaki"], [data-creator-theme="bw"]) button[data-umami-event="Copy Email"] [class*="group-hover:opacity-100"] {
  background-image: radial-gradient(
    circle at 50% 50%,
    var(--creator-accent-light-glow) 0%,
    transparent 60%
  ) !important;
}

html:is([data-creator-theme="khaki"], [data-creator-theme="bw"]) button[data-umami-event="Copy Email"]:hover :where(.i-lucide\:copy),
html:is([data-creator-theme="khaki"], [data-creator-theme="bw"]) button[data-umami-event="Copy Email"]:hover [class*="group-hover:text-emerald-400"] {
  background-color: var(--creator-accent-light) !important;
  color: var(--creator-accent-light) !important;
}

html[data-creator-theme="khaki"] #tech-stack ul.grid li:nth-child(1) span.w-12.h-12 {
  background-color: rgba(222, 198, 158, 0.45) !important;
}
html[data-creator-theme="khaki"] #tech-stack ul.grid li:nth-child(2) span.w-12.h-12 {
  background-color: rgba(201, 163, 106, 0.38) !important;
}
html[data-creator-theme="khaki"] #tech-stack ul.grid li:nth-child(3) span.w-12.h-12 {
  background-color: rgba(188, 148, 92, 0.32) !important;
}
html[data-creator-theme="khaki"] #tech-stack ul.grid li:nth-child(4) span.w-12.h-12 {
  background-color: rgba(210, 180, 132, 0.42) !important;
}
html[data-creator-theme="khaki"] #tech-stack ul.grid li:nth-child(5) span.w-12.h-12 {
  background-color: rgba(176, 138, 84, 0.30) !important;
}
html[data-creator-theme="khaki"] #tech-stack ul.grid li:nth-child(6) span.w-12.h-12 {
  background-color: rgba(196, 160, 112, 0.36) !important;
}
html[data-creator-theme="khaki"] #tech-stack ul.grid li:nth-child(7) span.w-12.h-12 {
  background-color: rgba(226, 206, 170, 0.48) !important;
}
html[data-creator-theme="khaki"] #tech-stack ul.grid li:nth-child(8) span.w-12.h-12 {
  background-color: rgba(184, 144, 88, 0.34) !important;
}
html[data-creator-theme="khaki"] #tech-stack ul.grid li:nth-child(9) span.w-12.h-12 {
  background-color: rgba(208, 176, 128, 0.40) !important;
}
html[data-creator-theme="khaki"] #tech-stack ul.grid li:nth-child(10) span.w-12.h-12 {
  background-color: rgba(170, 130, 78, 0.28) !important;
}
html[data-creator-theme="khaki"] #tech-stack ul.grid li:nth-child(11) span.w-12.h-12 {
  background-color: rgba(192, 154, 100, 0.35) !important;
}
html[data-creator-theme="khaki"] #tech-stack ul.grid li:nth-child(12) span.w-12.h-12 {
  background-color: rgba(214, 188, 148, 0.44) !important;
}

html[data-creator-theme="bw"] #tech-stack ul.grid li:nth-child(1) span.w-12.h-12 {
  background-color: rgba(0, 0, 0, 0.04) !important;
}
html[data-creator-theme="bw"] #tech-stack ul.grid li:nth-child(2) span.w-12.h-12 {
  background-color: rgba(0, 0, 0, 0.07) !important;
}
html[data-creator-theme="bw"] #tech-stack ul.grid li:nth-child(3) span.w-12.h-12 {
  background-color: rgba(0, 0, 0, 0.1) !important;
}
html[data-creator-theme="bw"] #tech-stack ul.grid li:nth-child(4) span.w-12.h-12 {
  background-color: rgba(0, 0, 0, 0.05) !important;
}
html[data-creator-theme="bw"] #tech-stack ul.grid li:nth-child(5) span.w-12.h-12 {
  background-color: rgba(0, 0, 0, 0.12) !important;
}
html[data-creator-theme="bw"] #tech-stack ul.grid li:nth-child(6) span.w-12.h-12 {
  background-color: rgba(0, 0, 0, 0.08) !important;
}
html[data-creator-theme="bw"] #tech-stack ul.grid li:nth-child(7) span.w-12.h-12 {
  background-color: rgba(0, 0, 0, 0.03) !important;
}
html[data-creator-theme="bw"] #tech-stack ul.grid li:nth-child(8) span.w-12.h-12 {
  background-color: rgba(0, 0, 0, 0.11) !important;
}
html[data-creator-theme="bw"] #tech-stack ul.grid li:nth-child(9) span.w-12.h-12 {
  background-color: rgba(0, 0, 0, 0.06) !important;
}
html[data-creator-theme="bw"] #tech-stack ul.grid li:nth-child(10) span.w-12.h-12 {
  background-color: rgba(0, 0, 0, 0.13) !important;
}
html[data-creator-theme="bw"] #tech-stack ul.grid li:nth-child(11) span.w-12.h-12 {
  background-color: rgba(0, 0, 0, 0.09) !important;
}
html[data-creator-theme="bw"] #tech-stack ul.grid li:nth-child(12) span.w-12.h-12 {
  background-color: rgba(0, 0, 0, 0.05) !important;
}

html[data-creator-theme="bw"] [data-v-059ef700] .text-emerald-400 {
  color: #555 !important;
}

html[data-creator-theme="bw"] #tech-stack ul.grid button span.w-12.h-12 [class*="i-"],
html[data-creator-theme="bw"] #tech-stack ul.grid button span.w-12.h-12 .iconify {
  filter: grayscale(1);
  color: #333 !important;
}