:root {
  --kx-orange: #ff6b2c;
  --kx-orange-soft: #ff8a3d;
  --kx-surface: rgba(20, 27, 36, 0.86);
  --kx-border: rgba(135, 151, 172, 0.16);
}

body {
  background:
    radial-gradient(900px 520px at 82% -12%, rgba(255, 107, 44, 0.09), transparent 65%),
    radial-gradient(700px 420px at -8% 18%, rgba(45, 112, 173, 0.08), transparent 68%),
    var(--color-body);
}

#navbar {
  min-height: 58px;
  background: rgba(10, 14, 20, 0.9);
  border-bottom: 1px solid var(--kx-border);
  backdrop-filter: blur(16px);
}

#navbar-logo svg,
#navbar-logo img { display: none; }
#navbar-logo::after {
  content: "kx";
  color: var(--kx-orange);
  font: 800 23px/1 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: -2px;
}

#navbar .item { font-weight: 520; }
#navbar .item:hover { color: var(--kx-orange-soft) !important; }

.page-content.user.profile {
  width: min(1280px, calc(100% - 40px));
  margin: 34px auto 0;
}

#profile-avatar-card {
  overflow: hidden;
  background: linear-gradient(150deg, rgba(28, 37, 48, 0.94), rgba(15, 20, 28, 0.94));
  border: 1px solid var(--kx-border);
  border-radius: 18px;
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.24);
}

#profile-avatar { padding: 16px; }
#profile-avatar img {
  border: 1px solid rgba(255, 107, 44, 0.24);
  border-radius: 14px;
  box-shadow: 0 16px 38px rgba(0, 0, 0, 0.3);
}

.profile-avatar-name .username {
  font: 700 21px/1.2 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: -0.5px;
}

.profile-avatar-name::after {
  content: "systems / hardware / code";
  display: block;
  margin-top: 9px;
  color: var(--color-text-light-2);
  font: 500 12px/1.4 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.profile-avatar-name .tw-mt-2,
#profile-avatar-card .extra.content { display: none !important; }

.user.profile overflow-menu {
  border-bottom-color: var(--kx-border) !important;
}

.user.profile overflow-menu .item {
  padding-inline: 16px !important;
}

.user.profile overflow-menu .active.item {
  color: var(--kx-orange-soft) !important;
  border-color: var(--kx-orange) !important;
}

.user.profile overflow-menu a[href*="/-/projects"],
.user.profile overflow-menu a[href*="/-/packages"],
.user.profile overflow-menu a[href*="tab=activity"],
.user.profile overflow-menu a[href*="tab=stars"] { display: none !important; }

.user.profile .filter.menu,
.user.profile .ui.input > input {
  border-radius: 10px;
}

.user.profile .flex-list > div:only-child {
  min-height: 220px;
  padding: 72px 28px;
  color: transparent;
  text-align: center;
  border: 1px dashed var(--kx-border);
  border-radius: 14px;
  background: rgba(17, 23, 31, 0.44);
}

.user.profile .flex-list > div:only-child::before {
  content: "public builds land here";
  display: block;
  color: var(--color-text-light-2);
  font: 600 15px/1.5 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: 0.04em;
}

.repository.list .item,
.flex-item {
  border-color: var(--kx-border) !important;
}

.page-footer { display: none !important; }

@media (max-width: 767px) {
  .page-content.user.profile {
    width: calc(100% - 20px);
    margin-top: 18px;
  }
  #profile-avatar-card { max-width: 340px; margin-inline: auto; }
}