/* PromptShare — public nav cleanup + horizontal Discover eye-O (2026-10-01 fs2) */

/* Hide auth + Creators + Videos from public chrome */
.net-bar button.btn.btn-line,
.net-bar .you-link,
.net-bar .ps-you-wrap,
a.you-link,
.ps-you-wrap,
.net-links a[href="/creators"],
.net-links a[href="/creators/"],
.net-links a[href="/videos"],
.net-links a[href="/videos/"],
.net-tabbar a[href="/creators"],
.net-tabbar a[href="/creators/"],
.net-tabbar a[href="/videos"],
.net-tabbar a[href="/videos/"],
.net-tabbar a[href="/me"],
.net-tabbar a[href="/me/"] {
  display: none !important;
}

/* Mobile: primary nav is Discover only — show header links, drop 4-col tabbar */
@media (max-width: 719px) {
  .net-links {
    display: flex !important;
  }
  .net-tabbar {
    display: none !important;
  }
  .net-shell {
    padding-bottom: 2rem !important;
  }
}

/* ——— Discover with eye-O (ALWAYS inline row) ——— */
a.ps-discover,
a.ps-discover.is-on,
.net-links a.ps-discover,
.net-links a.ps-discover.is-on,
.net-tabbar a.ps-discover,
.net-tabbar a.ps-discover.is-on {
  position: relative;
  display: inline-flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0 !important;
  writing-mode: horizontal-tb !important;
  white-space: nowrap !important;
  letter-spacing: 0.01em;
  font-weight: 600;
  /* ~2 steps larger than sibling nav text (~0.92rem → ~1.18rem) */
  font-size: 1.18rem !important;
  line-height: 1 !important;
  min-height: 44px;
  padding: 0 0.45rem !important;
  /* Kill pill / vertical capsule — stay text-like */
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  transform: none !important;
  color: var(--ps-mist, #63635f) !important;
}

a.ps-discover .ps-discover-label {
  display: inline-flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 0;
  line-height: 1;
  white-space: nowrap !important;
  writing-mode: horizontal-tb !important;
}

a.ps-discover .ps-disc-pre,
a.ps-discover .ps-disc-post {
  display: inline !important;
  line-height: 1;
}

/* Eye enlarged modestly (~20%) relative to the word; keep the row horizontal */
a.ps-discover .ps-eye-o {
  display: inline-block !important;
  width: 1.03em;
  height: 1.03em;
  margin: 0 0.03em 0 0.01em;
  vertical-align: -0.1em;
  overflow: visible;
  flex: none !important;
  align-self: center;
}

a.ps-discover .ps-eye-o .brow,
a.ps-discover .ps-eye-o .lid-u,
a.ps-discover .ps-eye-o .crease,
a.ps-discover .ps-eye-o .lash,
a.ps-discover .ps-eye-o .almond {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

a.ps-discover .ps-eye-o .brow {
  stroke-width: 1.55;
  opacity: 0.95;
}

a.ps-discover .ps-eye-o .lid-u {
  stroke-width: 1.45;
  opacity: 0.9;
}

a.ps-discover .ps-eye-o .crease {
  stroke-width: 1.25;
  opacity: 0.75;
}

a.ps-discover .ps-eye-o .lash {
  stroke-width: 1.55;
  opacity: 0.95;
}

a.ps-discover .ps-eye-o .almond {
  stroke-width: 1.55;
  stroke: color-mix(in srgb, #2a2a28 35%, #5ec8d8);
  opacity: 0;
}

a.ps-discover .ps-eye-o .iris {
  /* fill set on SVG via unique gradient id */
  fill: url(#ps-eye-iris);
  stroke: color-mix(in srgb, #7ee7f5 40%, #9b7dff);
  stroke-width: 0.6;
  opacity: 0;
  transform-origin: 12px 12px;
  transform: scale(0.4);
}

a.ps-discover .ps-eye-o .pupil {
  fill: #14151f;
  opacity: 0;
  transform-origin: 12px 12px;
  transform: scale(0.25);
}

a.ps-discover .ps-eye-o .shine {
  fill: #ffffff;
  opacity: 0;
}

a.ps-discover .ps-eye-o .eye-closed,
a.ps-discover .ps-eye-o .eye-open {
  transition: opacity 0.22s ease;
}

a.ps-discover .ps-eye-o .eye-open {
  opacity: 0;
  pointer-events: none;
}

a.ps-discover .ps-eye-o .iris,
a.ps-discover .ps-eye-o .pupil,
a.ps-discover .ps-eye-o .shine,
a.ps-discover .ps-eye-o .almond {
  transition:
    opacity 0.26s ease,
    transform 0.32s cubic-bezier(0.34, 1.35, 0.64, 1),
    stroke 0.28s ease;
}

/* Open on hover + keyboard focus */
a.ps-discover:hover .ps-eye-o .eye-closed,
a.ps-discover:focus-visible .ps-eye-o .eye-closed,
a.ps-discover.is-open .ps-eye-o .eye-closed {
  opacity: 0;
}

a.ps-discover:hover .ps-eye-o .eye-open,
a.ps-discover:focus-visible .ps-eye-o .eye-open,
a.ps-discover.is-open .ps-eye-o .eye-open {
  opacity: 1;
}

a.ps-discover:hover .ps-eye-o .almond,
a.ps-discover:focus-visible .ps-eye-o .almond,
a.ps-discover.is-open .ps-eye-o .almond {
  opacity: 1;
}

a.ps-discover:hover .ps-eye-o .iris,
a.ps-discover:focus-visible .ps-eye-o .iris,
a.ps-discover.is-open .ps-eye-o .iris {
  opacity: 1;
  transform: scale(1);
}

a.ps-discover:hover .ps-eye-o .pupil,
a.ps-discover:focus-visible .ps-eye-o .pupil,
a.ps-discover.is-open .ps-eye-o .pupil {
  opacity: 1;
  transform: scale(1);
}

a.ps-discover:hover .ps-eye-o .shine,
a.ps-discover:focus-visible .ps-eye-o .shine,
a.ps-discover.is-open .ps-eye-o .shine {
  opacity: 0.85;
}

/* Hover: light brand tint on the word (still no capsule) */
a.ps-discover:hover,
a.ps-discover:focus-visible {
  color: var(--ps-ink, #242422) !important;
  background: transparent !important;
  box-shadow: none !important;
  text-shadow: 0 0 18px color-mix(in srgb, #7ee7f5 35%, transparent);
}

/* Active Discover — inline text, subtle underline + soft cyan/violet glow */
a.ps-discover.is-on,
.net-links a.ps-discover.is-on,
.net-tabbar a.ps-discover.is-on {
  color: var(--ps-ink, #242422) !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  transform: none !important;
  text-shadow: 0 0 14px color-mix(in srgb, #c4a6ff 28%, transparent);
}

a.ps-discover.is-on::after {
  content: "";
  position: absolute;
  left: 0.35rem;
  right: 0.35rem;
  bottom: 0.45rem;
  height: 2px;
  border-radius: 2px;
  background: linear-gradient(90deg, #7ee7f5, #c4a6ff);
  opacity: 0.85;
  pointer-events: none;
}

a.ps-discover.is-on .ps-eye-o .brow,
a.ps-discover.is-on .ps-eye-o .lid-u,
a.ps-discover.is-on .ps-eye-o .crease,
a.ps-discover.is-on .ps-eye-o .lash {
  stroke: color-mix(in srgb, currentColor 75%, #5ec8d8);
}

a.ps-discover.is-on .ps-eye-o .pupil {
  fill: #14151f;
}

@media (prefers-reduced-motion: reduce) {
  a.ps-discover .ps-eye-o .iris,
  a.ps-discover .ps-eye-o .pupil,
  a.ps-discover .ps-eye-o .shine,
  a.ps-discover .ps-eye-o .almond,
  a.ps-discover .ps-eye-o .eye-closed,
  a.ps-discover .ps-eye-o .eye-open {
    transition: none !important;
  }
}


/* Hard override: Disc + eye + ver is one horizontal text-like control everywhere. */
a.ps-discover,
a.ps-discover.is-on,
.net-links a.ps-discover,
.net-links a.ps-discover.is-on,
.net-tabbar a.ps-discover,
.net-tabbar a.ps-discover.is-on {
  display: inline-flex !important;
  flex: 0 0 auto !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  min-height: 44px !important;
  padding: 0 0.45rem !important;
  gap: 0 !important;
  writing-mode: horizontal-tb !important;
  text-orientation: mixed !important;
  white-space: nowrap !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  transform: none !important;
}

a.ps-discover .ps-discover-label {
  display: inline-flex !important;
  flex: 0 0 auto !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  width: auto !important;
  height: auto !important;
  gap: 0 !important;
  writing-mode: horizontal-tb !important;
  white-space: nowrap !important;
}

a.ps-discover .ps-disc-pre,
a.ps-discover .ps-disc-post {
  display: inline !important;
  width: auto !important;
  height: auto !important;
  writing-mode: horizontal-tb !important;
  white-space: nowrap !important;
}

a.ps-discover .ps-eye-o {
  display: inline-block !important;
  flex: 0 0 auto !important;
  width: 1.03em !important;
  height: 1.03em !important;
  max-width: none !important;
  margin: 0 0.03em 0 0.01em !important;
  vertical-align: -0.1em !important;
  writing-mode: horizontal-tb !important;
  overflow: visible !important;
}

a.ps-discover:hover,
a.ps-discover:focus-visible,
a.ps-discover.is-on {
  color: var(--ps-ink, #242422) !important;
  background: transparent !important;
  background-image: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  transform: none !important;
}