.ps-header {
  position: sticky; top: 0; z-index: 20;
  background: rgba(251, 247, 242, 0.92);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-bottom: 1px solid var(--border-1);
}
.ps-header .ps-wrap {
  max-width: 1200px; margin: 0 auto; padding: 0 32px;
  display: flex; align-items: center; justify-content: space-between;
  height: 72px;
}
.ps-logo { display: inline-flex; align-items: center; }
.ps-logo img { height: 36px; display: block; }
.ps-nav { display: flex; align-items: center; gap: 4px; }
.ps-nav a {
  font-family: var(--font-body); font-weight: 500; font-size: 14px;
  color: var(--fg-2); padding: 10px 16px;
  border-radius: var(--radius-pill); border-bottom: none;
  text-decoration: none;
  transition: all var(--dur-fast) var(--ease-soft);
}
.ps-nav a:hover { color: var(--fg-1); background: var(--bg-subtle); }
.ps-nav a.active { color: var(--mint-600); background: var(--mint-100); font-weight: 600; }
.ps-nav .ps-btn-signin {
  display: inline-flex; align-items: center; gap: 6px;
  background: var(--mint-600); color: var(--bg-canvas) !important;
  font-weight: 600 !important; padding: 10px 20px;
  box-shadow: var(--shadow-sm);
  margin-left: 8px;
}
.ps-nav .ps-btn-signin img { filter: brightness(0) invert(0.95); }
.ps-nav .ps-btn-signin:hover { box-shadow: var(--shadow-md); background: var(--mint-600); }

.ps-lang-form {
  display: inline-flex; gap: 2px; align-items: center;
  background: var(--bg-subtle); border-radius: var(--radius-pill);
  padding: 3px; margin-left: 8px;
}
.ps-lang {
  font-family: var(--font-body); font-weight: 600; font-size: 12px;
  letter-spacing: 0.04em; color: var(--fg-3);
  border: none; background: transparent; cursor: pointer;
  padding: 6px 12px; border-radius: var(--radius-pill);
  transition: all var(--dur-fast) var(--ease-soft);
}
.ps-lang:hover { color: var(--fg-1); }
.ps-lang.active { background: var(--bg-surface); color: var(--mint-600); box-shadow: var(--shadow-sm); }
/* ── Account menu ── */
.ps-account { position: relative; margin-left: 8px; }
.ps-account-btn {
  display: inline-flex; align-items: center; gap: 6px;
  font-family: var(--font-body); font-weight: 600; font-size: 14px;
  color: var(--fg-1); background: var(--bg-subtle);
  border: 1px solid var(--border-1); cursor: pointer;
  padding: 8px 14px; border-radius: var(--radius-pill);
  transition: box-shadow var(--dur-fast) var(--ease-soft), background var(--dur-fast) var(--ease-soft);
}
.ps-account-btn:hover { background: var(--bg-surface); box-shadow: var(--shadow-sm); }
.ps-account-menu {
  position: absolute; top: calc(100% + 8px); right: 0;
  min-width: 180px; padding: 6px;
  background: var(--bg-surface); border: 1px solid var(--border-1);
  border-radius: var(--radius-md); box-shadow: var(--shadow-md);
  display: none; flex-direction: column; gap: 2px; z-index: 40;
}
.ps-account:hover .ps-account-menu,
.ps-account:focus-within .ps-account-menu { display: flex; }
.ps-account-menu a,
.ps-account-menu button {
  display: block; width: 100%; text-align: left;
  font-family: var(--font-body); font-size: 14px; font-weight: 500;
  color: var(--fg-1); text-decoration: none;
  background: transparent; border: none; cursor: pointer;
  padding: 9px 12px; border-radius: var(--radius-md);
  transition: background var(--dur-fast) var(--ease-soft);
}
.ps-account-menu a:hover,
.ps-account-menu button:hover { background: var(--bg-subtle); }
.ps-account-menu form { margin: 0; border-top: 1px solid var(--border-1); margin-top: 4px; padding-top: 4px; }
.ps-account-menu form button { color: var(--danger); }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; }
}