@font-face {
  font-family: "Bricolage Grotesque";
  src:
    url("/Fonts/BricolageGrotesque-Variable.woff2") format("woff2-variations"),
    url("/Fonts/BricolageGrotesque-Variable.woff2") format("woff2");
  font-weight: 200 800;
  font-stretch: 75% 100%;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Plus Jakarta Sans";
  src:
    url("/Fonts/PlusJakartaSans-Variable.woff2") format("woff2-variations"),
    url("/Fonts/PlusJakartaSans-Variable.woff2") format("woff2");
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Plus Jakarta Sans";
  src:
    url("/Fonts/PlusJakartaSans-VariableItalic.woff2")
      format("woff2-variations"),
    url("/Fonts/PlusJakartaSans-VariableItalic.woff2") format("woff2");
  font-weight: 200 800;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Instrument Serif";
  src: url("/Fonts/InstrumentSerif-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Instrument Serif";
  src: url("/Fonts/InstrumentSerif-Italic.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: Caveat;
  src:
    url("/Fonts/Caveat-Variable.woff2") format("woff2-variations"),
    url("/Fonts/Caveat-Variable.woff2") format("woff2");
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
}
:root {
  --ws-cream: #fbf8ef;
  --ws-cream-2: #f5f1e6;
  --ws-cream-3: #e6e1d3;
  --ws-plum-ink: #2a1e2e;
  --ws-plum-soft: #4a3a4f;
  --ws-plum-mute: #6b5d6f;
  --ws-mauve: #d4c0e6;
  --ws-mauve-deep: #8e6fae;
  --ws-peach: #f5cdb0;
  --ws-peach-deep: #c98a5c;
  --ws-sage: #c2d6c0;
  --ws-sage-deep: #6f8c6e;
  --ws-rose: #f0c5cc;
  --ws-rose-deep: #b87080;
  --ws-blue: #c0d4e6;
  --ws-blue-deep: #5d7a9e;
  --ws-gold-warm: #b8924a;
  --ws-gold-pale: #f4e3b8;
  --ws-gold-light: #e6cf8a;
  --f-ws-display: "Bricolage Grotesque", system-ui, sans-serif;
  --f-ws-italic: "Instrument Serif", Georgia, serif;
  --f-ws-body: "Plus Jakarta Sans", "Inter", system-ui, sans-serif;
  --f-ws-hand: "Caveat", cursive;
  --ws-ease: cubic-bezier(0.2, 0.7, 0.2, 1);
  --ws-ease-out: cubic-bezier(0.16, 1, 0.3, 1);
}
.worldshift {
  position: relative;
  background: 0 0;
  overflow: hidden;
  padding-bottom: 0;
  margin: 0;
}
.worldshift::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(
      900px 460px at 50% 100%,
      rgba(166, 145, 255, 0.12),
      transparent 65%
    ),
    radial-gradient(
      700px 360px at 50% 50%,
      rgba(93, 130, 226, 0.08),
      transparent 70%
    );
  pointer-events: none;
}
.worldshift-content {
  position: relative;
  z-index: 2;
  max-width: 880px;
  margin: 0 auto;
  padding: 110px 24px 80px;
  text-align: center;
}
.worldshift-eyebrow {
  font-family: "JetBrains Mono", "SF Mono", Menlo, monospace;
  font-size: 10px;
  letter-spacing: 0.42em;
  color: var(--gold);
  text-transform: uppercase;
  margin: 0 0 32px;
  display: inline-flex;
  align-items: center;
  gap: 14px;
}
.worldshift-eyebrow::after,
.worldshift-eyebrow::before {
  content: none;
  width: 28px;
  height: 1px;
  background: var(--gold);
  opacity: 0.55;
}
.worldshift-headline {
  font-family: var(--f-display);
  font-style: italic;
  font-weight: 500;
  font-size: clamp(2.2rem, 4vw, 3.4rem);
  line-height: 1.1;
  letter-spacing: -0.005em;
  color: var(--ivory);
  margin: 0 0 22px;
}
.worldshift-headline em {
  font-style: italic;
  font-weight: inherit;
  color: inherit;
}
.worldshift-sub {
  font-family: var(--f-body);
  font-size: clamp(0.95rem, 1.1vw, 1.05rem);
  font-weight: 400;
  color: rgba(245, 241, 232, 0.6);
  max-width: 480px;
  margin: 0 auto;
  line-height: 1.6;
  letter-spacing: 0.005em;
}
.worldshift-body {
  font-family: var(--f-body);
  font-size: clamp(0.95rem, 1.05vw, 1.05rem);
  font-weight: 400;
  color: rgba(245, 241, 232, 0.68);
  max-width: 640px;
  margin: 28px auto 0;
  line-height: 1.7;
  text-align: center;
  letter-spacing: 0.005em;
}
.worldshift-body p {
  margin: 0 0 0.9em;
  font-family: var(--f-body);
}
.worldshift-body p:last-child {
  margin-bottom: 0;
}
.worldshift-wave {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 200px;
  display: block;
  margin-bottom: -2px;
}
.worldshift-wave svg {
  display: block;
  width: 100%;
  height: 100%;
}
.worldshift-sparks {
  position: absolute;
  bottom: -60px;
  left: 0;
  right: 0;
  height: 340px;
  pointer-events: none;
  z-index: 3;
  opacity: 0;
  transition: opacity 1.4s var(--ws-ease-out) 0.4s;
}
.worldshift.is-active .worldshift-sparks {
  opacity: 1;
}
.ws-spark {
  position: absolute;
  display: block;
  filter: drop-shadow(0 0 4px rgba(230, 207, 138, 0.35));
}
.worldshift-body,
.worldshift-eyebrow,
.worldshift-headline,
.worldshift-sub {
  opacity: 0;
  transform: translateY(24px);
  transition:
    opacity 0.9s var(--ws-ease-out),
    transform 0.9s var(--ws-ease-out);
}
.worldshift.is-active .worldshift-eyebrow {
  transition-delay: 0.1s;
  opacity: 1;
  transform: none;
}
.worldshift.is-active .worldshift-headline {
  transition-delay: 0.25s;
  opacity: 1;
  transform: none;
}
.worldshift.is-active .worldshift-body,
.worldshift.is-active .worldshift-sub {
  transition-delay: 0.55s;
  opacity: 1;
  transform: none;
}
.worldshift .wave-line {
  stroke-dasharray: 3000;
  stroke-dashoffset: 3000;
}
.worldshift.is-active .wave-line {
  animation: wsWaveDraw 2.4s 0.8s var(--ws-ease-out) forwards;
}
@keyframes wsWaveDraw {
  to {
    stroke-dashoffset: 0;
  }
}
.prose-realm {
  position: relative;
  background:
    linear-gradient(
      180deg,
      var(--ws-cream) 0,
      var(--ws-cream) 80px,
      transparent 220px
    ),
    radial-gradient(
      900px 560px at 18% 6%,
      rgba(212, 192, 230, 0.55),
      transparent 60%
    ),
    radial-gradient(
      820px 540px at 82% 9%,
      rgba(245, 205, 176, 0.5),
      transparent 60%
    ),
    radial-gradient(
      760px 500px at 50% 14%,
      rgba(240, 197, 204, 0.4),
      transparent 60%
    ),
    radial-gradient(
      900px 580px at 12% 22%,
      rgba(194, 214, 192, 0.42),
      transparent 62%
    ),
    radial-gradient(
      860px 560px at 88% 26%,
      rgba(212, 192, 230, 0.48),
      transparent 60%
    ),
    radial-gradient(
      940px 600px at 28% 35%,
      rgba(245, 205, 176, 0.45),
      transparent 62%
    ),
    radial-gradient(
      880px 580px at 78% 41%,
      rgba(240, 197, 204, 0.42),
      transparent 60%
    ),
    radial-gradient(
      1000px 640px at 14% 50%,
      rgba(212, 192, 230, 0.5),
      transparent 60%
    ),
    radial-gradient(
      900px 580px at 86% 56%,
      rgba(194, 214, 192, 0.42),
      transparent 60%
    ),
    radial-gradient(
      860px 560px at 24% 64%,
      rgba(245, 205, 176, 0.48),
      transparent 62%
    ),
    radial-gradient(
      940px 600px at 76% 70%,
      rgba(212, 192, 230, 0.45),
      transparent 60%
    ),
    radial-gradient(
      820px 540px at 16% 78%,
      rgba(240, 197, 204, 0.42),
      transparent 60%
    ),
    radial-gradient(
      880px 560px at 84% 84%,
      rgba(194, 214, 192, 0.4),
      transparent 60%
    ),
    radial-gradient(
      900px 580px at 30% 90%,
      rgba(212, 192, 230, 0.42),
      transparent 60%
    ),
    radial-gradient(
      820px 540px at 78% 95%,
      rgba(245, 205, 176, 0.38),
      transparent 60%
    ),
    var(--ws-cream);
  color: var(--ws-plum-ink);
  font-family: var(--f-ws-body);
  --bg: var(--ws-cream);
  --void: var(--ws-cream);
  --ink: var(--ws-cream);
  --ink-2: var(--ws-cream-2);
  --carbon: var(--ws-cream-2);
  --carbon-2: var(--ws-cream-2);
  --graphite: var(--ws-cream-3);
  --slate: var(--ws-cream-3);
  --steel: var(--ws-plum-mute);
  --paper: var(--ws-cream);
  --paper-2: var(--ws-cream-2);
  --paper-3: var(--ws-cream-3);
  --paper-ink: var(--ws-plum-ink);
  --paper-ink-soft: var(--ws-plum-soft);
  --line: rgba(184, 146, 74, 0.22);
  --line-strong: rgba(184, 146, 74, 0.42);
  --line-bright: rgba(184, 146, 74, 0.6);
  --line-cool: rgba(74, 58, 79, 0.12);
  --line-cool-strong: rgba(74, 58, 79, 0.22);
  --ivory: var(--ws-plum-ink);
  --text: var(--ws-plum-soft);
  --text-soft: var(--ws-plum-soft);
  --text-muted: var(--ws-plum-mute);
  --text-dim: rgba(74, 58, 79, 0.42);
  --gold: var(--ws-gold-warm);
  --gold-light: var(--ws-gold-warm);
  --gold-pale: var(--ws-peach-deep);
  --gold-mid: var(--ws-gold-warm);
  --gold-deep: var(--ws-gold-warm);
  --shadow-deep:
    0 30px 80px -20px rgba(42, 30, 46, 0.25),
    0 8px 24px -8px rgba(42, 30, 46, 0.12);
  --shadow-card:
    0 18px 42px -22px rgba(42, 30, 46, 0.25),
    0 2px 0 rgba(184, 146, 74, 0.06) inset;
  --shadow-glass:
    0 1px 0 rgba(255, 255, 255, 0.8) inset, 0 0 0 1px var(--ws-cream-3) inset;
}
.prose-realm #prelaunchBanner,
.prose-realm #prelaunchDivider,
.prose-realm .prelaunch-banner,
.prose-realm .prelaunch-poll-preview,
.prose-realm .prelaunch-separator,
.prose-realm .section-separator,
.prose-realm > .section-separator {
  display: none !important;
}
.prose-realm h1,
.prose-realm h2,
.prose-realm h3,
.prose-realm h4,
.prose-realm h5 {
  font-family: var(--f-ws-display);
  font-variation-settings:
    "wdth" 95,
    "wght" 700,
    "opsz" 96;
  color: var(--ws-plum-ink);
  letter-spacing: -0.02em;
  line-height: 1.05;
  font-style: normal;
}
.prose-realm h1 em,
.prose-realm h2 em,
.prose-realm h3 em,
.prose-realm h4 em,
.prose-realm h5 em {
  font-family: var(--f-ws-hand);
  font-style: normal;
  font-weight: 500;
  font-variation-settings: normal;
  letter-spacing: 0;
}
.prose-realm li,
.prose-realm p,
.prose-realm
  span:not([class*="kicker"]):not([class*="num"]):not([class*="tag"]) {
  font-family: var(--f-ws-body);
}
.prose-realm strong {
  color: var(--ws-plum-ink);
  font-weight: 700;
}
.prose-realm a {
  color: var(--ws-gold-warm);
}
.prose-realm a:hover {
  color: var(--ws-mauve-deep);
}
.prose-realm ::selection {
  background: rgba(212, 192, 230, 0.55);
  color: var(--ws-plum-ink);
}
.prose-realm .reveal-universe {
  background: 0 0 !important;
  padding: 40px 24px 80px;
}
.prose-realm .reveal-universe::after,
.prose-realm .reveal-universe::before {
  display: none !important;
}
.prose-realm .reveal-universe-grid {
  display: grid;
  grid-template-columns: 1.05fr 1fr;
  gap: 60px;
  align-items: center;
}
@media (max-width: 920px) {
  .prose-realm .reveal-universe-grid {
    grid-template-columns: 1fr;
    gap: 56px;
  }
}
.prose-realm .reveal-universe-content {
  position: relative;
}
.prose-realm #universumKicker,
.prose-realm .reveal-universe-kicker,
.prose-realm .reveal-universe-kicker > span {
  font-family: var(--f-ws-hand) !important;
  font-size: 38px !important;
  font-weight: 500 !important;
  color: var(--ws-mauve-deep) !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  background: 0 0 !important;
  border: none !important;
  padding: 0 !important;
  line-height: 1 !important;
}
.prose-realm .reveal-universe-kicker {
  display: inline-block;
  transform: rotate(-2deg);
  margin-bottom: 4px;
  position: relative;
}
.prose-realm .reveal-universe-kicker::before {
  content: none;
  position: absolute;
  left: -36px;
  top: 56%;
  width: 28px;
  height: 1.5px;
  background: var(--ws-gold-warm);
  transform: translateY(-50%) rotate(-3deg);
}
.prose-realm .reveal-universe-kicker-dot {
  display: none !important;
}
.prose-realm .reveal-universe-title {
  font-family: var(--f-ws-display);
  color: var(--ws-plum-ink);
  margin: 4px 0 28px;
  display: block;
  font-variation-settings:
    "wdth" 95,
    "wght" 700,
    "opsz" 96;
}
.prose-realm .reveal-universe-title .reveal-title-row-1 {
  display: inline;
  font-family: var(--f-ws-display);
  font-variation-settings:
    "wdth" 95,
    "wght" 700,
    "opsz" 96;
  font-size: inherit;
  line-height: inherit;
  margin-left: 0;
  font-style: normal;
  color: var(--ws-plum-ink);
  text-transform: none;
}
.prose-realm .reveal-universe-title em.reveal-title-row-2,
.prose-realm em.reveal-title-row-2,
.prose-realm h2 em.reveal-title-row-2,
em.reveal-title-row-2 {
  display: inline !important;
  font-size: inherit !important;
  line-height: inherit !important;
  letter-spacing: -0.005em !important;
  margin-top: 0 !important;
  position: static !important;
  padding-left: 0 !important;
  padding-bottom: 0 !important;
  text-transform: none !important;
  font-family: var(--f-ws-italic) !important;
  font-style: italic !important;
  font-weight: 400 !important;
  font-variation-settings: normal !important;
}
.prose-realm .reveal-universe-title .reveal-title-row-2::after {
  content: none !important;
}
.prose-realm .reveal-universe-lead {
  font-family: var(--f-ws-body);
  font-style: normal;
  font-weight: 400;
  font-size: clamp(15px, 1.35vw, 17px);
  line-height: 1.6;
  color: var(--ws-plum-ink);
  margin: 0 0 32px;
  max-width: 480px;
  position: relative;
  padding-left: 22px;
}
.prose-realm .reveal-universe-lead::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.35em;
  bottom: 0.35em;
  width: 3px;
  border-radius: 2px;
  background: linear-gradient(
    180deg,
    var(--ws-mauve-deep),
    var(--ws-peach-deep)
  );
  opacity: 0.65;
}
.prose-realm .reveal-universe-lead p {
  font-family: var(--f-ws-body);
  font-style: normal;
  margin: 0 0 0.6em;
}
.prose-realm .reveal-universe-lead p:last-child {
  margin-bottom: 0;
}
.prose-realm .reveal-universe-cta-row {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
}
.prose-realm .reveal-universe-cta {
  font-family: var(--f-ws-body);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.005em;
  padding: 15px 26px;
  border-radius: 12px;
  background: var(--ws-cream);
  color: var(--ws-plum-ink);
  border: 1.5px solid var(--ws-cream-3);
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  transition: all 0.35s var(--ws-ease);
  text-transform: none;
  letter-spacing: 0;
}
.prose-realm .reveal-universe-cta:hover {
  border-color: var(--ws-gold-warm);
  color: var(--ws-gold-warm);
}
.prose-realm .reveal-universe-cta--primary {
  background: var(--ws-plum-ink);
  color: var(--ws-cream);
  border-color: var(--ws-plum-ink);
  box-shadow: 0 16px 30px -16px rgba(42, 30, 46, 0.5);
}
.prose-realm .reveal-universe-cta--primary:hover {
  background: var(--ws-mauve-deep);
  border-color: var(--ws-mauve-deep);
  color: var(--ws-cream);
  box-shadow: 0 22px 40px -16px rgba(142, 111, 174, 0.45);
}
.prose-realm .reveal-universe-cta svg {
  transition: transform 0.35s var(--ws-ease);
}
.prose-realm .reveal-universe-collage {
  display: block;
}
.prose-realm .reveal-universe-collage-inner {
  position: relative;
  height: 540px;
  width: 100%;
  max-width: 480px;
  margin: 0 auto;
  display: block;
}
.prose-realm .reveal-cover {
  position: absolute;
  width: 175px;
  aspect-ratio: auto !important;
  height: auto !important;
  background: var(--ws-cream);
  padding: 7px 7px 35px;
  box-shadow:
    0 24px 38px -22px rgba(42, 30, 46, 0.4),
    0 2px 8px -4px rgba(42, 30, 46, 0.15);
  cursor: pointer;
  transition: all 0.5s var(--ws-ease-out);
  border-radius: 3px;
  border: none;
  overflow: hidden !important;
}
.prose-realm .reveal-cover:hover {
  transform: var(--ws-cover-hover, translateY(-8px) rotate(0)) !important;
  box-shadow:
    0 32px 48px -22px rgba(42, 30, 46, 0.5),
    0 0 0 2px var(--ws-gold-warm);
  z-index: 10;
}
.prose-realm .reveal-cover img {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 2/3 !important;
  object-fit: cover;
  display: block;
  border-radius: 2px;
}
.prose-realm .reveal-cover-glow {
  display: none !important;
}
.prose-realm .reveal-cover .preview-cover-stamp {
  position: absolute;
  top: 6%;
  left: 6%;
  right: auto;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1px;
  padding: 3px 7px 4px;
  background: var(--ws-cream);
  color: var(--ws-rose-deep);
  border: 1px solid var(--ws-rose-deep);
  border-radius: 3px;
  transform: rotate(-6deg);
  box-shadow: 0 4px 10px rgba(184, 112, 128, 0.2);
  outline: 0;
  outline-offset: 0;
  filter: none;
  font-family: var(--f-ws-body);
  font-weight: 700;
  font-size: 7.5px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  line-height: 1;
  z-index: 4;
  width: auto;
  height: auto;
  max-width: 65%;
}
.prose-realm .reveal-cover .preview-cover-stamp::before {
  display: none;
}
.prose-realm .reveal-cover .preview-cover-stamp__label {
  display: inline-block;
  font-family: var(--f-ws-body);
  font-weight: 700;
  font-size: 7.5px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--ws-rose-deep);
  line-height: 1;
}
.prose-realm .reveal-cover .preview-cover-stamp__divider {
  display: block;
  width: 14px;
  height: 1px;
  background: linear-gradient(
    90deg,
    transparent,
    var(--ws-rose-deep),
    transparent
  );
  opacity: 0.55;
  margin: 1px 0;
}
.prose-realm .reveal-cover .preview-cover-stamp__sub {
  display: inline-block;
  font-family: var(--f-ws-body);
  font-weight: 600;
  font-size: 6px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--ws-plum-soft);
  opacity: 0.9;
  line-height: 1;
}
.prose-realm .reveal-cover-1 {
  top: 0;
  left: 10px;
  transform: rotate(-5deg);
  --ws-cover-hover: translateY(-12px) rotate(-2deg);
  z-index: 3;
}
.prose-realm .reveal-cover-2 {
  top: -10px;
  left: 200px;
  transform: rotate(4deg);
  --ws-cover-hover: translateY(-12px) rotate(2deg);
  z-index: 4;
}
.prose-realm .reveal-cover-3 {
  top: 145px;
  left: 105px;
  transform: rotate(-1deg);
  --ws-cover-hover: translateY(-12px) rotate(1deg);
  z-index: 5;
}
.prose-realm .reveal-cover-4 {
  top: 155px;
  left: 290px;
  transform: rotate(6deg);
  --ws-cover-hover: translateY(-12px) rotate(3deg);
  z-index: 4;
}
.prose-realm .reveal-cover-5 {
  top: 305px;
  left: 0;
  transform: rotate(-3deg);
  --ws-cover-hover: translateY(-12px) rotate(0deg);
  z-index: 3;
}
.prose-realm .reveal-cover-6 {
  top: 315px;
  left: 195px;
  transform: rotate(2deg);
  --ws-cover-hover: translateY(-12px) rotate(-1deg);
  z-index: 2;
}
.prose-realm .wishlist-promo {
  padding: 100px 24px 80px;
  margin-top: 75px;
  display: flex;
  justify-content: center;
}
.prose-realm .wishlist-promo-card {
  position: relative;
  background:
    radial-gradient(
      420px 320px at 12% 20%,
      rgba(212, 192, 230, 0.65),
      transparent 60%
    ),
    radial-gradient(
      380px 280px at 88% 90%,
      rgba(245, 205, 176, 0.55),
      transparent 60%
    ),
    radial-gradient(
      340px 240px at 92% 12%,
      rgba(240, 197, 204, 0.45),
      transparent 60%
    ),
    var(--ws-cream);
  border-radius: 18px;
  padding: 56px 56px 50px;
  max-width: 880px;
  width: 100%;
  transform: rotate(0.4deg);
  box-shadow:
    0 36px 80px -32px rgba(142, 111, 174, 0.35),
    0 6px 18px -8px rgba(42, 30, 46, 0.12),
    inset 0 0 0 1px rgba(255, 255, 255, 0.5);
  display: grid;
  grid-template-columns: 1.25fr 1fr;
  gap: 44px;
  align-items: center;
  overflow: visible;
}
@media (max-width: 760px) {
  .prose-realm .wishlist-promo-card {
    grid-template-columns: 1fr;
    padding: 44px 28px 36px;
    gap: 32px;
    transform: none;
  }
}
.prose-realm .wishlist-promo-card::before {
  content: "";
  position: absolute;
  top: 14px;
  left: 14px;
  right: 14px;
  bottom: 14px;
  border: 1px dashed rgba(184, 146, 74, 0.3);
  border-radius: 12px;
  pointer-events: none;
}
.prose-realm .wishlist-promo-corner {
  position: absolute;
  top: -22px;
  right: 44px;
  background: var(--ws-rose-deep);
  color: var(--ws-cream);
  font-family: var(--f-ws-hand);
  font-size: 22px;
  font-weight: 500;
  padding: 10px 22px 11px;
  border-radius: 30px;
  transform: rotate(4deg);
  box-shadow:
    0 10px 24px -10px rgba(184, 112, 128, 0.55),
    inset 0 -2px 4px rgba(0, 0, 0, 0.12);
  z-index: 5;
  white-space: nowrap;
}
.prose-realm .wishlist-promo-corner::before {
  display: none;
}
.prose-realm .wishlist-promo-text {
  position: relative;
  z-index: 1;
}
.prose-realm .wishlist-promo-kicker {
  font-family: var(--f-ws-hand);
  font-size: 34px;
  color: var(--ws-mauve-deep);
  display: inline-block;
  transform: rotate(-2deg);
  margin-bottom: 6px;
  position: relative;
  line-height: 1;
}
.prose-realm .wishlist-promo-kicker::before {
  content: none;
  position: absolute;
  left: -32px;
  top: 56%;
  width: 24px;
  height: 1.5px;
  background: var(--ws-gold-warm);
  transform: translateY(-50%) rotate(-3deg);
}
.prose-realm .wishlist-promo-title {
  font-family: var(--f-ws-display);
  font-variation-settings:
    "wdth" 95,
    "wght" 700,
    "opsz" 96;
  font-size: clamp(28px, 3.4vw, 42px);
  color: var(--ws-plum-ink);
  line-height: 1;
  letter-spacing: -0.025em;
  margin: 4px 0 16px;
}
.prose-realm .wishlist-promo-title em {
  font-family: var(--f-ws-italic);
  font-style: italic;
  font-weight: 400;
  color: var(--ws-mauve-deep);
  font-variation-settings: normal;
  text-transform: none;
}
.prose-realm .wishlist-promo-sub {
  font-family: var(--f-ws-body);
  font-size: 15px;
  line-height: 1.65;
  color: var(--ws-plum-soft);
  margin: 0 0 24px;
  max-width: 420px;
}
.prose-realm .wishlist-promo-instruction {
  font-family: var(--f-ws-italic);
  font-style: italic;
  font-size: 14px;
  color: var(--ws-plum-mute);
  margin: 0 0 26px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.prose-realm .wishlist-promo-instruction::before {
  content: "↓";
  display: inline-block;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: var(--ws-gold-warm);
  color: var(--ws-cream);
  font-size: 13px;
  font-weight: 700;
  text-align: center;
  line-height: 22px;
  font-style: normal;
  flex-shrink: 0;
}
.prose-realm .wishlist-promo-cta {
  font-family: var(--f-ws-body);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.005em;
  padding: 16px 28px;
  border-radius: 12px;
  background: var(--ws-plum-ink);
  color: var(--ws-cream);
  border: none;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  transition: all 0.35s var(--ws-ease);
  box-shadow: 0 16px 30px -16px rgba(42, 30, 46, 0.5);
  text-decoration: none;
}
.prose-realm .wishlist-promo-cta:hover {
  background: var(--ws-mauve-deep);
  color: var(--ws-cream);
  box-shadow: 0 22px 40px -16px rgba(142, 111, 174, 0.5);
}
.prose-realm .reveal-universe-cta--primary,
.prose-realm .wishlist-promo-cta {
  position: relative;
  overflow: hidden;
  isolation: isolate;
}
.prose-realm .reveal-universe-cta--primary::before,
.prose-realm .wishlist-promo-cta::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    110deg,
    transparent 30%,
    rgba(255, 255, 255, 0.4) 45%,
    rgba(255, 255, 255, 0.4) 55%,
    transparent 70%
  );
  transform: translateX(-100%);
  transition: transform 0.9s var(--ws-ease);
  z-index: -1;
}
.prose-realm .reveal-universe-cta--primary:hover::before,
.prose-realm .wishlist-promo-cta:hover::before {
  transform: translateX(100%);
}
.prose-realm .wishlist-promo-cta-pulse {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--ws-gold-light);
  box-shadow: 0 0 10px var(--ws-gold-light);
  animation: 2s ease-in-out infinite wsPulse;
  flex-shrink: 0;
}
@keyframes wsPulse {
  0%,
  100% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0.5;
    transform: scale(0.7);
  }
}
.prose-realm .wishlist-promo-stack {
  position: relative;
  height: 260px;
  width: 100%;
  max-width: 340px;
  margin: 0 auto;
}
.prose-realm .wishlist-promo-mini {
  position: absolute;
  width: 130px;
  background: var(--ws-cream);
  padding: 6px 6px 24px;
  box-shadow:
    0 22px 40px -18px rgba(42, 30, 46, 0.4),
    0 3px 8px -2px rgba(42, 30, 46, 0.14);
  border-radius: 3px;
  transition:
    transform 0.35s var(--ws-ease),
    box-shadow 0.35s var(--ws-ease);
  cursor: pointer;
}
.prose-realm .wishlist-promo-mini:hover {
  transform: translateY(-4px) rotate(0) !important;
  z-index: 10 !important;
  box-shadow:
    0 28px 50px -18px rgba(42, 30, 46, 0.5),
    0 4px 12px -2px rgba(42, 30, 46, 0.18);
}
.prose-realm .wishlist-promo-mini-cover {
  width: 100%;
  aspect-ratio: 2/3;
  border-radius: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.prose-realm .wishlist-promo-mini-cover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 2px;
}
.prose-realm .wishlist-promo-mini:first-child {
  top: 14px;
  left: 0;
  transform: rotate(-7deg);
  z-index: 2;
}
.prose-realm .wishlist-promo-mini:nth-child(2) {
  top: 0;
  left: 88px;
  transform: rotate(3deg);
  z-index: 4;
}
.prose-realm .wishlist-promo-mini:nth-child(3) {
  top: 22px;
  left: 176px;
  transform: rotate(8deg);
  z-index: 2;
}
@media (max-width: 760px) {
  .prose-realm .wishlist-promo-stack {
    max-width: 340px;
  }
}
.prose-realm .buchfinder-cta {
  background: 0 0 !important;
  padding: 80px 24px;
  display: flex;
  justify-content: center;
}
.prose-realm .buchfinder-cta-bg,
.prose-realm .buchfinder-cta::after,
.prose-realm .buchfinder-cta::before {
  display: none !important;
}
.prose-realm .buchfinder-cta .container {
  position: relative;
  background: linear-gradient(
    135deg,
    var(--ws-cream-2) 0,
    var(--ws-cream) 100%
  );
  border-radius: 16px;
  padding: 56px 52px 52px;
  max-width: 720px;
  width: 100%;
  transform: rotate(-1deg);
  box-shadow:
    0 36px 80px -32px rgba(42, 30, 46, 0.32),
    0 6px 18px -8px rgba(42, 30, 46, 0.12);
  overflow: visible;
}
.prose-realm .buchfinder-cta .container::before {
  content: "";
  position: absolute;
  top: -12px;
  right: 56px;
  width: 110px;
  height: 28px;
  background:
    repeating-linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.12) 0,
      rgba(255, 255, 255, 0.12) 2px,
      transparent 2px,
      transparent 8px
    ),
    linear-gradient(
      180deg,
      rgba(245, 220, 180, 0.82),
      rgba(232, 200, 160, 0.68)
    );
  transform: rotate(7deg);
  box-shadow:
    0 4px 8px -3px rgba(184, 146, 74, 0.25),
    inset 0 -1px 2px rgba(0, 0, 0, 0.06);
  z-index: 5;
  border-radius: 1px;
}
.prose-realm .buchfinder-cta .container::after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 64px;
  width: 96px;
  height: 26px;
  background:
    repeating-linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.15) 0,
      rgba(255, 255, 255, 0.15) 2px,
      transparent 2px,
      transparent 8px
    ),
    linear-gradient(180deg, rgba(212, 192, 230, 0.8), rgba(188, 168, 210, 0.68));
  transform: rotate(-6deg);
  box-shadow:
    0 4px 8px -3px rgba(142, 111, 174, 0.3),
    inset 0 -1px 2px rgba(0, 0, 0, 0.06);
  z-index: 5;
  border-radius: 1px;
}
.prose-realm .buchfinder-cta .container .section-title,
.prose-realm .buchfinder-cta .section-title {
  text-align: left !important;
}
.prose-realm .buchfinder-cta-kicker {
  font-family: var(--f-ws-hand) !important;
  font-size: 36px !important;
  color: var(--ws-peach-deep) !important;
  margin-bottom: 4px;
  transform: rotate(-1deg);
  display: inline-block;
  text-transform: none !important;
  letter-spacing: 0 !important;
  background: 0 0 !important;
  border: none !important;
  padding: 0 !important;
  line-height: 1 !important;
  position: relative;
}
.prose-realm .buchfinder-cta-kicker::before {
  content: none;
  position: absolute;
  left: -32px;
  top: 56%;
  width: 24px;
  height: 1.5px;
  background: var(--ws-gold-warm);
  transform: translateY(-50%) rotate(-3deg);
}
.prose-realm .buchfinder-cta h2 {
  font-family: var(--f-ws-display);
  font-variation-settings:
    "wdth" 95,
    "wght" 700,
    "opsz" 96;
  font-size: clamp(34px, 4.6vw, 56px);
  color: var(--ws-plum-ink);
  line-height: 0.98;
  margin-bottom: 18px;
  letter-spacing: -0.025em;
  text-align: left;
  font-style: normal;
}
.prose-realm .buchfinder-cta h2 em {
  font-family: var(--f-ws-italic);
  font-style: italic;
  font-weight: 400;
  color: var(--ws-peach-deep);
  font-variation-settings: normal;
  letter-spacing: -0.01em;
  text-transform: none;
}
.prose-realm .buchfinder-cta .section-title p,
.prose-realm .buchfinder-cta p {
  font-family: var(--f-ws-body);
  font-size: 16px;
  line-height: 1.6;
  color: var(--ws-plum-soft);
  max-width: 520px;
  margin-bottom: 30px;
  margin-left: 0;
  margin-right: 0;
  text-align: left;
}
.prose-realm .buchfinder-cta-actions {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.prose-realm .buchfinder-cta .gold-button,
.prose-realm .gold-button {
  font-family: var(--f-ws-body) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  padding: 15px 26px !important;
  border-radius: 12px !important;
  background: var(--ws-plum-ink) !important;
  color: var(--ws-cream) !important;
  border: none !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  transition: all 0.35s var(--ws-ease) !important;
  box-shadow: 0 16px 30px -16px rgba(42, 30, 46, 0.5) !important;
  text-transform: none !important;
  letter-spacing: 0.005em !important;
  background-image: none !important;
}
.prose-realm .buchfinder-cta .gold-button *,
.prose-realm .buchfinder-cta .gold-button span,
.prose-realm .gold-button *,
.prose-realm .gold-button span {
  color: var(--ws-cream) !important;
  background: 0 0 !important;
  -webkit-text-fill-color: var(--ws-cream) !important;
}
.prose-realm .buchfinder-cta .gold-button:hover,
.prose-realm .gold-button:hover {
  background: var(--ws-mauve-deep) !important;
  color: var(--ws-cream) !important;
  box-shadow: 0 22px 40px -16px rgba(142, 111, 174, 0.45) !important;
}
.prose-realm .buchfinder-cta .gold-button.ghost,
.prose-realm .gold-button.ghost {
  background: var(--ws-cream) !important;
  color: var(--ws-plum-ink) !important;
  border: 1.5px solid var(--ws-cream-3) !important;
  box-shadow: none !important;
  background-image: none !important;
}
.prose-realm .buchfinder-cta .gold-button.ghost *,
.prose-realm .buchfinder-cta .gold-button.ghost span,
.prose-realm .gold-button.ghost *,
.prose-realm .gold-button.ghost span {
  color: var(--ws-plum-ink) !important;
  -webkit-text-fill-color: var(--ws-plum-ink) !important;
}
.prose-realm .buchfinder-cta .gold-button.ghost:hover,
.prose-realm .gold-button.ghost:hover {
  background: var(--ws-cream) !important;
  border-color: var(--ws-gold-warm) !important;
  color: var(--ws-gold-warm) !important;
}
.prose-realm .buchfinder-cta .gold-button.ghost:hover *,
.prose-realm .gold-button.ghost:hover * {
  color: var(--ws-gold-warm) !important;
  -webkit-text-fill-color: var(--ws-gold-warm) !important;
}
.prose-realm .gold-button svg {
  transition: transform 0.35s var(--ws-ease);
}
.prose-realm .lexika-section {
  background: 0 0 !important;
  padding: 80px 24px 32px;
}
.prose-realm .lexika-section::after,
.prose-realm .lexika-section::before {
  display: none !important;
}
.prose-realm .lexika-section .section-title {
  text-align: center;
  margin-bottom: 60px;
  position: relative;
}
.prose-realm .lexika-section .section-title::before {
  content: none;
  display: none;
}
.prose-realm .lexika-section #lexikaKicker,
.prose-realm .lexika-section .lexika-section-kicker {
  font-family: var(--f-ws-hand);
  font-size: 38px;
  color: var(--ws-sage-deep);
  display: block;
  transform: rotate(1deg);
  margin: 0 0 8px;
  letter-spacing: 0.01em;
  font-weight: 500;
  line-height: 1;
}
.prose-realm .lexika-section h2 {
  font-family: var(--f-ws-display);
  font-variation-settings:
    "wdth" 95,
    "wght" 700,
    "opsz" 96;
  color: var(--ws-plum-ink);
}
.prose-realm .lexika-section h2 em {
  font-family: var(--f-ws-italic);
  color: var(--ws-sage-deep);
  font-variation-settings: normal;
}
.prose-realm .lexika-section .section-title p {
  font-family: var(--f-ws-body);
  font-size: 16px;
  line-height: 1.6;
  color: var(--ws-plum-soft);
  max-width: 640px;
  margin: 14px auto 0;
}
.prose-realm .lexika-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
  align-items: start;
  max-width: 1240px;
  margin: 0 auto;
  overflow: visible !important;
}
@media (max-width: 860px) {
  .prose-realm .lexika-grid {
    grid-template-columns: 1fr;
    gap: 36px;
    max-width: 380px;
  }
}
.prose-realm .lex-card {
  cursor: pointer;
  text-decoration: none;
  display: block;
  border: none;
  position: relative;
  transition:
    transform 0.4s var(--ws-ease),
    box-shadow 0.4s var(--ws-ease);
  background: 0 0;
  overflow: visible !important;
  gap: 0 !important;
}
.prose-realm .lex-card .lex-card-btn,
.prose-realm .lex-card .lex-card-btn *,
.prose-realm .lex-card .lex-card-btn span,
.prose-realm .lex-card a.lex-card-btn,
.prose-realm .lex-card span.lex-card-btn {
  background: 0 0 !important;
  border: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
  -webkit-text-fill-color: currentColor !important;
}
.prose-realm .lex-card .lex-card-btn,
.prose-realm .lex-card a.lex-card-btn,
.prose-realm .lex-card span.lex-card-btn {
  padding: 0 !important;
  margin: 0 !important;
  display: inline-flex !important;
  width: auto !important;
  border-radius: 0 !important;
  text-transform: none !important;
}
.prose-realm .lex-card:first-child {
  background: var(--ws-cream);
  padding: 16px 16px 38px;
  transform: rotate(-2deg);
  box-shadow:
    0 24px 40px -22px rgba(42, 30, 46, 0.4),
    0 2px 6px rgba(42, 30, 46, 0.08);
  margin-top: 24px;
  border-radius: 3px;
  isolation: isolate;
}
.prose-realm .lex-card:first-child:hover {
  transform: rotate(0) translateY(-6px);
  box-shadow:
    0 32px 48px -22px rgba(42, 30, 46, 0.5),
    0 0 0 2px var(--ws-gold-warm);
}
.prose-realm .lex-card:first-child::before {
  content: "";
  position: absolute;
  top: -12px;
  left: 50%;
  transform: translateX(-50%);
  width: 50px;
  height: 18px;
  background: var(--ws-gold-warm);
  border-radius: 3px 3px 1px 1px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
  z-index: 3;
}
.prose-realm .lex-card:first-child .lex-card-img {
  aspect-ratio: 4/3;
  background: linear-gradient(135deg, var(--ws-mauve), var(--ws-peach));
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 16px;
  border-radius: 2px;
  font-family: var(--f-ws-italic);
  font-style: italic;
  font-size: clamp(28px, 3.4vw, 42px);
  font-weight: 400;
  color: var(--ws-cream);
  text-align: center;
  line-height: 0.95;
  letter-spacing: -0.025em;
  padding: 12px;
}
.prose-realm .lex-card:first-child .lex-card-head {
  background: 0 0;
  padding: 0;
  margin: 0 0 8px;
  display: block;
  text-align: center;
  font-family: var(--f-mono, "JetBrains Mono", monospace);
  font-size: 10px;
  letter-spacing: 0.3em;
  color: var(--ws-plum-mute);
  text-transform: uppercase;
  font-weight: 600;
}
.prose-realm .lex-card:first-child .lex-card-num,
.prose-realm .lex-card:first-child .lex-card-tag {
  font-family: inherit;
  font-size: inherit;
  letter-spacing: inherit;
  color: inherit;
  text-transform: inherit;
  font-weight: inherit;
  background: 0 0;
  border: none;
  padding: 0;
  font-style: normal;
}
.prose-realm .lex-card:first-child .lex-card-tag::before {
  content: " · ";
  margin: 0 2px;
  opacity: 0.6;
}
.prose-realm .lex-card:first-child .lex-card-title {
  font-family: var(--f-ws-display);
  font-variation-settings:
    "wdth" 95,
    "wght" 700;
  font-size: 26px;
  color: var(--ws-plum-ink);
  text-align: center;
  margin: 0 0 8px;
  line-height: 1.05;
  letter-spacing: -0.02em;
  font-weight: 700;
  font-style: normal;
}
.prose-realm .lex-card:first-child .lex-card-text {
  font-family: var(--f-ws-body);
  font-size: 13px;
  line-height: 1.5;
  color: var(--ws-plum-soft);
  text-align: center;
  margin: 0 0 14px;
}
.prose-realm .lex-card:first-child .lex-card-samples {
  display: none !important;
}
.prose-realm .lex-card:first-child .lex-card-btn,
.prose-realm .lex-card:first-child .lex-card-btn *,
.prose-realm .lex-card:first-child .lex-card-btn span {
  font-family: var(--f-ws-hand) !important;
  font-size: 20px !important;
  color: var(--ws-mauve-deep) !important;
  -webkit-text-fill-color: var(--ws-mauve-deep) !important;
  font-weight: 500 !important;
  letter-spacing: 0.005em !important;
  text-decoration: none !important;
  font-style: normal !important;
}
.prose-realm .lex-card:first-child .lex-card-btn {
  text-align: left !important;
  display: block !important;
  width: 100% !important;
}
.prose-realm .lex-card:first-child .lex-card-btn::before {
  content: "→ ";
  color: var(--ws-mauve-deep);
}
.prose-realm .lex-card:nth-child(2) {
  background: var(--ws-mauve);
  padding: 28px 26px 32px;
  transform: rotate(1.5deg);
  box-shadow:
    0 24px 38px -22px rgba(142, 111, 174, 0.4),
    0 2px 6px rgba(42, 30, 46, 0.08);
  border-radius: 3px 3px 8px;
  isolation: isolate;
}
.prose-realm .lex-card:nth-child(2):hover {
  transform: rotate(0) translateY(-6px);
  box-shadow:
    0 32px 50px -22px rgba(142, 111, 174, 0.55),
    0 0 0 2px var(--ws-gold-warm);
}
.prose-realm .lex-card:nth-child(2)::before {
  content: "";
  position: absolute;
  top: -8px;
  right: 24px;
  width: 64px;
  height: 22px;
  background: rgba(251, 250, 247, 0.65);
  transform: rotate(8deg);
  border-radius: 1px;
  z-index: 3;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
}
.prose-realm .lex-card:nth-child(2) .lex-card-head {
  background: 0 0;
  padding: 0;
  margin: 0 0 10px;
  display: block;
  text-align: left;
  font-family: var(--f-mono, "JetBrains Mono", monospace);
  font-size: 10px;
  letter-spacing: 0.28em;
  color: var(--ws-plum-ink);
  text-transform: uppercase;
  font-weight: 600;
  opacity: 0.7;
}
.prose-realm .lex-card:nth-child(2) .lex-card-num,
.prose-realm .lex-card:nth-child(2) .lex-card-tag {
  font-family: inherit;
  font-size: inherit;
  letter-spacing: inherit;
  color: inherit;
  text-transform: inherit;
  font-weight: inherit;
  opacity: inherit;
  background: 0 0;
  border: none;
  padding: 0;
  font-style: normal;
}
.prose-realm .lex-card:nth-child(2) .lex-card-tag::before {
  content: " · ";
}
.prose-realm .lex-card:nth-child(2) .lex-card-title {
  font-family: var(--f-ws-display);
  font-variation-settings:
    "wdth" 92,
    "wght" 700;
  font-size: 30px;
  color: var(--ws-plum-ink);
  margin: 0 0 12px;
  line-height: 1.05;
  letter-spacing: -0.02em;
  font-weight: 700;
  font-style: normal;
}
.prose-realm .lex-card:nth-child(2) .lex-card-title em[data-strike],
.prose-realm .lex-card:nth-child(2) .lex-card-title strike {
  text-decoration: line-through;
  text-decoration-color: var(--ws-gold-warm);
  text-decoration-thickness: 2.5px;
  text-decoration-skip-ink: none;
  font-family: var(--f-ws-italic);
  font-style: italic;
  font-weight: 400;
  font-variation-settings: normal;
  color: var(--ws-plum-ink);
}
.prose-realm .lex-card:nth-child(2) .lex-card-text {
  font-family: var(--f-ws-body);
  font-size: 14px;
  line-height: 1.55;
  color: var(--ws-plum-soft);
  margin: 0 0 16px;
}
.prose-realm .lex-card:nth-child(2) .lex-card-samples {
  display: flex !important;
  flex-wrap: wrap;
  gap: 6px;
  list-style: none;
  padding: 0;
  margin: 0 0 8px;
}
.prose-realm .lex-card:nth-child(2) .lex-card-samples li {
  font-family: var(--f-mono, "JetBrains Mono", monospace);
  font-size: 10px;
  padding: 4px 10px;
  background: var(--ws-cream);
  color: var(--ws-plum-ink);
  border-radius: 8px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  font-weight: 600;
}
.prose-realm .lex-card:nth-child(2) .lex-card-btn,
.prose-realm .lex-card:nth-child(2) .lex-card-btn *,
.prose-realm .lex-card:nth-child(2) .lex-card-btn span {
  font-family: var(--f-ws-body) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: var(--ws-gold-warm) !important;
  -webkit-text-fill-color: var(--ws-gold-warm) !important;
  text-decoration: none !important;
  font-style: normal !important;
}
.prose-realm .lex-card:nth-child(2) .lex-card-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  border-bottom: 1px solid var(--ws-gold-warm) !important;
  padding-bottom: 2px !important;
  width: auto !important;
  margin-top: 4px !important;
}
.prose-realm .lex-card:nth-child(2) .lex-card-btn::after {
  content: "→";
  display: inline-block;
  color: var(--ws-gold-warm);
}
.prose-realm .lex-card:nth-child(3) {
  background: linear-gradient(
    180deg,
    var(--ws-cream) 0,
    var(--ws-cream-2) 100%
  );
  border-left: 6px solid var(--ws-sage-deep);
  border-radius: 3px 12px 12px 3px;
  padding: 30px 28px;
  box-shadow:
    0 24px 40px -22px rgba(111, 140, 110, 0.35),
    0 2px 6px rgba(42, 30, 46, 0.08);
  margin-top: 12px;
  isolation: isolate;
}
.prose-realm .lex-card:nth-child(3):hover {
  transform: translateY(-6px);
  box-shadow:
    0 32px 50px -22px rgba(111, 140, 110, 0.5),
    0 0 0 2px var(--ws-gold-warm);
}
.prose-realm .lex-card:nth-child(3)::after {
  content: "";
  position: absolute;
  top: -4px;
  right: 32px;
  width: 18px;
  height: 56px;
  background: var(--ws-gold-warm);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 80%, 0 100%);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
  z-index: 3;
}
.prose-realm .lex-card:nth-child(3) .lex-card-head {
  background: 0 0;
  padding: 0;
  margin: 0 0 10px;
  display: block;
  text-align: left;
  font-family: var(--f-mono, "JetBrains Mono", monospace);
  font-size: 10px;
  letter-spacing: 0.28em;
  color: var(--ws-sage-deep);
  text-transform: uppercase;
  font-weight: 600;
}
.prose-realm .lex-card:nth-child(3) .lex-card-num,
.prose-realm .lex-card:nth-child(3) .lex-card-tag {
  font-family: inherit;
  font-size: inherit;
  letter-spacing: inherit;
  color: inherit;
  text-transform: inherit;
  font-weight: inherit;
  background: 0 0;
  border: none;
  padding: 0;
}
.prose-realm .lex-card:nth-child(3) .lex-card-tag::before {
  content: " · ";
}
.prose-realm .lex-card:nth-child(3) .lex-card-title {
  font-family: var(--f-ws-display);
  font-variation-settings:
    "wdth" 95,
    "wght" 700;
  font-size: 30px;
  color: var(--ws-plum-ink);
  margin: 0 0 14px;
  line-height: 1.05;
  letter-spacing: -0.025em;
  font-weight: 700;
  font-style: normal;
}
.prose-realm .lex-card:nth-child(3) .lex-card-title em {
  font-family: var(--f-ws-italic);
  font-style: italic;
  font-weight: 400;
  color: var(--ws-sage-deep);
  font-variation-settings: normal;
}
.prose-realm .lex-card:nth-child(3) .lex-card-text {
  font-family: var(--f-ws-body);
  font-size: 14px;
  line-height: 1.6;
  color: var(--ws-plum-soft);
  margin: 0 0 18px;
}
.prose-realm .lex-card:nth-child(3) .lex-card-samples {
  display: none !important;
}
.prose-realm .lex-card:nth-child(3) .lex-card-btn,
.prose-realm .lex-card:nth-child(3) .lex-card-btn *,
.prose-realm .lex-card:nth-child(3) .lex-card-btn span {
  font-family: var(--f-ws-body) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: var(--ws-gold-warm) !important;
  -webkit-text-fill-color: var(--ws-gold-warm) !important;
  text-decoration: none !important;
  font-style: normal !important;
}
.prose-realm .lex-card:nth-child(3) .lex-card-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  border-bottom: 1px solid var(--ws-gold-warm) !important;
  padding-bottom: 2px !important;
  width: auto !important;
}
.prose-realm .lex-card:nth-child(3) .lex-card-btn::after {
  content: "→";
  display: inline-block;
  color: var(--ws-gold-warm);
}
.prose-realm .newsletter-section {
  background: 0 0 !important;
  padding: 32px 24px 40px;
}
.prose-realm .newsletter-section::after,
.prose-realm .newsletter-section::before {
  display: none !important;
}
.prose-realm .newsletter-section .section-title {
  text-align: center;
  margin-bottom: 32px;
  position: relative;
}
.prose-realm .newsletter-section .section-title::before {
  content: "ein Update für dich";
  font-family: var(--f-ws-hand);
  font-size: 38px;
  color: var(--ws-rose-deep);
  display: block;
  transform: rotate(-1deg);
  margin: 0 0 8px;
  letter-spacing: 0.01em;
  line-height: 1;
}
.prose-realm .newsletter-section h2 {
  font-family: var(--f-ws-display);
  font-variation-settings:
    "wdth" 95,
    "wght" 700,
    "opsz" 96;
  font-size: clamp(34px, 4.4vw, 56px);
  color: var(--ws-plum-ink);
  line-height: 0.98;
  letter-spacing: -0.03em;
}
.prose-realm .newsletter-section h2 em {
  font-family: var(--f-ws-italic);
  font-style: italic;
  font-weight: 400;
  color: var(--ws-rose-deep);
  font-variation-settings: normal;
}
.prose-realm .newsletter-section .section-title p {
  font-family: var(--f-ws-body);
  font-size: 16px;
  line-height: 1.6;
  color: var(--ws-plum-soft);
  max-width: 580px;
  margin: 14px auto 0;
}
.prose-realm #sr-newsletter-formular,
.prose-realm .newsletter-form-wrapper,
.prose-realm .newsletter-form-wrapper > div,
.prose-realm .newsletter-section .newsletter-form-wrapper {
  max-width: 540px;
  margin: 0 auto;
  background: 0 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
  border: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
.prose-realm .newsletter-form-wrapper iframe {
  background: 0 0 !important;
  border: none !important;
}
.prose-realm .faq-section {
  background: 0 0 !important;
  padding: 80px 24px;
  position: relative;
}
.prose-realm .faq-ornament-top,
.prose-realm .faq-section::after,
.prose-realm .faq-section::before {
  display: none !important;
}
.prose-realm .faq-section .faq-grid {
  display: grid;
  grid-template-columns: 1fr 1.4fr;
  gap: 64px;
  align-items: start;
  max-width: 1240px;
  margin: 0 auto;
}
@media (max-width: 920px) {
  .prose-realm .faq-section .faq-grid {
    grid-template-columns: 1fr;
    gap: 36px;
  }
}
.prose-realm .faq-section .faq-intro {
  top: 80px;
  position: relative;
}
.prose-realm .faq-section .faq-intro .section-title {
  text-align: left !important;
  position: relative;
  padding-left: 38px;
}
.prose-realm .faq-section .faq-intro .section-title::before {
  content: "Fragen und Antworten";
  font-family: var(--f-ws-hand);
  font-size: 38px;
  color: var(--ws-mauve-deep);
  display: block;
  transform: rotate(-2deg);
  margin: 0 0 12px;
  letter-spacing: 0.01em;
  line-height: 1;
}
.prose-realm .faq-section .faq-intro .section-title::after {
  content: none;
  position: absolute;
  left: 0;
  top: 22px;
  width: 24px;
  height: 1.5px;
  background: var(--ws-gold-warm);
  transform: rotate(-3deg);
  pointer-events: none;
}
.prose-realm .faq-section h2 {
  font-family: var(--f-ws-display);
  font-variation-settings:
    "wdth" 95,
    "wght" 700,
    "opsz" 96;
  font-size: clamp(34px, 4.4vw, 56px);
  color: var(--ws-plum-ink);
  line-height: 0.98;
  letter-spacing: -0.03em;
  text-align: left;
  font-style: normal;
}
.prose-realm .faq-section h2 em,
.prose-realm .faq-section h2 em[data-ws-faq] {
  font-family: var(--f-ws-hand), cursive !important;
  font-style: normal !important;
  font-weight: 500;
  color: var(--ws-blue-deep) !important;
  font-variation-settings: normal;
  letter-spacing: 0;
  font-size: 1.15em;
  display: inline-block;
  margin-left: 0.12em;
  line-height: 0.85;
}
.prose-realm .faq-section .faq-intro p,
.prose-realm .faq-section .section-title p {
  font-family: var(--f-ws-body);
  color: var(--ws-plum-soft);
  font-size: 16px;
  line-height: 1.6;
  margin-top: 16px;
  text-align: left;
}
.prose-realm .faq-section .faq-intro .gold-button.ghost {
  margin-top: 24px;
  margin-bottom: 48px;
  display: inline-flex;
  align-items: center;
}
.prose-realm .faq-list {
  background: 0 0;
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding-top: 18px;
}
.prose-realm .faq-list .faq-item {
  background: var(--ws-cream);
  border: none;
  border-radius: 12px;
  padding: 0;
  position: relative;
  transition:
    transform 0.35s var(--ws-ease),
    box-shadow 0.35s var(--ws-ease);
  box-shadow:
    0 14px 32px -22px rgba(42, 30, 46, 0.25),
    0 2px 6px -2px rgba(42, 30, 46, 0.08);
  overflow: hidden;
}
.prose-realm .faq-list .faq-item:nth-child(4n + 1) {
  background: linear-gradient(
    135deg,
    var(--ws-cream) 0,
    color-mix(in srgb, var(--ws-mauve) 35%, var(--ws-cream)) 100%
  );
  transform: rotate(-0.3deg);
}
.prose-realm .faq-list .faq-item:nth-child(4n + 2) {
  background: linear-gradient(
    135deg,
    var(--ws-cream) 0,
    color-mix(in srgb, var(--ws-peach) 32%, var(--ws-cream)) 100%
  );
  transform: rotate(0.4deg);
}
.prose-realm .faq-list .faq-item:nth-child(4n + 3) {
  background: linear-gradient(
    135deg,
    var(--ws-cream) 0,
    color-mix(in srgb, var(--ws-sage) 35%, var(--ws-cream)) 100%
  );
  transform: rotate(-0.2deg);
}
.prose-realm .faq-list .faq-item:nth-child(4n) {
  background: linear-gradient(
    135deg,
    var(--ws-cream) 0,
    color-mix(in srgb, var(--ws-rose) 32%, var(--ws-cream)) 100%
  );
  transform: rotate(0.3deg);
}
.prose-realm .faq-list .faq-item::before {
  content: "";
  position: absolute;
  top: 16px;
  left: 16px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--ws-gold-warm);
  opacity: 0.55;
  z-index: 2;
}
.prose-realm .faq-list .faq-item[open] {
  transform: rotate(0) translateY(-2px);
  box-shadow:
    0 22px 40px -22px rgba(42, 30, 46, 0.35),
    0 0 0 1.5px var(--ws-gold-warm);
}
.prose-realm .faq-list .faq-item[open]::before {
  opacity: 1;
  background: var(--ws-gold-light);
  box-shadow: 0 0 8px var(--ws-gold-warm);
}
.prose-realm .faq-list .faq-q,
.prose-realm .faq-list summary {
  font-family: var(--f-ws-display);
  font-variation-settings:
    "wdth" 96,
    "wght" 600;
  font-size: 17px;
  color: var(--ws-plum-ink);
  cursor: pointer;
  letter-spacing: -0.005em;
  padding: 22px 28px 22px 44px;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  position: relative;
  background: 0 0;
  border: none;
  margin: 0;
  line-height: 1.35;
}
.prose-realm .faq-list .faq-q::-webkit-details-marker,
.prose-realm .faq-list summary::-webkit-details-marker {
  display: none;
}
.prose-realm .faq-list .faq-q-text {
  flex: 1;
  font-family: var(--f-ws-display);
  font-variation-settings:
    "wdth" 96,
    "wght" 600;
}
.prose-realm .faq-list .faq-q-icon {
  display: inline-flex;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: var(--ws-cream);
  border: 1.5px solid var(--ws-cream-3);
  flex-shrink: 0;
  position: relative;
  transition:
    transform 0.3s var(--ws-ease),
    border-color 0.3s var(--ws-ease),
    background 0.3s var(--ws-ease);
}
.prose-realm .faq-list .faq-q-icon::after,
.prose-realm .faq-list .faq-q-icon::before {
  content: "";
  position: absolute;
  background: var(--ws-plum-ink);
  top: 50%;
  left: 50%;
  border-radius: 1px;
  transition:
    transform 0.3s var(--ws-ease),
    opacity 0.3s var(--ws-ease);
}
.prose-realm .faq-list .faq-q-icon::before {
  width: 12px;
  height: 1.5px;
  transform: translate(-50%, -50%);
}
.prose-realm .faq-list .faq-q-icon::after {
  width: 1.5px;
  height: 12px;
  transform: translate(-50%, -50%);
}
.prose-realm .faq-list .faq-item[open] .faq-q-icon {
  background: var(--ws-plum-ink);
  border-color: var(--ws-plum-ink);
  transform: rotate(180deg);
}
.prose-realm .faq-list .faq-item[open] .faq-q-icon::after,
.prose-realm .faq-list .faq-item[open] .faq-q-icon::before {
  background: var(--ws-cream);
}
.prose-realm .faq-list .faq-item[open] .faq-q-icon::after {
  opacity: 0;
}
.prose-realm .faq-list .faq-a {
  padding: 0 28px 24px 44px;
  background: 0 0;
}
.prose-realm .faq-list .faq-a-text,
.prose-realm .faq-list .faq-a > div,
.prose-realm .faq-list .faq-a > p {
  font-family: var(--f-ws-body);
  font-size: 14.5px;
  line-height: 1.65;
  color: var(--ws-plum-soft);
}
.prose-realm .faq-list .faq-a-text,
.prose-realm .faq-list .faq-a-text p {
  font-family: var(--f-ws-body);
  margin: 0 0 0.8em;
}
.prose-realm .faq-list .faq-a-text p:last-child {
  margin-bottom: 0;
}
.prose-realm .faq-list .faq-a-text a {
  color: var(--ws-mauve-deep);
  border-bottom: 1px solid
    color-mix(in srgb, var(--ws-mauve-deep) 35%, transparent);
  text-decoration: none;
  font-weight: 600;
  padding-bottom: 1px;
  transition: border-color 0.25s var(--ws-ease);
}
.prose-realm .faq-list .faq-a-text a:hover {
  border-bottom-color: var(--ws-mauve-deep);
}
.prose-realm .container {
  max-width: 1280px;
  margin: 0 auto;
}
.prose-realm .reveal-universe .container {
  max-width: 1280px;
}
.prose-realm-particles {
  position: absolute;
  inset: 0;
  pointer-events: none;
  overflow: hidden;
  z-index: 0;
}
.prose-realm-particle {
  position: absolute;
  width: 4px;
  height: 4px;
  background: radial-gradient(circle, var(--ws-gold-warm) 0, transparent 80%);
  border-radius: 50%;
  opacity: 0;
  animation: wsFloatGently var(--p-duration, 14s) var(--p-delay, 0s) ease-in-out
    infinite;
}
@keyframes wsFloatGently {
  0%,
  100% {
    transform: translate(0, 0) scale(0.8);
    opacity: 0;
  }
  20% {
    opacity: 0.55;
  }
  50% {
    transform: translate(var(--p-dx, 30px), var(--p-dy, -40px)) scale(1.1);
    opacity: 0.8;
  }
  80% {
    opacity: 0.25;
  }
}
.prose-realm > section {
  position: relative;
  z-index: 1;
}
@media (max-width: 720px) {
  .prose-realm-particles {
    display: none;
  }
  .prose-realm .reveal-universe {
    padding: 30px 20px 60px;
  }
  .prose-realm .reveal-universe-grid {
    display: flex !important;
    flex-direction: column !important;
    gap: 32px !important;
  }
  .prose-realm .reveal-universe-content {
    order: 2 !important;
    position: relative;
    z-index: 5;
    margin-top: 270px !important;
  }
  .prose-realm .reveal-universe-collage {
    order: 1 !important;
    min-height: 280px !important;
    aspect-ratio: 4/3 !important;
  }
  .prose-realm .reveal-universe-collage::before {
    display: none !important;
  }
  .prose-realm .wishlist-promo {
    padding: 80px 16px 60px;
    margin-top: -6px;
  }
  .prose-realm .wishlist-promo-stack {
    height: 240px;
    margin: 12px auto 0;
  }
  .prose-realm .buchfinder-cta {
    padding: 60px 16px;
  }
  .prose-realm .buchfinder-cta .container {
    padding: 40px 28px 36px;
  }
  .prose-realm .buchfinder-cta .container::before {
    top: -10px;
    right: 28px;
    width: 86px;
    height: 22px;
  }
  .prose-realm .buchfinder-cta .container::after {
    bottom: -8px;
    left: 28px;
    top: auto;
    right: auto;
    width: 76px;
    height: 22px;
    font-size: inherit;
  }
  .prose-realm .lexika-section {
    padding: 60px 16px;
  }
  .prose-realm .lexika-grid {
    overflow: visible !important;
    padding-top: 24px;
  }
  .prose-realm .lex-card {
    overflow: visible !important;
    margin-top: 20px;
  }
  .prose-realm .newsletter-section {
    padding: 20px 16px;
  }
  .prose-realm .newsletter-form-wrapper,
  .prose-realm .newsletter-section .newsletter-form-wrapper {
    background: 0 0 !important;
    border: none !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    padding: 0 !important;
  }
  .prose-realm .faq-section {
    padding: 60px 16px;
  }
  .worldshift-wave {
    height: 130px;
  }
}
.popup.popup-light {
  background:
    radial-gradient(
      420px 320px at 12% 8%,
      rgba(212, 192, 230, 0.55),
      transparent 60%
    ),
    radial-gradient(
      380px 300px at 88% 18%,
      rgba(245, 205, 176, 0.5),
      transparent 60%
    ),
    radial-gradient(
      340px 260px at 8% 78%,
      rgba(194, 214, 192, 0.45),
      transparent 60%
    ),
    radial-gradient(
      380px 300px at 92% 88%,
      rgba(240, 197, 204, 0.5),
      transparent 60%
    ),
    radial-gradient(
      440px 340px at 50% 50%,
      rgba(192, 212, 230, 0.35),
      transparent 60%
    ),
    var(--ws-cream) !important;
  border: none !important;
  border-radius: 24px !important;
  box-shadow:
    0 40px 100px -32px rgba(142, 111, 174, 0.35),
    0 8px 24px -8px rgba(42, 30, 46, 0.15),
    inset 0 0 0 1px rgba(255, 255, 255, 0.55) !important;
  isolation: isolate;
  font-family: var(--f-ws-body);
  color: var(--ws-plum-ink);
}
.popup.popup-light .sr-popup-boot,
.popup.popup-light .sr-popup-boot-mark,
.popup.popup-light .sr-popup-corner,
.popup.popup-light .sr-popup-frame,
.popup.popup-light .sr-popup-grain,
.popup.popup-light .sr-popup-grid,
.popup.popup-light .sr-popup-rail,
.popup.popup-light .sr-popup-stamp,
.popup.popup-light .sr-popup-stripe,
.popup.popup-light .sr-popup-telemetry,
.popup.popup-light .sr-popup-vignette,
.popup.popup-light .sr-popup-watermark,
.popup.popup-light::after,
.popup.popup-light::before {
  display: none !important;
}
.popup.popup-light .popup-close {
  background: var(--ws-cream) !important;
  border: 1.5px solid var(--ws-mauve-deep) !important;
  color: var(--ws-plum-ink) !important;
  border-radius: 50% !important;
  backdrop-filter: none !important;
  width: 40px !important;
  height: 40px !important;
  font-size: 22px !important;
  box-shadow: 0 6px 16px -8px rgba(42, 30, 46, 0.35) !important;
  top: 18px !important;
  right: 18px !important;
}
.popup.popup-light .popup-close:hover {
  background: var(--ws-mauve-deep) !important;
  color: var(--ws-cream) !important;
  border-color: var(--ws-mauve-deep) !important;
  transform: rotate(90deg) !important;
}
.popup.popup-light .popup-scroll {
  padding: 56px 56px 50px !important;
  scrollbar-color: var(--ws-mauve-deep) transparent;
  background: 0 0 !important;
}
.popup.popup-light .popup-scroll::-webkit-scrollbar-track {
  border-radius: 8px;
}
.popup.popup-light .popup-header,
.popup.popup-light .sr-popup-head,
.popup.popup-light [class*="popup-head"] {
  background: 0 0 !important;
  border: none !important;
  padding: 0 0 24px !important;
  margin: 0 0 28px !important;
  border-bottom: 1px dashed rgba(184, 146, 74, 0.3) !important;
}
.popup.popup-light .popup-scroll > .popup-kicker {
  font-family: Caveat, cursive !important;
  font-size: 52px !important;
  line-height: 1 !important;
  color: var(--ws-mauve-deep) !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  font-weight: 600 !important;
  display: block !important;
  width: 100% !important;
  transform: rotate(-1deg);
  margin: 0 0 6px !important;
  background: 0 0 !important;
  border: none !important;
  padding: 0 !important;
  text-align: center !important;
  justify-content: center !important;
}
.popup.popup-light .popup-scroll > .popup-kicker::after,
.popup.popup-light .popup-scroll > .popup-kicker::before {
  display: none !important;
  content: none !important;
}
.popup.popup-light .popup-scroll > .popup-title {
  font-family: "Bricolage Grotesque", system-ui, sans-serif !important;
  font-variation-settings:
    "wdth" 95,
    "wght" 700,
    "opsz" 96 !important;
  font-size: clamp(48px, 6.4vw, 80px) !important;
  color: var(--ws-plum-ink) !important;
  font-style: normal !important;
  letter-spacing: -0.03em !important;
  line-height: 0.95 !important;
  margin: 0 0 14px !important;
  text-shadow: none !important;
  text-align: center;
}
.popup.popup-light .popup-scroll > .popup-title em {
  font-family: "Instrument Serif", Georgia, serif !important;
  font-style: italic !important;
  font-weight: 400 !important;
  color: var(--ws-mauve-deep) !important;
  font-variation-settings: normal !important;
}
.popup:not(.popup-light):not(.book-detail-redesigned)
  .popup-scroll
  > .popup-title
  em {
  font-style: inherit;
  font-weight: inherit;
  color: inherit;
  font-family: inherit;
}
.popup.popup-light .popup-scroll > .popup-lede {
  font-family: "Instrument Serif", Georgia, serif !important;
  font-style: italic !important;
  font-size: 19px !important;
  line-height: 1.5 !important;
  color: var(--ws-plum-soft) !important;
  max-width: 620px !important;
  margin: 0 auto 28px !important;
  padding: 0 !important;
  text-align: center !important;
  background: 0 0 !important;
  border: none !important;
}
@media (max-width: 720px) {
  .popup.popup-light .popup-scroll > .popup-lede {
    font-size: 17px !important;
  }
}
.popup.popup-light .popup-actions,
.popup.popup-light .sr-popup-actions {
  background: 0 0 !important;
  border-top: 1px dashed rgba(184, 146, 74, 0.3) !important;
  padding: 24px 56px !important;
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
}
.popup.popup-light--archive .archive-luxe {
  font-family: var(--f-ws-body);
  color: var(--ws-plum-ink);
}
.popup.popup-light--archive .prelaunch-popup-notice,
.popup.popup-light--archive .prelaunch-popup-notice--archive {
  background:
    radial-gradient(
      280px 200px at 14% 24%,
      rgba(245, 205, 176, 0.35),
      transparent 60%
    ),
    var(--ws-cream-2) !important;
  border: 1px dashed var(--ws-rose-deep) !important;
  border-radius: 14px !important;
  padding: 22px 26px !important;
  margin: 0 0 28px !important;
  position: relative;
  box-shadow: 0 8px 18px -10px rgba(184, 112, 128, 0.25) !important;
  width: 100% !important;
  max-width: none !important;
  transform: none !important;
}
.popup.popup-light--archive .prelaunch-popup-notice::before {
  content: none !important;
  display: none !important;
}
.popup.popup-light--archive .prelaunch-popup-notice__kicker {
  font-family: var(--f-ws-hand) !important;
  color: var(--ws-rose-deep) !important;
  -webkit-text-fill-color: var(--ws-rose-deep) !important;
  font-size: 20px !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  margin: 0 0 6px !important;
  font-weight: 500 !important;
  transform: rotate(-1.5deg);
  display: inline-block;
  text-shadow: none !important;
}
.popup.popup-light--archive .prelaunch-popup-notice__title {
  font-family: var(--f-ws-display) !important;
  font-variation-settings:
    "wdth" 95,
    "wght" 700 !important;
  font-style: normal !important;
  font-size: 22px !important;
  color: var(--ws-plum-ink) !important;
  -webkit-text-fill-color: var(--ws-plum-ink) !important;
  margin: 0 0 10px !important;
  line-height: 1.2;
  letter-spacing: -0.02em !important;
  text-shadow: none !important;
}
.popup.popup-light--archive .prelaunch-popup-notice__body {
  font-family: var(--f-ws-body) !important;
  color: var(--ws-plum-soft) !important;
  -webkit-text-fill-color: var(--ws-plum-soft) !important;
  font-size: 14.5px !important;
  line-height: 1.65 !important;
  text-shadow: none !important;
}
.popup.popup-light--archive .archive-reset-button {
  font-family: var(--f-ws-hand) !important;
  color: var(--ws-rose-deep) !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  text-decoration-color: rgba(184, 112, 128, 0.4);
  text-underline-offset: 4px;
}
.popup.popup-light--archive .archive-reset-button:hover {
  color: var(--ws-mauve-deep) !important;
  text-decoration-color: var(--ws-mauve-deep);
}
.popup.popup-light--archive .archive-question-card {
  background: var(--ws-cream) !important;
  box-shadow: 0 4px 10px -4px rgba(42, 30, 46, 0.08) !important;
}
.popup.popup-light--archive .archive-question-card h4,
.popup.popup-light--archive .archive-question-title {
  font-family: var(--f-ws-display) !important;
  font-variation-settings:
    "wdth" 95,
    "wght" 700 !important;
  font-style: normal !important;
  font-size: 22px !important;
  color: var(--ws-plum-ink) !important;
  letter-spacing: -0.015em !important;
  margin: 0 0 14px !important;
  line-height: 1.2;
}
.popup.popup-light--archive .archive-question-options,
.popup.popup-light--archive .archive-quiz-options {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 14px;
}
.popup.popup-light--archive .archive-question-card label,
.popup.popup-light--archive .archive-quiz-option,
.popup.popup-light--archive label[for*="archive"] {
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
  background: var(--ws-cream-2) !important;
  border: 1.5px solid transparent !important;
  border-radius: 999px !important;
  padding: 11px 20px !important;
  cursor: pointer;
  font-family: var(--f-ws-body) !important;
  font-size: 16px !important;
  color: var(--ws-plum-ink) !important;
  transition: all 0.2s var(--ws-ease);
  font-weight: 500;
}
.popup.popup-light--archive .archive-question-card label:hover,
.popup.popup-light--archive .archive-quiz-option:hover {
  background: var(--ws-mauve) !important;
  border-color: var(--ws-mauve-deep) !important;
}
.popup.popup-light--archive .archive-question-card label:has(input:checked),
.popup.popup-light--archive .archive-quiz-option:has(input:checked) {
  background: var(--ws-mauve-deep) !important;
  color: var(--ws-cream) !important;
  border-color: var(--ws-mauve-deep) !important;
}
.popup.popup-light--archive .archive-question-card input,
.popup.popup-light--archive .archive-quiz-option input[type="checkbox"],
.popup.popup-light--archive .archive-quiz-option input[type="radio"] {
  accent-color: var(--ws-mauve-deep);
}
.popup.popup-light--archive .quiz-nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.popup.popup-light--archive .archive-results-shell {
  background:
    radial-gradient(
      320px 240px at 20% 30%,
      rgba(194, 214, 192, 0.35),
      transparent 60%
    ),
    radial-gradient(
      280px 220px at 80% 70%,
      rgba(240, 197, 204, 0.35),
      transparent 60%
    ),
    var(--ws-cream) !important;
  position: relative;
}
.popup.popup-light--archive .archive-results-shell::before {
  content: "Dein Match";
  position: absolute;
  top: -14px;
  right: 36px;
  background: var(--ws-sage-deep);
  color: var(--ws-cream);
  font-family: var(--f-ws-hand);
  font-size: 18px;
  padding: 5px 16px 6px;
  border-radius: 30px;
  transform: rotate(2deg);
  box-shadow: 0 8px 18px -8px rgba(111, 140, 110, 0.55);
  z-index: 3;
}
.popup.popup-light--archive .archive-book-chip,
.popup.popup-light--archive .archive-result-pill {
  font-family: var(--f-mono, "JetBrains Mono", monospace) !important;
  font-size: 10px !important;
  padding: 4px 12px !important;
  background: var(--ws-cream-2) !important;
  color: var(--ws-plum-ink) !important;
  border: 1px solid rgba(184, 146, 74, 0.25) !important;
  border-radius: 999px !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
  font-weight: 600 !important;
  display: inline-block;
}
.popup.popup-light--archive .archive-book-card::before {
  content: "";
  inset: 0;
  pointer-events: none;
  transition: opacity 0.35s;
}
.popup.popup-light--archive .archive-line-tabs,
.popup.popup-light--archive [data-archive-line-tabs] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 20px;
}
.popup.popup-light--archive [data-archive-line] {
  font-family: var(--f-ws-body) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  background: var(--ws-cream-2) !important;
  color: var(--ws-plum-ink) !important;
  border: 1.5px solid transparent !important;
  border-radius: 999px !important;
  padding: 10px 22px !important;
  cursor: pointer;
  letter-spacing: 0.02em !important;
  text-transform: none !important;
  transition: all 0.25s var(--ws-ease);
}
.popup.popup-light--archive [data-archive-line]:hover {
  background: var(--ws-mauve) !important;
  border-color: var(--ws-mauve-deep) !important;
}
.popup.popup-light--archive [data-archive-line].is-active,
.popup.popup-light--archive [data-archive-line][aria-pressed="true"] {
  background: var(--ws-plum-ink) !important;
  color: var(--ws-cream) !important;
  border-color: var(--ws-plum-ink) !important;
}
@media (max-width: 720px) {
  .popup.popup-light .popup-scroll {
    padding: 36px 14px 24px !important;
  }
  .popup.popup-light .popup-actions {
    padding: 16px 14px !important;
  }
  .popup.popup-light .popup-close {
    top: 12px !important;
    right: 12px !important;
    width: 36px !important;
    height: 36px !important;
  }
}
.popup.popup-light--lexikon .template-hero,
.popup.popup-light--lexikon-detail .template-hero {
  background: 0 0 !important;
  border: none !important;
  padding: 0 0 24px !important;
  margin: 0 0 32px !important;
  border-bottom: 1px dashed rgba(184, 146, 74, 0.3) !important;
  display: block !important;
  grid-template-columns: none !important;
}
.popup.popup-light--lexikon .template-hero > div,
.popup.popup-light--lexikon-detail .template-hero > div {
  background: 0 0 !important;
  border: none !important;
  padding: 0 !important;
}
.popup.popup-light--lexikon .hero-panel-kicker,
.popup.popup-light--lexikon-detail .hero-panel-kicker {
  font-family: var(--f-ws-hand) !important;
  font-size: 22px !important;
  color: var(--ws-mauve-deep) !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  font-weight: 500 !important;
  display: inline-block;
  transform: rotate(-1.5deg);
  margin: 0 0 6px !important;
  background: 0 0 !important;
  border: none !important;
  padding: 0 !important;
}
.popup.popup-light--lexikon-tropes .hero-panel-kicker {
  color: var(--ws-mauve-deep) !important;
}
.popup.popup-light--lexikon-abk .hero-panel-kicker {
  color: var(--ws-peach-deep) !important;
}
.popup.popup-light--lexikon-genres .hero-panel-kicker {
  color: var(--ws-sage-deep) !important;
}
.popup.popup-light--lexikon .hero-panel-title,
.popup.popup-light--lexikon-detail .hero-panel-title {
  font-family: var(--f-ws-display) !important;
  font-variation-settings:
    "wdth" 95,
    "wght" 700,
    "opsz" 96 !important;
  font-style: normal !important;
  font-size: clamp(36px, 4.4vw, 56px) !important;
  color: var(--ws-plum-ink) !important;
  letter-spacing: -0.025em !important;
  line-height: 1 !important;
  margin: 0 0 14px !important;
  text-shadow: none !important;
}
.popup.popup-light--lexikon .hero-panel-copy,
.popup.popup-light--lexikon-detail .hero-panel-copy {
  font-family: var(--f-ws-italic) !important;
  font-style: italic !important;
  color: var(--ws-plum-soft) !important;
  margin: 0 !important;
  max-width: 720px;
}
.popup.popup-light--lexikon .tech-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)) !important;
  gap: 28px !important;
  background: 0 0 !important;
  padding: 12px 4px 0 !important;
  margin: 0 !important;
  border: none !important;
  overflow: visible !important;
}
.popup.popup-light--lexikon .tech-card {
  background: rgba(252, 248, 220, 0.85) !important;
  border: none !important;
  border-radius: 2px !important;
  padding: 18px 18px 22px !important;
  box-shadow:
    0 18px 32px -16px rgba(42, 30, 46, 0.35),
    0 2px 6px rgba(42, 30, 46, 0.08) !important;
  display: flex !important;
  flex-direction: column !important;
  text-decoration: none !important;
  color: inherit !important;
  cursor: pointer !important;
  transition:
    transform 0.35s var(--ws-ease),
    box-shadow 0.35s var(--ws-ease) !important;
  position: relative !important;
  overflow: visible !important;
  font-family: var(--f-ws-body) !important;
  isolation: isolate;
}
.popup.popup-light--lexikon-tropes .tech-card:nth-child(5n + 1) {
  background:
    radial-gradient(
      220px 160px at 88% 12%,
      rgba(212, 192, 230, 0.35),
      transparent 60%
    ),
    rgba(252, 232, 245, 0.92) !important;
}
.popup.popup-light--lexikon-tropes .tech-card:nth-child(5n + 2) {
  background:
    radial-gradient(
      220px 160px at 12% 88%,
      rgba(245, 205, 176, 0.35),
      transparent 60%
    ),
    rgba(252, 232, 220, 0.92) !important;
}
.popup.popup-light--lexikon-tropes .tech-card:nth-child(5n + 3) {
  background:
    radial-gradient(
      220px 160px at 88% 88%,
      rgba(194, 214, 192, 0.35),
      transparent 60%
    ),
    rgba(232, 245, 232, 0.92) !important;
}
.popup.popup-light--lexikon-tropes .tech-card:nth-child(5n + 4) {
  background:
    radial-gradient(
      220px 160px at 12% 12%,
      rgba(245, 220, 180, 0.35),
      transparent 60%
    ),
    rgba(252, 245, 220, 0.92) !important;
}
.popup.popup-light--lexikon-tropes .tech-card:nth-child(5n + 5) {
  background:
    radial-gradient(
      220px 160px at 50% 12%,
      rgba(190, 215, 230, 0.35),
      transparent 60%
    ),
    rgba(232, 240, 250, 0.92) !important;
}
.popup.popup-light--lexikon .tech-card:hover {
  transform: rotate(0) translateY(-6px) !important;
  box-shadow:
    0 28px 50px -16px rgba(42, 30, 46, 0.45),
    0 0 0 2px var(--ws-gold-warm) !important;
  z-index: 5;
}
.popup.popup-light--lexikon-tropes .tech-card::before {
  content: "";
  transform: translateX(-50%) rotate(-3deg);
  background: var(--ws-gold-warm);
  opacity: 0.85;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
}
.popup.popup-light--lexikon-tropes .tech-card:nth-child(5n + 1)::before {
  background: var(--ws-mauve-deep);
  opacity: 0.75;
}
.popup.popup-light--lexikon-tropes .tech-card:nth-child(5n + 2)::before {
  background: var(--ws-peach-deep);
  opacity: 0.75;
}
.popup.popup-light--lexikon-tropes .tech-card:nth-child(5n + 3)::before {
  background: var(--ws-sage-deep);
  opacity: 0.75;
}
.popup.popup-light--lexikon-tropes .tech-card:nth-child(5n + 5)::before {
  background: var(--ws-blue-deep);
  opacity: 0.75;
}
.popup.popup-light--lexikon-abk .tech-card {
  background: var(--ws-mauve) !important;
}
.popup.popup-light--lexikon-abk .tech-card::before {
  content: "";
  background: rgba(251, 250, 247, 0.7);
  transform: rotate(8deg);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
}
.popup.popup-light--lexikon-genres .tech-card {
  background: linear-gradient(
    180deg,
    var(--ws-cream) 0,
    var(--ws-cream-2) 100%
  ) !important;
  border-left: 4px solid var(--ws-sage-deep) !important;
}
.popup.popup-light--lexikon-genres .tech-card::after {
  content: "";
  position: absolute;
  top: -3px;
  right: 18px;
  width: 14px;
  height: 42px;
  background: var(--ws-gold-warm);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 80%, 0 100%);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12);
  z-index: 3;
}
.popup.popup-light--lexikon .tech-card-kicker {
  display: none !important;
}
.popup.popup-light--lexikon .tech-card-title {
  font-family: var(--f-ws-display) !important;
  font-variation-settings:
    "wdth" 95,
    "wght" 700 !important;
  color: var(--ws-plum-ink) !important;
  letter-spacing: -0.015em !important;
  -webkit-text-fill-color: var(--ws-plum-ink) !important;
}
.popup.popup-light--lexikon .tech-card-summary {
  font-family: var(--f-ws-body) !important;
  font-size: 13.5px !important;
  line-height: 1.55 !important;
  color: var(--ws-plum-soft) !important;
  margin: 0 0 14px !important;
  flex-grow: 1 !important;
}
.popup.popup-light--lexikon .manual-inline-link {
  font-family: var(--f-ws-hand) !important;
  color: var(--ws-mauve-deep) !important;
  text-align: center !important;
  display: block !important;
  -webkit-text-fill-color: var(--ws-mauve-deep) !important;
}
.popup.popup-light--lexikon-tropes .manual-inline-link {
  color: var(--ws-mauve-deep) !important;
  -webkit-text-fill-color: var(--ws-mauve-deep) !important;
}
.popup.popup-light--lexikon-abk .manual-inline-link,
.popup.popup-light--lexikon-genres .manual-inline-link {
  font-family: var(--f-ws-body) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: var(--ws-gold-warm) !important;
  -webkit-text-fill-color: var(--ws-gold-warm) !important;
  border-bottom: 1px solid var(--ws-gold-warm);
  display: inline-block !important;
  text-align: left !important;
  padding-bottom: 2px;
  align-self: flex-start;
}
.popup.popup-light--lexikon-detail .popup-copy-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
  gap: 24px !important;
  background: 0 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}
.popup.popup-light--lexikon-detail .popup-copy-card {
  background: var(--ws-cream) !important;
  border: none !important;
  border-radius: 4px 4px 16px !important;
  padding: 24px 26px 28px !important;
  box-shadow:
    0 16px 30px -16px rgba(42, 30, 46, 0.3),
    0 4px 8px -2px rgba(42, 30, 46, 0.12),
    inset 0 0 0 1px rgba(255, 255, 255, 0.55) !important;
  position: relative;
  overflow: visible;
  isolation: isolate;
  transition: box-shadow 0.35s var(--ws-ease);
}
.popup.popup-light--lexikon-detail .popup-copy-card::before {
  content: "";
  position: absolute;
  top: -10px;
  left: 16px;
  width: 70px;
  height: 18px;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.6) 0,
    rgba(245, 235, 220, 0.88) 100%
  );
  border: 1px solid rgba(184, 146, 74, 0.22);
  border-radius: 1px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.12);
  z-index: 4;
  transform: rotate(-3deg);
}
.popup.popup-light--lexikon-detail .popup-copy-card:nth-child(odd) {
  background:
    radial-gradient(
      360px 280px at 18% 14%,
      rgba(212, 192, 230, 0.65),
      transparent 60%
    ),
    radial-gradient(
      280px 200px at 82% 88%,
      rgba(212, 192, 230, 0.35),
      transparent 60%
    ),
    rgba(238, 228, 245, 0.85) !important;
  transform: rotate(-1deg);
}
.popup.popup-light--lexikon-detail .popup-copy-card:nth-child(odd)::before {
  transform: rotate(-2deg);
}
.popup.popup-light--lexikon-detail .popup-copy-card:nth-child(2n) {
  background:
    radial-gradient(
      360px 280px at 82% 14%,
      rgba(245, 205, 176, 0.65),
      transparent 60%
    ),
    radial-gradient(
      280px 200px at 18% 88%,
      rgba(245, 205, 176, 0.35),
      transparent 60%
    ),
    rgba(252, 232, 220, 0.85) !important;
  transform: rotate(0.8deg);
}
.popup.popup-light--lexikon-detail .popup-copy-card:nth-child(2n)::before {
  transform: rotate(2deg);
}
.popup.popup-light--lexikon-detail .popup-copy-card:hover {
  box-shadow:
    0 24px 42px -12px rgba(42, 30, 46, 0.4),
    0 6px 14px -2px rgba(42, 30, 46, 0.18),
    inset 0 0 0 1px rgba(255, 255, 255, 0.55) !important;
}
.popup.popup-light--lexikon-detail .popup-copy-card p {
  font-family: var(--f-ws-body) !important;
  color: var(--ws-plum-ink) !important;
  -webkit-text-fill-color: var(--ws-plum-ink) !important;
  margin: 0 0 14px !important;
  position: relative;
  z-index: 1;
}
.popup.popup-light--lexikon-detail .popup-copy-card p:last-child {
  margin-bottom: 0 !important;
}
.popup.popup-light--lexikon-detail .popup-copy-card em {
  font-family: var(--f-ws-italic) !important;
  color: var(--ws-rose-deep) !important;
  -webkit-text-fill-color: var(--ws-rose-deep) !important;
}
.popup.popup-light--lexikon-detail .popup-copy-card b,
.popup.popup-light--lexikon-detail .popup-copy-card strong {
  color: var(--ws-mauve-deep) !important;
  -webkit-text-fill-color: var(--ws-mauve-deep) !important;
  font-weight: 700 !important;
  text-shadow: none !important;
}
.popup.popup-light--lexikon-detail .lexikon-fixed-arrow {
  width: 48px !important;
  height: 48px !important;
  background: var(--ws-cream) !important;
  border: 1.5px solid var(--ws-mauve-deep) !important;
  border-radius: 50% !important;
  color: var(--ws-plum-ink) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  box-shadow:
    0 12px 24px -10px rgba(142, 111, 174, 0.35),
    inset 0 0 0 1px rgba(255, 255, 255, 0.5) !important;
  transition: all 0.25s var(--ws-ease) !important;
  font-size: 22px !important;
  font-weight: 500 !important;
  font-family: var(--f-ws-body) !important;
}
.popup.popup-light--lexikon-detail .lexikon-fixed-arrow:hover:not(:disabled) {
  background: var(--ws-mauve-deep) !important;
  color: var(--ws-cream) !important;
  border-color: var(--ws-mauve-deep) !important;
  transform: translateY(-50%) scale(1.08) !important;
}
.popup.popup-light--lexikon-detail .lexikon-fixed-arrow:disabled {
  opacity: 0.35 !important;
  cursor: not-allowed !important;
}
.popup.popup-light--lexikon-detail .lexikon-fixed-arrow.prev {
  left: 16px !important;
}
.popup.popup-light--lexikon-detail .lexikon-fixed-arrow.next {
  right: 16px !important;
}
.popup.popup-light--lexikon-tropes::after {
  content: "Tropes";
  position: absolute;
  top: 24px;
  left: 56px;
  font-family: var(--f-ws-hand);
  font-size: 56px;
  color: rgba(142, 111, 174, 0.08);
  pointer-events: none;
  z-index: 0;
  transform: rotate(-3deg);
  letter-spacing: -0.02em;
}
.popup.popup-light--lexikon-abk::after {
  content: "Slang";
  position: absolute;
  top: 24px;
  left: 56px;
  font-family: var(--f-ws-hand);
  font-size: 56px;
  color: rgba(201, 138, 92, 0.08);
  pointer-events: none;
  z-index: 0;
  transform: rotate(-3deg);
  letter-spacing: -0.02em;
}
.popup.popup-light--lexikon-genres::after {
  content: "Genres";
  position: absolute;
  top: 24px;
  left: 56px;
  font-family: var(--f-ws-hand);
  font-size: 56px;
  color: rgba(111, 140, 110, 0.08);
  pointer-events: none;
  z-index: 0;
  transform: rotate(-3deg);
  letter-spacing: -0.02em;
}
.popup.popup-light--lexikon-tropes {
  background:
    radial-gradient(
      420px 320px at 12% 8%,
      rgba(212, 192, 230, 0.6),
      transparent 60%
    ),
    radial-gradient(
      380px 300px at 88% 18%,
      rgba(245, 205, 176, 0.5),
      transparent 60%
    ),
    radial-gradient(
      340px 260px at 8% 78%,
      rgba(240, 197, 204, 0.45),
      transparent 60%
    ),
    radial-gradient(
      380px 300px at 92% 88%,
      rgba(212, 192, 230, 0.4),
      transparent 60%
    ),
    var(--ws-cream) !important;
}
.popup.popup-light--lexikon-abk {
  background:
    radial-gradient(
      420px 320px at 12% 8%,
      rgba(245, 205, 176, 0.6),
      transparent 60%
    ),
    radial-gradient(
      380px 300px at 88% 18%,
      rgba(212, 192, 230, 0.45),
      transparent 60%
    ),
    radial-gradient(
      340px 260px at 8% 78%,
      rgba(240, 220, 180, 0.4),
      transparent 60%
    ),
    radial-gradient(
      380px 300px at 92% 88%,
      rgba(245, 205, 176, 0.4),
      transparent 60%
    ),
    var(--ws-cream) !important;
}
.popup.popup-light--lexikon-genres {
  background:
    radial-gradient(
      420px 320px at 12% 8%,
      rgba(194, 214, 192, 0.55),
      transparent 60%
    ),
    radial-gradient(
      380px 300px at 88% 18%,
      rgba(212, 220, 200, 0.45),
      transparent 60%
    ),
    radial-gradient(
      340px 260px at 8% 78%,
      rgba(240, 220, 180, 0.35),
      transparent 60%
    ),
    radial-gradient(
      380px 300px at 92% 88%,
      rgba(194, 214, 192, 0.4),
      transparent 60%
    ),
    var(--ws-cream) !important;
}
@media (max-width: 720px) {
  .popup.popup-light--lexikon .tech-grid {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }
  .popup.popup-light--lexikon .tech-card:nth-child(n) {
    transform: rotate(0) !important;
  }
  .popup.popup-light--lexikon-detail .popup-copy-grid {
    grid-template-columns: 1fr !important;
  }
  .popup.popup-light--lexikon-abk::after,
  .popup.popup-light--lexikon-genres::after,
  .popup.popup-light--lexikon-tropes::after {
    font-size: 40px;
    top: 16px;
    left: 24px;
  }
  .popup.popup-light--lexikon-detail .lexikon-fixed-arrow {
    display: none !important;
  }
}
.popup.popup-light--author .expose-page-shell::before {
  content: "Jenny Schwarz";
  right: 0;
  font-family: var(--f-ws-hand);
  color: rgba(184, 112, 128, 0.07);
  letter-spacing: -0.02em;
  transform: rotate(-2deg);
  pointer-events: none;
  line-height: 1;
}
.popup.popup-light--author .expose-fact-card:nth-child(2n) {
  background:
    radial-gradient(
      180px 120px at 80% 20%,
      rgba(245, 205, 176, 0.65),
      transparent 60%
    ),
    var(--ws-cream-2) !important;
  box-shadow: 0 6px 14px -10px rgba(201, 138, 92, 0.35) !important;
}
.popup.popup-light--author .expose-fact-card:nth-child(3n) {
  background:
    radial-gradient(
      180px 120px at 20% 80%,
      rgba(194, 214, 192, 0.65),
      transparent 60%
    ),
    var(--ws-cream-2) !important;
  box-shadow: 0 6px 14px -10px rgba(111, 140, 110, 0.35) !important;
}
.popup.popup-light--author .expose-divider::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 8px;
  height: 8px;
  background: var(--ws-gold-warm);
  transform: translate(-50%, -50%) rotate(45deg);
}
.popup.popup-light--author .expose-editorial-card:nth-child(4n + 1) {
  background:
    radial-gradient(
      360px 280px at 12% 10%,
      rgba(212, 192, 230, 0.55),
      transparent 60%
    ),
    radial-gradient(
      280px 200px at 88% 95%,
      rgba(212, 192, 230, 0.35),
      transparent 60%
    ),
    var(--ws-cream) !important;
}
.popup.popup-light--author .expose-editorial-card:nth-child(4n + 2) {
  background:
    radial-gradient(
      360px 280px at 88% 10%,
      rgba(245, 205, 176, 0.55),
      transparent 60%
    ),
    radial-gradient(
      280px 200px at 12% 95%,
      rgba(245, 205, 176, 0.35),
      transparent 60%
    ),
    var(--ws-cream) !important;
}
.popup.popup-light--author .expose-editorial-card:nth-child(4n + 3) {
  background:
    radial-gradient(
      360px 280px at 12% 90%,
      rgba(194, 214, 192, 0.55),
      transparent 60%
    ),
    radial-gradient(
      280px 200px at 88% 5%,
      rgba(194, 214, 192, 0.35),
      transparent 60%
    ),
    var(--ws-cream) !important;
}
.popup.popup-light--author .expose-editorial-card:nth-child(4n + 4) {
  background:
    radial-gradient(
      360px 280px at 88% 90%,
      rgba(240, 197, 204, 0.55),
      transparent 60%
    ),
    radial-gradient(
      280px 200px at 12% 5%,
      rgba(240, 197, 204, 0.35),
      transparent 60%
    ),
    var(--ws-cream) !important;
}
.popup.popup-light--author .expose-section-kicker {
  font-family: var(--f-ws-hand) !important;
  color: var(--ws-mauve-deep) !important;
  text-transform: none !important;
  -webkit-text-fill-color: var(--ws-mauve-deep) !important;
}
.popup.popup-light--author
  .expose-editorial-card:nth-child(4n + 2)
  .expose-section-kicker {
  color: var(--ws-peach-deep) !important;
  -webkit-text-fill-color: var(--ws-peach-deep) !important;
}
.popup.popup-light--author
  .expose-editorial-card:nth-child(4n + 3)
  .expose-section-kicker {
  color: var(--ws-sage-deep) !important;
  -webkit-text-fill-color: var(--ws-sage-deep) !important;
}
.popup.popup-light--author
  .expose-editorial-card:nth-child(4n + 4)
  .expose-section-kicker {
  color: var(--ws-rose-deep) !important;
  -webkit-text-fill-color: var(--ws-rose-deep) !important;
}
.popup.popup-light--author .expose-fact-card {
  background: rgba(252, 232, 220, 0.65) !important;
  border: 1.5px solid rgba(201, 138, 92, 0.4) !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  transition: transform 0.25s var(--ws-ease) !important;
  box-shadow: none !important;
}
.popup.popup-light--author .expose-fact-card:nth-child(2n),
.popup.popup-light--author .expose-fact-card:nth-child(3n) {
  background: rgba(252, 232, 220, 0.65) !important;
  box-shadow: none !important;
}
.popup.popup-light--author .expose-editorial-card {
  background: rgba(252, 232, 220, 0.55) !important;
  box-shadow:
    0 12px 24px -16px rgba(201, 138, 92, 0.25),
    inset 0 0 0 1px rgba(255, 255, 255, 0.35) !important;
  transition:
    transform 0.35s var(--ws-ease),
    box-shadow 0.35s var(--ws-ease);
}
.popup.popup-light--author .expose-editorial-card:nth-child(4n + 1),
.popup.popup-light--author .expose-editorial-card:nth-child(4n + 2),
.popup.popup-light--author .expose-editorial-card:nth-child(4n + 3),
.popup.popup-light--author .expose-editorial-card:nth-child(4n + 4) {
  background: rgba(252, 232, 220, 0.55) !important;
}
.popup.popup-light--author
  .expose-editorial-card:nth-child(4n + 1)
  .expose-section-kicker,
.popup.popup-light--author
  .expose-editorial-card:nth-child(4n + 2)
  .expose-section-kicker,
.popup.popup-light--author
  .expose-editorial-card:nth-child(4n + 3)
  .expose-section-kicker,
.popup.popup-light--author
  .expose-editorial-card:nth-child(4n + 4)
  .expose-section-kicker,
.popup.popup-light--author .expose-section-kicker {
  font-family: var(--f-ws-hand) !important;
  color: var(--ws-rose-deep) !important;
  -webkit-text-fill-color: var(--ws-rose-deep) !important;
  text-transform: none !important;
}
.popup.popup-light--author .expose-quote-band {
  background: rgba(252, 232, 220, 0.65) !important;
  border: 1.5px solid rgba(201, 138, 92, 0.45) !important;
  box-shadow:
    0 18px 36px -18px rgba(201, 138, 92, 0.3),
    inset 0 0 0 1px rgba(255, 255, 255, 0.35) !important;
}
.popup.popup-light--author .expose-quote-band::before {
  content: "„";
  position: absolute;
  top: -16px;
  left: 30px;
  font-family: var(--f-ws-italic);
  font-size: 120px;
  color: rgba(201, 138, 92, 0.35);
  line-height: 1;
  pointer-events: none;
  font-style: italic;
}
.popup.popup-light--author .expose-quote-band .expose-section-title {
  font-family: var(--f-ws-italic) !important;
  color: var(--ws-plum-ink) !important;
  -webkit-text-fill-color: var(--ws-plum-ink) !important;
  letter-spacing: -0.01em !important;
  position: relative;
  z-index: 1;
}
.popup.popup-light--author .expose-quote-band p {
  font-family: var(--f-ws-body) !important;
  color: var(--ws-plum-ink) !important;
  -webkit-text-fill-color: var(--ws-plum-ink) !important;
  position: relative;
  z-index: 1;
}
@media (max-width: 720px) {
  .popup.popup-light--author .expose-page-shell::before {
    font-size: 36px;
    top: -20px;
  }
  .popup.popup-light--author .expose-hero-split {
    grid-template-columns: 1fr !important;
    gap: 36px !important;
  }
  .popup.popup-light--author .expose-cover.expose-cover-polaroid {
    max-width: 280px;
    transform: rotate(-1.5deg);
  }
  .popup.popup-light--author .autor-editorial-grid {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }
  .popup.popup-light--author .expose-editorial-card:nth-child(n) {
    transform: rotate(0);
  }
  .popup.popup-light--author .expose-quote-band {
    padding: 32px 24px !important;
  }
}
.popup.popup-light--wishlist {
  background:
    radial-gradient(
      420px 320px at 8% 6%,
      rgba(212, 192, 230, 0.55),
      transparent 60%
    ),
    radial-gradient(
      380px 300px at 92% 14%,
      rgba(240, 197, 204, 0.55),
      transparent 60%
    ),
    radial-gradient(
      340px 260px at 6% 76%,
      rgba(245, 205, 176, 0.45),
      transparent 60%
    ),
    radial-gradient(
      380px 300px at 94% 86%,
      rgba(194, 214, 192, 0.4),
      transparent 60%
    ),
    radial-gradient(
      440px 340px at 50% 48%,
      rgba(245, 220, 180, 0.25),
      transparent 60%
    ),
    var(--ws-cream) !important;
}
.popup.popup-light--wishlist::before {
  content: "Reader Wishlist";
  position: absolute;
  top: 38px;
  left: 56px;
  font-family: var(--f-ws-hand);
  font-size: 56px;
  color: rgba(184, 112, 128, 0.08);
  letter-spacing: -0.02em;
  transform: rotate(-2.5deg);
  pointer-events: none;
  z-index: 0;
  line-height: 1;
}
.popup.popup-light--wishlist .wishlist-popup-shell {
  display: flex !important;
  flex-direction: column !important;
  gap: 28px !important;
  background: 0 0 !important;
  padding: 0 !important;
  border: none !important;
  position: relative;
  z-index: 1;
}
.popup.popup-light--wishlist .prelaunch-popup-notice {
  order: 1;
  background:
    radial-gradient(
      280px 200px at 14% 24%,
      rgba(245, 205, 176, 0.35),
      transparent 60%
    ),
    var(--ws-cream-2) !important;
  border: 1px dashed var(--ws-rose-deep) !important;
  border-radius: 14px !important;
  padding: 22px 26px !important;
  margin: 0 !important;
  position: relative;
  box-shadow: 0 8px 18px -10px rgba(184, 112, 128, 0.25) !important;
}
.popup.popup-light--wishlist .prelaunch-popup-notice__kicker {
  font-family: var(--f-ws-hand) !important;
  color: var(--ws-rose-deep) !important;
  font-size: 20px !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  margin: 0 0 6px !important;
  font-weight: 500 !important;
  transform: rotate(-1.5deg);
  display: inline-block;
  -webkit-text-fill-color: var(--ws-rose-deep) !important;
}
.popup.popup-light--wishlist .prelaunch-popup-notice__title {
  font-family: var(--f-ws-display) !important;
  font-variation-settings:
    "wdth" 95,
    "wght" 700 !important;
  font-style: normal !important;
  font-size: 24px !important;
  color: var(--ws-plum-ink) !important;
  margin: 0 0 12px !important;
  line-height: 1.15;
  letter-spacing: -0.02em;
  text-shadow: none !important;
}
.popup.popup-light--wishlist .prelaunch-popup-notice__body {
  font-family: var(--f-ws-body) !important;
  color: var(--ws-plum-soft) !important;
  font-size: 14.5px !important;
  line-height: 1.65 !important;
}
.popup.popup-light--wishlist .wishlist-quota {
  order: 2;
  background:
    radial-gradient(
      360px 260px at 50% 50%,
      rgba(212, 192, 230, 0.45),
      transparent 60%
    ),
    var(--ws-cream) !important;
  border: 2px solid var(--ws-mauve-deep) !important;
  border-radius: 18px !important;
  padding: 24px 28px !important;
  position: relative;
  box-shadow:
    0 18px 36px -18px rgba(142, 111, 174, 0.35),
    inset 0 0 0 1px rgba(255, 255, 255, 0.55) !important;
}
.popup.popup-light--wishlist .wishlist-quota::before {
  content: "Deine Stimmen";
  position: absolute;
  top: -14px;
  left: 32px;
  background: var(--ws-mauve-deep);
  color: var(--ws-cream);
  font-family: var(--f-ws-hand);
  font-size: 18px;
  padding: 5px 16px 6px;
  border-radius: 30px;
  transform: rotate(-2deg);
  box-shadow: 0 8px 18px -8px rgba(142, 111, 174, 0.55);
  z-index: 3;
  letter-spacing: 0;
  font-weight: 500;
}
.popup.popup-light--wishlist .wishlist-quota__row {
  display: flex !important;
  justify-content: space-between !important;
  align-items: baseline !important;
  margin: 8px 0 14px !important;
  flex-wrap: wrap;
  gap: 8px;
}
.popup.popup-light--wishlist .wishlist-quota__label {
  font-family: var(--f-ws-display) !important;
  font-variation-settings:
    "wdth" 95,
    "wght" 700 !important;
  font-style: normal !important;
  font-size: 22px !important;
  color: var(--ws-plum-ink) !important;
  letter-spacing: -0.015em !important;
}
.popup.popup-light--wishlist .wishlist-quota__count {
  font-family: var(--f-ws-body) !important;
  font-size: 14px !important;
  color: var(--ws-plum-soft) !important;
}
.popup.popup-light--wishlist .wishlist-quota__count strong {
  font-family: var(--f-ws-display) !important;
  font-variation-settings:
    "wdth" 95,
    "wght" 700 !important;
  font-size: 22px !important;
  color: var(--ws-mauve-deep) !important;
  letter-spacing: -0.01em !important;
  margin-right: 2px;
}
.popup.popup-light--wishlist .wishlist-quota__pips {
  display: flex !important;
  gap: 10px !important;
  margin: 0 0 14px !important;
}
.popup.popup-light--wishlist .wishlist-quota__pip {
  flex: 1;
  height: 14px;
  background: var(--ws-cream-2) !important;
  border: 1.5px solid rgba(142, 111, 174, 0.25) !important;
  border-radius: 999px !important;
  transition: all 0.35s var(--ws-ease);
  position: relative;
  overflow: hidden;
}
.popup.popup-light--wishlist .wishlist-quota__pip.is-filled,
.popup.popup-light--wishlist .wishlist-quota__pip[data-filled="true"],
.popup.popup-light--wishlist
  .wishlist-quota__pips[data-used="1"]
  .wishlist-quota__pip:first-child,
.popup.popup-light--wishlist
  .wishlist-quota__pips[data-used="2"]
  .wishlist-quota__pip:nth-child(-n + 2),
.popup.popup-light--wishlist
  .wishlist-quota__pips[data-used="3"]
  .wishlist-quota__pip {
  background: linear-gradient(
    90deg,
    var(--ws-mauve-deep),
    var(--ws-rose-deep)
  ) !important;
  border-color: var(--ws-mauve-deep) !important;
  box-shadow: 0 0 12px rgba(142, 111, 174, 0.4);
}
.popup.popup-light--wishlist .wishlist-quota__hint {
  font-family: var(--f-ws-italic) !important;
  font-style: italic !important;
  font-size: 13px !important;
  color: var(--ws-plum-soft) !important;
  margin: 0 !important;
  line-height: 1.5;
}
.popup.popup-light--wishlist .wishlist-error {
  order: 3;
  background: rgba(184, 112, 128, 0.12) !important;
  border: 1px solid var(--ws-rose-deep) !important;
  border-radius: 12px !important;
  color: var(--ws-rose-deep) !important;
  padding: 12px 16px !important;
  font-family: var(--f-ws-body) !important;
  font-size: 14px !important;
  font-weight: 500;
}
.popup.popup-light--wishlist .wishlist-error:empty {
  display: none !important;
}
.popup.popup-light--wishlist .wishlist-grid {
  order: 4;
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
  gap: 28px !important;
  padding: 8px 4px 0 !important;
  margin: 0 !important;
  background: 0 0 !important;
}
.popup.popup-light--wishlist .wishlist-card {
  background: var(--ws-cream) !important;
  border: none !important;
  border-radius: 4px !important;
  padding: 14px 14px 18px !important;
  box-shadow:
    0 22px 40px -22px rgba(42, 30, 46, 0.35),
    0 4px 8px -2px rgba(42, 30, 46, 0.08),
    inset 0 0 0 1px rgba(255, 255, 255, 0.55) !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  position: relative !important;
  overflow: visible !important;
  transition:
    transform 0.35s var(--ws-ease),
    box-shadow 0.35s var(--ws-ease);
  isolation: isolate;
}
.popup.popup-light--wishlist .wishlist-card:nth-child(3n + 1) {
  transform: rotate(-1.2deg);
}
.popup.popup-light--wishlist .wishlist-card:nth-child(3n + 2) {
  transform: rotate(0.8deg);
}
.popup.popup-light--wishlist .wishlist-card:nth-child(3n + 3) {
  transform: rotate(-0.4deg);
}
.popup.popup-light--wishlist .wishlist-card:hover {
  transform: rotate(0) translateY(-4px) !important;
  box-shadow:
    0 32px 56px -22px rgba(42, 30, 46, 0.45),
    0 6px 14px -2px rgba(42, 30, 46, 0.15),
    inset 0 0 0 1px rgba(255, 255, 255, 0.55) !important;
}
.popup.popup-light--wishlist .wishlist-card[aria-checked="true"] {
  transform: rotate(0) translateY(-2px) !important;
  box-shadow:
    0 28px 50px -18px rgba(142, 111, 174, 0.55),
    0 0 0 3px var(--ws-mauve-deep),
    inset 0 0 0 1px rgba(255, 255, 255, 0.55) !important;
}
.popup.popup-light--wishlist .wishlist-card[aria-checked="true"]::before {
  content: "Gewählt";
  position: absolute;
  background: var(--ws-mauve-deep);
  color: var(--ws-cream);
  font-family: var(--f-ws-hand);
  border-radius: 30px;
  transform: rotate(4deg);
  box-shadow: 0 6px 14px -6px rgba(142, 111, 174, 0.55);
  letter-spacing: 0;
  font-weight: 500;
}
.popup.popup-light--wishlist .wishlist-card__rank {
  position: absolute !important;
  top: 18px !important;
  left: 18px !important;
  width: 32px;
  height: 32px;
  background: var(--ws-cream);
  color: var(--ws-plum-ink);
  font-family: var(--f-ws-display);
  font-variation-settings:
    "wdth" 95,
    "wght" 700;
  font-size: 14px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 4;
  border: 2px solid var(--ws-gold-warm);
  box-shadow: 0 4px 10px -4px rgba(42, 30, 46, 0.25);
}
.popup.popup-light--wishlist .wishlist-card__rank:empty,
.popup.popup-light--wishlist .wishlist-card__selected-mark {
  display: none !important;
}
.popup.popup-light--wishlist .wishlist-card__cover {
  width: 100% !important;
  aspect-ratio: 2/3 !important;
  background: var(--ws-cream-3) !important;
  border: none !important;
  border-radius: 2px !important;
  overflow: hidden !important;
  margin: 0 0 14px !important;
  box-shadow: 0 8px 18px -8px rgba(42, 30, 46, 0.25);
  cursor: pointer !important;
  padding: 0 !important;
  display: block !important;
  transition:
    transform 0.25s var(--ws-ease),
    box-shadow 0.25s var(--ws-ease) !important;
}
.popup.popup-light--wishlist .wishlist-card__cover:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 14px 26px -10px rgba(42, 30, 46, 0.4) !important;
}
.popup.popup-light--wishlist .wishlist-card__cover:focus-visible {
  outline: 2px solid var(--ws-mauve-deep) !important;
  outline-offset: 3px !important;
}
.popup.popup-light--wishlist .wishlist-card__cover img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  border-radius: 2px;
}
.popup.popup-light--wishlist .wishlist-card__body {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  flex-grow: 1 !important;
  background: 0 0 !important;
  padding: 0 4px !important;
}
.popup.popup-light--wishlist .wishlist-card__line--velvet {
  color: var(--ws-rose-deep) !important;
}
.popup.popup-light--wishlist .wishlist-card__line--dark {
  color: var(--ws-plum-ink) !important;
}
.popup.popup-light--wishlist .wishlist-card__blurb {
  font-family: var(--f-ws-body) !important;
  color: var(--ws-plum-soft) !important;
  flex-grow: 1;
}
.popup.popup-light--wishlist .wishlist-card__meter {
  display: grid !important;
  grid-template-columns: 1fr auto auto !important;
  gap: 8px !important;
  align-items: center !important;
  padding: 10px 12px !important;
  background: var(--ws-cream-2) !important;
  border-radius: 10px !important;
  border: 1px dashed rgba(184, 146, 74, 0.3);
}
.popup.popup-light--wishlist .wishlist-card__bar {
  position: relative;
}
.popup.popup-light--wishlist .wishlist-card__count {
  font-family: var(--f-ws-display) !important;
  font-variation-settings:
    "wdth" 95,
    "wght" 700 !important;
  color: var(--ws-plum-ink) !important;
  letter-spacing: -0.01em !important;
}
.popup.popup-light--wishlist .wishlist-card__pct {
  font-family: var(--f-mono, "JetBrains Mono", monospace) !important;
  color: var(--ws-mauve-deep) !important;
  letter-spacing: 0.05em !important;
}
.popup.popup-light--wishlist .wishlist-card__actions {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  margin: 12px 0 0 !important;
}
.popup.popup-light--wishlist .wishlist-card__action {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-family: var(--f-ws-body) !important;
  letter-spacing: 0.015em !important;
  transition: all 0.25s var(--ws-ease) !important;
  background: 0 0 !important;
  border: 1.5px solid var(--ws-plum-mute) !important;
  color: var(--ws-plum-soft) !important;
  -webkit-text-fill-color: var(--ws-plum-soft) !important;
  box-shadow: none !important;
  text-decoration: none !important;
}
.popup.popup-light--wishlist .wishlist-card__action svg {
  flex-shrink: 0;
}
.popup.popup-light--wishlist .wishlist-card__action--vote {
  grid-column: 1/-1 !important;
  margin-top: 4px !important;
  background: var(--ws-plum-ink) !important;
  border-color: var(--ws-plum-ink) !important;
  color: var(--ws-cream) !important;
  -webkit-text-fill-color: var(--ws-cream) !important;
  padding: 11px 16px !important;
  font-size: 13px !important;
  box-shadow: 0 8px 18px -8px rgba(42, 30, 46, 0.4) !important;
}
.popup.popup-light--wishlist
  .wishlist-card[aria-checked="true"]
  .wishlist-card__action--vote:hover {
  background: var(--ws-rose-deep) !important;
  border-color: var(--ws-rose-deep) !important;
}
.popup.popup-light--wishlist .wishlist-card__vote-state {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
}
.popup.popup-light--wishlist .wishlist-stats {
  order: 5;
  background:
    radial-gradient(
      360px 260px at 18% 22%,
      rgba(194, 214, 192, 0.45),
      transparent 60%
    ),
    radial-gradient(
      280px 200px at 82% 78%,
      rgba(245, 220, 180, 0.35),
      transparent 60%
    ),
    var(--ws-cream-2) !important;
  box-shadow:
    0 14px 28px -16px rgba(111, 140, 110, 0.25),
    inset 0 0 0 1px rgba(255, 255, 255, 0.55) !important;
}
.popup.popup-light--wishlist .wishlist-stats__total {
  font-family: var(--f-ws-display) !important;
  font-variation-settings:
    "wdth" 95,
    "wght" 700 !important;
  font-style: normal !important;
  color: var(--ws-plum-ink) !important;
  letter-spacing: -0.015em !important;
}
.popup.popup-light--wishlist .wishlist-stats__list li {
  display: grid !important;
  grid-template-columns: 28px 1fr auto auto !important;
  gap: 12px !important;
  align-items: center !important;
  background: var(--ws-cream) !important;
  font-family: var(--f-ws-body) !important;
  font-size: 13.5px !important;
  color: var(--ws-plum-ink) !important;
  counter-increment: wlrank;
}
.popup.popup-light--wishlist .wishlist-stats__list li::before {
  content: counter(wlrank);
  font-family: var(--f-ws-display);
  font-variation-settings:
    "wdth" 95,
    "wght" 700;
  font-size: 14px;
  color: var(--ws-mauve-deep);
  text-align: center;
  letter-spacing: -0.01em;
  content: none !important;
}
.popup.popup-light--wishlist .wishlist-stats__list li:first-child::before {
  color: var(--ws-gold-warm);
  font-size: 18px;
}
.popup.popup-light--wishlist .wishlist-stats__hint {
  font-family: var(--f-ws-italic) !important;
  font-style: italic !important;
  font-size: 13px !important;
  color: var(--ws-plum-soft) !important;
  margin: 12px 0 0 !important;
  line-height: 1.5;
  text-align: center;
}
.popup.popup-light--wishlist .wishlist-thanks {
  order: 6;
  background:
    radial-gradient(
      360px 260px at 50% 30%,
      rgba(212, 192, 230, 0.5),
      transparent 60%
    ),
    var(--ws-cream) !important;
  border: 2px dashed var(--ws-mauve-deep) !important;
  border-radius: 18px !important;
  padding: 36px 32px !important;
  text-align: center !important;
  position: relative;
  box-shadow: 0 22px 44px -22px rgba(142, 111, 174, 0.35) !important;
}
.popup.popup-light--wishlist .wishlist-thanks:empty {
  display: none !important;
}
.popup.popup-light--wishlist .wishlist-thanks__title {
  font-family: var(--f-ws-display) !important;
  font-variation-settings:
    "wdth" 95,
    "wght" 700 !important;
  font-style: normal !important;
  font-size: clamp(24px, 3vw, 36px) !important;
  color: var(--ws-plum-ink) !important;
  letter-spacing: -0.02em !important;
  margin: 0 0 12px !important;
  line-height: 1.1;
}
.popup.popup-light--wishlist .wishlist-thanks__title em {
  font-family: var(--f-ws-hand) !important;
  font-style: normal !important;
  font-weight: 500 !important;
  color: var(--ws-mauve-deep) !important;
}
.popup.popup-light--wishlist .wishlist-thanks__text {
  font-family: var(--f-ws-italic) !important;
  font-style: italic !important;
  font-size: 16px !important;
  color: var(--ws-plum-soft) !important;
  margin: 0 !important;
  line-height: 1.65;
}
@media (max-width: 720px) {
  .popup.popup-light--wishlist::before {
    font-size: 36px;
    top: 20px;
    left: 24px;
  }
  .popup.popup-light--wishlist .wishlist-popup-shell {
    gap: 22px !important;
  }
  .popup.popup-light--wishlist .wishlist-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 20px 14px !important;
    padding: 8px 0 0 !important;
  }
  .popup.popup-light--wishlist .wishlist-card:nth-child(n) {
    transform: rotate(0);
  }
  .popup.popup-light--wishlist .wishlist-quota__row {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
  }
  .popup.popup-light--wishlist .wishlist-stats__head {
    flex-direction: column;
    align-items: flex-start;
  }
}
.popup.popup-light--book-detail::before {
  content: "Buchdossier";
  position: absolute;
  top: 38px;
  left: 56px;
  font-family: var(--f-ws-hand);
  font-size: 56px;
  color: rgba(142, 111, 174, 0.07);
  letter-spacing: -0.02em;
  transform: rotate(-2.5deg);
  pointer-events: none;
  z-index: 0;
  line-height: 1;
}
.popup.popup-light--book-detail .book-detail-view {
  display: grid !important;
  grid-template-columns: 280px 1fr !important;
  gap: 36px !important;
  position: relative;
  z-index: 1;
  align-items: start;
}
.popup.popup-light--book-detail .book-detail-cover {
  position: relative;
  background: var(--ws-cream) !important;
  padding: 14px 14px 18px !important;
  border-radius: 4px !important;
  border: none !important;
  box-shadow:
    0 28px 50px -22px rgba(42, 30, 46, 0.45),
    0 6px 14px -4px rgba(42, 30, 46, 0.15),
    inset 0 0 0 1px rgba(255, 255, 255, 0.55) !important;
  transform: rotate(-2deg);
  margin: 0 !important;
  isolation: isolate;
}
.popup.popup-light--book-detail .book-detail-cover::before {
  content: "";
  position: absolute;
  top: -12px;
  left: 50%;
  transform: translateX(-50%);
  width: 64px;
  height: 18px;
  background: rgba(245, 205, 176, 0.85);
  border: 1px solid rgba(201, 138, 92, 0.25);
  border-radius: 1px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
  z-index: 4;
}
.popup.popup-light--book-detail .book-detail-cover img {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 2/3 !important;
  object-fit: cover !important;
  display: block !important;
  border-radius: 2px !important;
  margin: 0 !important;
}
.popup.popup-light--book-detail .book-detail-copy {
  display: flex !important;
  flex-direction: column !important;
  gap: 18px !important;
  background: 0 0 !important;
  padding: 0 !important;
  border: none !important;
  color: var(--ws-plum-soft) !important;
}
.popup.popup-light--book-detail .book-detail-copy > div:first-child {
  background: 0 0 !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
.popup.popup-light--book-detail .book-detail-kicker {
  font-family: var(--f-ws-hand) !important;
  font-size: 22px !important;
  color: var(--ws-mauve-deep) !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  font-weight: 500 !important;
  display: inline-block;
  transform: rotate(-1.5deg);
  margin: 0 0 8px !important;
  background: 0 0 !important;
  border: none !important;
  padding: 0 !important;
  -webkit-text-fill-color: var(--ws-mauve-deep) !important;
}
.popup.popup-light--book-detail .book-detail-topline {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin: 0 0 4px !important;
  background: 0 0 !important;
  padding: 0 !important;
  border: none !important;
}
.popup.popup-light--book-detail .archive-result-pill {
  display: inline-flex !important;
  align-items: center !important;
  padding: 5px 14px !important;
  background: var(--ws-cream-2) !important;
  border: 1px solid rgba(184, 146, 74, 0.35) !important;
  border-radius: 999px !important;
  font-family: var(--f-mono, "JetBrains Mono", monospace) !important;
  font-size: 10.5px !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: var(--ws-plum-ink) !important;
  font-weight: 600 !important;
  text-shadow: none !important;
  -webkit-text-fill-color: var(--ws-plum-ink) !important;
  box-shadow: none !important;
}
.popup.popup-light--book-detail .book-detail-chips {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin: 4px 0 8px !important;
  background: 0 0 !important;
  padding: 0 !important;
  border: none !important;
}
.popup.popup-light--book-detail .archive-book-chip {
  display: inline-flex !important;
  align-items: center !important;
  padding: 5px 12px !important;
  background: var(--ws-cream) !important;
  border: 1px dashed rgba(184, 146, 74, 0.4) !important;
  border-radius: 999px !important;
  font-family: var(--f-ws-body) !important;
  font-size: 12px !important;
  color: var(--ws-plum-soft) !important;
  font-weight: 500 !important;
  text-shadow: none !important;
  -webkit-text-fill-color: var(--ws-plum-soft) !important;
  box-shadow: none !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}
.popup.popup-light--book-detail .archive-book-chip:nth-child(3n + 2) {
  background: rgba(212, 192, 230, 0.25) !important;
  border-color: rgba(142, 111, 174, 0.35) !important;
}
.popup.popup-light--book-detail .archive-book-chip:nth-child(3n + 3) {
  background: rgba(240, 197, 204, 0.25) !important;
  border-color: rgba(184, 112, 128, 0.35) !important;
}
.popup.popup-light--book-detail .book-detail-copy > p {
  font-family: var(--f-ws-body) !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
  color: var(--ws-plum-soft) !important;
  margin: 4px 0 0 !important;
  background: 0 0 !important;
  border: none !important;
  padding: 0 !important;
  text-shadow: none !important;
}
.popup.popup-light--book-detail .book-detail-copy > p em {
  font-family: var(--f-ws-italic) !important;
  font-style: italic !important;
  color: var(--ws-mauve-deep) !important;
}
.popup.popup-light--book-detail .book-detail-copy > p strong {
  color: var(--ws-plum-ink) !important;
  font-weight: 600 !important;
}
.popup.popup-light--book-detail .book-blurb-accordion {
  background: var(--ws-cream) !important;
  border: 1px dashed rgba(184, 146, 74, 0.35) !important;
  border-radius: 14px !important;
  margin: 0 !important;
  padding: 0 !important;
  box-shadow:
    0 8px 18px -10px rgba(42, 30, 46, 0.15),
    inset 0 0 0 1px rgba(255, 255, 255, 0.55) !important;
  transition: box-shadow 0.25s var(--ws-ease);
  overflow: hidden;
}
.popup.popup-light--book-detail .book-blurb-accordion:nth-of-type(odd) {
  background:
    radial-gradient(
      280px 200px at 12% 10%,
      rgba(212, 192, 230, 0.25),
      transparent 60%
    ),
    var(--ws-cream) !important;
}
.popup.popup-light--book-detail .book-blurb-accordion:nth-of-type(2n) {
  background:
    radial-gradient(
      280px 200px at 88% 90%,
      rgba(245, 205, 176, 0.25),
      transparent 60%
    ),
    var(--ws-cream) !important;
}
.popup.popup-light--book-detail .book-blurb-accordion[open] {
  box-shadow:
    0 16px 30px -14px rgba(142, 111, 174, 0.25),
    inset 0 0 0 1px rgba(255, 255, 255, 0.55) !important;
}
.popup.popup-light--book-detail .book-blurb-summary {
  background: 0 0 !important;
  border: none !important;
  padding: 16px 20px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  cursor: pointer;
  list-style: none;
  border-radius: 14px;
}
.popup.popup-light--book-detail .book-blurb-summary::-webkit-details-marker {
  display: none;
}
.popup.popup-light--book-detail .book-blurb-summary:hover {
  background: rgba(212, 192, 230, 0.1) !important;
}
.popup.popup-light--book-detail .book-blurb-summary-copy {
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
  background: 0 0 !important;
}
.popup.popup-light--book-detail .book-blurb-summary-label {
  font-family: var(--f-ws-display) !important;
  font-variation-settings:
    "wdth" 95,
    "wght" 700 !important;
  font-style: normal !important;
  font-size: 17px !important;
  color: var(--ws-plum-ink) !important;
  letter-spacing: -0.01em !important;
  text-transform: none !important;
  -webkit-text-fill-color: var(--ws-plum-ink) !important;
  text-shadow: none !important;
}
.popup.popup-light--book-detail .book-blurb-summary-hint {
  font-family: var(--f-ws-italic) !important;
  font-style: italic !important;
  font-size: 12px !important;
  color: var(--ws-plum-soft) !important;
  -webkit-text-fill-color: var(--ws-plum-soft) !important;
}
.popup.popup-light--book-detail .book-blurb-summary-icon {
  width: 32px !important;
  height: 32px !important;
  background: var(--ws-cream-2) !important;
  border: 1px solid var(--ws-mauve-deep) !important;
  border-radius: 50% !important;
  color: var(--ws-mauve-deep) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  transition:
    transform 0.25s var(--ws-ease),
    background 0.25s var(--ws-ease);
}
.popup.popup-light--book-detail .book-blurb-summary-icon svg {
  width: 16px !important;
  height: 16px !important;
}
.popup.popup-light--book-detail
  .book-blurb-accordion[open]
  .book-blurb-summary-icon {
  background: var(--ws-mauve-deep) !important;
  color: var(--ws-cream) !important;
  transform: rotate(180deg);
}
.popup.popup-light--book-detail .book-blurb-content {
  padding: 16px 22px 22px !important;
  background: 0 0 !important;
  border: none !important;
  border-top: 1px dashed rgba(184, 146, 74, 0.25) !important;
  margin: 0 20px !important;
  color: var(--ws-plum-soft) !important;
}
.popup.popup-light--book-detail .book-blurb-content p {
  font-family: var(--f-ws-body) !important;
  font-size: 14.5px !important;
  line-height: 1.7 !important;
  color: var(--ws-plum-soft) !important;
  margin: 0 0 12px !important;
  text-shadow: none !important;
}
.popup.popup-light--book-detail .book-blurb-content p:last-child {
  margin-bottom: 0 !important;
}
.popup.popup-light--book-detail .book-blurb-content em {
  font-family: var(--f-ws-italic) !important;
  font-style: italic !important;
  color: var(--ws-mauve-deep) !important;
}
.popup.popup-light--book-detail .book-blurb-content strong {
  color: var(--ws-plum-ink) !important;
  font-weight: 600 !important;
}
.popup.popup-light--book-detail .book-detail-note {
  background:
    radial-gradient(
      280px 200px at 12% 10%,
      rgba(245, 220, 180, 0.35),
      transparent 60%
    ),
    var(--ws-cream-2) !important;
  border: 1px dashed var(--ws-gold-warm) !important;
  border-radius: 14px !important;
  padding: 18px 22px !important;
  font-family: var(--f-ws-body) !important;
  font-size: 14px !important;
  line-height: 1.65 !important;
  color: var(--ws-plum-soft) !important;
  margin: 0 !important;
  position: relative;
  box-shadow: 0 8px 18px -10px rgba(184, 146, 74, 0.25) !important;
}
.popup.popup-light--book-detail .book-detail-note strong {
  font-family: var(--f-ws-display) !important;
  font-variation-settings:
    "wdth" 95,
    "wght" 700 !important;
  color: var(--ws-gold-warm) !important;
  font-size: 13px !important;
  letter-spacing: 0.025em !important;
  text-transform: uppercase !important;
  display: inline-block;
  margin-right: 6px;
  -webkit-text-fill-color: var(--ws-gold-warm) !important;
}
.popup.popup-light--book-detail .book-audio-snippets {
  background:
    radial-gradient(
      360px 260px at 18% 22%,
      rgba(212, 192, 230, 0.35),
      transparent 60%
    ),
    radial-gradient(
      280px 200px at 82% 78%,
      rgba(245, 205, 176, 0.25),
      transparent 60%
    ),
    var(--ws-cream) !important;
  border: 1px dashed rgba(142, 111, 174, 0.35) !important;
  border-radius: 16px !important;
  padding: 24px !important;
  margin: 0 !important;
  box-shadow:
    0 12px 24px -14px rgba(142, 111, 174, 0.25),
    inset 0 0 0 1px rgba(255, 255, 255, 0.55) !important;
}
.popup.popup-light--book-detail .book-audio-snippets-kicker {
  font-family: var(--f-ws-hand) !important;
  font-size: 18px !important;
  color: var(--ws-rose-deep) !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  font-weight: 500 !important;
  display: inline-block;
  transform: rotate(-1deg);
  margin: 0 0 4px !important;
  -webkit-text-fill-color: var(--ws-rose-deep) !important;
  text-shadow: none !important;
}
.popup.popup-light--book-detail .book-audio-snippets-title {
  font-family: var(--f-ws-display) !important;
  font-variation-settings:
    "wdth" 95,
    "wght" 700 !important;
  font-style: normal !important;
  font-size: 20px !important;
  color: var(--ws-plum-ink) !important;
  margin: 0 0 14px !important;
  letter-spacing: -0.015em !important;
  -webkit-text-fill-color: var(--ws-plum-ink) !important;
  text-shadow: none !important;
}
.popup.popup-light--book-detail .book-audio-track-label {
  font-family: var(--f-ws-display) !important;
  font-variation-settings:
    "wdth" 95,
    "wght" 700 !important;
  color: var(--ws-plum-ink) !important;
  font-size: 15px !important;
  -webkit-text-fill-color: var(--ws-plum-ink) !important;
  text-shadow: none !important;
}
.popup.popup-light--book-detail .book-audio-times,
.popup.popup-light--book-detail .book-audio-times span {
  color: var(--ws-plum-soft) !important;
  font-family: var(--f-mono, "JetBrains Mono", monospace) !important;
  font-size: 11px !important;
  -webkit-text-fill-color: var(--ws-plum-soft) !important;
}
.popup.popup-light--book-detail .book-audio-play {
  background: var(--ws-plum-ink) !important;
  border: 1.5px solid var(--ws-plum-ink) !important;
  color: var(--ws-cream) !important;
  box-shadow: 0 8px 18px -8px rgba(42, 30, 46, 0.4) !important;
}
.popup.popup-light--book-detail .book-audio-play:hover {
  background: var(--ws-mauve-deep) !important;
  border-color: var(--ws-mauve-deep) !important;
  transform: scale(1.06);
}
.popup.popup-light--book-detail .book-audio-progress-track {
  background: rgba(142, 111, 174, 0.15) !important;
  height: 6px !important;
  border-radius: 999px !important;
}
.popup.popup-light--book-detail .book-audio-progress-buffered {
  background: rgba(142, 111, 174, 0.25) !important;
  border-radius: 999px;
}
.popup.popup-light--book-detail .book-audio-progress-fill {
  background: linear-gradient(
    90deg,
    var(--ws-mauve-deep),
    var(--ws-rose-deep)
  ) !important;
  border-radius: 999px;
}
.popup.popup-light--book-detail .book-audio-track {
  background: var(--ws-cream-2) !important;
  border: 1px solid rgba(184, 146, 74, 0.25) !important;
  color: var(--ws-plum-soft) !important;
  -webkit-text-fill-color: var(--ws-plum-soft) !important;
}
.popup.popup-light--book-detail .book-audio-track.is-active {
  background:
    radial-gradient(
      280px 200px at 50% 50%,
      rgba(212, 192, 230, 0.55),
      transparent 70%
    ),
    var(--ws-cream) !important;
  border-color: var(--ws-mauve-deep) !important;
  color: var(--ws-plum-ink) !important;
  -webkit-text-fill-color: var(--ws-plum-ink) !important;
  box-shadow: 0 6px 14px -6px rgba(142, 111, 174, 0.35) !important;
}
.popup.popup-light--book-detail .book-audio-track-num {
  background: var(--ws-cream) !important;
  border: 1.5px solid var(--ws-mauve-deep) !important;
  color: var(--ws-mauve-deep) !important;
  -webkit-text-fill-color: var(--ws-mauve-deep) !important;
  font-family: var(--f-ws-display) !important;
  font-variation-settings:
    "wdth" 95,
    "wght" 700 !important;
  text-shadow: none !important;
}
.popup.popup-light--book-detail .book-audio-narrator-name,
.popup.popup-light--book-detail .book-audio-narrator-prefix {
  color: var(--ws-plum-ink) !important;
  -webkit-text-fill-color: var(--ws-plum-ink) !important;
  font-family: var(--f-ws-body) !important;
  text-shadow: none !important;
}
.popup.popup-light--book-detail .book-audio-narrator-name {
  font-weight: 600 !important;
  color: var(--ws-mauve-deep) !important;
  -webkit-text-fill-color: var(--ws-mauve-deep) !important;
  text-decoration: none;
  border-bottom: 1px solid rgba(142, 111, 174, 0.35);
}
.popup.popup-light--book-detail .book-audio-narrator-icon {
  color: var(--ws-plum-soft) !important;
  width: 14px;
  height: 14px;
}
.popup.popup-light--book-detail .book-audio-narrator-socials {
  display: inline-flex;
  gap: 6px;
}
.popup.popup-light--book-detail .gold-button {
  background: var(--ws-plum-ink) !important;
  color: var(--ws-cream) !important;
  border: 1.5px solid var(--ws-plum-ink) !important;
  font-family: var(--f-ws-body) !important;
  font-weight: 600 !important;
  padding: 10px 20px !important;
  border-radius: 999px !important;
  text-shadow: none !important;
  box-shadow: 0 8px 18px -8px rgba(42, 30, 46, 0.4) !important;
  -webkit-text-fill-color: var(--ws-cream) !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  font-size: 14px !important;
}
.popup.popup-light--book-detail .gold-button:hover {
  background: var(--ws-mauve-deep) !important;
  border-color: var(--ws-mauve-deep) !important;
  transform: translateY(-1px);
  box-shadow: 0 14px 26px -8px rgba(142, 111, 174, 0.5) !important;
}
.popup.popup-light--book-detail .gold-button.ghost:hover,
.popup.popup-light--book-detail .gold-button.small:hover {
  background: var(--ws-cream-2) !important;
  border-color: var(--ws-plum-ink) !important;
}
.popup.popup-light--book-detail .prelaunch-popup-notice {
  background:
    radial-gradient(
      280px 200px at 14% 24%,
      rgba(245, 205, 176, 0.35),
      transparent 60%
    ),
    var(--ws-cream-2) !important;
  border: 1px dashed var(--ws-rose-deep) !important;
  border-radius: 14px !important;
  padding: 18px 22px !important;
  margin: 0 !important;
  box-shadow: 0 8px 18px -10px rgba(184, 112, 128, 0.25) !important;
}
.popup.popup-light--book-detail .prelaunch-popup-notice__kicker {
  font-family: var(--f-ws-hand) !important;
  color: var(--ws-rose-deep) !important;
  font-size: 18px !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  margin: 0 0 4px !important;
  font-weight: 500 !important;
  -webkit-text-fill-color: var(--ws-rose-deep) !important;
  transform: rotate(-1.5deg);
  display: inline-block;
}
.popup.popup-light--book-detail .prelaunch-popup-notice__title {
  font-family: var(--f-ws-display) !important;
  font-variation-settings:
    "wdth" 95,
    "wght" 700 !important;
  font-size: 20px !important;
  color: var(--ws-plum-ink) !important;
  margin: 0 0 8px !important;
  -webkit-text-fill-color: var(--ws-plum-ink) !important;
  text-shadow: none !important;
}
.popup.popup-light--book-detail .prelaunch-popup-notice__body {
  font-family: var(--f-ws-body) !important;
  color: var(--ws-plum-soft) !important;
  font-size: 13.5px !important;
  line-height: 1.65 !important;
}
.popup.popup-light--book-detail .preview-cover-stamp {
  filter: hue-rotate(15deg) saturate(0.85) !important;
}
@media (max-width: 720px) {
  .popup.popup-light--book-detail::before {
    font-size: 36px;
    top: 20px;
    left: 24px;
  }
  .popup.popup-light--book-detail .book-detail-view {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }
  .popup.popup-light--book-detail .book-detail-cover {
    max-width: 220px;
    margin: 0 auto !important;
    transform: rotate(-1.5deg);
  }
  .popup.popup-light--book-detail .book-blurb-summary {
    padding: 14px 16px !important;
  }
  .popup.popup-light--book-detail .book-blurb-content {
    padding: 14px 16px 16px !important;
    margin: 0 16px !important;
  }
}
.prose-realm .buchfinder-cta h2#buchfinder-cta-title,
.prose-realm .faq-section h2#faq-title,
.prose-realm .lexika-section h2,
.prose-realm .newsletter-section h2#newsletter-title,
.prose-realm .reveal-universe-title,
.prose-realm .wishlist-promo-card h2.wishlist-promo-title {
  font-family: var(--f-ws-display) !important;
  font-variation-settings:
    "wdth" 95,
    "wght" 700,
    "opsz" 96 !important;
  font-style: normal !important;
  font-size: clamp(34px, 4.4vw, 60px) !important;
  color: var(--ws-plum-ink) !important;
  line-height: 0.98 !important;
  letter-spacing: -0.03em !important;
  -webkit-text-fill-color: var(--ws-plum-ink) !important;
  text-shadow: none !important;
}
.prose-realm .buchfinder-cta h2#buchfinder-cta-title em,
.prose-realm .faq-section h2#faq-title em,
.prose-realm .lexika-section h2 em,
.prose-realm .newsletter-section h2#newsletter-title em,
.prose-realm .reveal-universe-title em,
.prose-realm .wishlist-promo-card h2.wishlist-promo-title em {
  font-family: var(--f-ws-italic) !important;
  font-style: italic !important;
  font-weight: 400 !important;
  font-variation-settings: normal !important;
  letter-spacing: -0.005em !important;
  background: 0 0 !important;
}
.prose-realm .lexika-section h2 em {
  color: var(--ws-sage-deep) !important;
  -webkit-text-fill-color: var(--ws-sage-deep) !important;
}
.prose-realm .buchfinder-cta h2#buchfinder-cta-title em {
  color: var(--ws-mauve-deep) !important;
  -webkit-text-fill-color: var(--ws-mauve-deep) !important;
}
.prose-realm .newsletter-section h2#newsletter-title em {
  color: var(--ws-rose-deep) !important;
  -webkit-text-fill-color: var(--ws-rose-deep) !important;
}
.prose-realm .faq-section h2#faq-title em {
  color: var(--ws-blue-deep) !important;
  -webkit-text-fill-color: var(--ws-blue-deep) !important;
}
.prose-realm .wishlist-promo-card h2.wishlist-promo-title em {
  color: var(--ws-rose-deep) !important;
  -webkit-text-fill-color: var(--ws-rose-deep) !important;
}
.prose-realm .reveal-universe-title em {
  color: var(--ws-gold-warm) !important;
  -webkit-text-fill-color: var(--ws-gold-warm) !important;
}
.popup.popup-light--archive .logbook-archive-root {
  background: 0 0 !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  color: var(--ws-plum-soft) !important;
  box-shadow: none !important;
}
.popup.popup-light--archive .archive-line-zone,
.popup.popup-light--archive section.archive-line-zone {
  background: 0 0 !important;
  border: none !important;
  padding: 0 !important;
  margin: 32px 0 0 !important;
  display: block !important;
  position: relative;
  cursor: default !important;
  flex: none !important;
  text-align: left !important;
}
.popup.popup-light--archive .archive-line-zone::after,
.popup.popup-light--archive .archive-line-zone::before,
.popup.popup-light--archive section.archive-line-zone::after,
.popup.popup-light--archive section.archive-line-zone::before {
  content: none !important;
}
.popup.popup-light--archive .archive-line-zone.is-active,
.popup.popup-light--archive .archive-line-zone:hover {
  background: 0 0 !important;
}
.popup.popup-light--archive .archive-line-head {
  background: 0 0 !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 0 24px !important;
  text-align: left !important;
}
.popup.popup-light--archive .archive-line-kicker {
  font-family: var(--f-ws-hand) !important;
  font-size: 22px !important;
  color: var(--ws-rose-deep) !important;
  -webkit-text-fill-color: var(--ws-rose-deep) !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  font-weight: 500 !important;
  display: inline-block !important;
  transform: rotate(-1.5deg);
  margin: 0 0 6px !important;
  background: 0 0 !important;
  border: none !important;
  padding: 0 !important;
  text-shadow: none !important;
}
.popup.popup-light--archive .archive-line-kicker::after,
.popup.popup-light--archive .archive-line-kicker::before {
  content: none !important;
}
.popup.popup-light--archive .archive-line-title {
  font-family: var(--f-ws-display) !important;
  font-variation-settings:
    "wdth" 95,
    "wght" 700,
    "opsz" 96 !important;
  font-style: normal !important;
  font-size: clamp(28px, 3.4vw, 38px) !important;
  color: var(--ws-plum-ink) !important;
  -webkit-text-fill-color: var(--ws-plum-ink) !important;
  letter-spacing: -0.02em !important;
  line-height: 1.05 !important;
  margin: 0 0 10px !important;
  text-shadow: none !important;
}
.popup.popup-light--archive .archive-line-subtitle {
  font-family: var(--f-ws-body) !important;
  font-style: normal !important;
  color: var(--ws-plum-soft) !important;
  -webkit-text-fill-color: var(--ws-plum-soft) !important;
  margin: 0 !important;
  max-width: 720px;
  font-weight: 500 !important;
}
.popup.popup-light--archive .archive-line-tabs {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  background: 0 0 !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 0 22px !important;
}
.popup.popup-light--archive .archive-line-tabs > .archive-line-tab {
  flex: 0 1 auto !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 10px 18px 10px 10px !important;
  background: var(--ws-cream) !important;
  border: 1.5px solid rgba(184, 146, 74, 0.3) !important;
  border-right: 1.5px solid rgba(184, 146, 74, 0.3) !important;
  border-radius: 999px !important;
  cursor: pointer !important;
  text-align: left !important;
  position: relative !important;
  transition: all 0.25s var(--ws-ease) !important;
  color: var(--ws-plum-ink) !important;
  -webkit-text-fill-color: var(--ws-plum-ink) !important;
  box-shadow: 0 4px 10px -6px rgba(42, 30, 46, 0.15) !important;
}
.popup.popup-light--archive .archive-line-tab:hover {
  background: var(--ws-cream-2) !important;
  border-color: var(--ws-mauve-deep) !important;
}
.popup.popup-light--archive .archive-line-tab.is-active {
  background: var(--ws-plum-ink) !important;
  border-color: var(--ws-plum-ink) !important;
  color: var(--ws-cream) !important;
  -webkit-text-fill-color: var(--ws-cream) !important;
  box-shadow: 0 8px 18px -8px rgba(42, 30, 46, 0.35) !important;
}
.popup.popup-light--archive .archive-line-tab.is-active::after {
  content: none !important;
}
.popup.popup-light--archive .archive-line-tab-orb {
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
  background: linear-gradient(
    135deg,
    var(--ws-gold-pale),
    var(--ws-gold-warm)
  ) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-family: var(--f-ws-display) !important;
  font-variation-settings:
    "wdth" 95,
    "wght" 700 !important;
  font-style: normal !important;
  font-size: 14px !important;
  color: var(--ws-plum-ink) !important;
  -webkit-text-fill-color: var(--ws-plum-ink) !important;
  flex: none !important;
  border: 1.5px solid var(--ws-gold-warm) !important;
  box-shadow: 0 4px 8px rgba(184, 146, 74, 0.3) !important;
  text-shadow: none !important;
}
.popup.popup-light--archive .archive-line-tab.is-active .archive-line-tab-orb {
  background: var(--ws-cream) !important;
  border-color: var(--ws-cream) !important;
  color: var(--ws-plum-ink) !important;
  -webkit-text-fill-color: var(--ws-plum-ink) !important;
}
.popup.popup-light--archive .archive-line-tab-copy {
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  background: 0 0 !important;
}
.popup.popup-light--archive .archive-line-tab-copy strong {
  font-family: var(--f-ws-display) !important;
  font-variation-settings:
    "wdth" 95,
    "wght" 700 !important;
  font-style: normal !important;
  font-size: 14px !important;
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
  font-weight: 700 !important;
  letter-spacing: -0.005em !important;
  text-shadow: none !important;
  line-height: 1.2 !important;
}
.popup.popup-light--archive .archive-line-tab-copy span {
  font-family: var(--f-mono, "JetBrains Mono", monospace) !important;
  font-size: 9.5px !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
  opacity: 0.7;
  line-height: 1.4 !important;
}
.popup.popup-light--archive .archive-book-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 20px 14px !important;
  margin: 24px 0 0 !important;
  padding: 8px 0 !important;
  background: 0 0 !important;
}
@media (min-width: 620px) {
  .popup.popup-light--archive .archive-book-grid {
    gap: 36px 28px !important;
    padding: 8px 4px !important;
  }
}
@media (min-width: 1000px) {
  .popup.popup-light--archive .archive-book-grid {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 40px 32px !important;
  }
}
.popup.popup-light--archive .archive-book-card::before {
  content: "" !important;
  position: absolute !important;
  top: -10px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  height: 16px !important;
  border: 1px solid rgba(201, 138, 92, 0.2) !important;
  border-radius: 1px !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12) !important;
  z-index: 4 !important;
  bottom: auto !important;
  right: auto !important;
}
.popup.popup-light--archive .archive-book-card::after {
  content: none !important;
}
.popup.popup-light--archive .archive-book-card:hover::before {
  opacity: 1;
  width: 60px !important;
  background: rgba(245, 205, 176, 0.85) !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12) !important;
}
.popup.popup-light--archive .archive-book-cover {
  aspect-ratio: 2/3 !important;
  background: var(--ws-cream-3) !important;
  display: block !important;
  flex: none !important;
  box-shadow: 0 8px 18px -8px rgba(42, 30, 46, 0.25) !important;
}
.popup.popup-light--archive .archive-book-cover img {
  object-fit: cover !important;
  transition: transform 0.5s var(--ws-ease) !important;
}
.popup.popup-light--archive .archive-book-cover .archive-book-badge-row {
  position: absolute !important;
  bottom: 10px !important;
  left: 10px !important;
  right: 10px !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  margin: 0 !important;
  z-index: 2 !important;
  opacity: 0;
  transform: translateY(6px);
  transition: all 0.35s var(--ws-ease);
}
.popup.popup-light--archive
  .archive-book-card:hover
  .archive-book-cover
  .archive-book-badge-row {
  opacity: 1;
  transform: translateY(0);
}
.popup.popup-light--archive .archive-book-cover .archive-badge {
  background: rgba(251, 248, 239, 0.92) !important;
  border: 1px solid rgba(184, 146, 74, 0.35) !important;
  color: var(--ws-plum-ink) !important;
  -webkit-text-fill-color: var(--ws-plum-ink) !important;
  font-family: var(--f-mono, "JetBrains Mono", monospace) !important;
  font-size: 9px !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  font-weight: 600 !important;
  padding: 4px 9px !important;
  border-radius: 999px !important;
  text-shadow: none !important;
}
.popup.popup-light--archive .archive-book-body {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  padding: 0 4px !important;
  flex: 1 !important;
  background: 0 0 !important;
}
.popup.popup-light--archive .archive-book-body::before {
  content: none !important;
}
.popup.popup-light--archive .archive-book-title {
  font-family: var(--f-ws-display) !important;
  font-variation-settings:
    "wdth" 95,
    "wght" 700 !important;
  font-style: normal !important;
  font-size: 18px !important;
  color: var(--ws-plum-ink) !important;
  -webkit-text-fill-color: var(--ws-plum-ink) !important;
  letter-spacing: -0.015em !important;
  line-height: 1.15 !important;
  margin: 4px 0 0 !important;
  text-shadow: none !important;
}
.popup.popup-light--archive .archive-book-text {
  font-family: var(--f-ws-body) !important;
  color: var(--ws-plum-soft) !important;
  -webkit-text-fill-color: var(--ws-plum-soft) !important;
  margin: 0 !important;
  flex-grow: 1 !important;
}
.popup.popup-light--archive .archive-book-meta {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  margin: 6px 0 0 !important;
  padding: 0 !important;
  background: 0 0 !important;
}
.popup.popup-light--archive .archive-book-meta .archive-book-chip {
  display: inline-flex !important;
  align-items: center !important;
  padding: 3px 9px !important;
  background: var(--ws-cream-2) !important;
  border: 1px dashed rgba(184, 146, 74, 0.35) !important;
  border-radius: 999px !important;
  font-family: var(--f-ws-body) !important;
  font-size: 11px !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  color: var(--ws-plum-soft) !important;
  -webkit-text-fill-color: var(--ws-plum-soft) !important;
  font-weight: 500 !important;
  text-shadow: none !important;
  box-shadow: none !important;
}
.popup.popup-light--archive
  .archive-book-meta
  .archive-book-chip:nth-child(3n + 1) {
  background: rgba(212, 192, 230, 0.25) !important;
  border-color: rgba(142, 111, 174, 0.35) !important;
}
.popup.popup-light--archive
  .archive-book-meta
  .archive-book-chip:nth-child(3n + 2) {
  background: rgba(245, 205, 176, 0.25) !important;
  border-color: rgba(201, 138, 92, 0.35) !important;
}
.popup.popup-light--archive
  .archive-book-meta
  .archive-book-chip:nth-child(3n + 3) {
  background: rgba(194, 214, 192, 0.25) !important;
  border-color: rgba(111, 140, 110, 0.35) !important;
}
.popup.popup-light--archive .archive-book-actions {
  margin: 12px 0 0 !important;
  padding: 0 !important;
  background: 0 0 !important;
}
.popup.popup-light--archive .archive-book-actions .gold-button.small,
.popup.popup-light--archive
  .archive-book-actions
  .gold-button.small.visual-only {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 7px 14px !important;
  background: 0 0 !important;
  border: 1.5px solid var(--ws-plum-ink) !important;
  border-radius: 999px !important;
  color: var(--ws-plum-ink) !important;
  -webkit-text-fill-color: var(--ws-plum-ink) !important;
  font-family: var(--f-ws-body) !important;
  font-size: 11.5px !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  text-shadow: none !important;
  box-shadow: none !important;
}
.popup.popup-light--archive
  .archive-book-card:hover
  .archive-book-actions
  .gold-button.small {
  background: var(--ws-plum-ink) !important;
  color: var(--ws-cream) !important;
  -webkit-text-fill-color: var(--ws-cream) !important;
}
.popup.popup-light--book-detail {
  background:
    radial-gradient(
      420px 320px at 8% 6%,
      color-mix(in srgb, var(--book-theme-accent, #8e6fae) 28%, transparent),
      transparent 60%
    ),
    radial-gradient(
      380px 300px at 92% 14%,
      color-mix(in srgb, var(--book-theme-accent, #8e6fae) 18%, transparent),
      transparent 60%
    ),
    radial-gradient(
      440px 340px at 50% 92%,
      color-mix(in srgb, var(--book-theme-accent, #8e6fae) 14%, transparent),
      transparent 60%
    ),
    radial-gradient(
      340px 260px at 6% 76%,
      rgba(245, 220, 180, 0.25),
      transparent 60%
    ),
    var(--ws-cream) !important;
  border-color: color-mix(
    in srgb,
    var(--book-theme-accent, #8e6fae) 35%,
    transparent
  ) !important;
}
.popup.popup-light--book-detail::before {
  color: color-mix(
    in srgb,
    var(--book-theme-accent, #8e6fae) 12%,
    transparent
  ) !important;
}
.popup.popup-light--book-detail .book-detail-cover::before {
  background: color-mix(
    in srgb,
    var(--book-theme-accent, #c98a5c) 75%,
    var(--ws-cream)
  ) !important;
  border: 1px solid
    color-mix(in srgb, var(--book-theme-accent, #c98a5c) 45%, transparent) !important;
}
.popup.popup-light--book-detail .book-detail-kicker {
  color: var(--book-theme-accent, var(--ws-mauve-deep)) !important;
  -webkit-text-fill-color: var(
    --book-theme-accent,
    var(--ws-mauve-deep)
  ) !important;
}
.popup.popup-light--book-detail .archive-result-pill:nth-child(odd) {
  background: color-mix(
    in srgb,
    var(--book-theme-accent, #8e6fae) 20%,
    var(--ws-cream-2)
  ) !important;
  border-color: color-mix(
    in srgb,
    var(--book-theme-accent, #8e6fae) 45%,
    transparent
  ) !important;
}
.popup.popup-light--book-detail .archive-result-pill:nth-child(2n) {
  background: var(--ws-cream-2) !important;
  border-color: rgba(184, 146, 74, 0.35) !important;
}
.popup.popup-light--book-detail .book-blurb-summary-icon {
  border-color: var(--book-theme-accent, var(--ws-mauve-deep)) !important;
  color: var(--book-theme-accent, var(--ws-mauve-deep)) !important;
}
.popup.popup-light--book-detail
  .book-blurb-accordion[open]
  .book-blurb-summary-icon {
  background: var(--book-theme-accent, var(--ws-mauve-deep)) !important;
  color: var(--ws-cream) !important;
}
.popup.popup-light--book-detail .book-blurb-content em,
.popup.popup-light--book-detail .book-detail-copy > p em {
  color: var(--book-theme-accent, var(--ws-mauve-deep)) !important;
}
.popup.popup-light--book-detail .book-detail-note {
  background:
    radial-gradient(
      280px 200px at 12% 10%,
      color-mix(in srgb, var(--book-theme-accent, #b8924a) 18%, transparent),
      transparent 60%
    ),
    var(--ws-cream-2) !important;
  border: 1px dashed
    color-mix(in srgb, var(--book-theme-accent, #b8924a) 55%, transparent) !important;
  box-shadow: 0 8px 18px -10px
    color-mix(in srgb, var(--book-theme-accent, #b8924a) 35%, transparent) !important;
}
.popup.popup-light--book-detail .book-detail-note strong {
  color: var(--book-theme-accent, var(--ws-gold-warm)) !important;
  -webkit-text-fill-color: var(
    --book-theme-accent,
    var(--ws-gold-warm)
  ) !important;
}
.popup.popup-light--book-detail .book-audio-snippets {
  background:
    radial-gradient(
      360px 260px at 18% 22%,
      color-mix(in srgb, var(--book-theme-accent, #8e6fae) 20%, transparent),
      transparent 60%
    ),
    radial-gradient(
      280px 200px at 82% 78%,
      color-mix(in srgb, var(--book-theme-accent, #8e6fae) 12%, transparent),
      transparent 60%
    ),
    var(--ws-cream) !important;
  border: 1px dashed
    color-mix(in srgb, var(--book-theme-accent, #8e6fae) 45%, transparent) !important;
  box-shadow:
    0 12px 24px -14px
      color-mix(in srgb, var(--book-theme-accent, #8e6fae) 35%, transparent),
    inset 0 0 0 1px rgba(255, 255, 255, 0.55) !important;
}
.popup.popup-light--book-detail .book-audio-snippets-kicker {
  color: var(--book-theme-accent, var(--ws-rose-deep)) !important;
  -webkit-text-fill-color: var(
    --book-theme-accent,
    var(--ws-rose-deep)
  ) !important;
}
.popup.popup-light--book-detail .book-audio-eq i {
  background: var(--book-theme-accent, var(--ws-mauve-deep)) !important;
}
.popup.popup-light--book-detail .book-audio-play {
  background: var(--book-theme-accent, var(--ws-plum-ink)) !important;
  border-color: var(--book-theme-accent, var(--ws-plum-ink)) !important;
  box-shadow: 0 8px 18px -8px
    color-mix(in srgb, var(--book-theme-accent, #2a1e2e) 50%, transparent) !important;
}
.popup.popup-light--book-detail .book-audio-play:hover {
  background: color-mix(
    in srgb,
    var(--book-theme-accent, #8e6fae) 80%,
    #000
  ) !important;
  border-color: color-mix(
    in srgb,
    var(--book-theme-accent, #8e6fae) 80%,
    #000
  ) !important;
}
.popup.popup-light--book-detail
  .book-audio-snippets.is-playing
  .book-audio-play {
  background: color-mix(
    in srgb,
    var(--book-theme-accent, #b87080) 85%,
    #fff
  ) !important;
  border-color: color-mix(
    in srgb,
    var(--book-theme-accent, #b87080) 85%,
    #fff
  ) !important;
}
.popup.popup-light--book-detail .book-audio-play-ring {
  border-color: var(--book-theme-accent, var(--ws-mauve-deep)) !important;
}
.popup.popup-light--book-detail .book-audio-progress-track {
  background: color-mix(
    in srgb,
    var(--book-theme-accent, #8e6fae) 15%,
    transparent
  ) !important;
}
.popup.popup-light--book-detail .book-audio-progress-buffered {
  background: color-mix(
    in srgb,
    var(--book-theme-accent, #8e6fae) 28%,
    transparent
  ) !important;
}
.popup.popup-light--book-detail .book-audio-progress-fill {
  background: linear-gradient(
    90deg,
    var(--book-theme-accent, var(--ws-mauve-deep)),
    color-mix(in srgb, var(--book-theme-accent, #8e6fae) 70%, #fff)
  ) !important;
}
.popup.popup-light--book-detail .book-audio-progress-thumb {
  background: var(--ws-cream) !important;
  border: 2px solid var(--book-theme-accent, var(--ws-mauve-deep)) !important;
  box-shadow: 0 4px 8px -2px
    color-mix(in srgb, var(--book-theme-accent, #8e6fae) 35%, transparent) !important;
}
.popup.popup-light--book-detail .book-audio-track:hover {
  background: var(--ws-cream) !important;
  border-color: var(--book-theme-accent, var(--ws-mauve-deep)) !important;
  color: var(--ws-plum-ink) !important;
  -webkit-text-fill-color: var(--ws-plum-ink) !important;
}
.popup.popup-light--book-detail .book-audio-track.is-active {
  background:
    radial-gradient(
      280px 200px at 50% 50%,
      color-mix(in srgb, var(--book-theme-accent, #8e6fae) 30%, transparent),
      transparent 70%
    ),
    var(--ws-cream) !important;
  border-color: var(--book-theme-accent, var(--ws-mauve-deep)) !important;
  box-shadow: 0 6px 14px -6px
    color-mix(in srgb, var(--book-theme-accent, #8e6fae) 35%, transparent) !important;
}
.popup.popup-light--book-detail .book-audio-track-num {
  background: var(--ws-cream) !important;
  border: 1.5px solid var(--book-theme-accent, var(--ws-mauve-deep)) !important;
  color: var(--book-theme-accent, var(--ws-mauve-deep)) !important;
  -webkit-text-fill-color: var(
    --book-theme-accent,
    var(--ws-mauve-deep)
  ) !important;
}
.popup.popup-light--book-detail
  .book-audio-track.is-active
  .book-audio-track-num {
  background: var(--book-theme-accent, var(--ws-mauve-deep)) !important;
  color: var(--ws-cream) !important;
  -webkit-text-fill-color: var(--ws-cream) !important;
}
.popup.popup-light--book-detail .book-audio-track-bars i {
  background: var(--book-theme-accent, var(--ws-mauve-deep)) !important;
}
.popup.popup-light--book-detail .book-audio-track-icon {
  color: var(--book-theme-accent, var(--ws-mauve-deep)) !important;
}
.popup.popup-light--book-detail .book-audio-narrator-name {
  color: var(--book-theme-accent, var(--ws-mauve-deep)) !important;
  -webkit-text-fill-color: var(
    --book-theme-accent,
    var(--ws-mauve-deep)
  ) !important;
  border-bottom: 1px solid
    color-mix(in srgb, var(--book-theme-accent, #8e6fae) 35%, transparent) !important;
}
.popup.popup-light--book-detail .book-audio-narrator-name:hover {
  border-bottom-color: var(
    --book-theme-accent,
    var(--ws-mauve-deep)
  ) !important;
}
.popup.popup-light--book-detail
  .book-audio-narrator-social:hover
  .book-audio-narrator-icon {
  color: var(--book-theme-accent, var(--ws-mauve-deep)) !important;
}
.popup.popup-light--book-detail .gold-button {
  background: var(--book-theme-accent, var(--ws-plum-ink)) !important;
  color: var(--ws-cream) !important;
  -webkit-text-fill-color: var(--ws-cream) !important;
  border-color: var(--book-theme-accent, var(--ws-plum-ink)) !important;
  box-shadow: 0 8px 18px -8px
    color-mix(in srgb, var(--book-theme-accent, #2a1e2e) 50%, transparent) !important;
}
.popup.popup-light--book-detail .gold-button:hover {
  background: color-mix(
    in srgb,
    var(--book-theme-accent, #8e6fae) 80%,
    #000
  ) !important;
  border-color: color-mix(
    in srgb,
    var(--book-theme-accent, #8e6fae) 80%,
    #000
  ) !important;
  box-shadow: 0 14px 26px -8px
    color-mix(in srgb, var(--book-theme-accent, #8e6fae) 50%, transparent) !important;
}
.popup.popup-light--book-detail .gold-button.ghost,
.popup.popup-light--book-detail .gold-button.small {
  background: 0 0 !important;
  color: var(--book-theme-accent, var(--ws-plum-ink)) !important;
  -webkit-text-fill-color: var(
    --book-theme-accent,
    var(--ws-plum-ink)
  ) !important;
  border-color: var(--book-theme-accent, var(--ws-plum-ink)) !important;
  box-shadow: none !important;
}
.popup.popup-light--book-detail .gold-button.ghost:hover,
.popup.popup-light--book-detail .gold-button.small:hover {
  background: color-mix(
    in srgb,
    var(--book-theme-accent, #8e6fae) 12%,
    var(--ws-cream-2)
  ) !important;
}
.popup.popup-light--book-detail .archive-book-chip:nth-child(3n + 1) {
  background: color-mix(
    in srgb,
    var(--book-theme-accent, #8e6fae) 18%,
    var(--ws-cream)
  ) !important;
  border-color: color-mix(
    in srgb,
    var(--book-theme-accent, #8e6fae) 40%,
    transparent
  ) !important;
}
.popup.popup-light--book-detail .popup-title em {
  color: var(--book-theme-accent, var(--ws-mauve-deep)) !important;
  -webkit-text-fill-color: var(
    --book-theme-accent,
    var(--ws-mauve-deep)
  ) !important;
}
.popup.popup-light--archive .archive-question-grid {
  display: flex !important;
  flex-direction: column !important;
  margin: 16px 0 !important;
}
.popup.popup-light--archive .archive-question-head {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}
.popup.popup-light--archive .archive-question-index {
  background: var(--ws-plum-ink) !important;
  color: var(--ws-cream) !important;
  -webkit-text-fill-color: var(--ws-cream) !important;
  font-family: var(--f-ws-display) !important;
  font-variation-settings:
    "wdth" 95,
    "wght" 700 !important;
  font-style: normal !important;
  align-items: center !important;
  justify-content: center !important;
  flex: none !important;
  box-shadow: 0 4px 8px -3px rgba(42, 30, 46, 0.3) !important;
}
.popup.popup-light--archive .archive-question-title {
  font-family: var(--f-ws-display) !important;
  font-variation-settings:
    "wdth" 95,
    "wght" 700 !important;
  font-size: 18px !important;
  color: var(--ws-plum-ink) !important;
  -webkit-text-fill-color: var(--ws-plum-ink) !important;
  flex: 1 !important;
  letter-spacing: -0.01em !important;
}
.popup.popup-light--archive .archive-question-helper {
  font-family: var(--f-ws-italic) !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  color: var(--ws-plum-soft) !important;
  -webkit-text-fill-color: var(--ws-plum-soft) !important;
}
.popup.popup-light--archive .archive-option-grid,
.popup.popup-light--archive .archive-question-options,
.popup.popup-light--archive .archive-quiz-options {
  display: grid !important;
  gap: 8px !important;
  grid-template-columns: 1fr !important;
  background: 0 0 !important;
  padding: 0 !important;
  border: none !important;
}
@media (min-width: 600px) {
  .popup.popup-light--archive .archive-option-grid {
    grid-template-columns: 1fr 1fr !important;
  }
}
.popup.popup-light--archive .archive-option-grid label:hover,
.popup.popup-light--archive .archive-question-grid label:hover {
  background: var(--ws-cream-2) !important;
  border-color: var(--ws-mauve-deep) !important;
  color: var(--ws-plum-ink) !important;
  -webkit-text-fill-color: var(--ws-plum-ink) !important;
}
.popup.popup-light--archive .archive-question-grid input[type="checkbox"],
.popup.popup-light--archive .archive-question-grid input[type="radio"] {
  appearance: none !important;
  -webkit-appearance: none !important;
  border: 1.5px solid rgba(142, 111, 174, 0.4) !important;
  border-radius: 50% !important;
  background: var(--ws-cream) !important;
  flex: none !important;
  cursor: pointer !important;
  transition: all 0.2s var(--ws-ease) !important;
  position: absolute !important;
  opacity: 0 !important;
  pointer-events: none !important;
  width: 0 !important;
  height: 0 !important;
}
.popup.popup-light--archive .archive-question-grid input[type="checkbox"] {
  border-radius: 4px !important;
}
.popup.popup-light--archive
  .archive-question-grid
  input[type="checkbox"]:checked,
.popup.popup-light--archive .archive-question-grid input[type="radio"]:checked {
  background: var(--ws-mauve-deep) !important;
  border-color: var(--ws-mauve-deep) !important;
}
.popup.popup-light--archive
  .archive-question-grid
  input[type="radio"]:checked::after {
  content: "" !important;
  position: absolute !important;
  inset: 3px !important;
  border-radius: 50% !important;
  background: var(--ws-cream) !important;
}
.popup.popup-light--archive
  .archive-question-grid
  input[type="checkbox"]:checked::after {
  content: "✓" !important;
  position: absolute !important;
  inset: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: var(--ws-cream) !important;
  -webkit-text-fill-color: var(--ws-cream) !important;
  font-weight: 700 !important;
  font-size: 11px !important;
}
.popup.popup-light--archive .archive-option-copy {
  flex: 1 !important;
  font-family: var(--f-ws-body) !important;
  font-style: normal !important;
  color: var(--ws-plum-ink) !important;
  -webkit-text-fill-color: var(--ws-plum-ink) !important;
  text-shadow: none !important;
}
.popup.popup-light--archive .archive-results-shell {
  background:
    radial-gradient(
      360px 260px at 18% 22%,
      rgba(194, 214, 192, 0.35),
      transparent 60%
    ),
    radial-gradient(
      280px 200px at 82% 78%,
      rgba(245, 220, 180, 0.25),
      transparent 60%
    ),
    var(--ws-cream-2) !important;
  border: 1px dashed rgba(111, 140, 110, 0.4) !important;
  border-radius: 16px !important;
  padding: 26px !important;
  margin-bottom: 32px !important;
  box-shadow:
    0 14px 28px -16px rgba(111, 140, 110, 0.25),
    inset 0 0 0 1px rgba(255, 255, 255, 0.55) !important;
}
.popup.popup-light--archive .archive-results-shell::after,
.popup.popup-light--archive .archive-results-shell::before {
  content: none !important;
}
.popup.popup-light--archive .archive-results-kicker {
  font-family: var(--f-ws-hand) !important;
  font-size: 18px !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  color: var(--ws-sage-deep) !important;
  -webkit-text-fill-color: var(--ws-sage-deep) !important;
  margin: 0 0 4px !important;
  display: inline-block;
  transform: rotate(-1.5deg);
  font-weight: 500 !important;
  text-shadow: none !important;
}
.popup.popup-light--archive .archive-results-title {
  font-family: var(--f-ws-display) !important;
  font-variation-settings:
    "wdth" 95,
    "wght" 700 !important;
  font-style: normal !important;
  font-size: 22px !important;
  color: var(--ws-plum-ink) !important;
  -webkit-text-fill-color: var(--ws-plum-ink) !important;
  margin: 0 0 8px !important;
  letter-spacing: -0.015em !important;
  text-shadow: none !important;
}
.popup.popup-light--archive .archive-results-summary {
  font-family: var(--f-ws-body) !important;
  font-style: normal !important;
  color: var(--ws-plum-soft) !important;
  -webkit-text-fill-color: var(--ws-plum-soft) !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
}
.popup.popup-light--archive .archive-results-grid {
  display: grid !important;
  gap: 24px !important;
  grid-template-columns: 1fr !important;
  margin-top: 18px !important;
}
@media (min-width: 780px) {
  .popup.popup-light--archive .archive-results-grid {
    grid-template-columns: 1fr 1fr !important;
  }
}
.popup.popup-light--archive .preview-cover-stamp,
.popup.popup-light--book-detail .preview-cover-stamp,
.popup.popup-light--wishlist .preview-cover-stamp {
  background: var(--ws-cream) !important;
  border: 1px solid var(--ws-rose-deep) !important;
  outline: 0 !important;
  outline-offset: 0 !important;
  box-shadow: 0 4px 10px rgba(184, 112, 128, 0.2) !important;
  filter: none !important;
}
.popup.popup-light--archive .preview-cover-stamp::before,
.popup.popup-light--book-detail .preview-cover-stamp::before,
.popup.popup-light--wishlist .preview-cover-stamp::before {
  border-color: rgba(184, 112, 128, 0.3) !important;
}
.popup.popup-light--archive .preview-cover-stamp__label,
.popup.popup-light--book-detail .preview-cover-stamp__label,
.popup.popup-light--wishlist .preview-cover-stamp__label {
  color: var(--ws-rose-deep) !important;
  -webkit-text-fill-color: var(--ws-rose-deep) !important;
  text-shadow: none !important;
}
.popup.popup-light--archive .preview-cover-stamp__sub,
.popup.popup-light--book-detail .preview-cover-stamp__sub,
.popup.popup-light--wishlist .preview-cover-stamp__sub {
  color: var(--ws-plum-soft) !important;
  -webkit-text-fill-color: var(--ws-plum-soft) !important;
}
.popup.popup-light--archive .preview-cover-stamp__divider,
.popup.popup-light--book-detail .preview-cover-stamp__divider,
.popup.popup-light--wishlist .preview-cover-stamp__divider {
  background: linear-gradient(
    90deg,
    transparent,
    var(--ws-rose-deep),
    transparent
  ) !important;
}
.popup.book-detail-redesigned .popup-title {
  font-family: var(--f-ws-display) !important;
  font-variation-settings:
    "wdth" 95,
    "wght" 700,
    "opsz" 96 !important;
  font-style: normal !important;
  font-size: clamp(48px, 6.4vw, 80px) !important;
  letter-spacing: -0.03em !important;
  line-height: 0.95 !important;
  text-shadow: none !important;
  margin: 0 0 14px !important;
  text-align: center !important;
}
.popup.book-detail-redesigned .popup-title em {
  font-family: "Instrument Serif", Georgia, serif !important;
  font-style: italic !important;
  font-weight: 400 !important;
  font-variation-settings: normal !important;
  letter-spacing: -0.005em !important;
  background: 0 0 !important;
  color: var(--book-theme-accent, #c49a4f) !important;
  -webkit-text-fill-color: var(--book-theme-accent, #c49a4f) !important;
}
.popup.book-detail-redesigned .popup-kicker {
  font-family: Caveat, cursive !important;
  font-size: 52px !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  font-weight: 600 !important;
  display: block !important;
  width: fit-content !important;
  margin: 0 auto 6px !important;
  padding: 0 !important;
  background: 0 0 !important;
  border: none !important;
  text-shadow: none !important;
  color: var(--book-theme-accent, #c49a4f) !important;
  -webkit-text-fill-color: var(--book-theme-accent, #c49a4f) !important;
  transform: rotate(-1deg);
}
.popup.book-detail-redesigned .popup-lede {
  font-family: "Instrument Serif", Georgia, serif !important;
  font-style: italic !important;
  font-size: 19px !important;
  line-height: 1.5 !important;
  color: color-mix(
    in srgb,
    var(--book-theme-text, #4a3a2c) 80%,
    transparent
  ) !important;
  -webkit-text-fill-color: color-mix(
    in srgb,
    var(--book-theme-text, #4a3a2c) 80%,
    transparent
  ) !important;
  max-width: 620px !important;
  margin: 0 auto 28px !important;
  padding: 0 !important;
  text-align: center !important;
}
.popup.book-detail-redesigned .book-detail-view {
  display: grid !important;
  grid-template-columns: 280px 1fr !important;
  gap: 36px !important;
  align-items: start;
}
.popup.book-detail-redesigned .book-detail-cover {
  position: relative;
  background: var(--ws-cream) !important;
  padding: 14px 14px 56px !important;
  border-radius: 4px !important;
  border: none !important;
  box-shadow:
    0 32px 60px -18px rgba(0, 0, 0, 0.65),
    0 8px 18px -4px rgba(0, 0, 0, 0.35),
    inset 0 0 0 1px rgba(255, 255, 255, 0.55) !important;
  transform: rotate(-2deg);
  margin: 0 !important;
  isolation: isolate;
  width: 100%;
  aspect-ratio: auto !important;
  overflow: visible !important;
  flex: none !important;
}
.popup.book-detail-redesigned .book-detail-cover-line {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 16px;
  text-align: center;
  font-family: Caveat, cursive !important;
  font-weight: 600 !important;
  font-size: 22px !important;
  line-height: 1 !important;
  color: #2c4a6b !important;
  -webkit-text-fill-color: #2c4a6b !important;
  letter-spacing: 0.005em !important;
  pointer-events: none;
  transform: rotate(-1.5deg);
  text-rendering: optimizeLegibility;
  z-index: 3;
  text-shadow: none !important;
}
.popup.book-detail-redesigned .book-detail-cover::before {
  content: "";
  position: absolute;
  top: -12px;
  left: 50%;
  transform: translateX(-50%);
  width: 64px;
  height: 18px;
  background: color-mix(in srgb, var(--book-theme-accent, #c49a4f) 75%, #fff);
  border: 1px solid
    color-mix(in srgb, var(--book-theme-accent, #c49a4f) 50%, transparent);
  border-radius: 1px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
  z-index: 4;
}
.popup.book-detail-redesigned .book-detail-cover::after {
  content: none !important;
}
.popup.book-detail-redesigned .book-detail-cover img {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 2/3 !important;
  object-fit: cover !important;
  display: block !important;
  border-radius: 2px !important;
  margin: 0 !important;
  filter: none !important;
}
.popup.book-detail-redesigned .book-detail-copy {
  display: flex !important;
  flex-direction: column !important;
  gap: 18px !important;
  padding: 0 !important;
}
.popup.book-detail-redesigned .book-detail-kicker {
  font-family: var(--f-ws-hand) !important;
  font-size: 22px !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  font-weight: 500 !important;
  display: inline-block;
  transform: rotate(-1.5deg);
  margin: 0 0 6px !important;
  background: 0 0 !important;
  border: none !important;
  padding: 0 !important;
  text-shadow: none !important;
  color: var(--book-theme-accent, #c49a4f) !important;
  -webkit-text-fill-color: var(--book-theme-accent, #c49a4f) !important;
}
.popup.book-detail-redesigned .book-detail-topline {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin: 4px 0 !important;
}
.popup.book-detail-redesigned .archive-result-pill {
  font-family: var(--f-mono, "JetBrains Mono", monospace) !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
}
.popup.book-detail-redesigned .book-detail-chips {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin: 4px 0 8px !important;
}
.popup.book-detail-redesigned .archive-book-chip {
  font-family: var(--f-ws-body) !important;
  text-transform: none !important;
}
.popup.book-detail-redesigned .book-detail-copy > p {
  font-family: var(--f-ws-body) !important;
  font-style: normal !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
  margin: 4px 0 0 !important;
  text-shadow: none !important;
}
.popup.book-detail-redesigned .book-detail-copy > p em {
  font-family: var(--f-ws-italic) !important;
  font-style: italic !important;
  color: var(--book-theme-accent, #c49a4f) !important;
}
.popup.book-detail-redesigned .book-detail-copy > p strong {
  font-weight: 700 !important;
  color: var(--book-theme-title, #f5dda6) !important;
}
.popup.book-detail-redesigned .book-blurb-summary-label {
  font-family: var(--f-ws-display) !important;
  font-variation-settings:
    "wdth" 95,
    "wght" 700 !important;
  font-style: normal !important;
  font-size: 17px !important;
  letter-spacing: -0.01em !important;
  text-transform: none !important;
  text-shadow: none !important;
}
.popup.book-detail-redesigned .book-blurb-summary-hint {
  font-family: var(--f-ws-italic) !important;
  font-style: italic !important;
  font-size: 12px !important;
}
.popup.book-detail-redesigned .book-blurb-content p {
  font-family: var(--f-ws-body) !important;
  font-style: normal !important;
  font-size: 14.5px !important;
  line-height: 1.7 !important;
  text-shadow: none !important;
}
.popup.book-detail-redesigned .book-blurb-content em {
  font-family: var(--f-ws-italic) !important;
  font-style: italic !important;
  color: var(--book-theme-accent, #c49a4f) !important;
}
.popup.book-detail-redesigned .book-blurb-content strong {
  font-weight: 700 !important;
  color: var(--book-theme-title, #f5dda6) !important;
}
.popup.book-detail-redesigned .book-detail-note {
  font-family: var(--f-ws-body) !important;
  font-size: 14px !important;
  line-height: 1.65 !important;
}
.popup.book-detail-redesigned .book-detail-note strong {
  font-family: var(--f-ws-display) !important;
  font-variation-settings:
    "wdth" 95,
    "wght" 700 !important;
  font-size: 12px !important;
  letter-spacing: 0.025em !important;
  text-transform: uppercase !important;
  display: inline-block;
  margin-right: 6px;
}
.popup.book-detail-redesigned .book-audio-snippets-kicker {
  font-family: var(--f-ws-hand) !important;
  font-size: 18px !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  font-weight: 500 !important;
  display: inline-block;
  transform: rotate(-1deg);
  margin: 0 0 4px !important;
  text-shadow: none !important;
}
.popup.book-detail-redesigned .book-audio-snippets-title {
  font-family: var(--f-ws-display) !important;
  font-variation-settings:
    "wdth" 95,
    "wght" 700 !important;
  font-style: normal !important;
  font-size: 20px !important;
  letter-spacing: -0.015em !important;
  text-shadow: none !important;
  margin: 0 0 14px !important;
}
.popup.book-detail-redesigned .book-audio-track-label {
  font-family: var(--f-ws-display) !important;
  font-variation-settings:
    "wdth" 95,
    "wght" 700 !important;
  font-size: 15px !important;
  text-shadow: none !important;
}
.popup.book-detail-redesigned .book-audio-narrator-name,
.popup.book-detail-redesigned .book-audio-narrator-prefix {
  font-family: var(--f-ws-body) !important;
  text-shadow: none !important;
}
.popup.book-detail-redesigned .book-audio-narrator-name {
  font-weight: 600 !important;
}
.popup.book-detail-redesigned .prelaunch-popup-notice__kicker {
  font-family: var(--f-ws-hand) !important;
  font-size: 18px !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  font-weight: 500 !important;
  text-shadow: none !important;
}
.popup.book-detail-redesigned .prelaunch-popup-notice__title {
  font-family: var(--f-ws-display) !important;
  font-variation-settings:
    "wdth" 95,
    "wght" 700 !important;
  font-size: 20px !important;
  text-shadow: none !important;
}
.popup.book-detail-redesigned .prelaunch-popup-notice__body {
  font-family: var(--f-ws-body) !important;
  font-style: normal !important;
}
@media (max-width: 720px) {
  .popup.book-detail-redesigned .book-detail-view {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }
  .popup.book-detail-redesigned .book-detail-cover {
    max-width: 220px;
    margin: 0 auto !important;
    transform: rotate(-1.5deg);
  }
}
.popup.popup-light--archive .archive-result-card {
  display: grid !important;
  grid-template-columns: 130px 1fr !important;
  grid-template-rows: auto auto !important;
  gap: 16px 22px !important;
  background: var(--ws-cream) !important;
  border: 1px solid rgba(184, 146, 74, 0.25) !important;
  border-radius: 14px !important;
  box-shadow: 0 12px 26px -14px rgba(42, 30, 46, 0.2) !important;
  color: var(--ws-plum-ink) !important;
  -webkit-text-fill-color: var(--ws-plum-ink) !important;
  margin: 0 !important;
  grid-template-rows: auto !important;
}
.popup.popup-light--archive .archive-result-card[data-rank="1"] {
  border-color: var(--ws-gold-warm) !important;
  background:
    radial-gradient(
      280px 200px at 18% 22%,
      rgba(245, 220, 180, 0.35),
      transparent 60%
    ),
    var(--ws-cream) !important;
  box-shadow:
    0 0 0 2px var(--ws-gold-warm),
    0 16px 30px -14px rgba(184, 146, 74, 0.35) !important;
}
.popup.popup-light--archive .archive-result-cover {
  grid-row: 1 / span 2 !important;
  grid-column: 1 !important;
  position: relative !important;
  width: 100% !important;
  aspect-ratio: 2/3 !important;
  background: var(--ws-cream-3) !important;
  border-radius: 4px !important;
  align-self: start;
  box-shadow: 0 8px 16px -8px rgba(42, 30, 46, 0.25) !important;
}
.popup.popup-light--archive .archive-result-cover img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  filter: none !important;
}
.popup.popup-light--archive .archive-result-rank {
  grid-row: 1 !important;
  grid-column: 2 !important;
  align-self: start !important;
}
.popup.popup-light--archive
  .archive-result-card[data-rank="1"]
  .archive-result-rank {
  border-color: var(--ws-gold-warm) !important;
}
.popup.popup-light--archive .archive-rank-number::before {
  content: "" !important;
}
.popup.popup-light--archive .archive-result-copy {
  grid-row: 2 !important;
  grid-column: 2 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  background: 0 0 !important;
}
.popup.popup-light--archive .archive-result-topline {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  margin: 0 0 4px !important;
}
.popup.popup-light--archive .archive-result-card .archive-result-pill {
  display: inline-flex !important;
  align-items: center !important;
  padding: 4px 12px !important;
  background: var(--ws-cream-2) !important;
  border: 1px solid rgba(184, 146, 74, 0.3) !important;
  border-radius: 999px !important;
  font-family: var(--f-mono, "JetBrains Mono", monospace) !important;
  font-size: 9.5px !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: var(--ws-plum-ink) !important;
  -webkit-text-fill-color: var(--ws-plum-ink) !important;
  font-weight: 600 !important;
  text-shadow: none !important;
}
.popup.popup-light--archive .archive-result-title {
  font-family: var(--f-ws-display) !important;
  font-variation-settings:
    "wdth" 95,
    "wght" 700 !important;
  font-style: normal !important;
  color: var(--ws-plum-ink) !important;
  -webkit-text-fill-color: var(--ws-plum-ink) !important;
  margin: 0 !important;
  letter-spacing: -0.015em !important;
  line-height: 1.15 !important;
  text-shadow: none !important;
}
.popup.popup-light--archive .archive-result-text {
  font-family: var(--f-ws-body) !important;
  font-style: normal !important;
  color: var(--ws-plum-soft) !important;
  -webkit-text-fill-color: var(--ws-plum-soft) !important;
  margin: 0 !important;
  text-shadow: none !important;
}
.popup.popup-light--archive .archive-match-row {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  margin: 6px 0 !important;
}
.popup.popup-light--archive .archive-match-chip {
  display: inline-flex !important;
  align-items: center !important;
  padding: 3px 10px !important;
  background: var(--ws-cream-2) !important;
  border: 1px dashed rgba(184, 146, 74, 0.35) !important;
  border-radius: 999px !important;
  font-family: var(--f-ws-body) !important;
  font-size: 11.5px !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  color: var(--ws-plum-soft) !important;
  -webkit-text-fill-color: var(--ws-plum-soft) !important;
  font-weight: 500 !important;
  text-shadow: none !important;
}
.popup.popup-light--archive .archive-result-actions {
  margin: 8px 0 0 !important;
}
.popup.popup-light--archive .archive-result-actions .gold-button {
  display: inline-flex !important;
  align-items: center !important;
  padding: 8px 18px !important;
  background: var(--ws-plum-ink) !important;
  color: var(--ws-cream) !important;
  -webkit-text-fill-color: var(--ws-cream) !important;
  border: 1.5px solid var(--ws-plum-ink) !important;
  border-radius: 999px !important;
  font-family: var(--f-ws-body) !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  text-shadow: none !important;
  box-shadow: 0 6px 14px -6px rgba(42, 30, 46, 0.35) !important;
  cursor: pointer !important;
}
.popup.popup-light--archive .archive-result-actions .gold-button:hover {
  background: var(--ws-mauve-deep) !important;
  border-color: var(--ws-mauve-deep) !important;
  transform: translateY(-1px);
  box-shadow: 0 12px 22px -8px rgba(142, 111, 174, 0.5) !important;
}
.popup.popup-light--archive .archive-empty-state {
  background: var(--ws-cream-2) !important;
  border: 1px dashed rgba(184, 146, 74, 0.35) !important;
  border-radius: 14px !important;
  padding: 18px 22px !important;
  margin-top: 18px !important;
  color: var(--ws-plum-ink) !important;
  -webkit-text-fill-color: var(--ws-plum-ink) !important;
}
.popup.popup-light--archive .archive-empty-title {
  font-family: var(--f-ws-display) !important;
  font-variation-settings:
    "wdth" 95,
    "wght" 700 !important;
  font-style: normal !important;
  color: var(--ws-plum-ink) !important;
  -webkit-text-fill-color: var(--ws-plum-ink) !important;
  margin: 0 0 8px !important;
  letter-spacing: -0.015em !important;
  text-shadow: none !important;
}
.popup.popup-light--archive .archive-empty-list {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
}
.popup.popup-light--archive .archive-empty-list li {
  display: inline-flex !important;
  padding: 4px 10px !important;
  background: rgba(184, 112, 128, 0.15) !important;
  border: 1px dashed rgba(184, 112, 128, 0.4) !important;
  border-radius: 999px !important;
  font-family: var(--f-ws-body) !important;
  font-size: 12px !important;
  color: var(--ws-rose-deep) !important;
  -webkit-text-fill-color: var(--ws-rose-deep) !important;
}
@media (max-width: 720px) {
  .popup.popup-light--archive .archive-result-card {
    grid-template-columns: 100px 1fr !important;
    padding: 18px !important;
  }
}
.popup.book-detail-redesigned .sr-popup-corner,
.popup.book-detail-redesigned .sr-popup-frame,
.popup.book-detail-redesigned .sr-popup-grain,
.popup.book-detail-redesigned .sr-popup-grid,
.popup.book-detail-redesigned .sr-popup-stripe,
.popup.book-detail-redesigned .sr-popup-vignette,
.popup.book-detail-redesigned .sr-popup-watermark {
  display: none !important;
}
.popup.book-detail-redesigned .sr-popup-boot,
.popup.book-detail-redesigned .sr-popup-boot-mark,
.popup.book-detail-redesigned .sr-popup-rail,
.popup.book-detail-redesigned .sr-popup-stamp,
.popup.book-detail-redesigned .sr-popup-telemetry {
  display: flex !important;
}
.popup.book-detail-redesigned .sr-popup-telemetry {
  background: linear-gradient(
    180deg,
    color-mix(
        in srgb,
        var(--book-theme-accent, #c49a4f) 12%,
        var(--book-theme-bg1, #fbf6ec) 88%
      )
      0,
    color-mix(
        in srgb,
        var(--book-theme-accent, #c49a4f) 4%,
        var(--book-theme-bg1, #fbf6ec) 96%
      )
      100%
  ) !important;
  border-bottom: 1px solid
    color-mix(in srgb, var(--book-theme-accent, #c49a4f) 35%, transparent) !important;
  color: color-mix(
    in srgb,
    var(--book-theme-accent, #c49a4f) 90%,
    var(--book-theme-title, #2a1e2e) 10%
  ) !important;
}
.popup.book-detail-redesigned .sr-popup-telemetry strong {
  color: var(--book-theme-title, #2a1e2e) !important;
}
.popup.book-detail-redesigned .sr-popup-telemetry .sr-popup-tlive {
  color: color-mix(
    in srgb,
    var(--book-theme-accent, #c49a4f) 70%,
    #2d6a4f 30%
  ) !important;
}
.popup.book-detail-redesigned .sr-popup-rail {
  background: linear-gradient(
    180deg,
    color-mix(in srgb, var(--book-theme-accent, #c49a4f) 6%, transparent) 0,
    transparent 100%
  ) !important;
  border-right: 1px solid
    color-mix(in srgb, var(--book-theme-accent, #c49a4f) 25%, transparent) !important;
}
.popup.book-detail-redesigned .sr-popup-rail::before {
  background: linear-gradient(
    90deg,
    color-mix(in srgb, var(--book-theme-accent, #c49a4f) 12%, transparent) 0,
    transparent 100%
  ) !important;
  border-bottom: 1px solid
    color-mix(in srgb, var(--book-theme-accent, #c49a4f) 25%, transparent) !important;
}
.popup.book-detail-redesigned .sr-popup-rail-num {
  color: color-mix(
    in srgb,
    var(--book-theme-accent, #c49a4f) 75%,
    #000 25%
  ) !important;
  opacity: 0.7 !important;
}
.popup.book-detail-redesigned .sr-popup-rail i {
  background: var(--book-theme-accent, #c49a4f) !important;
  opacity: 0.5 !important;
}
.popup.book-detail-redesigned .sr-popup-stamp {
  background: linear-gradient(
    0deg,
    color-mix(
        in srgb,
        var(--book-theme-accent, #c49a4f) 10%,
        var(--book-theme-bg2, #f1e9db) 90%
      )
      0,
    transparent 100%
  ) !important;
  border-top: 1px solid
    color-mix(in srgb, var(--book-theme-accent, #c49a4f) 35%, transparent) !important;
  color: color-mix(
    in srgb,
    var(--book-theme-title, #2a1e2e) 65%,
    transparent
  ) !important;
}
.popup.book-detail-redesigned .sr-popup-stamp-seal {
  color: color-mix(
    in srgb,
    var(--book-theme-accent, #c49a4f) 90%,
    var(--book-theme-title, #2a1e2e) 10%
  ) !important;
}
.popup.book-detail-redesigned .sr-popup-stamp-seal::before {
  border-color: var(--book-theme-accent, #c49a4f) !important;
  background: radial-gradient(
    circle,
    color-mix(in srgb, var(--book-theme-accent, #c49a4f) 35%, transparent),
    transparent 60%
  ) !important;
}
.popup.book-detail-redesigned .sr-popup-stamp-clearance {
  border: 1px solid var(--book-theme-accent, #c49a4f) !important;
  color: color-mix(
    in srgb,
    var(--book-theme-accent, #c49a4f) 95%,
    #fff 5%
  ) !important;
  background: color-mix(
    in srgb,
    var(--book-theme-accent, #c49a4f) 8%,
    transparent
  ) !important;
}
.popup.book-detail-redesigned .sr-popup-boot,
.popup.book-detail-redesigned .sr-popup-boot-mark {
  color: color-mix(
    in srgb,
    var(--book-theme-accent, #c49a4f) 80%,
    var(--book-theme-title, #2a1e2e) 20%
  ) !important;
}
.popup.book-detail-redesigned .popup-header {
  border-bottom: 1px solid
    color-mix(in srgb, var(--book-theme-accent, #c49a4f) 30%, transparent) !important;
  padding: 0 0 24px !important;
  margin: 0 0 32px !important;
  background: 0 0 !important;
}
.popup.book-detail-redesigned .popup-scroll {
  padding: 78px 56px 62px 60px !important;
  background: 0 0 !important;
}
.popup.popup-light .archive-finder-subtitle,
.popup.popup-light .hero-panel-copy,
.popup.popup-light .prelaunch-popup-notice__body,
.popup.popup-light--archive .archive-book-text,
.popup.popup-light--archive .archive-option-copy,
.popup.popup-light--archive .archive-question-helper,
.popup.popup-light--archive .archive-result-text,
.popup.popup-light--author .expose-lead,
.popup.popup-light--lexikon .hero-panel-copy,
.popup.popup-light--lexikon-detail .hero-panel-copy {
  font-size: 17px !important;
  line-height: 1.6 !important;
}
.popup.popup-light--archive .archive-line-subtitle {
  font-size: 16px !important;
  line-height: 1.6 !important;
}
.popup.popup-light .prelaunch-popup-notice__title,
.popup.popup-light--archive .archive-result-title {
  font-size: 22px !important;
}
.popup.popup-light--archive .archive-question-card,
.popup.popup-light--archive .archive-question-grid > div {
  background:
    radial-gradient(
      260px 200px at 88% 90%,
      rgba(212, 192, 230, 0.25),
      transparent 60%
    ),
    var(--ws-cream-2) !important;
  border: 1px dashed rgba(184, 146, 74, 0.3) !important;
  box-shadow: 0 8px 18px -10px rgba(42, 30, 46, 0.15) !important;
  transition:
    transform 0.35s var(--ws-ease),
    box-shadow 0.35s var(--ws-ease);
}
.popup.popup-light--archive .archive-question-grid > div:nth-child(2n) {
  background:
    radial-gradient(
      260px 200px at 12% 12%,
      rgba(245, 205, 176, 0.25),
      transparent 60%
    ),
    var(--ws-cream-2) !important;
}
.popup.popup-light--archive .archive-question-grid > div:nth-child(3n) {
  background:
    radial-gradient(
      260px 200px at 88% 12%,
      rgba(194, 214, 192, 0.25),
      transparent 60%
    ),
    var(--ws-cream-2) !important;
}
.popup.popup-light--archive
  .archive-question-grid
  > div:nth-child(2n)
  .archive-question-index {
  background: var(--ws-peach-deep) !important;
}
.popup.popup-light--archive
  .archive-question-grid
  > div:nth-child(3n)
  .archive-question-index {
  background: var(--ws-sage-deep) !important;
}
.popup.popup-light--archive .archive-progress,
.popup.popup-light--archive .archive-quiz-progress {
  background:
    radial-gradient(
      220px 160px at 18% 50%,
      rgba(245, 205, 176, 0.35),
      transparent 60%
    ),
    var(--ws-cream) !important;
  border: 1px dashed rgba(184, 146, 74, 0.3) !important;
  border-radius: 999px !important;
  padding: 10px 18px !important;
  display: flex;
  align-items: center;
  gap: 14px;
  font-family: var(--f-ws-body);
  font-size: 14px;
  color: var(--ws-plum-soft);
}
.popup.popup-light--archive .quiz-progress-bar {
  background: rgba(142, 111, 174, 0.15) !important;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.05);
  flex: 1;
}
.popup.book-detail-redesigned {
  border-radius: 24px !important;
  border: 1px solid
    color-mix(in srgb, var(--book-theme-accent, #c49a4f) 35%, transparent) !important;
  box-shadow:
    0 50px 100px -30px rgba(0, 0, 0, 0.8),
    0 0 0 1px
      color-mix(in srgb, var(--book-theme-accent, #c49a4f) 15%, transparent)
      inset !important;
  overflow: hidden !important;
}
.popup.book-detail-redesigned::after,
.popup.book-detail-redesigned::before {
  content: none !important;
  display: none !important;
}
.popup.book-detail-redesigned .popup-close {
  background: color-mix(
    in srgb,
    var(--book-theme-accent, #c49a4f) 15%,
    transparent
  ) !important;
  border: 1px solid
    color-mix(in srgb, var(--book-theme-accent, #c49a4f) 40%, transparent) !important;
  border-radius: 50% !important;
  color: var(--book-theme-title, #f5dda6) !important;
  -webkit-text-fill-color: var(--book-theme-title, #f5dda6) !important;
}
.popup.book-detail-redesigned .popup-close:hover {
  background: color-mix(
    in srgb,
    var(--book-theme-accent, #c49a4f) 30%,
    transparent
  ) !important;
  border-color: var(--book-theme-accent, #c49a4f) !important;
  transform: rotate(90deg);
}
.popup.book-detail-redesigned .preview-cover-stamp {
  background: color-mix(
    in srgb,
    var(--book-theme-accent, #c49a4f) 12%,
    var(--ws-cream)
  ) !important;
  border: 1px solid
    color-mix(in srgb, var(--book-theme-accent, #c49a4f) 60%, transparent) !important;
  outline: 0 !important;
  outline-offset: 0 !important;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3) !important;
  filter: none !important;
  transform: rotate(-4deg) !important;
}
.popup.book-detail-redesigned .preview-cover-stamp::before {
  border-color: color-mix(
    in srgb,
    var(--book-theme-accent, #c49a4f) 30%,
    transparent
  ) !important;
}
.popup.book-detail-redesigned .preview-cover-stamp__label {
  color: color-mix(
    in srgb,
    var(--book-theme-accent, #c49a4f) 90%,
    #000
  ) !important;
  -webkit-text-fill-color: color-mix(
    in srgb,
    var(--book-theme-accent, #c49a4f) 90%,
    black
  ) !important;
  text-shadow: none !important;
}
.popup.book-detail-redesigned .preview-cover-stamp__sub {
  color: color-mix(
    in srgb,
    var(--book-theme-accent, #c49a4f) 70%,
    #000
  ) !important;
  -webkit-text-fill-color: color-mix(
    in srgb,
    var(--book-theme-accent, #c49a4f) 70%,
    black
  ) !important;
}
.popup.book-detail-redesigned .preview-cover-stamp__divider {
  background: linear-gradient(
    90deg,
    transparent,
    var(--book-theme-accent, #c49a4f),
    transparent
  ) !important;
}
.wishlist-promo-mini-cover {
  position: relative !important;
  overflow: hidden !important;
}
.wishlist-promo-mini-cover .preview-cover-stamp {
  position: absolute !important;
  top: 6% !important;
  left: 6% !important;
  right: auto !important;
  display: inline-flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 1px !important;
  padding: 2px 5px 3px !important;
  background: var(--ws-cream) !important;
  color: var(--ws-rose-deep) !important;
  border: 1px solid var(--ws-rose-deep) !important;
  border-radius: 2px !important;
  transform: rotate(-6deg) !important;
  box-shadow: 0 3px 8px -4px rgba(184, 112, 128, 0.25) !important;
  outline: 0 !important;
  outline-offset: 0 !important;
  filter: none !important;
  font-family: var(--f-ws-body) !important;
  font-weight: 700 !important;
  font-size: 6px !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  line-height: 1 !important;
  z-index: 4 !important;
  max-width: 65% !important;
}
.wishlist-promo-mini-cover .preview-cover-stamp::before {
  display: none !important;
}
.wishlist-promo-mini-cover .preview-cover-stamp__label {
  font-family: var(--f-ws-body) !important;
  font-weight: 700 !important;
  font-size: 6px !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: var(--ws-rose-deep) !important;
  -webkit-text-fill-color: var(--ws-rose-deep) !important;
  line-height: 1 !important;
  text-shadow: none !important;
}
.wishlist-promo-mini-cover .preview-cover-stamp__divider {
  display: block !important;
  width: 10px !important;
  height: 1px !important;
  background: linear-gradient(
    90deg,
    transparent,
    var(--ws-rose-deep),
    transparent
  ) !important;
  opacity: 0.55 !important;
  margin: 1px 0 !important;
}
.wishlist-promo-mini-cover .preview-cover-stamp__sub {
  font-family: var(--f-ws-body) !important;
  font-weight: 600 !important;
  font-size: 5px !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: var(--ws-plum-soft) !important;
  -webkit-text-fill-color: var(--ws-plum-soft) !important;
  opacity: 0.9 !important;
  line-height: 1 !important;
  text-shadow: none !important;
}
.popup.popup-light--wishlist .wishlist-card__cover::after,
.popup.popup-light--wishlist .wishlist-card__cover::before {
  content: none !important;
  display: none !important;
}
.popup.popup-light--wishlist .wishlist-card__cover {
  background: var(--ws-cream-3) !important;
  filter: none !important;
}
.popup.popup-light--wishlist .wishlist-card__cover img {
  filter: none !important;
  opacity: 1 !important;
}
.popup.popup-light--wishlist .wishlist-card__line {
  display: inline-flex !important;
  align-items: center !important;
  font-family: var(--f-mono, "JetBrains Mono", monospace) !important;
  font-size: 9.5px !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  font-weight: 600 !important;
  padding: 4px 12px !important;
  border-radius: 999px !important;
  background: var(--ws-cream-2) !important;
  border: 1px solid rgba(184, 146, 74, 0.35) !important;
  color: var(--ws-plum-ink) !important;
  -webkit-text-fill-color: var(--ws-plum-ink) !important;
  align-self: flex-start !important;
  text-shadow: none !important;
  margin: 0 0 6px !important;
}
.popup.popup-light--wishlist .wishlist-card__line.wishlist-card__line--velvet {
  background: rgba(245, 205, 176, 0.35) !important;
  border-color: rgba(201, 138, 92, 0.45) !important;
  color: var(--ws-peach-deep) !important;
  -webkit-text-fill-color: var(--ws-peach-deep) !important;
}
.popup.popup-light--wishlist .wishlist-card__line.wishlist-card__line--dark {
  background: rgba(212, 192, 230, 0.35) !important;
  border-color: rgba(142, 111, 174, 0.45) !important;
  color: var(--ws-mauve-deep) !important;
  -webkit-text-fill-color: var(--ws-mauve-deep) !important;
}
.popup.popup-light--wishlist .wishlist-card__title {
  font-family: var(--f-ws-display) !important;
  font-variation-settings:
    "wdth" 95,
    "wght" 700 !important;
  font-style: normal !important;
  font-size: 18px !important;
  letter-spacing: -0.015em !important;
  line-height: 1.2 !important;
  color: var(--ws-plum-ink) !important;
  -webkit-text-fill-color: var(--ws-plum-ink) !important;
  margin: 0 !important;
  text-shadow: none !important;
}
.popup.popup-light--wishlist .wishlist-card__blurb {
  font-family: var(--f-ws-body) !important;
  font-style: normal !important;
  font-size: 14.5px !important;
  line-height: 1.55 !important;
  color: var(--ws-plum-soft) !important;
  -webkit-text-fill-color: var(--ws-plum-soft) !important;
  margin: 0 !important;
}
.popup.popup-light--wishlist .wishlist-card__meter {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 6px 0 !important;
}
.popup.popup-light--wishlist .wishlist-card__bar {
  flex: 1 !important;
  height: 6px !important;
  background: rgba(142, 111, 174, 0.15) !important;
  border-radius: 999px !important;
  overflow: hidden !important;
  border: none !important;
}
.popup.popup-light--wishlist .wishlist-card__bar-fill {
  height: 100% !important;
  background: linear-gradient(
    90deg,
    var(--ws-mauve-deep),
    var(--ws-rose-deep)
  ) !important;
  border-radius: 999px !important;
  box-shadow: 0 0 6px rgba(142, 111, 174, 0.35) !important;
  transition: width 0.5s var(--ws-ease) !important;
}
.popup.popup-light--wishlist .wishlist-card__count,
.popup.popup-light--wishlist .wishlist-card__pct {
  font-family: var(--f-ws-body) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: var(--ws-plum-soft) !important;
  -webkit-text-fill-color: var(--ws-plum-soft) !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  text-shadow: none !important;
}
.popup.popup-light--wishlist .wishlist-card__actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin-top: 12px !important;
  padding-top: 12px !important;
  border-top: 1px dashed rgba(184, 146, 74, 0.3) !important;
  background: 0 0 !important;
}
.popup.popup-light--wishlist .wishlist-card__action {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 7px 14px !important;
  border-radius: 999px !important;
  font-family: var(--f-ws-body) !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  cursor: pointer !important;
  transition: all 0.25s var(--ws-ease) !important;
  text-shadow: none !important;
  line-height: 1 !important;
}
.popup.popup-light--wishlist .wishlist-card__action--ghost {
  background: var(--ws-cream-2) !important;
  border: 1.5px solid rgba(184, 146, 74, 0.35) !important;
  color: var(--ws-plum-ink) !important;
  -webkit-text-fill-color: var(--ws-plum-ink) !important;
}
.popup.popup-light--wishlist .wishlist-card__action--ghost:hover {
  background: var(--ws-cream) !important;
  border-color: var(--ws-mauve-deep) !important;
  color: var(--ws-mauve-deep) !important;
  -webkit-text-fill-color: var(--ws-mauve-deep) !important;
}
.popup.popup-light--wishlist .wishlist-card__action--vote {
  background: var(--ws-mauve-deep) !important;
  border: 1.5px solid var(--ws-mauve-deep) !important;
  color: var(--ws-cream) !important;
  -webkit-text-fill-color: var(--ws-cream) !important;
  box-shadow: 0 6px 14px -6px rgba(142, 111, 174, 0.55) !important;
  flex: 1 !important;
  justify-content: center !important;
}
.popup.popup-light--wishlist .wishlist-card__action--vote:hover {
  background: var(--ws-rose-deep) !important;
  border-color: var(--ws-rose-deep) !important;
  transform: translateY(-1px);
  box-shadow: 0 12px 22px -8px rgba(184, 112, 128, 0.55) !important;
}
.popup.popup-light--wishlist
  .wishlist-card[aria-checked="true"]
  .wishlist-card__action--vote {
  background: var(--ws-sage-deep) !important;
  border-color: var(--ws-sage-deep) !important;
  box-shadow: 0 6px 14px -6px rgba(111, 140, 110, 0.5) !important;
}
.popup.popup-light--wishlist .wishlist-card__action svg {
  width: 14px !important;
  height: 14px !important;
  flex: none !important;
}
.popup.popup-light--wishlist
  .wishlist-card:not([aria-checked="true"])
  .wishlist-card__vote-icon--check,
.popup.popup-light--wishlist
  .wishlist-card[aria-checked="false"]
  .wishlist-card__vote-icon--check,
.popup.popup-light--wishlist
  .wishlist-card[aria-checked="true"]
  .wishlist-card__vote-icon--add {
  display: none !important;
}
.popup.popup-light--wishlist .wishlist-card[aria-checked="true"]::before {
  top: -8px !important;
  right: 10px !important;
  z-index: 8 !important;
  font-size: 14px !important;
  padding: 4px 12px 5px !important;
}
.popup.popup-light--wishlist .wishlist-stats {
  background:
    radial-gradient(
      420px 300px at 18% 22%,
      rgba(212, 192, 230, 0.55),
      transparent 60%
    ),
    radial-gradient(
      380px 260px at 82% 78%,
      rgba(245, 205, 176, 0.45),
      transparent 60%
    ),
    var(--ws-cream-2) !important;
  box-shadow:
    0 18px 32px -16px rgba(142, 111, 174, 0.3),
    inset 0 0 0 1px rgba(255, 255, 255, 0.55) !important;
}
.popup.popup-light--wishlist .wishlist-stats__head {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: baseline !important;
  justify-content: space-between !important;
}
.popup.popup-light--wishlist .wishlist-stats__label {
  font-family: var(--f-ws-hand) !important;
  font-size: 22px !important;
  color: var(--ws-mauve-deep) !important;
  -webkit-text-fill-color: var(--ws-mauve-deep) !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  font-weight: 500 !important;
  transform: rotate(-1.5deg);
  text-shadow: none !important;
  padding: 0 !important;
  background: 0 0 !important;
  border: none !important;
}
.popup.popup-light--wishlist .wishlist-stats__rank {
  font-family: var(--f-ws-display) !important;
  font-variation-settings:
    "wdth" 95,
    "wght" 700 !important;
  color: var(--ws-mauve-deep) !important;
  -webkit-text-fill-color: var(--ws-mauve-deep) !important;
  min-width: 28px !important;
}
.popup.popup-light--wishlist
  .wishlist-stats__row[data-rank="1"]
  .wishlist-stats__bar-fill {
  background: linear-gradient(
    90deg,
    var(--ws-gold-warm),
    var(--ws-peach-deep)
  ) !important;
  box-shadow: 0 0 6px rgba(184, 146, 74, 0.4) !important;
}
@media (max-width: 720px) {
  .popup.popup-light--wishlist .wishlist-stats__row {
    grid-template-columns: auto 44px 1fr auto !important;
    gap: 10px !important;
  }
  .popup.popup-light--wishlist .wishlist-stats__cover {
    width: 44px !important;
  }
}
.popup.popup-light--archive .archive-result-cover .preview-cover-stamp {
  position: absolute !important;
  top: 6% !important;
  left: 6% !important;
  right: auto !important;
  bottom: auto !important;
  z-index: 5 !important;
  transform: rotate(-6deg) !important;
  background: var(--ws-cream) !important;
  border: 1px solid var(--ws-rose-deep) !important;
  outline: 0 !important;
  outline-offset: 0 !important;
  box-shadow: 0 4px 10px rgba(184, 112, 128, 0.2) !important;
  filter: none !important;
  padding: 3px 7px 4px !important;
  border-radius: 3px !important;
  max-width: 65% !important;
  font-family: var(--f-ws-body) !important;
  font-weight: 700 !important;
  font-size: 7.5px !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  line-height: 1 !important;
  display: inline-flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 1px !important;
}
.popup.popup-light--archive .archive-result-cover .preview-cover-stamp__label {
  color: var(--ws-rose-deep) !important;
  -webkit-text-fill-color: var(--ws-rose-deep) !important;
}
.popup.popup-light--archive .archive-result-cover .preview-cover-stamp__sub {
  color: var(--ws-plum-soft) !important;
  -webkit-text-fill-color: var(--ws-plum-soft) !important;
}
.popup.popup-light--archive
  .archive-result-cover
  .preview-cover-stamp__divider {
  background: linear-gradient(
    90deg,
    transparent,
    var(--ws-rose-deep),
    transparent
  ) !important;
}
.popup.popup-light--archive .archive-score-track {
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.04) !important;
}
.popup.popup-light--archive
  .archive-result-card[data-rank="1"]
  .archive-score-fill {
  background: linear-gradient(
    90deg,
    var(--ws-gold-warm),
    var(--ws-peach-deep)
  ) !important;
  box-shadow: 0 0 8px rgba(184, 146, 74, 0.4) !important;
}
.popup.popup-light--archive .archive-result-copy {
  padding-top: 14px !important;
}
.popup.book-detail-redesigned .archive-result-pill {
  font-size: 9.5px !important;
  letter-spacing: 0.2em !important;
  padding: 4px 12px !important;
  background: color-mix(
    in srgb,
    var(--book-theme-accent, #c49a4f) 15%,
    transparent
  ) !important;
  border: 1px solid
    color-mix(in srgb, var(--book-theme-accent, #c49a4f) 50%, transparent) !important;
  color: var(--book-theme-title, #f5dda6) !important;
  -webkit-text-fill-color: var(--book-theme-title, #f5dda6) !important;
  border-radius: 999px !important;
  font-weight: 600 !important;
}
.popup.book-detail-redesigned .archive-book-chip {
  font-size: 11px !important;
  letter-spacing: 0 !important;
  padding: 4px 11px !important;
  background: color-mix(
    in srgb,
    var(--book-theme-accent, #c49a4f) 10%,
    transparent
  ) !important;
  border: 1px dashed
    color-mix(in srgb, var(--book-theme-accent, #c49a4f) 35%, transparent) !important;
  color: var(--book-theme-text, #d1c5b4) !important;
  -webkit-text-fill-color: var(--book-theme-text, #d1c5b4) !important;
  border-radius: 999px !important;
  font-weight: 500 !important;
  text-transform: none !important;
}
.popup.book-detail-redesigned .book-blurb-accordion {
  background: color-mix(
    in srgb,
    var(--book-theme-accent, #c49a4f) 8%,
    transparent
  ) !important;
  border: none !important;
  border-radius: 14px !important;
  padding: 0 !important;
  margin: 16px 0 0 !important;
  position: relative !important;
  overflow: hidden !important;
  box-shadow:
    inset 0 0 0 1px
      color-mix(in srgb, var(--book-theme-accent, #c49a4f) 25%, transparent),
    0 8px 18px -10px rgba(0, 0, 0, 0.35) !important;
}
.popup.book-detail-redesigned .book-blurb-accordion::before {
  display: none !important;
  content: none !important;
}
.popup.book-detail-redesigned .book-blurb-summary {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  padding: 14px 22px 14px 26px !important;
  cursor: pointer !important;
  border: none !important;
  background: 0 0 !important;
  list-style: none !important;
  outline: 0 !important;
}
.popup.book-detail-redesigned .book-blurb-summary::-webkit-details-marker {
  display: none !important;
}
.popup.book-detail-redesigned .book-blurb-summary-label {
  flex: 1 !important;
}
.popup.book-detail-redesigned .book-blurb-summary-hint {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  color: var(--book-theme-accent, #c49a4f) !important;
  -webkit-text-fill-color: var(--book-theme-accent, #c49a4f) !important;
  flex: none !important;
}
.popup.book-detail-redesigned .book-blurb-content {
  padding: 0 22px 18px 26px !important;
  border: none !important;
  background: 0 0 !important;
}
.popup.book-detail-redesigned .book-detail-note {
  background: color-mix(
    in srgb,
    var(--book-theme-accent, #c49a4f) 6%,
    transparent
  ) !important;
  border: 1.5px dashed
    color-mix(in srgb, var(--book-theme-accent, #c49a4f) 45%, transparent) !important;
  border-radius: 12px !important;
  padding: 18px 22px !important;
  margin: 16px 0 0 !important;
  position: relative !important;
  box-shadow: 0 6px 14px -8px rgba(0, 0, 0, 0.2) !important;
}
.popup.book-detail-redesigned .book-audio-snippets {
  background: color-mix(
    in srgb,
    var(--book-theme-accent, #c49a4f) 7%,
    transparent
  ) !important;
  border: 1.5px dashed
    color-mix(in srgb, var(--book-theme-accent, #c49a4f) 45%, transparent) !important;
  border-radius: 14px !important;
  padding: 22px 24px !important;
  margin: 24px 0 0 !important;
  position: relative !important;
  box-shadow: 0 6px 14px -8px rgba(0, 0, 0, 0.2) !important;
}
.popup.book-detail-redesigned .book-audio-snippets::before {
  display: none !important;
  content: none !important;
}
.popup.book-detail-redesigned .book-audio-track {
  background: rgba(0, 0, 0, 0.25) !important;
  border: 1px solid
    color-mix(in srgb, var(--book-theme-accent, #c49a4f) 25%, transparent) !important;
  border-radius: 12px !important;
  padding: 14px 16px !important;
  margin: 8px 0 !important;
}
.popup.book-detail-redesigned .gold-button {
  background: color-mix(
    in srgb,
    var(--book-theme-accent, #c49a4f) 80%,
    transparent
  ) !important;
  color: var(--book-theme-bg2, #0f0d0c) !important;
  -webkit-text-fill-color: var(--book-theme-bg2, #0f0d0c) !important;
  border: none !important;
  border-radius: 999px !important;
  padding: 10px 22px !important;
  font-family: var(--f-ws-body) !important;
  font-weight: 700 !important;
  font-size: 13.5px !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  cursor: pointer !important;
  transition: all 0.25s var(--ws-ease) !important;
  text-shadow: none !important;
  box-shadow: 0 6px 14px -6px
    color-mix(in srgb, var(--book-theme-accent, #c49a4f) 50%, transparent) !important;
}
.popup.book-detail-redesigned .gold-button:hover {
  background: var(--book-theme-accent, #c49a4f) !important;
  transform: translateY(-1px);
  box-shadow: 0 12px 20px -8px
    color-mix(in srgb, var(--book-theme-accent, #c49a4f) 65%, transparent) !important;
}
.popup.book-detail-redesigned .gold-button.ghost {
  background: 0 0 !important;
  border: 1.5px solid
    color-mix(in srgb, var(--book-theme-accent, #c49a4f) 60%, transparent) !important;
  color: var(--book-theme-accent, #c49a4f) !important;
  -webkit-text-fill-color: var(--book-theme-accent, #c49a4f) !important;
  box-shadow: none !important;
}
.popup.book-detail-redesigned .gold-button.ghost:hover {
  background: color-mix(
    in srgb,
    var(--book-theme-accent, #c49a4f) 15%,
    transparent
  ) !important;
  border-color: var(--book-theme-accent, #c49a4f) !important;
}
.popup.book-detail-redesigned .prelaunch-popup-notice {
  background: color-mix(
    in srgb,
    var(--book-theme-accent, #c49a4f) 7%,
    transparent
  ) !important;
  border: 1.5px dashed
    color-mix(in srgb, var(--book-theme-accent, #c49a4f) 45%, transparent) !important;
  border-radius: 14px !important;
  padding: 20px 26px !important;
  margin: 18px 0 0 !important;
  width: 100% !important;
  max-width: none !important;
  transform: none !important;
}
.popup.book-detail-redesigned .prelaunch-popup-notice::before {
  display: none !important;
  content: none !important;
}
.popup.popup-light--faq {
  background:
    radial-gradient(
      420px 320px at 8% 6%,
      rgba(190, 215, 230, 0.5),
      transparent 60%
    ),
    radial-gradient(
      380px 300px at 92% 14%,
      rgba(212, 192, 230, 0.45),
      transparent 60%
    ),
    radial-gradient(
      340px 260px at 6% 76%,
      rgba(245, 220, 180, 0.4),
      transparent 60%
    ),
    radial-gradient(
      380px 300px at 94% 86%,
      rgba(194, 214, 192, 0.4),
      transparent 60%
    ),
    var(--ws-cream) !important;
}
.popup.popup-light--faq .popup-copy-card {
  background:
    radial-gradient(
      280px 200px at 14% 24%,
      rgba(245, 205, 176, 0.35),
      transparent 60%
    ),
    var(--ws-cream-2) !important;
  border: 1px dashed var(--ws-rose-deep) !important;
  border-radius: 14px !important;
  padding: 22px 26px !important;
  margin-bottom: 28px !important;
  box-shadow: 0 8px 18px -10px rgba(184, 112, 128, 0.25) !important;
}
.popup.popup-light--faq .popup-copy-card p {
  font-family: var(--f-ws-body) !important;
  font-style: normal !important;
  font-size: 16px !important;
  line-height: 1.7 !important;
  color: var(--ws-plum-ink) !important;
  -webkit-text-fill-color: var(--ws-plum-ink) !important;
  margin: 0 !important;
  text-shadow: none !important;
}
.popup.popup-light--faq .book-blurb-accordion {
  background: var(--ws-cream) !important;
  border: none !important;
  border-radius: 12px !important;
  margin: 0 0 14px !important;
  padding: 0 !important;
  position: relative !important;
  transition:
    transform 0.35s var(--ws-ease),
    box-shadow 0.35s var(--ws-ease) !important;
  box-shadow:
    0 14px 32px -22px rgba(42, 30, 46, 0.25),
    0 2px 6px -2px rgba(42, 30, 46, 0.08) !important;
  overflow: hidden !important;
}
.popup.popup-light--faq .book-blurb-accordion:nth-child(4n + 1) {
  background: linear-gradient(
    135deg,
    var(--ws-cream) 0,
    color-mix(in srgb, var(--ws-mauve) 35%, var(--ws-cream)) 100%
  ) !important;
  transform: rotate(-0.3deg);
}
.popup.popup-light--faq .book-blurb-accordion:nth-child(4n + 2) {
  background: linear-gradient(
    135deg,
    var(--ws-cream) 0,
    color-mix(in srgb, var(--ws-peach) 32%, var(--ws-cream)) 100%
  ) !important;
  transform: rotate(0.4deg);
}
.popup.popup-light--faq .book-blurb-accordion:nth-child(4n + 3) {
  background: linear-gradient(
    135deg,
    var(--ws-cream) 0,
    color-mix(in srgb, var(--ws-sage) 35%, var(--ws-cream)) 100%
  ) !important;
  transform: rotate(-0.2deg);
}
.popup.popup-light--faq .book-blurb-accordion:nth-child(4n) {
  background: linear-gradient(
    135deg,
    var(--ws-cream) 0,
    color-mix(in srgb, var(--ws-rose) 32%, var(--ws-cream)) 100%
  ) !important;
  transform: rotate(0.3deg);
}
.popup.popup-light--faq .book-blurb-accordion[open] {
  transform: rotate(0) translateY(-2px);
  box-shadow:
    0 22px 40px -16px rgba(42, 30, 46, 0.3),
    0 4px 10px -2px rgba(42, 30, 46, 0.12) !important;
}
.popup.popup-light--faq .book-blurb-summary {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
  padding: 18px 22px !important;
  cursor: pointer !important;
  border: none !important;
  background: 0 0 !important;
  list-style: none !important;
  outline: 0 !important;
}
.popup.popup-light--faq .book-blurb-summary::-webkit-details-marker {
  display: none !important;
}
.popup.popup-light--faq .book-blurb-summary-label {
  font-family: var(--f-ws-display) !important;
  font-variation-settings:
    "wdth" 95,
    "wght" 700 !important;
  font-style: normal !important;
  font-size: 17px !important;
  color: var(--ws-plum-ink) !important;
  -webkit-text-fill-color: var(--ws-plum-ink) !important;
  letter-spacing: -0.01em !important;
  text-transform: none !important;
  text-shadow: none !important;
  line-height: 1.3 !important;
  flex: 1 !important;
}
.popup.popup-light--faq .book-blurb-summary-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 32px !important;
  height: 32px !important;
  background: rgba(255, 255, 255, 0.6) !important;
  border: 1.5px solid var(--ws-plum-ink) !important;
  border-radius: 50% !important;
  color: var(--ws-plum-ink) !important;
  -webkit-text-fill-color: var(--ws-plum-ink) !important;
  flex: none !important;
  transition:
    transform 0.25s var(--ws-ease),
    background 0.25s var(--ws-ease) !important;
}
.popup.popup-light--faq .book-blurb-accordion[open] .book-blurb-summary-icon {
  transform: rotate(180deg);
  background: var(--ws-plum-ink) !important;
  color: var(--ws-cream) !important;
  -webkit-text-fill-color: var(--ws-cream) !important;
}
.popup.popup-light--faq .book-blurb-summary-icon svg {
  width: 14px !important;
  height: 14px !important;
}
.popup.popup-light--faq .book-blurb-content {
  padding: 0 22px 20px !important;
  border: none !important;
  background: 0 0 !important;
}
.popup.popup-light--faq .book-blurb-content p {
  font-family: var(--f-ws-body) !important;
  font-style: normal !important;
  font-size: 15.5px !important;
  line-height: 1.7 !important;
  color: var(--ws-plum-ink) !important;
  -webkit-text-fill-color: var(--ws-plum-ink) !important;
  margin: 0 !important;
  text-shadow: none !important;
}
.popup.popup-light--faq .book-blurb-content em {
  font-family: var(--f-ws-italic) !important;
  font-style: italic !important;
  color: var(--ws-rose-deep) !important;
  -webkit-text-fill-color: var(--ws-rose-deep) !important;
}
.popup.popup-light--faq .book-blurb-content strong {
  font-weight: 700 !important;
  color: var(--ws-plum-ink) !important;
  -webkit-text-fill-color: var(--ws-plum-ink) !important;
}
.popup.popup-light--newsletter {
  background:
    radial-gradient(
      420px 320px at 8% 6%,
      rgba(240, 197, 204, 0.55),
      transparent 60%
    ),
    radial-gradient(
      380px 300px at 92% 14%,
      rgba(245, 205, 176, 0.45),
      transparent 60%
    ),
    radial-gradient(
      340px 260px at 6% 76%,
      rgba(212, 192, 230, 0.45),
      transparent 60%
    ),
    radial-gradient(
      380px 300px at 94% 86%,
      rgba(194, 214, 192, 0.35),
      transparent 60%
    ),
    var(--ws-cream) !important;
}
.popup.popup-light--newsletter .popup-content,
.popup.popup-light--newsletter .popup-scroll {
  background: 0 0 !important;
}
.popup.popup-light--newsletter iframe {
  background: 0 0 !important;
  border: none !important;
}
.popup.popup-light--newsletter .popup-copy-card {
  background:
    radial-gradient(
      280px 200px at 18% 22%,
      rgba(240, 197, 204, 0.45),
      transparent 60%
    ),
    var(--ws-cream-2) !important;
  border: 1.5px dashed rgba(184, 112, 128, 0.4) !important;
  border-radius: 16px !important;
  padding: 24px 28px !important;
  margin-bottom: 28px !important;
  box-shadow:
    0 14px 28px -16px rgba(184, 112, 128, 0.25),
    inset 0 0 0 1px rgba(255, 255, 255, 0.55) !important;
}
.popup.popup-light--newsletter .popup-copy-card p {
  font-family: var(--f-ws-body) !important;
  font-size: 16px !important;
  line-height: 1.7 !important;
  color: var(--ws-plum-ink) !important;
  -webkit-text-fill-color: var(--ws-plum-ink) !important;
  margin: 0 !important;
}
html::-webkit-scrollbar {
  width: 12px !important;
  height: 12px !important;
}
html::-webkit-scrollbar-track {
  background: 0 0 !important;
}
html::-webkit-scrollbar-thumb {
  background: linear-gradient(
    180deg,
    var(--ws-mauve-deep),
    var(--ws-peach-deep)
  ) !important;
  border-radius: 8px !important;
  border: 2px solid transparent !important;
  background-clip: padding-box !important;
}
html::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(
    180deg,
    var(--ws-mauve-deep),
    var(--ws-rose-deep)
  ) !important;
  background-clip: padding-box !important;
  border: 2px solid transparent !important;
}
html {
  scrollbar-width: thin !important;
  scrollbar-color: var(--ws-mauve-deep) transparent !important;
}
.popup.popup-light .popup-scroll::-webkit-scrollbar {
  width: 12px !important;
}
.popup.popup-light .popup-scroll::-webkit-scrollbar-track {
  background: 0 0 !important;
}
.popup.popup-light .popup-scroll::-webkit-scrollbar-thumb {
  background: linear-gradient(
    180deg,
    var(--ws-mauve-deep),
    var(--ws-peach-deep)
  ) !important;
  border-radius: 8px !important;
  border: 2px solid transparent !important;
  background-clip: padding-box !important;
}
.popup.popup-light .popup-scroll::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(
    180deg,
    var(--ws-mauve-deep),
    var(--ws-rose-deep)
  ) !important;
  background-clip: padding-box !important;
}
.popup.popup-light--archive .archive-result-card .archive-score-track,
.popup.popup-light--archive .archive-result-copy .archive-score-track {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  height: 10px !important;
  margin: 0 !important;
  border-radius: 14px 14px 0 0 !important;
  background: rgba(142, 111, 174, 0.15) !important;
  border: none !important;
  overflow: hidden !important;
  z-index: 2 !important;
  box-shadow: none !important;
}
.popup.popup-light--archive .archive-score-fill {
  background: linear-gradient(
    90deg,
    var(--ws-mauve-deep),
    var(--ws-rose-deep)
  ) !important;
  box-shadow: none !important;
  min-width: 6px !important;
}
.popup.popup-light--archive
  .archive-result-card[data-rank="1"]
  .archive-score-track {
  background: rgba(184, 146, 74, 0.15) !important;
}
.popup.popup-light--archive .archive-result-cover {
  overflow: hidden !important;
  margin-top: 6px !important;
}
.popup.popup-light--archive .archive-question-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
  gap: 24px !important;
  flex-direction: row !important;
}
.popup.popup-light--archive .archive-question-card,
.popup.popup-light--archive .archive-question-grid > div {
  background: 0 0 !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  position: relative !important;
  box-shadow: none !important;
  isolation: auto !important;
}
.popup.popup-light--archive .archive-question-grid > div:nth-child(5n + 1),
.popup.popup-light--archive .archive-question-grid > div:nth-child(5n + 2),
.popup.popup-light--archive .archive-question-grid > div:nth-child(5n + 3),
.popup.popup-light--archive .archive-question-grid > div:nth-child(5n + 4),
.popup.popup-light--archive .archive-question-grid > div:nth-child(5n + 5) {
  background: 0 0 !important;
}
.popup.popup-light--archive .archive-question-card::before,
.popup.popup-light--archive .archive-question-grid > div::before {
  content: none !important;
  display: none !important;
}
.popup.popup-light--archive
  .archive-question-grid
  > div:nth-child(5n + 2)::before {
  background: var(--ws-peach-deep);
}
.popup.popup-light--archive
  .archive-question-grid
  > div:nth-child(5n + 3)::before {
  background: var(--ws-sage-deep);
}
.popup.popup-light--archive
  .archive-question-grid
  > div:nth-child(5n + 4)::before {
  background: var(--ws-gold-warm);
}
.popup.popup-light--archive
  .archive-question-grid
  > div:nth-child(5n + 5)::before {
  background: var(--ws-blue-deep);
}
.popup.popup-light--archive .archive-question-card:hover,
.popup.popup-light--archive .archive-question-grid > div:hover {
  transform: none !important;
  box-shadow: none !important;
}
.popup.popup-light--archive .archive-question-index {
  border-radius: 50% !important;
  background: var(--ws-plum-ink) !important;
  color: var(--ws-cream) !important;
  -webkit-text-fill-color: var(--ws-cream) !important;
  font-family: var(--f-ws-display) !important;
  font-variation-settings:
    "wdth" 95,
    "wght" 700 !important;
  align-items: center !important;
  justify-content: center !important;
  flex: none !important;
  box-shadow: 0 4px 8px -3px rgba(42, 30, 46, 0.35) !important;
}
.popup.popup-light--archive .archive-book-card {
  background: var(--ws-cream) !important;
  border: none !important;
  border-radius: 4px !important;
  padding: 12px 12px 18px !important;
  box-shadow:
    0 22px 40px -22px rgba(42, 30, 46, 0.35),
    0 4px 8px -2px rgba(42, 30, 46, 0.1),
    inset 0 0 0 1px rgba(255, 255, 255, 0.55) !important;
  cursor: pointer !important;
  transition:
    transform 0.35s var(--ws-ease),
    box-shadow 0.35s var(--ws-ease) !important;
  position: relative !important;
  overflow: visible !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  isolation: isolate;
}
.popup.popup-light--archive .archive-book-card:nth-child(3n + 1) {
  transform: rotate(-1.2deg);
}
.popup.popup-light--archive .archive-book-card:nth-child(3n + 2) {
  transform: rotate(0.8deg);
}
.popup.popup-light--archive .archive-book-card:nth-child(3n + 3) {
  transform: rotate(-0.4deg);
}
.popup.popup-light--archive .archive-book-card::after,
.popup.popup-light--archive .archive-book-card::before {
  content: none !important;
  display: none !important;
  background: 0 0 !important;
  width: 0 !important;
  border: none !important;
  opacity: 0 !important;
}
.popup.popup-light--archive .archive-book-card:hover {
  transform: rotate(0) translateY(-4px) !important;
  box-shadow:
    0 32px 56px -22px rgba(42, 30, 46, 0.45),
    0 6px 14px -2px rgba(42, 30, 46, 0.15),
    0 0 0 2px var(--ws-gold-warm),
    inset 0 0 0 1px rgba(255, 255, 255, 0.55) !important;
  z-index: 5 !important;
}
.popup.popup-light--archive .archive-book-card:hover::after,
.popup.popup-light--archive .archive-book-card:hover::before {
  opacity: 0 !important;
  display: none !important;
  content: none !important;
}
.popup.popup-light--archive .archive-book-cover {
  width: 100% !important;
  aspect-ratio: 2/3 !important;
  border: none !important;
  border-radius: 2px !important;
  background: var(--ws-cream-3) !important;
  box-shadow: 0 8px 16px -8px rgba(42, 30, 46, 0.25) !important;
  margin: 0 0 14px !important;
  filter: none !important;
  position: relative !important;
  overflow: hidden !important;
}
.popup.popup-light--archive .archive-book-cover::after {
  content: none !important;
  display: none !important;
  background: 0 0 !important;
  opacity: 0 !important;
}
.popup.popup-light--archive .archive-book-cover img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  filter: none !important;
  transform: none !important;
}
.popup.popup-light--archive .archive-book-card:hover .archive-book-cover {
  transform: none !important;
  border: none !important;
  box-shadow: 0 12px 22px -10px rgba(42, 30, 46, 0.35) !important;
}
.popup.popup-light--archive .archive-book-card:hover .archive-book-cover img {
  transform: none !important;
  filter: none !important;
}
.popup.popup-light--archive .archive-book-card h3,
.popup.popup-light--archive .archive-book-card h4 {
  font-family: var(--f-ws-display) !important;
  font-variation-settings:
    "wdth" 95,
    "wght" 700 !important;
  font-style: normal !important;
  color: var(--ws-plum-ink) !important;
  -webkit-text-fill-color: var(--ws-plum-ink) !important;
  letter-spacing: -0.015em !important;
  font-size: 16px !important;
  line-height: 1.2 !important;
  margin: 0 0 6px !important;
  text-shadow: none !important;
}
.popup.popup-light--archive .archive-book-card p {
  font-family: var(--f-ws-body) !important;
  color: var(--ws-plum-soft) !important;
  -webkit-text-fill-color: var(--ws-plum-soft) !important;
  font-size: 13.5px !important;
  line-height: 1.5 !important;
  margin: 0 !important;
  text-shadow: none !important;
}
.popup.popup-light--archive .archive-book-card .archive-book-badge-row {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 4px !important;
  margin: 8px 0 0 !important;
  padding: 0 !important;
  position: static !important;
  opacity: 1 !important;
  transform: none !important;
  background: 0 0 !important;
}
.popup.popup-light--archive .archive-book-card .archive-book-badge {
  display: inline-flex !important;
  padding: 3px 9px !important;
  background: var(--ws-cream-2) !important;
  border: 1px solid rgba(184, 146, 74, 0.3) !important;
  border-radius: 999px !important;
  font-family: var(--f-mono, "JetBrains Mono", monospace) !important;
  font-size: 9px !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: var(--ws-plum-ink) !important;
  -webkit-text-fill-color: var(--ws-plum-ink) !important;
  font-weight: 600 !important;
  text-shadow: none !important;
}
.popup.popup-light--lexikon .manual-inline-link,
.popup.popup-light--lexikon button.manual-inline-link,
.popup.popup-light--lexikon-detail .manual-inline-link,
.popup.popup-light--lexikon-detail button.manual-inline-link {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  background: var(--ws-plum-ink) !important;
  color: var(--ws-cream) !important;
  -webkit-text-fill-color: var(--ws-cream) !important;
  border: 1.5px solid var(--ws-plum-ink) !important;
  border-radius: 999px !important;
  padding: 8px 18px !important;
  font-family: var(--f-ws-body) !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  cursor: pointer !important;
  text-decoration: none !important;
  text-shadow: none !important;
  margin-top: auto !important;
  align-self: flex-start !important;
  transition: all 0.25s var(--ws-ease) !important;
  box-shadow: 0 6px 14px -6px rgba(42, 30, 46, 0.35) !important;
}
.popup.popup-light--lexikon .manual-inline-link:hover,
.popup.popup-light--lexikon-detail .manual-inline-link:hover {
  background: var(--ws-mauve-deep) !important;
  border-color: var(--ws-mauve-deep) !important;
  color: var(--ws-cream) !important;
  -webkit-text-fill-color: var(--ws-cream) !important;
  transform: translateY(-1px);
  box-shadow: 0 12px 22px -8px rgba(142, 111, 174, 0.5) !important;
}
.popup.popup-light--lexikon .tech-card .manual-inline-link {
  margin-top: 14px !important;
}
.popup.popup-light--lexikon .tech-card-summary[style],
.popup.popup-light--lexikon .tech-card-title[style] {
  color: var(--ws-plum-ink) !important;
  -webkit-text-fill-color: var(--ws-plum-ink) !important;
}
.popup.popup-light--lexikon-detail .popup-copy-card p {
  font-family: var(--f-ws-body) !important;
  font-style: normal !important;
  font-size: 16px !important;
  line-height: 1.7 !important;
  color: var(--ws-plum-ink) !important;
  -webkit-text-fill-color: var(--ws-plum-ink) !important;
}
.popup.popup-light--newsletter .newsletter-form-wrapper,
.popup.popup-light--newsletter .newsletter-form-wrapper--popup {
  background: 0 0 !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  backdrop-filter: none !important;
  box-shadow: none !important;
}
.popup.popup-light--newsletter .newsletter-form-wrapper iframe,
.popup.popup-light--newsletter .newsletter-form-wrapper > div {
  background: 0 0 !important;
  border: none !important;
  color: var(--ws-plum-ink) !important;
  -webkit-text-fill-color: var(--ws-plum-ink) !important;
}
.popup.popup-light--newsletter .newsletter-form-wrapper * {
  color: var(--ws-plum-ink) !important;
  -webkit-text-fill-color: var(--ws-plum-ink) !important;
}
.popup.popup-light--newsletter .newsletter-form-wrapper input,
.popup.popup-light--newsletter .newsletter-form-wrapper select,
.popup.popup-light--newsletter .newsletter-form-wrapper textarea {
  background: var(--ws-cream-2) !important;
  border: 1.5px solid rgba(184, 112, 128, 0.3) !important;
  color: var(--ws-plum-ink) !important;
  -webkit-text-fill-color: var(--ws-plum-ink) !important;
  border-radius: 8px !important;
  font-family: var(--f-ws-body) !important;
  padding: 10px 14px !important;
}
.popup.popup-light--newsletter .newsletter-form-wrapper input:focus,
.popup.popup-light--newsletter .newsletter-form-wrapper textarea:focus {
  border-color: var(--ws-rose-deep) !important;
  outline: 0 !important;
}
.popup.popup-light--newsletter .newsletter-form-wrapper [type="submit"],
.popup.popup-light--newsletter .newsletter-form-wrapper button {
  background: var(--ws-rose-deep) !important;
  color: var(--ws-cream) !important;
  -webkit-text-fill-color: var(--ws-cream) !important;
  border: 1.5px solid var(--ws-rose-deep) !important;
  border-radius: 999px !important;
  padding: 10px 22px !important;
  font-family: var(--f-ws-body) !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  text-shadow: none !important;
  box-shadow: 0 6px 14px -6px rgba(184, 112, 128, 0.55) !important;
}
.popup.popup-light--newsletter .newsletter-form-wrapper [type="submit"]:hover,
.popup.popup-light--newsletter .newsletter-form-wrapper button:hover {
  background: var(--ws-mauve-deep) !important;
  border-color: var(--ws-mauve-deep) !important;
}
.popup.popup-light--newsletter .newsletter-form-wrapper label {
  color: var(--ws-plum-ink) !important;
  -webkit-text-fill-color: var(--ws-plum-ink) !important;
  font-family: var(--f-ws-body) !important;
  font-weight: 600 !important;
}
.popup.popup-light--newsletter .newsletter-form-wrapper a {
  color: var(--ws-rose-deep) !important;
  -webkit-text-fill-color: var(--ws-rose-deep) !important;
}
.popup.popup-light--wishlist .wishlist-stats {
  background: var(--ws-cream-2) !important;
  border: 1.5px solid rgba(142, 111, 174, 0.35) !important;
  border-radius: 16px !important;
  padding: 32px 28px 26px !important;
  margin: 24px 0 28px !important;
  box-shadow: 0 14px 28px -16px rgba(142, 111, 174, 0.25) !important;
  position: relative !important;
  overflow: visible !important;
}
.popup.popup-light--wishlist .wishlist-stats::before {
  content: "Aktueller Stand";
  position: absolute;
  top: -14px;
  left: 24px;
  background: var(--ws-mauve-deep);
  color: var(--ws-cream);
  -webkit-text-fill-color: var(--ws-cream);
  font-family: var(--f-ws-hand);
  font-size: 18px;
  padding: 4px 16px 5px;
  border-radius: 30px;
  font-weight: 500;
  letter-spacing: 0;
  transform: rotate(-2deg);
  box-shadow: 0 6px 14px -6px rgba(142, 111, 174, 0.55);
  z-index: 5;
  white-space: nowrap;
}
.popup.popup-light--wishlist .wishlist-stats__head {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: baseline !important;
  justify-content: flex-end !important;
  gap: 12px !important;
  margin: 0 0 18px !important;
  padding: 0 !important;
  background: 0 0 !important;
  border: none !important;
}
.popup.popup-light--wishlist .wishlist-stats__label {
  display: none !important;
}
.popup.popup-light--wishlist .wishlist-stats__total {
  font-family: var(--f-ws-body) !important;
  font-size: 14px !important;
  color: var(--ws-plum-soft) !important;
  -webkit-text-fill-color: var(--ws-plum-soft) !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  text-shadow: none !important;
}
.popup.popup-light--wishlist .wishlist-stats__row {
  display: grid !important;
  grid-template-columns: 44px 56px 1fr auto !important;
  align-items: center !important;
  gap: 16px !important;
  background: var(--ws-cream) !important;
  box-shadow: 0 4px 12px -8px rgba(42, 30, 46, 0.15) !important;
}
.popup.popup-light--wishlist .wishlist-stats__rank {
  font-family: var(--f-ws-display) !important;
  font-variation-settings:
    "wdth" 95,
    "wght" 700 !important;
  font-style: normal !important;
  font-size: 22px !important;
  color: var(--ws-mauve-deep) !important;
  -webkit-text-fill-color: var(--ws-mauve-deep) !important;
  letter-spacing: -0.02em !important;
  line-height: 1 !important;
  text-align: center !important;
  text-shadow: none !important;
  align-items: center !important;
  justify-content: center !important;
}
.popup.popup-light--wishlist
  .wishlist-stats__row[data-rank="1"]
  .wishlist-stats__rank {
  color: var(--ws-gold-warm) !important;
  -webkit-text-fill-color: var(--ws-gold-warm) !important;
  font-size: 26px !important;
}
.popup.popup-light--wishlist .wishlist-stats__count {
  font-family: var(--f-ws-display) !important;
  font-variation-settings:
    "wdth" 95,
    "wght" 700 !important;
  font-size: 18px !important;
  color: var(--ws-plum-ink) !important;
  -webkit-text-fill-color: var(--ws-plum-ink) !important;
  letter-spacing: -0.015em !important;
  text-shadow: none !important;
  white-space: nowrap !important;
  align-items: baseline !important;
}
.popup.popup-light--wishlist .wishlist-stats__count-share {
  font-family: var(--f-ws-body) !important;
  font-weight: 500 !important;
  font-size: 12px !important;
  color: var(--ws-plum-soft) !important;
  -webkit-text-fill-color: var(--ws-plum-soft) !important;
  margin-left: 4px !important;
}
.popup.popup-light--lexikon .lex-lead,
.popup.popup-light--lexikon-abk .lex-lead,
.popup.popup-light--lexikon-detail .lex-lead,
.popup.popup-light--lexikon-genres .lex-lead,
.popup.popup-light--lexikon-tropes .lex-lead {
  font-family: var(--f-ws-body) !important;
  font-style: normal !important;
  font-size: 17px !important;
  line-height: 1.65 !important;
  color: var(--ws-plum-ink) !important;
  -webkit-text-fill-color: var(--ws-plum-ink) !important;
  margin: 0 0 32px !important;
  max-width: 720px !important;
  background: 0 0 !important;
  border: none !important;
  padding: 0 !important;
  text-shadow: none !important;
  font-weight: 500 !important;
}
@media (max-width: 720px) {
  .popup.popup-light--wishlist .wishlist-stats__row {
    grid-template-columns: 36px 44px 1fr auto !important;
    gap: 12px !important;
  }
  .popup.popup-light--wishlist .wishlist-stats__cover {
    width: 44px !important;
  }
  .popup.popup-light--lexikon .lex-lead,
  .popup.popup-light--lexikon-detail .lex-lead {
    font-size: 15.5px !important;
    margin-bottom: 24px !important;
  }
}
.popup.popup-light--lexikon-detail .popup-section-title {
  font-family: var(--f-ws-hand) !important;
  font-variation-settings: normal !important;
  font-style: normal !important;
  font-size: 22px !important;
  letter-spacing: 0 !important;
  margin: 6px 0 12px !important;
  line-height: 1.2 !important;
  display: inline-block !important;
  transform: rotate(-1deg) !important;
  text-transform: none !important;
  font-weight: 500 !important;
  color: var(--ws-mauve-deep) !important;
  -webkit-text-fill-color: var(--ws-mauve-deep) !important;
  border: none !important;
  padding: 0 !important;
  text-shadow: none !important;
}
.popup.popup-light--lexikon-detail.popup-light--lexikon-tropes
  .popup-section-title,
.popup.popup-light--lexikon-tropes.popup-light--lexikon-detail
  .popup-section-title {
  color: var(--ws-mauve-deep) !important;
  -webkit-text-fill-color: var(--ws-mauve-deep) !important;
}
.popup.popup-light--lexikon-abk.popup-light--lexikon-detail
  .popup-section-title,
.popup.popup-light--lexikon-detail.popup-light--lexikon-abk
  .popup-section-title {
  color: var(--ws-peach-deep) !important;
  -webkit-text-fill-color: var(--ws-peach-deep) !important;
}
.popup.popup-light--lexikon-detail.popup-light--lexikon-genres
  .popup-section-title,
.popup.popup-light--lexikon-genres.popup-light--lexikon-detail
  .popup-section-title {
  color: var(--ws-sage-deep) !important;
  -webkit-text-fill-color: var(--ws-sage-deep) !important;
}
.popup.popup-light--lexikon-detail
  .popup-copy-card:nth-child(2n)
  .popup-section-title {
  color: var(--ws-peach-deep) !important;
  -webkit-text-fill-color: var(--ws-peach-deep) !important;
  opacity: 1 !important;
}
.popup.popup-light--lexikon-detail.popup-light--lexikon-tropes
  .popup-copy-card:nth-child(2n)
  .popup-section-title,
.popup.popup-light--lexikon-tropes.popup-light--lexikon-detail
  .popup-copy-card:nth-child(2n)
  .popup-section-title {
  color: var(--ws-rose-deep) !important;
  -webkit-text-fill-color: var(--ws-rose-deep) !important;
}
.popup.popup-light--lexikon-abk.popup-light--lexikon-detail
  .popup-copy-card:nth-child(2n)
  .popup-section-title,
.popup.popup-light--lexikon-detail.popup-light--lexikon-abk
  .popup-copy-card:nth-child(2n)
  .popup-section-title {
  color: var(--ws-mauve-deep) !important;
  -webkit-text-fill-color: var(--ws-mauve-deep) !important;
}
.popup.popup-light--lexikon-detail.popup-light--lexikon-genres
  .popup-copy-card:nth-child(2n)
  .popup-section-title,
.popup.popup-light--lexikon-genres.popup-light--lexikon-detail
  .popup-copy-card:nth-child(2n)
  .popup-section-title {
  color: var(--ws-peach-deep) !important;
  -webkit-text-fill-color: var(--ws-peach-deep) !important;
}
.popup.popup-light--lexikon .popup-actions .gold-button,
.popup.popup-light--lexikon .popup-actions .gold-button.ghost,
.popup.popup-light--lexikon-detail .popup-actions .gold-button,
.popup.popup-light--lexikon-detail .popup-actions .gold-button.ghost {
  font-family: var(--f-ws-body) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 0.03em !important;
  text-transform: uppercase !important;
  padding: 12px 26px !important;
  border-radius: 999px !important;
  background: var(--ws-plum-ink) !important;
  background-image: none !important;
  color: var(--ws-cream) !important;
  -webkit-text-fill-color: var(--ws-cream) !important;
  border: 1.5px solid var(--ws-plum-ink) !important;
  text-shadow: none !important;
  box-shadow: 0 12px 28px -14px rgba(42, 30, 46, 0.5) !important;
  transition: all 0.25s var(--ws-ease) !important;
}
.popup.popup-light--lexikon .popup-actions .gold-button *,
.popup.popup-light--lexikon .popup-actions .gold-button.ghost *,
.popup.popup-light--lexikon-detail .popup-actions .gold-button *,
.popup.popup-light--lexikon-detail .popup-actions .gold-button.ghost * {
  color: var(--ws-cream) !important;
  -webkit-text-fill-color: var(--ws-cream) !important;
}
.popup.popup-light--lexikon .popup-actions .gold-button.ghost:hover,
.popup.popup-light--lexikon .popup-actions .gold-button:hover,
.popup.popup-light--lexikon-detail .popup-actions .gold-button.ghost:hover,
.popup.popup-light--lexikon-detail .popup-actions .gold-button:hover {
  background: var(--ws-mauve-deep) !important;
  border-color: var(--ws-mauve-deep) !important;
  transform: translateY(-2px);
}
.popup.popup-light--lexikon-tropes.popup-light--lexikon-detail
  .popup-actions
  .gold-button.ghost:hover,
.popup.popup-light--lexikon-tropes.popup-light--lexikon-detail
  .popup-actions
  .gold-button:hover {
  background: var(--ws-mauve-deep) !important;
  border-color: var(--ws-mauve-deep) !important;
}
.popup.popup-light--lexikon-abk.popup-light--lexikon-detail
  .popup-actions
  .gold-button.ghost:hover,
.popup.popup-light--lexikon-abk.popup-light--lexikon-detail
  .popup-actions
  .gold-button:hover {
  background: var(--ws-peach-deep) !important;
  border-color: var(--ws-peach-deep) !important;
}
.popup.popup-light--lexikon-genres.popup-light--lexikon-detail
  .popup-actions
  .gold-button.ghost:hover,
.popup.popup-light--lexikon-genres.popup-light--lexikon-detail
  .popup-actions
  .gold-button:hover {
  background: var(--ws-sage-deep) !important;
  border-color: var(--ws-sage-deep) !important;
}
.popup.popup-light--lexikon .popup-copy-card em,
.popup.popup-light--lexikon-detail .popup-copy-card em,
.popup.popup-light--lexikon-detail .popup-copy-card p em {
  font-family: var(--f-ws-italic) !important;
  font-style: italic !important;
}
@media (max-width: 720px) {
  .popup.popup-light--lexikon-detail .popup-section-title {
    font-size: 18px !important;
  }
}
.popup.popup-light--newsletter .newsletter-popup-lead {
  font-family: var(--f-ws-body) !important;
  font-style: normal !important;
  font-size: 17px !important;
  line-height: 1.65 !important;
  color: var(--ws-plum-ink) !important;
  -webkit-text-fill-color: var(--ws-plum-ink) !important;
  margin: 0 auto 32px !important;
  max-width: 720px !important;
  padding: 0 4px !important;
  text-align: center !important;
  background: 0 0 !important;
  border: none !important;
  text-shadow: none !important;
  font-weight: 500 !important;
}
@media (max-width: 720px) {
  .popup.popup-light--newsletter .newsletter-popup-lead {
    font-size: 15.5px !important;
    margin-bottom: 26px !important;
  }
}
.popup.popup-light--archive .archive-result-card {
  position: relative !important;
  margin-top: 22px !important;
  overflow: visible !important;
  padding: 28px 22px 22px !important;
}
.popup.popup-light--archive .archive-result-rank {
  position: absolute !important;
  top: -16px !important;
  left: 22px !important;
  right: auto !important;
  margin: 0 !important;
  display: inline-flex !important;
  align-items: baseline !important;
  gap: 8px !important;
  background: var(--ws-mauve-deep) !important;
  border: none !important;
  border-radius: 999px !important;
  padding: 7px 18px 8px !important;
  z-index: 6 !important;
  box-shadow:
    0 8px 18px -8px rgba(142, 111, 174, 0.55),
    inset 0 -2px 4px rgba(0, 0, 0, 0.12) !important;
  transform: rotate(-3deg) !important;
}
.popup.popup-light--archive
  .archive-result-card[data-rank="1"]
  .archive-result-rank {
  background: var(--ws-gold-warm) !important;
  border: none !important;
  box-shadow:
    0 10px 22px -8px rgba(184, 146, 74, 0.65),
    inset 0 -2px 4px rgba(0, 0, 0, 0.12) !important;
  transform: rotate(-4deg) !important;
}
.popup.popup-light--archive .archive-result-rank::before {
  content: "Platz" !important;
  font-family: var(--f-ws-hand) !important;
  font-size: 16px !important;
  color: var(--ws-cream) !important;
  -webkit-text-fill-color: var(--ws-cream) !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  transform: none !important;
  display: inline-block !important;
  line-height: 1 !important;
}
.popup.popup-light--archive
  .archive-result-card[data-rank="1"]
  .archive-result-rank::before {
  color: var(--ws-cream) !important;
  -webkit-text-fill-color: var(--ws-cream) !important;
}
.popup.popup-light--archive .archive-rank-number {
  font-family: var(--f-ws-display) !important;
  font-variation-settings:
    "wdth" 95,
    "wght" 700 !important;
  font-style: normal !important;
  font-size: 18px !important;
  color: var(--ws-cream) !important;
  -webkit-text-fill-color: var(--ws-cream) !important;
  letter-spacing: -0.02em !important;
  line-height: 1 !important;
  text-shadow: none !important;
}
.popup.popup-light--archive
  .archive-result-card[data-rank="1"]
  .archive-rank-number {
  color: var(--ws-cream) !important;
  -webkit-text-fill-color: var(--ws-cream) !important;
  font-size: 20px !important;
}
.popup.popup-light--archive .archive-score-track {
  position: relative !important;
  height: 30px !important;
  background: rgba(142, 111, 174, 0.12) !important;
  border-radius: 999px !important;
  overflow: hidden !important;
  margin: 12px 0 8px !important;
  border: 1px solid rgba(142, 111, 174, 0.2) !important;
}
.popup.popup-light--archive .archive-score-fill {
  position: absolute !important;
  inset: 0 auto 0 0 !important;
  height: 100% !important;
  background: linear-gradient(
    90deg,
    var(--ws-mauve-deep),
    var(--ws-rose-deep)
  ) !important;
  border-radius: 999px !important;
  box-shadow: 0 0 8px rgba(142, 111, 174, 0.4) !important;
  transition: width 0.55s var(--ws-ease) !important;
}
.popup.popup-light--archive
  .archive-result-card[data-rank="1"]
  .archive-score-fill {
  background: linear-gradient(
    90deg,
    var(--ws-gold-warm),
    var(--ws-peach-deep)
  ) !important;
}
.popup.popup-light--archive .archive-fit-banner {
  position: absolute !important;
  inset: 0 !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  align-items: center !important;
  justify-content: center !important;
  background: 0 0 !important;
  border: none !important;
  border-radius: 999px !important;
  font-family: var(--f-ws-body) !important;
  font-style: normal !important;
  font-size: 12px !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  font-weight: 700 !important;
  color: var(--ws-cream) !important;
  -webkit-text-fill-color: var(--ws-cream) !important;
  text-shadow: 0 1px 3px rgba(42, 30, 46, 0.35) !important;
  padding: 0 14px !important;
  z-index: 2 !important;
  pointer-events: none !important;
  transform: none !important;
  box-shadow: none !important;
  white-space: nowrap !important;
}
.popup.popup-light--archive
  .archive-result-card[data-rank="1"]
  .archive-fit-banner {
  background: 0 0 !important;
  box-shadow: none !important;
}
@media (max-width: 720px) {
  .popup.popup-light--archive .archive-result-rank {
    top: -14px !important;
    left: 16px !important;
    padding: 6px 14px 7px !important;
  }
  .popup.popup-light--archive .archive-score-track {
    height: 26px !important;
  }
  .popup.popup-light--archive .archive-fit-banner {
    font-size: 10.5px !important;
    letter-spacing: 0.12em !important;
  }
}
.popup.popup-light--archive .archive-luxe-intro {
  margin-bottom: 28px !important;
  padding: 0 4px !important;
}
.popup.popup-light--archive .archive-quiz-progress {
  margin: 0 0 18px !important;
  padding: 0 !important;
  border-bottom: none !important;
}
.popup.popup-light--archive .archive-quiz-progress-meta {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  margin: 0 0 14px !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
}
.popup.popup-light--archive .archive-quiz-progress-label {
  font-family: var(--f-ws-body) !important;
  font-size: 13px !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: var(--ws-plum-soft) !important;
  -webkit-text-fill-color: var(--ws-plum-soft) !important;
  font-weight: 600 !important;
  text-shadow: none !important;
}
.popup.popup-light--archive .archive-quiz-progress-label strong {
  font-family: var(--f-ws-display) !important;
  font-variation-settings:
    "wdth" 95,
    "wght" 700 !important;
  font-size: 17px !important;
  color: var(--ws-mauve-deep) !important;
  -webkit-text-fill-color: var(--ws-mauve-deep) !important;
  letter-spacing: -0.01em !important;
  margin: 0 3px !important;
  font-weight: 700 !important;
}
.popup.popup-light--archive .archive-reset-button {
  font-family: var(--f-ws-body) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  background: 0 0 !important;
  border: 1.5px solid rgba(184, 112, 128, 0.4) !important;
  color: var(--ws-rose-deep) !important;
  -webkit-text-fill-color: var(--ws-rose-deep) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  padding: 8px 16px !important;
  border-radius: 999px !important;
  cursor: pointer !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  transition: all 0.25s var(--ws-ease) !important;
}
.popup.popup-light--archive .archive-reset-button svg {
  width: 14px !important;
  height: 14px !important;
}
.popup.popup-light--archive .archive-reset-button:hover {
  background: var(--ws-rose-deep) !important;
  color: var(--ws-cream) !important;
  -webkit-text-fill-color: var(--ws-cream) !important;
  border-color: var(--ws-rose-deep) !important;
}
.popup.popup-light--archive .quiz-progress-bar {
  height: 10px !important;
  background: var(--ws-cream-2) !important;
  border-radius: 999px !important;
  overflow: hidden !important;
  border: 1px solid rgba(184, 146, 74, 0.25) !important;
  width: 100% !important;
  margin: 0 !important;
}
.popup.popup-light--archive .quiz-progress-fill {
  height: 100% !important;
  background: linear-gradient(
    90deg,
    var(--ws-mauve-deep) 0,
    var(--ws-rose-deep) 35%,
    var(--ws-peach-deep) 65%,
    var(--ws-sage-deep) 100%
  ) !important;
  border-radius: 999px !important;
  transition: width 0.55s var(--ws-ease) !important;
  box-shadow: 0 0 10px rgba(142, 111, 174, 0.4) !important;
}
.popup.popup-light--archive .archive-stepper {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  margin: 16px 0 0 !important;
  padding: 0 !important;
  gap: 6px !important;
  position: relative !important;
}
.popup.popup-light--archive .archive-stepper-dot {
  flex: 1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 30px !important;
  min-width: 30px !important;
  height: 30px !important;
  border-radius: 50% !important;
  background: var(--ws-cream) !important;
  border: 1.5px solid rgba(184, 146, 74, 0.35) !important;
  font-family: var(--f-ws-display) !important;
  font-variation-settings:
    "wdth" 95,
    "wght" 700 !important;
  font-size: 12px !important;
  color: var(--ws-plum-mute) !important;
  -webkit-text-fill-color: var(--ws-plum-mute) !important;
  cursor: not-allowed !important;
  padding: 0 !important;
  transition: all 0.25s var(--ws-ease) !important;
  letter-spacing: -0.01em !important;
  text-shadow: none !important;
  box-shadow: none !important;
}
.popup.popup-light--archive .archive-stepper-dot.is-done {
  background: var(--ws-sage-deep) !important;
  border-color: var(--ws-sage-deep) !important;
  color: var(--ws-cream) !important;
  -webkit-text-fill-color: var(--ws-cream) !important;
  cursor: pointer !important;
}
.popup.popup-light--archive .archive-stepper-dot.is-done:hover {
  background: var(--ws-mauve-deep) !important;
  border-color: var(--ws-mauve-deep) !important;
  transform: scale(1.1) !important;
}
.popup.popup-light--archive .archive-stepper-dot.is-active {
  background: var(--ws-mauve-deep) !important;
  border-color: var(--ws-mauve-deep) !important;
  color: var(--ws-cream) !important;
  -webkit-text-fill-color: var(--ws-cream) !important;
  width: 36px !important;
  min-width: 36px !important;
  height: 36px !important;
  font-size: 14px !important;
  box-shadow: 0 8px 16px -6px rgba(142, 111, 174, 0.55) !important;
  cursor: default !important;
}
.popup.popup-light--archive .archive-stepper-dot-num {
  display: inline-block !important;
  line-height: 1 !important;
}
.popup.popup-light--archive .archive-question-grid {
  display: flex !important;
  flex-direction: column !important;
  gap: 22px !important;
  background: 0 0 !important;
}
.popup.popup-light--archive .archive-question-grid > * {
  border: none !important;
  box-shadow: none !important;
}
.popup.popup-light--archive .archive-question-card,
.popup.popup-light--archive .archive-question-grid > * {
  background: 0 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}
.popup.popup-light--archive .archive-question-head {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 8px !important;
  margin: 0 0 6px !important;
  padding: 0 !important;
  background: 0 0 !important;
  border: none !important;
}
.popup.popup-light--archive .archive-question-index {
  font-family: var(--f-ws-hand) !important;
  font-size: 22px !important;
  color: var(--ws-mauve-deep) !important;
  -webkit-text-fill-color: var(--ws-mauve-deep) !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  font-weight: 500 !important;
  display: inline-block !important;
  transform: rotate(-2deg) !important;
  margin: 0 !important;
  background: 0 0 !important;
  border: none !important;
  padding: 0 !important;
  box-shadow: none !important;
  width: auto !important;
  height: auto !important;
  text-shadow: none !important;
  line-height: 1 !important;
}
.popup.popup-light--archive .archive-question-title {
  font-family: var(--f-ws-display) !important;
  font-variation-settings:
    "wdth" 95,
    "wght" 700 !important;
  font-style: normal !important;
  font-size: clamp(24px, 3vw, 32px) !important;
  color: var(--ws-plum-ink) !important;
  -webkit-text-fill-color: var(--ws-plum-ink) !important;
  letter-spacing: -0.02em !important;
  line-height: 1.15 !important;
  margin: 0 !important;
  text-shadow: none !important;
  font-weight: 700 !important;
}
.popup.popup-light--archive .archive-question-helper {
  font-family: var(--f-ws-italic) !important;
  font-style: italic !important;
  font-size: 16px !important;
  line-height: 1.55 !important;
  color: var(--ws-plum-soft) !important;
  -webkit-text-fill-color: var(--ws-plum-soft) !important;
  margin: 4px 0 0 !important;
  max-width: 640px !important;
  text-shadow: none !important;
}
.popup.popup-light--archive .archive-option-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)) !important;
  gap: 12px !important;
  margin: 18px 0 0 !important;
  padding: 0 !important;
  background: 0 0 !important;
}
.popup.popup-light--archive .archive-option-grid label,
.popup.popup-light--archive .archive-question-grid label {
  display: grid !important;
  grid-template-columns: 24px 1fr !important;
  gap: 12px !important;
  align-items: flex-start !important;
  background: var(--ws-cream-2) !important;
  border: 1.5px solid rgba(184, 146, 74, 0.25) !important;
  border-radius: 14px !important;
  padding: 16px 18px !important;
  cursor: pointer !important;
  font-family: var(--f-ws-body) !important;
  font-size: 14px !important;
  color: var(--ws-plum-ink) !important;
  -webkit-text-fill-color: var(--ws-plum-ink) !important;
  font-weight: 500 !important;
  transition: all 0.25s var(--ws-ease) !important;
  position: relative !important;
  text-shadow: none !important;
  box-shadow: 0 4px 10px -6px rgba(42, 30, 46, 0.12) !important;
}
.popup.popup-light--archive .archive-option-grid label:hover,
.popup.popup-light--archive .archive-question-grid label:hover {
  background: var(--ws-cream) !important;
  border-color: var(--ws-mauve-deep) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 12px 22px -10px rgba(142, 111, 174, 0.35) !important;
}
.popup.popup-light--archive .archive-option-grid label:has(input:checked),
.popup.popup-light--archive .archive-question-grid label:has(input:checked) {
  background: var(--ws-cream) !important;
  border-color: var(--ws-mauve-deep) !important;
  border-width: 2px !important;
  box-shadow:
    0 0 0 1px var(--ws-mauve-deep),
    0 12px 22px -10px rgba(142, 111, 174, 0.35) !important;
  padding: 15px 17px !important;
}
.popup.popup-light--archive .archive-option-mark {
  width: 22px !important;
  height: 22px !important;
  border-radius: 6px !important;
  background: var(--ws-cream) !important;
  border: 1.5px solid rgba(184, 146, 74, 0.55) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  transition: all 0.2s var(--ws-ease) !important;
  margin-top: 2px !important;
}
.popup.popup-light--archive .archive-option-mark svg {
  width: 14px !important;
  height: 14px !important;
  color: var(--ws-cream) !important;
  opacity: 0 !important;
  transform: scale(0.6) !important;
  transition: all 0.2s var(--ws-ease) !important;
}
.popup.popup-light--archive label:has(input:checked) .archive-option-mark {
  background: var(--ws-mauve-deep) !important;
  border-color: var(--ws-mauve-deep) !important;
}
.popup.popup-light--archive label:has(input:checked) .archive-option-mark svg {
  opacity: 1 !important;
  transform: scale(1) !important;
}
.popup.popup-light--archive .archive-option-copy {
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  min-width: 0 !important;
}
.popup.popup-light--archive .archive-option-copy strong {
  font-family: var(--f-ws-display) !important;
  font-variation-settings:
    "wdth" 95,
    "wght" 700 !important;
  font-style: normal !important;
  font-size: 15.5px !important;
  color: var(--ws-plum-ink) !important;
  -webkit-text-fill-color: var(--ws-plum-ink) !important;
  letter-spacing: -0.01em !important;
  line-height: 1.2 !important;
  font-weight: 700 !important;
  text-shadow: none !important;
}
.popup.popup-light--archive .archive-option-copy span {
  font-family: var(--f-ws-body) !important;
  font-style: normal !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
  color: var(--ws-plum-soft) !important;
  -webkit-text-fill-color: var(--ws-plum-soft) !important;
  font-weight: 500 !important;
  text-shadow: none !important;
}
.popup.popup-light--archive .quiz-nav {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  margin: 18px 0 0 !important;
  padding: 0 !important;
  border-top: none !important;
  gap: 12px !important;
}
.popup.popup-light--archive .quiz-nav-buttons {
  display: flex !important;
  gap: 12px !important;
  width: 100% !important;
  justify-content: space-between !important;
  align-items: center !important;
}
.popup.popup-light--archive .quiz-back {
  background: 0 0 !important;
  border: 1.5px solid var(--ws-plum-mute) !important;
  color: var(--ws-plum-soft) !important;
  -webkit-text-fill-color: var(--ws-plum-soft) !important;
  font-family: var(--f-ws-body) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  padding: 12px 22px !important;
  border-radius: 999px !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  transition: all 0.25s var(--ws-ease) !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  text-shadow: none !important;
}
.popup.popup-light--archive .quiz-back svg {
  width: 16px !important;
  height: 16px !important;
}
.popup.popup-light--archive .quiz-back:hover:not(:disabled) {
  background: var(--ws-cream-2) !important;
  border-color: var(--ws-plum-ink) !important;
  color: var(--ws-plum-ink) !important;
  -webkit-text-fill-color: var(--ws-plum-ink) !important;
  transform: translateX(-2px) !important;
}
.popup.popup-light--archive .quiz-back:disabled {
  opacity: 0.35 !important;
  cursor: not-allowed !important;
}
.popup.popup-light--archive .gold-button.quiz-next,
.popup.popup-light--archive .quiz-next {
  background: var(--ws-plum-ink) !important;
  background-image: none !important;
  color: var(--ws-cream) !important;
  -webkit-text-fill-color: var(--ws-cream) !important;
  border: 1.5px solid var(--ws-plum-ink) !important;
  font-family: var(--f-ws-body) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  padding: 12px 26px !important;
  border-radius: 999px !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  text-shadow: none !important;
  box-shadow: 0 12px 28px -14px rgba(42, 30, 46, 0.5) !important;
  cursor: pointer !important;
  transition: all 0.25s var(--ws-ease) !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
}
.popup.popup-light--archive .gold-button.quiz-next::before,
.popup.popup-light--archive .quiz-next::before {
  display: none !important;
}
.popup.popup-light--archive .quiz-next svg {
  width: 16px !important;
  height: 16px !important;
}
.popup.popup-light--archive .quiz-next:hover:not(:disabled) {
  background: var(--ws-mauve-deep) !important;
  border-color: var(--ws-mauve-deep) !important;
  transform: translateY(-2px) translateX(2px) !important;
  box-shadow: 0 18px 36px -14px rgba(142, 111, 174, 0.55) !important;
}
.popup.popup-light--archive .quiz-next:disabled {
  opacity: 0.35 !important;
  cursor: not-allowed !important;
}
@media (max-width: 720px) {
  .popup.popup-light--archive .archive-question-title {
    font-size: 22px !important;
  }
  .popup.popup-light--archive .archive-option-grid {
    grid-template-columns: 1fr !important;
  }
  .popup.popup-light--archive .archive-stepper-dot {
    width: 24px !important;
    min-width: 24px !important;
    height: 24px !important;
    font-size: 10px !important;
  }
  .popup.popup-light--archive .archive-stepper-dot.is-active {
    width: 30px !important;
    min-width: 30px !important;
    height: 30px !important;
    font-size: 12px !important;
  }
  .popup.popup-light--archive .quiz-back span {
    display: none !important;
  }
  .popup.popup-light--archive .quiz-back {
    padding: 10px 14px !important;
  }
  .popup.popup-light--archive .quiz-next {
    padding: 12px 20px !important;
    font-size: 12px !important;
  }
}
.popup.popup-light--wishlist .wishlist-stats__list {
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  counter-reset: none !important;
}
.popup.popup-light--wishlist .wishlist-stats__list li,
.popup.popup-light--wishlist .wishlist-stats__row {
  display: grid !important;
  grid-template-columns: 60px 1fr !important;
  grid-template-rows: auto !important;
  align-items: stretch !important;
  gap: 18px !important;
  background: var(--ws-cream) !important;
  border: 1.5px solid rgba(184, 146, 74, 0.25) !important;
  border-radius: 14px !important;
  box-shadow: 0 8px 18px -10px rgba(42, 30, 46, 0.18) !important;
  margin: 0 !important;
  position: relative !important;
  counter-increment: none !important;
  overflow: visible !important;
}
.popup.popup-light--wishlist .wishlist-stats__row[data-rank="1"] {
  border-color: var(--ws-gold-warm) !important;
  background:
    radial-gradient(
      280px 200px at 18% 22%,
      rgba(245, 220, 180, 0.55),
      transparent 60%
    ),
    var(--ws-cream) !important;
  box-shadow:
    0 0 0 2px var(--ws-gold-warm),
    0 12px 22px -10px rgba(184, 146, 74, 0.35) !important;
}
.popup.popup-light--wishlist .wishlist-stats__row[data-rank="2"] {
  border-color: var(--ws-mauve-deep) !important;
}
.popup.popup-light--wishlist .wishlist-stats__row[data-rank="3"] {
  border-color: var(--ws-rose-deep) !important;
}
.popup.popup-light--wishlist .wishlist-stats__rank {
  display: none !important;
}
.popup.popup-light--wishlist .wishlist-stats__badge {
  position: absolute !important;
  top: -14px !important;
  left: 18px !important;
  background: var(--ws-mauve-deep) !important;
  color: var(--ws-cream) !important;
  -webkit-text-fill-color: var(--ws-cream) !important;
  font-family: var(--f-ws-hand) !important;
  font-size: 17px !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  padding: 5px 14px 6px !important;
  border-radius: 999px !important;
  transform: rotate(-3deg) !important;
  box-shadow:
    0 8px 16px -6px rgba(142, 111, 174, 0.55),
    inset 0 -2px 4px rgba(0, 0, 0, 0.12) !important;
  z-index: 5 !important;
  text-shadow: none !important;
  white-space: nowrap !important;
}
.popup.popup-light--wishlist
  .wishlist-stats__row[data-rank="1"]
  .wishlist-stats__badge {
  background: var(--ws-gold-warm) !important;
  font-size: 18px !important;
  box-shadow:
    0 10px 20px -6px rgba(184, 146, 74, 0.65),
    inset 0 -2px 4px rgba(0, 0, 0, 0.12) !important;
}
.popup.popup-light--wishlist
  .wishlist-stats__row[data-rank="3"]
  .wishlist-stats__badge {
  background: var(--ws-rose-deep) !important;
  box-shadow:
    0 8px 16px -6px rgba(184, 112, 128, 0.55),
    inset 0 -2px 4px rgba(0, 0, 0, 0.12) !important;
}
.popup.popup-light--wishlist .wishlist-stats__cover {
  aspect-ratio: 2/3 !important;
  overflow: hidden !important;
  background: var(--ws-cream-3) !important;
  box-shadow: 0 6px 14px -6px rgba(42, 30, 46, 0.35) !important;
  position: relative !important;
  align-self: center !important;
  border: 1px solid rgba(255, 255, 255, 0.55) !important;
}
.popup.popup-light--wishlist .wishlist-stats__cover img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}
.popup.popup-light--wishlist .wishlist-stats__main {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  min-width: 0 !important;
  justify-content: center !important;
}
.popup.popup-light--wishlist .wishlist-stats__line {
  font-family: var(--f-mono, "JetBrains Mono", monospace) !important;
  font-size: 9.5px !important;
  letter-spacing: 0.26em !important;
  text-transform: uppercase !important;
  color: var(--ws-plum-mute) !important;
  -webkit-text-fill-color: var(--ws-plum-mute) !important;
  font-weight: 600 !important;
  margin: 0 !important;
  display: inline-block !important;
  text-shadow: none !important;
}
.popup.popup-light--wishlist .wishlist-stats__name {
  font-family: var(--f-ws-display) !important;
  font-variation-settings:
    "wdth" 95,
    "wght" 700 !important;
  font-style: normal !important;
  font-size: 17px !important;
  color: var(--ws-plum-ink) !important;
  -webkit-text-fill-color: var(--ws-plum-ink) !important;
  letter-spacing: -0.015em !important;
  line-height: 1.2 !important;
  text-shadow: none !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  margin: 0 !important;
  font-weight: 700 !important;
}
.popup.popup-light--wishlist .wishlist-stats__bar {
  display: block !important;
  position: relative !important;
  width: 100% !important;
  height: 26px !important;
  background: rgba(142, 111, 174, 0.12) !important;
  border-radius: 999px !important;
  overflow: hidden !important;
  margin-top: 4px !important;
  border: 1px solid rgba(142, 111, 174, 0.18) !important;
}
.popup.popup-light--wishlist .wishlist-stats__bar-fill {
  display: block !important;
  position: absolute !important;
  inset: 0 auto 0 0 !important;
  height: 100% !important;
  background: linear-gradient(
    90deg,
    var(--ws-mauve-deep),
    var(--ws-rose-deep)
  ) !important;
  border-radius: 999px !important;
  box-shadow: 0 0 8px rgba(142, 111, 174, 0.4) !important;
  min-width: 6px !important;
  transition: width 0.55s var(--ws-ease) !important;
}
.popup.popup-light--wishlist
  .wishlist-stats__row[data-rank="1"]
  .wishlist-stats__bar-fill {
  background: linear-gradient(
    90deg,
    var(--ws-gold-warm),
    var(--ws-peach-deep)
  ) !important;
}
.popup.popup-light--wishlist
  .wishlist-stats__row[data-rank="3"]
  .wishlist-stats__bar-fill {
  background: linear-gradient(
    90deg,
    var(--ws-rose-deep),
    var(--ws-peach-deep)
  ) !important;
}
.popup.popup-light--wishlist .wishlist-stats__bar-label {
  position: absolute !important;
  inset: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-family: var(--f-ws-body) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  color: var(--ws-cream) !important;
  -webkit-text-fill-color: var(--ws-cream) !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  text-shadow: 0 1px 3px rgba(42, 30, 46, 0.35) !important;
  z-index: 2 !important;
  pointer-events: none !important;
  white-space: nowrap !important;
  padding: 0 12px !important;
}
.popup.popup-light--wishlist .wishlist-stats__count,
.popup.popup-light--wishlist .wishlist-stats__count-share {
  display: none !important;
}
@media (max-width: 720px) {
  .popup.popup-light--wishlist .wishlist-stats__list li,
  .popup.popup-light--wishlist .wishlist-stats__row {
    grid-template-columns: 50px 1fr !important;
    gap: 14px !important;
    padding: 16px !important;
  }
  .popup.popup-light--wishlist .wishlist-stats__cover {
    width: 50px !important;
  }
  .popup.popup-light--wishlist .wishlist-stats__name {
    font-size: 15.5px !important;
  }
  .popup.popup-light--wishlist .wishlist-stats__bar {
    height: 24px !important;
  }
  .popup.popup-light--wishlist .wishlist-stats__bar-label {
    font-size: 10.5px !important;
    letter-spacing: 0.04em !important;
  }
  .popup.popup-light--wishlist .wishlist-stats__badge {
    font-size: 15px !important;
    padding: 4px 12px 5px !important;
    left: 14px !important;
  }
}
.popup.popup-light--author {
  background:
    radial-gradient(
      520px 380px at 8% 6%,
      rgba(245, 205, 176, 0.35),
      transparent 60%
    ),
    radial-gradient(
      480px 360px at 92% 14%,
      rgba(212, 192, 230, 0.32),
      transparent 60%
    ),
    radial-gradient(
      420px 320px at 6% 76%,
      rgba(240, 197, 204, 0.28),
      transparent 60%
    ),
    radial-gradient(
      440px 340px at 94% 86%,
      rgba(194, 214, 192, 0.25),
      transparent 60%
    ),
    var(--ws-cream) !important;
}
.popup.popup-light--author .expose-page-shell {
  background: 0 0 !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  position: relative !important;
}
.popup.popup-light--author .expose-page-shell::after,
.popup.popup-light--author .expose-page-shell::before {
  content: none !important;
  display: none !important;
}
.popup.popup-light--author .expose-footerline,
.popup.popup-light--author .expose-topline {
  display: none !important;
}
.popup.popup-light--author .expose-hero-split {
  display: grid !important;
  grid-template-columns: 1.05fr 1fr !important;
  gap: 56px !important;
  align-items: center !important;
  margin-bottom: 56px !important;
  position: relative !important;
  z-index: 1 !important;
}
.popup.popup-light--author .expose-hero-split > div:first-child {
  background: 0 0 !important;
  border: none !important;
  padding: 0 !important;
  position: relative !important;
}
.popup.popup-light--author .expose-kicker {
  font-family: var(--f-ws-hand) !important;
  font-size: 26px !important;
  color: var(--ws-rose-deep) !important;
  -webkit-text-fill-color: var(--ws-rose-deep) !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  font-weight: 500 !important;
  display: inline-block !important;
  transform: rotate(-2deg) !important;
  margin: 0 0 8px !important;
  background: 0 0 !important;
  border: none !important;
  padding: 0 !important;
  text-shadow: none !important;
}
.popup.popup-light--author .expose-display-title {
  font-family: var(--f-ws-display) !important;
  font-variation-settings:
    "wdth" 95,
    "wght" 700,
    "opsz" 96 !important;
  font-style: normal !important;
  font-size: clamp(38px, 5vw, 64px) !important;
  color: var(--ws-plum-ink) !important;
  -webkit-text-fill-color: var(--ws-plum-ink) !important;
  letter-spacing: -0.03em !important;
  line-height: 0.98 !important;
  margin: 0 0 24px !important;
  text-shadow: none !important;
  font-weight: 700 !important;
}
.popup.popup-light--author .expose-display-title em {
  font-family: var(--f-ws-italic) !important;
  font-style: italic !important;
  font-weight: 400 !important;
  color: var(--ws-rose-deep) !important;
  -webkit-text-fill-color: var(--ws-rose-deep) !important;
  font-variation-settings: normal !important;
  letter-spacing: -0.005em !important;
}
.popup.popup-light--author .expose-lead {
  font-family: var(--f-ws-body) !important;
  color: var(--ws-plum-ink) !important;
  -webkit-text-fill-color: var(--ws-plum-ink) !important;
  text-shadow: none !important;
  position: relative !important;
}
.popup.popup-light--author .autor-facts,
.popup.popup-light--author .expose-signature-facts {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)) !important;
  gap: 14px !important;
  background: 0 0 !important;
  padding: 32px 0 0 !important;
  margin: 0 !important;
  border: none !important;
}
.popup.popup-light--author .expose-fact-card,
.popup.popup-light--author .expose-fact-card:nth-child(2n),
.popup.popup-light--author .expose-fact-card:nth-child(3n),
.popup.popup-light--author .expose-fact-card:nth-child(4n) {
  background-color: #faf6ea !important;
  background-image:
    repeating-linear-gradient(
      0deg,
      transparent 0,
      transparent 23px,
      rgba(110, 130, 165, 0.08) 23px,
      rgba(110, 130, 165, 0.08) 24px
    ),
    repeating-linear-gradient(
      90deg,
      transparent 0,
      transparent 23px,
      rgba(110, 130, 165, 0.08) 23px,
      rgba(110, 130, 165, 0.08) 24px
    ),
    linear-gradient(180deg, #fcfaf3 0, #f1ead8 100%) !important;
  border: none !important;
  border-radius: 2px 2px 8px 8px !important;
  padding: 38px 18px 18px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 4px !important;
  transition:
    transform 0.3s var(--ws-ease),
    box-shadow 0.3s var(--ws-ease) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.85),
    2px 2px 0 -1px rgba(248, 240, 218, 0.95),
    3px 3px 0 -1px rgba(0, 0, 0, 0.05),
    4px 4px 0 -1px rgba(244, 233, 207, 0.92),
    5px 5px 0 -1px rgba(0, 0, 0, 0.04),
    0 12px 22px -10px rgba(42, 30, 46, 0.3),
    0 3px 6px -1px rgba(42, 30, 46, 0.12) !important;
  position: relative !important;
  isolation: isolate;
}
.popup.popup-light--author .expose-fact-card:first-child {
  transform: rotate(-2deg) !important;
}
.popup.popup-light--author .expose-fact-card:nth-child(2) {
  transform: rotate(1deg) !important;
}
.popup.popup-light--author .expose-fact-card:nth-child(3) {
  transform: rotate(-1deg) !important;
}
.popup.popup-light--author .expose-fact-card::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: auto !important;
  width: auto !important;
  height: 22px !important;
  transform: none !important;
  background-color: var(--ws-mauve-deep) !important;
  background-image:
    repeating-linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.04) 0,
      rgba(255, 255, 255, 0.04) 1px,
      transparent 1px,
      transparent 3px
    ),
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.08) 0,
      transparent 50%,
      rgba(0, 0, 0, 0.06) 100%
    ) !important;
  background-repeat: repeat, no-repeat !important;
  border: none !important;
  border-radius: 2px 2px 0 0 !important;
  box-shadow: 0 1px 2px -1px rgba(0, 0, 0, 0.12) !important;
  z-index: 4 !important;
  opacity: 1 !important;
  filter: none !important;
}
.popup.popup-light--author .expose-fact-card:nth-child(2)::before {
  background-color: var(--ws-peach-deep) !important;
  transform: none !important;
}
.popup.popup-light--author .expose-fact-card:nth-child(3)::before {
  background-color: var(--ws-sage-deep) !important;
  transform: none !important;
}
.popup.popup-light--author .expose-fact-card:hover {
  transform: rotate(0) translateY(-4px) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.85),
    2px 2px 0 -1px rgba(248, 240, 218, 0.95),
    3px 3px 0 -1px rgba(0, 0, 0, 0.05),
    4px 4px 0 -1px rgba(244, 233, 207, 0.92),
    5px 5px 0 -1px rgba(0, 0, 0, 0.04),
    0 22px 36px -12px rgba(42, 30, 46, 0.42),
    0 6px 14px -2px rgba(42, 30, 46, 0.2) !important;
  z-index: 5;
}
.popup.popup-light--author .expose-fact-card strong {
  font-family: var(--f-ws-display) !important;
  font-variation-settings:
    "wdth" 95,
    "wght" 700 !important;
  font-style: normal !important;
  font-size: 24px !important;
  color: var(--ws-plum-ink) !important;
  -webkit-text-fill-color: var(--ws-plum-ink) !important;
  line-height: 1 !important;
  letter-spacing: -0.02em !important;
  margin: 0 !important;
  font-weight: 700 !important;
  text-shadow: none !important;
}
.popup.popup-light--author .expose-fact-card span {
  font-family: var(--f-ws-body) !important;
  font-style: normal !important;
  font-size: 13.5px !important;
  color: var(--ws-plum-soft) !important;
  -webkit-text-fill-color: var(--ws-plum-soft) !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  line-height: 1.45 !important;
  text-transform: none !important;
  margin: 0 !important;
  text-shadow: none !important;
}
.popup.popup-light--author .expose-cover.expose-cover-polaroid {
  position: relative !important;
  background: var(--ws-cream) !important;
  padding: 16px 16px 20px !important;
  border-radius: 4px !important;
  border: none !important;
  box-shadow:
    0 32px 60px -26px rgba(42, 30, 46, 0.5),
    0 8px 18px -4px rgba(42, 30, 46, 0.18),
    inset 0 0 0 1px rgba(255, 255, 255, 0.55) !important;
  transform: rotate(-2.5deg) !important;
  max-width: 440px !important;
  width: 100% !important;
  justify-self: center !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
  text-decoration: none !important;
  cursor: pointer !important;
  transition:
    transform 0.4s var(--ws-ease),
    box-shadow 0.4s var(--ws-ease) !important;
  isolation: isolate !important;
  overflow: visible !important;
}
.popup.popup-light--author .expose-cover.expose-cover-polaroid::before {
  content: "" !important;
  position: absolute !important;
  top: -14px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(-1.5deg) !important;
  width: 100px !important;
  height: 24px !important;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.65) 0,
    rgba(245, 235, 220, 0.9) 100%
  ) !important;
  border: 1px solid rgba(184, 146, 74, 0.22) !important;
  border-radius: 1px !important;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.12) !important;
  z-index: 4 !important;
}
.popup.popup-light--author .expose-cover.expose-cover-polaroid::after {
  display: none !important;
}
.popup.popup-light--author .expose-cover.expose-cover-polaroid:hover {
  transform: rotate(0) translateY(-6px) !important;
  box-shadow:
    0 42px 70px -26px rgba(184, 112, 128, 0.4),
    0 10px 20px -4px rgba(42, 30, 46, 0.2),
    0 0 0 2px var(--ws-gold-warm),
    inset 0 0 0 1px rgba(255, 255, 255, 0.55) !important;
}
.popup.popup-light--author .expose-cover.expose-cover-polaroid img {
  width: 100% !important;
  aspect-ratio: 3/4 !important;
  height: auto !important;
  object-fit: cover !important;
  display: block !important;
  border-radius: 2px !important;
  margin: 0 !important;
  flex-shrink: 0 !important;
  filter: saturate(1.05) contrast(1.02) !important;
}
.popup.popup-light--author
  .expose-cover.expose-cover-polaroid
  .expose-signature {
  position: relative !important;
  bottom: auto !important;
  left: auto !important;
  right: auto !important;
  padding: 6px 4px 4px !important;
  font-family: var(--f-ws-hand) !important;
  font-size: 28px !important;
  color: var(--ws-plum-ink) !important;
  -webkit-text-fill-color: var(--ws-plum-ink) !important;
  text-align: center !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  font-weight: 500 !important;
  text-shadow: none !important;
  flex-shrink: 0 !important;
}
.popup.popup-light--author
  .expose-cover.expose-cover-polaroid
  .expose-signature
  span {
  display: block !important;
  font-family: var(--f-ws-body) !important;
  font-size: 13px !important;
  color: var(--ws-plum-soft) !important;
  -webkit-text-fill-color: var(--ws-plum-soft) !important;
  font-weight: 500 !important;
  margin-top: 6px !important;
  letter-spacing: 0.03em !important;
  font-style: normal !important;
}
.popup.popup-light--author
  .expose-cover.expose-cover-polaroid
  .expose-signature
  s {
  text-decoration: line-through !important;
  text-decoration-color: var(--ws-rose-deep) !important;
  text-decoration-thickness: 1.5px !important;
  opacity: 0.7 !important;
}
.popup.popup-light--author .expose-divider {
  height: 0 !important;
  background: 0 0 !important;
  margin: 12px 0 32px !important;
  border: none !important;
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.popup.popup-light--author .expose-divider::before {
  content: none !important;
  display: none !important;
}
.popup.popup-light--author .expose-divider::after {
  display: none !important;
}
.popup.popup-light--author .autor-editorial-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
  gap: 28px !important;
  margin: 0 0 56px !important;
  background: 0 0 !important;
}
.popup.popup-light--author .expose-editorial-card,
.popup.popup-light--author .expose-editorial-card:nth-child(4n + 1),
.popup.popup-light--author .expose-editorial-card:nth-child(4n + 2),
.popup.popup-light--author .expose-editorial-card:nth-child(4n + 3),
.popup.popup-light--author .expose-editorial-card:nth-child(4n + 4) {
  background: var(--ws-cream) !important;
  border: 1.5px dashed rgba(184, 146, 74, 0.3) !important;
  box-shadow:
    0 22px 42px -22px rgba(42, 30, 46, 0.25),
    0 4px 10px -4px rgba(42, 30, 46, 0.1),
    inset 0 0 0 1px rgba(255, 255, 255, 0.55) !important;
  transition:
    transform 0.35s var(--ws-ease),
    box-shadow 0.35s var(--ws-ease) !important;
  isolation: isolate !important;
  transform: none !important;
}
.popup.popup-light--author .expose-editorial-card::before,
.popup.popup-light--author .expose-editorial-card:nth-child(4n + 1)::before,
.popup.popup-light--author .expose-editorial-card:nth-child(4n + 2)::before,
.popup.popup-light--author .expose-editorial-card:nth-child(4n + 3)::before,
.popup.popup-light--author .expose-editorial-card:nth-child(4n + 4)::before {
  content: "" !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(-1deg) !important;
}
.popup.popup-light--author .expose-editorial-card:hover {
  transform: translateY(-4px) !important;
  box-shadow:
    0 32px 52px -22px rgba(42, 30, 46, 0.3),
    0 6px 14px -4px rgba(42, 30, 46, 0.15),
    inset 0 0 0 1px rgba(255, 255, 255, 0.55) !important;
}
.popup.popup-light--author .expose-editorial-card .expose-section-kicker,
.popup.popup-light--author
  .expose-editorial-card:nth-child(4n + 1)
  .expose-section-kicker,
.popup.popup-light--author
  .expose-editorial-card:nth-child(4n + 2)
  .expose-section-kicker,
.popup.popup-light--author
  .expose-editorial-card:nth-child(4n + 3)
  .expose-section-kicker,
.popup.popup-light--author
  .expose-editorial-card:nth-child(4n + 4)
  .expose-section-kicker,
.popup.popup-light--author .expose-section-kicker {
  font-family: var(--f-ws-hand) !important;
  font-size: 22px !important;
  color: var(--ws-mauve-deep) !important;
  -webkit-text-fill-color: var(--ws-mauve-deep) !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  font-weight: 500 !important;
  margin: 6px 0 8px !important;
  display: inline-block !important;
  transform: rotate(-1.5deg) !important;
  text-shadow: none !important;
}
.popup.popup-light--author .expose-editorial-card .expose-section-title {
  font-family: var(--f-ws-display) !important;
  font-variation-settings:
    "wdth" 95,
    "wght" 700 !important;
  font-style: normal !important;
  font-size: 26px !important;
  color: var(--ws-plum-ink) !important;
  -webkit-text-fill-color: var(--ws-plum-ink) !important;
  letter-spacing: -0.02em !important;
  line-height: 1.15 !important;
  margin: 0 0 16px !important;
  border: none !important;
  padding: 0 !important;
  text-shadow: none !important;
  font-weight: 700 !important;
}
.popup.popup-light--author .expose-editorial-card p {
  font-family: var(--f-ws-body) !important;
  font-style: normal !important;
  font-size: 16px !important;
  line-height: 1.7 !important;
  color: var(--ws-plum-ink) !important;
  -webkit-text-fill-color: var(--ws-plum-ink) !important;
  margin: 0 0 14px !important;
  text-shadow: none !important;
}
.popup.popup-light--author .expose-editorial-card p:last-child {
  margin-bottom: 0 !important;
}
.popup.popup-light--author .expose-editorial-card em {
  font-family: var(--f-ws-italic) !important;
  font-style: italic !important;
  color: var(--ws-mauve-deep) !important;
  -webkit-text-fill-color: var(--ws-mauve-deep) !important;
}
.popup.popup-light--author .expose-editorial-card strong {
  color: var(--ws-plum-ink) !important;
  -webkit-text-fill-color: var(--ws-plum-ink) !important;
  font-weight: 700 !important;
}
.popup.popup-light--author .expose-quote-band .expose-section-title {
  font-family: var(--f-ws-display) !important;
  font-variation-settings:
    "wdth" 95,
    "wght" 700 !important;
  font-style: normal !important;
  font-size: 26px !important;
  color: var(--ws-plum-ink) !important;
  -webkit-text-fill-color: var(--ws-plum-ink) !important;
  letter-spacing: -0.02em !important;
  line-height: 1.15 !important;
  margin: 0 0 16px !important;
  border: none !important;
  padding: 0 !important;
  text-shadow: none !important;
  font-weight: 700 !important;
}
.popup.popup-light--author .expose-quote-band p:last-child {
  margin: 0 !important;
}
@media (max-width: 720px) {
  .popup.popup-light--author .expose-hero-split {
    grid-template-columns: 1fr !important;
    gap: 36px !important;
    margin-bottom: 40px !important;
  }
  .popup.popup-light--author .expose-cover.expose-cover-polaroid {
    max-width: 280px !important;
    transform: rotate(-1.5deg) !important;
  }
  .popup.popup-light--author .autor-editorial-grid {
    grid-template-columns: 1fr !important;
    gap: 22px !important;
    margin-bottom: 40px !important;
  }
  .popup.popup-light--author .expose-quote-band {
    padding: 30px 24px 26px !important;
  }
}
@media (max-width: 920px) {
  .prose-realm .reveal-universe-collage-inner {
    position: relative !important;
    height: 620px !important;
    max-width: 320px !important;
    width: 100% !important;
    margin: 0 auto 32px !important;
    display: block !important;
    grid-template-columns: none !important;
    gap: 0 !important;
    padding: 0 !important;
    place-items: initial !important;
  }
  .prose-realm .reveal-cover {
    position: absolute !important;
    width: 145px !important;
    max-width: 145px !important;
    padding: 6px 6px 40px !important;
    top: auto;
    left: auto;
  }
  .prose-realm .reveal-cover-1 {
    top: 0 !important;
    left: 6px !important;
    transform: rotate(-5deg) !important;
    --ws-cover-hover: translateY(-10px) rotate(-2deg);
    z-index: 3;
  }
  .prose-realm .reveal-cover-2 {
    top: -8px !important;
    left: 145px !important;
    transform: rotate(4deg) !important;
    --ws-cover-hover: translateY(-10px) rotate(2deg);
    z-index: 4;
  }
  .prose-realm .reveal-cover-3 {
    top: 130px !important;
    left: 75px !important;
    transform: rotate(-1deg) !important;
    --ws-cover-hover: translateY(-10px) rotate(1deg);
    z-index: 5;
  }
  .prose-realm .reveal-cover-4 {
    top: 138px !important;
    left: 195px !important;
    transform: rotate(6deg) !important;
    --ws-cover-hover: translateY(-10px) rotate(3deg);
    z-index: 4;
  }
  .prose-realm .reveal-cover-5 {
    top: 280px !important;
    left: 0 !important;
    transform: rotate(-3deg) !important;
    --ws-cover-hover: translateY(-10px) rotate(0deg);
    z-index: 3;
  }
  .prose-realm .reveal-cover-6 {
    top: 290px !important;
    left: 140px !important;
    transform: rotate(2deg) !important;
    --ws-cover-hover: translateY(-10px) rotate(-1deg);
    z-index: 2;
  }
}
@media (max-width: 380px) {
  .prose-realm .reveal-universe-collage-inner {
    max-width: 280px !important;
    height: 540px !important;
    margin-bottom: 28px !important;
  }
  .prose-realm .reveal-cover {
    width: 130px !important;
    max-width: 130px !important;
    padding: 5px 5px 32px !important;
  }
  .prose-realm .reveal-cover-1 {
    top: 0 !important;
    left: 4px !important;
  }
  .prose-realm .reveal-cover-2 {
    top: -6px !important;
    left: 130px !important;
  }
  .prose-realm .reveal-cover-3 {
    top: 116px !important;
    left: 70px !important;
  }
  .prose-realm .reveal-cover-4 {
    top: 124px !important;
    left: 170px !important;
  }
  .prose-realm .reveal-cover-5 {
    top: 250px !important;
    left: 0 !important;
  }
  .prose-realm .reveal-cover-6 {
    top: 260px !important;
    left: 125px !important;
  }
}
@keyframes plhsHeartBeat {
  0%,
  100% {
    transform: scaleY(0.5);
    opacity: 0.35;
  }
  50% {
    transform: scaleY(1.05);
    opacity: 1;
  }
}
@keyframes plhsSealSpin {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes plhsDotPulse {
  0%,
  100% {
    transform: scale(1);
    opacity: 0.7;
  }
  50% {
    transform: scale(1.25);
    opacity: 1;
  }
}
@keyframes pltSlide {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
@keyframes pltStripe {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 24px 0;
  }
}
.popup.popup-light .popup-hud-side,
.popup.popup-light .popup-sweep,
.popup.popup-light .popup-transmission,
.popup.popup-light .popup-watermark {
  display: none !important;
}
.popup-light-frame,
.popup-light-hud-side,
.popup-light-stamp,
.popup-light-tape,
.popup-light-transmission,
.popup-light-watermark {
  display: none;
}
.popup.popup-light .popup-light-watermark {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-9deg);
  z-index: 1;
  pointer-events: none;
  font-family: var(--f-ws-italic);
  font-style: italic;
  font-size: clamp(7rem, 16vw, 14rem);
  letter-spacing: -0.02em;
  color: rgba(184, 112, 128, 0.055);
  white-space: nowrap;
  user-select: none;
  font-weight: 400;
  line-height: 1;
}
.popup.popup-light .popup-light-frame {
  display: block;
  position: absolute;
  top: 16px;
  left: 16px;
  right: 16px;
  bottom: 16px;
  border: 1px dashed rgba(184, 146, 74, 0.35);
  border-radius: 14px;
  pointer-events: none;
  z-index: 4;
  opacity: 1;
}
.popup.popup-light .popup-light-frame::before {
  content: "";
  position: absolute;
  inset: 6px;
  border: 1px dotted rgba(184, 112, 128, 0.22);
  border-radius: 10px;
  pointer-events: none;
}
.popup.popup-light .popup-light-tape {
  display: block;
  position: absolute;
  width: 84px;
  height: 22px;
  pointer-events: none;
  z-index: 7;
  background: linear-gradient(
    110deg,
    rgba(255, 255, 255, 0.35) 0,
    rgba(255, 255, 255, 0.1) 25%,
    rgba(255, 255, 255, 0.35) 50%,
    rgba(255, 255, 255, 0.1) 75%,
    rgba(255, 255, 255, 0.35) 100%
  );
  background-size: 8px 100%;
  border-radius: 1px;
  box-shadow:
    0 4px 8px -3px rgba(42, 30, 46, 0.18),
    inset 0 0 0 1px rgba(255, 255, 255, 0.25);
  opacity: 1;
}
.popup.popup-light .popup-light-tape::after,
.popup.popup-light .popup-light-tape::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 6px;
  background-image: radial-gradient(
    circle at 50% 50%,
    rgba(255, 255, 255, 0.4) 1px,
    transparent 1.5px
  );
  background-size: 6px 6px;
}
.popup.popup-light .popup-light-tape::before {
  left: 0;
}
.popup.popup-light .popup-light-tape::after {
  right: 0;
}
.popup.popup-light .popup-light-tape--tl {
  top: -8px;
  left: -16px;
  --plt-rest-tx: rotate(-12deg);
  transform: var(--plt-rest-tx);
  background-color: rgba(245, 205, 176, 0.9);
  background-blend-mode: multiply;
}
.popup.popup-light .popup-light-tape--tr {
  top: -8px;
  right: -16px;
  --plt-rest-tx: rotate(10deg);
  transform: var(--plt-rest-tx);
  background-color: rgba(212, 192, 230, 0.9);
  background-blend-mode: multiply;
}
.popup.popup-light .popup-light-tape--bl {
  bottom: -8px;
  left: -16px;
  --plt-rest-tx: rotate(8deg);
  transform: var(--plt-rest-tx);
  background-color: rgba(194, 214, 192, 0.9);
  background-blend-mode: multiply;
}
.popup.popup-light .popup-light-tape--br {
  bottom: -8px;
  right: -16px;
  --plt-rest-tx: rotate(-10deg);
  transform: var(--plt-rest-tx);
  background-color: rgba(240, 197, 204, 0.9);
  background-blend-mode: multiply;
}
.popup.popup-light .popup-light-stamp {
  display: block;
  position: absolute;
  top: 22px;
  right: 84px;
  width: 64px;
  height: 64px;
  z-index: 6;
  pointer-events: none;
  color: var(--ws-rose-deep);
  opacity: 1;
  transform: rotate(-12deg);
  filter: drop-shadow(0 2px 4px rgba(184, 112, 128, 0.25));
}
.popup.popup-light .popup-light-stamp svg {
  width: 100%;
  height: 100%;
}
.popup.popup-light .popup-light-hud-side {
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 0;
  background: linear-gradient(
    180deg,
    var(--ws-cream) 0,
    var(--ws-cream-2) 100%
  );
  border-left: 1px dashed rgba(184, 146, 74, 0.3);
  padding: 24px 18px 38px;
  flex-direction: column;
  gap: 16px;
  font-family: var(--f-ws-body);
  font-size: 11px;
  letter-spacing: 0.04em;
  color: var(--ws-plum-mute);
  z-index: 6;
  pointer-events: none;
  overflow: hidden;
  box-sizing: border-box;
}
.popup.popup-light .popup-light-hud-side::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 1px;
  background: linear-gradient(
    180deg,
    transparent,
    var(--ws-rose-deep) 30%,
    var(--ws-mauve-deep) 70%,
    transparent
  );
  opacity: 0.35;
}
.popup.popup-light .plhs-tag {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-bottom: 14px;
  border-bottom: 1px dashed rgba(184, 146, 74, 0.25);
}
.popup.popup-light .plhs-stamp {
  font-family: var(--f-ws-display);
  font-variation-settings:
    "wdth" 95,
    "wght" 700;
  font-size: 10px;
  letter-spacing: 0.26em;
  color: var(--ws-plum-ink);
  text-transform: uppercase;
}
.popup.popup-light .plhs-cls {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 5px 12px;
  font-family: var(--f-ws-display);
  font-variation-settings:
    "wdth" 95,
    "wght" 700;
  font-size: 10px;
  letter-spacing: 0.22em;
  border-radius: 999px;
  align-self: flex-start;
  position: relative;
  text-transform: uppercase;
}
.popup.popup-light .plhs-cls::before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: currentColor;
  margin-right: 7px;
  box-shadow: 0 0 6px currentColor;
  animation: 1.6s ease-in-out infinite plhsDotPulse;
}
.popup.popup-light .plhs-cls--romance {
  color: var(--ws-rose-deep);
  background: rgba(240, 197, 204, 0.28);
  border: 1px solid rgba(184, 112, 128, 0.35);
}
.popup.popup-light .plhs-cls--atelier {
  color: var(--ws-mauve-deep);
  background: rgba(212, 192, 230, 0.28);
  border: 1px solid rgba(142, 111, 174, 0.35);
}
.popup.popup-light .plhs-cls--chronik {
  color: var(--ws-sage-deep);
  background: rgba(194, 214, 192, 0.35);
  border: 1px solid rgba(111, 140, 110, 0.35);
}
.popup.popup-light .plhs-cls--begehren {
  color: var(--ws-peach-deep);
  background: rgba(245, 205, 176, 0.32);
  border: 1px solid rgba(201, 138, 92, 0.4);
}
.popup.popup-light .plhs-cls--mustread {
  color: var(--ws-gold-warm);
  background: rgba(244, 227, 184, 0.35);
  border: 1px solid rgba(184, 146, 74, 0.4);
}
.popup.popup-light .plhs-cls--verboten {
  color: var(--ws-plum-soft);
  background: rgba(74, 58, 79, 0.12);
  border: 1px solid rgba(74, 58, 79, 0.35);
}
.popup.popup-light .plhs-cls--abgrund {
  color: var(--ws-plum-ink);
  background: rgba(42, 30, 46, 0.08);
  border: 1px solid rgba(42, 30, 46, 0.45);
}
.popup.popup-light .plhs-rows {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.popup.popup-light .plhs-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  padding: 4px 0;
  border-bottom: 1px dotted rgba(184, 146, 74, 0.18);
  font-size: 10.5px;
  letter-spacing: 0.04em;
}
.popup.popup-light .plhs-row:last-child {
  border-bottom: 0;
}
.popup.popup-light .plhs-l {
  font-family: var(--f-ws-italic);
  font-style: italic;
  font-size: 12px;
  color: var(--ws-mauve-deep);
  letter-spacing: 0;
  text-transform: none;
}
.popup.popup-light .plhs-v {
  font-family: var(--f-ws-display);
  font-variation-settings:
    "wdth" 95,
    "wght" 600;
  color: var(--ws-plum-ink);
  text-align: right;
  letter-spacing: 0.04em;
  font-variant-numeric: tabular-nums;
  font-size: 10.5px;
}
.popup.popup-light .plhs-hearts {
  display: inline-flex;
  align-items: flex-end;
  gap: 3px;
  height: 14px;
}
.popup.popup-light .plhs-hearts i {
  display: inline-block;
  width: 4px;
  background: var(--ws-rose-deep);
  border-radius: 2px;
  transform-origin: bottom center;
  animation: 1.4s ease-in-out infinite plhsHeartBeat;
}
.popup.popup-light .plhs-hearts i:first-child {
  height: 30%;
  animation-delay: 0s;
  background: var(--ws-rose-deep);
}
.popup.popup-light .plhs-hearts i:nth-child(2) {
  height: 55%;
  animation-delay: 0.15s;
  background: var(--ws-peach-deep);
}
.popup.popup-light .plhs-hearts i:nth-child(3) {
  height: 75%;
  animation-delay: 0.3s;
  background: var(--ws-mauve-deep);
}
.popup.popup-light .plhs-hearts i:nth-child(4) {
  height: 95%;
  animation-delay: 0.45s;
  background: var(--ws-rose-deep);
}
.popup.popup-light .plhs-hearts i:nth-child(5) {
  height: 60%;
  animation-delay: 0.6s;
  background: var(--ws-sage-deep);
}
.popup.popup-light .plhs-mid {
  padding: 14px 0;
  border-top: 1px dashed rgba(184, 146, 74, 0.22);
  border-bottom: 1px dashed rgba(184, 146, 74, 0.22);
}
.popup.popup-light .plhs-mini-label {
  font-family: var(--f-ws-italic);
  font-style: italic;
  font-size: 12px;
  color: var(--ws-mauve-deep);
  margin-bottom: 8px;
  text-align: center;
  letter-spacing: 0;
}
.popup.popup-light .plhs-mini-bar {
  height: 6px;
  background: rgba(184, 146, 74, 0.12);
  border: 1px solid rgba(184, 146, 74, 0.22);
  overflow: hidden;
  border-radius: 999px;
  position: relative;
}
.popup.popup-light .plhs-mini-bar i {
  display: block;
  height: 100%;
  background: linear-gradient(
    90deg,
    var(--ws-rose-deep) 0,
    var(--ws-peach-deep) 35%,
    var(--ws-mauve-deep) 70%,
    var(--ws-sage-deep) 100%
  );
  border-radius: 999px;
  position: relative;
  box-shadow: 0 0 6px rgba(184, 112, 128, 0.4);
}
.popup.popup-light .plhs-foot {
  margin-top: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding-top: 14px;
  border-top: 1px dashed rgba(184, 146, 74, 0.25);
}
.popup.popup-light .plhs-foot-row {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: var(--f-ws-italic);
  font-style: italic;
  font-size: 13px;
  color: var(--ws-rose-deep);
  letter-spacing: 0;
  text-transform: none;
}
.popup.popup-light .plhs-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--ws-rose-deep);
  box-shadow: 0 0 8px var(--ws-rose-deep);
  animation: 1.4s ease-in-out infinite plhsDotPulse;
}
.popup.popup-light .plhs-seal {
  width: 56px;
  height: 56px;
  color: var(--ws-mauve-deep);
  opacity: 0.65;
  animation: 28s linear infinite plhsSealSpin;
}
.popup.popup-light .popup-light-transmission {
  display: flex;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 7;
  align-items: center;
  height: 30px;
  background: linear-gradient(
    180deg,
    var(--ws-cream) 0,
    var(--ws-cream-2) 100%
  );
  border-top: 1px dashed rgba(184, 146, 74, 0.32);
  font-family: var(--f-ws-italic);
  font-style: italic;
  font-size: 12px;
  letter-spacing: 0.04em;
  text-transform: none;
  overflow: hidden;
  color: var(--ws-mauve-deep);
}
.popup.popup-light .plt-label {
  flex: none;
  padding: 0 14px;
  height: 100%;
  display: inline-flex;
  align-items: center;
  background: linear-gradient(
    95deg,
    var(--ws-rose-deep) 0,
    var(--ws-mauve-deep) 100%
  );
  color: var(--ws-cream);
  font-family: var(--f-ws-display);
  font-variation-settings:
    "wdth" 95,
    "wght" 700;
  font-style: normal;
  font-size: 10px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  position: relative;
}
.popup.popup-light .plt-label::after {
  content: "";
  position: absolute;
  right: -12px;
  top: 0;
  bottom: 0;
  width: 24px;
  background: linear-gradient(
    135deg,
    var(--ws-mauve-deep) 50%,
    transparent 50%
  );
}
.popup.popup-light .plt-track {
  flex: 1;
  overflow: hidden;
  height: 100%;
  display: flex;
  align-items: center;
  padding-left: 26px;
  -webkit-mask-image: linear-gradient(
    90deg,
    transparent 0,
    #000 5%,
    #000 95%,
    transparent 100%
  );
  mask-image: linear-gradient(
    90deg,
    transparent 0,
    #000 5%,
    #000 95%,
    transparent 100%
  );
}
.popup.popup-light .plt-content {
  display: inline-flex;
  gap: 44px;
  white-space: nowrap;
  animation: 65s linear infinite pltSlide;
}
.popup.popup-light .plt-item {
  flex: none;
  color: var(--ws-plum-soft);
}
.popup.popup-light .popup-scroll {
  scrollbar-width: thin !important;
  scrollbar-color: var(--ws-mauve-deep) transparent !important;
  padding-bottom: 50px !important;
}
.popup-backdrop.is-open .popup.popup-light {
  transform-origin: 50% 30%;
}
@media (max-width: 720px) {
  .popup.popup-light .popup-light-frame {
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    border-radius: 10px;
  }
  .popup.popup-light .popup-light-tape {
    width: 60px;
    height: 18px;
  }
  .popup.popup-light .popup-light-tape--tl,
  .popup.popup-light .popup-light-tape--tr {
    top: -6px;
  }
  .popup.popup-light .popup-light-tape--bl,
  .popup.popup-light .popup-light-tape--br {
    bottom: -6px;
  }
  .popup.popup-light .popup-light-tape--bl,
  .popup.popup-light .popup-light-tape--tl {
    left: -10px;
  }
  .popup.popup-light .popup-light-tape--br,
  .popup.popup-light .popup-light-tape--tr {
    right: -10px;
  }
  .popup.popup-light .popup-light-stamp {
    width: 48px;
    height: 48px;
    top: 14px;
    right: 64px;
  }
  .popup.popup-light .popup-light-watermark {
    font-size: clamp(5rem, 22vw, 9rem);
  }
  .popup.popup-light .popup-light-transmission {
    height: 24px;
    font-size: 10.5px;
  }
  .popup.popup-light .plt-label {
    font-size: 9px;
    padding: 0 10px;
  }
  .popup.popup-light .popup-scroll {
    padding-bottom: 38px !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  .popup.popup-light .plhs-cls::before,
  .popup.popup-light .plhs-dot,
  .popup.popup-light .plhs-hearts i,
  .popup.popup-light .plhs-seal,
  .popup.popup-light .plt-content {
    animation: none !important;
  }
}
.popup.popup-light--wishlist .wishlist-stats__list li,
.popup.popup-light--wishlist .wishlist-stats__row {
  grid-template-columns: 76px 1fr !important;
  gap: 22px !important;
  padding: 22px !important;
}
.popup.popup-light--wishlist .wishlist-stats__cover {
  width: 76px !important;
  border-radius: 4px !important;
  box-shadow:
    0 10px 20px -8px rgba(42, 30, 46, 0.35),
    0 2px 6px -2px rgba(42, 30, 46, 0.18) !important;
  transform: rotate(-2deg) !important;
  transition:
    transform 0.35s var(--ws-ease),
    box-shadow 0.35s var(--ws-ease) !important;
}
.popup.popup-light--wishlist .wishlist-stats__row:hover .wishlist-stats__cover {
  transform: rotate(0) translateY(-2px) !important;
  box-shadow:
    0 16px 28px -8px rgba(42, 30, 46, 0.4),
    0 3px 8px -2px rgba(42, 30, 46, 0.2) !important;
}
.popup.popup-light--wishlist
  .wishlist-stats__row[data-rank="1"]
  .wishlist-stats__cover {
  transform: rotate(-3deg) !important;
  box-shadow:
    0 0 0 2px var(--ws-gold-warm),
    0 14px 24px -8px rgba(184, 146, 74, 0.45),
    0 3px 8px -2px rgba(42, 30, 46, 0.2) !important;
}
.popup.popup-light--wishlist .wishlist-stats__row {
  transition:
    transform 0.35s var(--ws-ease),
    box-shadow 0.35s var(--ws-ease) !important;
}
.popup.popup-light--wishlist .wishlist-stats__row:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 18px 32px -14px rgba(142, 111, 174, 0.35) !important;
}
.popup.popup-light--wishlist .wishlist-stats__row[data-rank="1"]:hover {
  box-shadow:
    0 0 0 2px var(--ws-gold-warm),
    0 22px 36px -14px rgba(184, 146, 74, 0.45) !important;
}
.popup.popup-light--archive .archive-option-grid label.is-selected,
.popup.popup-light--archive .archive-question-grid label.is-selected {
  background: var(--ws-cream) !important;
  border-color: var(--ws-mauve-deep) !important;
  border-width: 2px !important;
  box-shadow:
    0 0 0 1px var(--ws-mauve-deep),
    0 12px 22px -10px rgba(142, 111, 174, 0.35) !important;
  padding: 15px 17px !important;
}
.popup.popup-light--archive label.is-selected .archive-option-mark {
  background: var(--ws-mauve-deep) !important;
  border-color: var(--ws-mauve-deep) !important;
}
.popup.popup-light--archive label.is-selected .archive-option-mark svg {
  opacity: 1 !important;
  transform: scale(1) !important;
}
@media (max-width: 720px) {
  .popup.popup-light--wishlist .wishlist-stats__list li,
  .popup.popup-light--wishlist .wishlist-stats__row {
    grid-template-columns: 60px 1fr !important;
    gap: 16px !important;
    padding: 18px 16px !important;
  }
  .popup.popup-light--wishlist .wishlist-stats__cover {
    width: 60px !important;
  }
  .popup.popup-light--newsletter .newsletter-popup-intro {
    margin-bottom: 24px !important;
  }
  .popup.popup-light--newsletter .sr-fb-wrap {
    padding: 36px 22px 28px !important;
    transform: rotate(-0.3deg) !important;
  }
}
.popup.popup-light--lexikon-abk .tech-card,
.popup.popup-light--lexikon-genres .tech-card,
.popup.popup-light--lexikon-tropes .tech-card,
.popup.popup-light--lexikon-tropes .tech-card:nth-child(5n + 1),
.popup.popup-light--lexikon-tropes .tech-card:nth-child(5n + 2),
.popup.popup-light--lexikon-tropes .tech-card:nth-child(5n + 3),
.popup.popup-light--lexikon-tropes .tech-card:nth-child(5n + 4),
.popup.popup-light--lexikon-tropes .tech-card:nth-child(5n + 5) {
  background-color: #faf6ea !important;
  background-image:
    repeating-linear-gradient(
      0deg,
      transparent 0,
      transparent 23px,
      rgba(110, 130, 165, 0.08) 23px,
      rgba(110, 130, 165, 0.08) 24px
    ),
    repeating-linear-gradient(
      90deg,
      transparent 0,
      transparent 23px,
      rgba(110, 130, 165, 0.08) 23px,
      rgba(110, 130, 165, 0.08) 24px
    ),
    linear-gradient(180deg, #fcfaf3 0, #f1ead8 100%) !important;
  border: none !important;
  border-radius: 2px 2px 8px 8px !important;
  padding: 44px 22px 22px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.85),
    2px 2px 0 -1px rgba(248, 240, 218, 0.95),
    3px 3px 0 -1px rgba(0, 0, 0, 0.05),
    4px 4px 0 -1px rgba(244, 233, 207, 0.92),
    5px 5px 0 -1px rgba(0, 0, 0, 0.04),
    0 14px 26px -10px rgba(42, 30, 46, 0.32),
    0 4px 8px -2px rgba(42, 30, 46, 0.12) !important;
  position: relative !important;
  transition:
    transform 0.35s var(--ws-ease),
    box-shadow 0.35s var(--ws-ease) !important;
  isolation: isolate !important;
  overflow: visible !important;
}
.popup.popup-light--lexikon-abk .tech-card:nth-child(5n + 1),
.popup.popup-light--lexikon-genres .tech-card:nth-child(5n + 1),
.popup.popup-light--lexikon-tropes .tech-card:nth-child(5n + 1) {
  transform: rotate(-1.5deg) !important;
}
.popup.popup-light--lexikon-abk .tech-card:nth-child(5n + 2),
.popup.popup-light--lexikon-genres .tech-card:nth-child(5n + 2),
.popup.popup-light--lexikon-tropes .tech-card:nth-child(5n + 2) {
  transform: rotate(1deg) !important;
}
.popup.popup-light--lexikon-abk .tech-card:nth-child(5n + 3),
.popup.popup-light--lexikon-genres .tech-card:nth-child(5n + 3),
.popup.popup-light--lexikon-tropes .tech-card:nth-child(5n + 3) {
  transform: rotate(-0.8deg) !important;
}
.popup.popup-light--lexikon-abk .tech-card:nth-child(5n + 4),
.popup.popup-light--lexikon-genres .tech-card:nth-child(5n + 4),
.popup.popup-light--lexikon-tropes .tech-card:nth-child(5n + 4) {
  transform: rotate(1.4deg) !important;
}
.popup.popup-light--lexikon-abk .tech-card:nth-child(5n + 5),
.popup.popup-light--lexikon-genres .tech-card:nth-child(5n + 5),
.popup.popup-light--lexikon-tropes .tech-card:nth-child(5n + 5) {
  transform: rotate(-1.2deg) !important;
}
.popup.popup-light--lexikon-abk .tech-card::before,
.popup.popup-light--lexikon-genres .tech-card::before,
.popup.popup-light--lexikon-tropes .tech-card::before,
.popup.popup-light--lexikon-tropes .tech-card:nth-child(5n + 1)::before,
.popup.popup-light--lexikon-tropes .tech-card:nth-child(5n + 2)::before,
.popup.popup-light--lexikon-tropes .tech-card:nth-child(5n + 3)::before,
.popup.popup-light--lexikon-tropes .tech-card:nth-child(5n + 4)::before,
.popup.popup-light--lexikon-tropes .tech-card:nth-child(5n + 5)::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: auto !important;
  width: auto !important;
  height: 26px !important;
  transform: none !important;
  background-color: var(--ws-mauve-deep) !important;
  background-image:
    repeating-linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.04) 0,
      rgba(255, 255, 255, 0.04) 1px,
      transparent 1px,
      transparent 3px
    ),
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.08) 0,
      transparent 50%,
      rgba(0, 0, 0, 0.06) 100%
    ) !important;
  background-repeat: repeat, no-repeat !important;
  border: none !important;
  border-radius: 2px 2px 0 0 !important;
  box-shadow: 0 1px 2px -1px rgba(0, 0, 0, 0.12) !important;
  z-index: 3 !important;
  filter: none !important;
  opacity: 1 !important;
}
.popup.popup-light--lexikon .tech-card:has(.lex-tit-c1)::before {
  background-color: var(--ws-mauve-deep) !important;
}
.popup.popup-light--lexikon .tech-card:has(.lex-tit-c2)::before {
  background-color: var(--ws-peach-deep) !important;
}
.popup.popup-light--lexikon .tech-card:has(.lex-tit-c3)::before {
  background-color: var(--ws-sage-deep) !important;
}
.popup.popup-light--lexikon .tech-card:has(.lex-tit-c4)::before {
  background-color: var(--ws-rose-deep) !important;
}
.popup.popup-light--lexikon .tech-card:has(.lex-tit-c5)::before {
  background-color: var(--ws-blue-deep) !important;
}
.popup.popup-light--lexikon .tech-card:has(.lex-tit-c6)::before {
  background-color: var(--ws-gold-warm) !important;
}
.popup.popup-light--lexikon .tech-card:has(.lex-tit-c7)::before {
  background-color: #3d5e7e !important;
}
.popup.popup-light--lexikon-abk .tech-card::after,
.popup.popup-light--lexikon-abk .tech-card:hover::after,
.popup.popup-light--lexikon-genres .tech-card::after,
.popup.popup-light--lexikon-genres .tech-card:hover::after,
.popup.popup-light--lexikon-tropes .tech-card::after,
.popup.popup-light--lexikon-tropes .tech-card:hover::after {
  display: none !important;
  content: none !important;
  border: none !important;
  background: 0 0 !important;
  opacity: 0 !important;
}
.popup.popup-light--lexikon-abk .tech-card:hover,
.popup.popup-light--lexikon-genres .tech-card:hover,
.popup.popup-light--lexikon-tropes .tech-card:hover {
  border: none !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.85),
    2px 2px 0 -1px rgba(248, 240, 218, 0.95),
    3px 3px 0 -1px rgba(0, 0, 0, 0.05),
    4px 4px 0 -1px rgba(244, 233, 207, 0.92),
    5px 5px 0 -1px rgba(0, 0, 0, 0.04),
    0 22px 40px -10px rgba(42, 30, 46, 0.42),
    0 8px 16px -3px rgba(42, 30, 46, 0.22) !important;
}
.popup.popup-light--lexikon-abk .tech-card-kicker,
.popup.popup-light--lexikon-genres .tech-card-kicker,
.popup.popup-light--lexikon-tropes .tech-card-kicker {
  font-family: var(--f-ws-hand) !important;
  font-size: 18px !important;
  color: var(--ws-mauve-deep) !important;
  -webkit-text-fill-color: var(--ws-mauve-deep) !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  font-weight: 500 !important;
  margin: 4px 0 !important;
  text-shadow: none !important;
  display: inline-block !important;
  transform: rotate(-1.5deg) !important;
}
.popup.popup-light--lexikon-abk .tech-card-title,
.popup.popup-light--lexikon-genres .tech-card-title,
.popup.popup-light--lexikon-tropes .tech-card-title {
  font-family: var(--f-ws-display) !important;
  font-variation-settings:
    "wdth" 95,
    "wght" 700 !important;
  font-style: normal !important;
  font-size: 20px !important;
  color: var(--ws-plum-ink) !important;
  -webkit-text-fill-color: var(--ws-plum-ink) !important;
  letter-spacing: -0.015em !important;
  line-height: 1.2 !important;
  margin: 4px 0 10px !important;
  text-shadow: none !important;
  font-weight: 700 !important;
}
.popup.popup-light--lexikon-abk .tech-card-summary,
.popup.popup-light--lexikon-genres .tech-card-summary,
.popup.popup-light--lexikon-tropes .tech-card-summary {
  font-family: var(--f-ws-body) !important;
  font-style: normal !important;
  font-size: 14.5px !important;
  line-height: 1.55 !important;
  color: var(--ws-plum-soft) !important;
  -webkit-text-fill-color: var(--ws-plum-soft) !important;
  margin: 0 0 14px !important;
  text-shadow: none !important;
  font-weight: 500 !important;
}
.popup-backdrop .popup.book-detail-redesigned .book-audio-snippets::before,
.popup-backdrop
  .popup.popup-light--book-detail.book-detail-redesigned
  .book-audio-snippets::before {
  display: none !important;
  content: none !important;
  background: 0 0 !important;
}
.popup-backdrop .popup.book-detail-redesigned .book-detail-note,
.popup-backdrop
  .popup.popup-light--book-detail.book-detail-redesigned
  .book-detail-note {
  background: color-mix(
    in srgb,
    var(--book-theme-accent, #c49a4f) 6%,
    transparent
  ) !important;
  background-image: none !important;
  border: 1.5px dashed
    color-mix(in srgb, var(--book-theme-accent, #c49a4f) 45%, transparent) !important;
  border-left: 1.5px dashed
    color-mix(in srgb, var(--book-theme-accent, #c49a4f) 45%, transparent) !important;
  border-right: 1.5px dashed
    color-mix(in srgb, var(--book-theme-accent, #c49a4f) 45%, transparent) !important;
  border-top: 1.5px dashed
    color-mix(in srgb, var(--book-theme-accent, #c49a4f) 45%, transparent) !important;
  border-bottom: 1.5px dashed
    color-mix(in srgb, var(--book-theme-accent, #c49a4f) 45%, transparent) !important;
  border-radius: 12px !important;
  padding: 18px 22px !important;
}
.popup-backdrop .popup.book-detail-redesigned .prelaunch-popup-notice,
.popup-backdrop
  .popup.popup-light--book-detail.book-detail-redesigned
  .prelaunch-popup-notice {
  background: color-mix(
    in srgb,
    var(--book-theme-accent, #c49a4f) 7%,
    transparent
  ) !important;
  background-image: none !important;
  border: 1.5px dashed
    color-mix(in srgb, var(--book-theme-accent, #c49a4f) 45%, transparent) !important;
  border-left: 1.5px dashed
    color-mix(in srgb, var(--book-theme-accent, #c49a4f) 45%, transparent) !important;
  border-radius: 14px !important;
  padding: 20px 26px !important;
}
.popup-backdrop .popup.book-detail-redesigned .book-audio-snippets,
.popup-backdrop
  .popup.popup-light--book-detail.book-detail-redesigned
  .book-audio-snippets {
  background: color-mix(
    in srgb,
    var(--book-theme-accent, #c49a4f) 7%,
    transparent
  ) !important;
  background-image: none !important;
  border: 1.5px dashed
    color-mix(in srgb, var(--book-theme-accent, #c49a4f) 45%, transparent) !important;
  border-left: 1.5px dashed
    color-mix(in srgb, var(--book-theme-accent, #c49a4f) 45%, transparent) !important;
  border-radius: 14px !important;
  padding: 22px 24px !important;
  box-shadow: 0 6px 14px -8px rgba(0, 0, 0, 0.2) !important;
}
.popup-backdrop.is-open
  .popup.book-detail-redesigned
  .book-audio-snippets::after,
.popup-backdrop.is-open
  .popup.book-detail-redesigned
  .book-audio-snippets::before,
.popup-backdrop.is-open .popup.book-detail-redesigned .book-detail-note::after,
.popup-backdrop.is-open
  .popup.book-detail-redesigned
  .book-detail-note::before {
  display: none !important;
  content: none !important;
  background: 0 0 !important;
  border: none !important;
}
.popup-backdrop.is-open .popup.book-detail-redesigned .book-detail-note {
  background: rgba(196, 154, 79, 0.08) !important;
  background-image: none !important;
  border: 1.5px dashed rgba(196, 154, 79, 0.45) !important;
  border-radius: 12px !important;
  padding: 18px 22px !important;
  margin: 16px 0 0 !important;
  box-shadow: 0 6px 14px -8px rgba(0, 0, 0, 0.2) !important;
}
.popup-backdrop.is-open .popup.book-detail-redesigned .book-audio-snippets {
  background: rgba(196, 154, 79, 0.08) !important;
  background-image: none !important;
  border: 1.5px dashed rgba(196, 154, 79, 0.45) !important;
  border-radius: 14px !important;
  padding: 22px 24px !important;
  margin: 24px 0 0 !important;
  box-shadow: 0 6px 14px -8px rgba(0, 0, 0, 0.2) !important;
}
.popup-backdrop.is-open .popup.book-detail-redesigned .prelaunch-popup-notice {
  background: rgba(196, 154, 79, 0.08) !important;
  background-image: none !important;
  border: 1.5px dashed rgba(196, 154, 79, 0.45) !important;
  border-radius: 14px !important;
  padding: 20px 26px !important;
  margin: 18px 0 0 !important;
  width: 100% !important;
  max-width: none !important;
  transform: none !important;
}
.popup.popup-light--archive .archive-finder {
  display: block;
  background:
    radial-gradient(
      360px 240px at 16% 18%,
      rgba(212, 192, 230, 0.32),
      transparent 60%
    ),
    radial-gradient(
      320px 220px at 86% 82%,
      rgba(245, 205, 176, 0.28),
      transparent 60%
    ),
    var(--ws-cream-2);
  box-shadow:
    0 14px 28px -16px rgba(142, 111, 174, 0.25),
    inset 0 0 0 1px rgba(255, 255, 255, 0.55);
  background:
    radial-gradient(
      420px 320px at 14% 12%,
      rgba(212, 192, 230, 0.45),
      transparent 60%
    ),
    radial-gradient(
      380px 280px at 88% 18%,
      rgba(240, 197, 204, 0.32),
      transparent 60%
    ),
    radial-gradient(
      340px 260px at 6% 88%,
      rgba(245, 220, 180, 0.4),
      transparent 60%
    ),
    radial-gradient(
      360px 280px at 92% 86%,
      rgba(194, 214, 192, 0.32),
      transparent 60%
    ),
    var(--ws-cream-2);
  border: 1.5px dashed rgba(184, 146, 74, 0.42);
  border-radius: 18px;
  padding: 56px 36px 40px;
  margin: 32px 0;
  box-shadow:
    0 28px 60px -28px rgba(142, 111, 174, 0.32),
    0 6px 14px -6px rgba(42, 30, 46, 0.08),
    inset 0 0 0 1px rgba(255, 255, 255, 0.65);
  overflow: visible;
  position: relative;
  isolation: isolate;
}
.popup.popup-light--archive #archiveFinderToggle:hover {
  background: var(--ws-mauve-deep);
  transform: translateY(-2px);
  box-shadow: 0 20px 40px -14px rgba(142, 111, 174, 0.55);
  background: linear-gradient(
    135deg,
    var(--ws-mauve-deep) 0,
    var(--ws-rose-deep) 100%
  );
  background-image: linear-gradient(
    135deg,
    var(--ws-mauve-deep) 0,
    var(--ws-rose-deep) 100%
  );
  box-shadow:
    0 18px 38px -14px rgba(142, 111, 174, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.18);
}
.popup.popup-light--archive .archive-finder-toggle-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: transform 0.3s var(--ws-ease);
}
.popup.popup-light--archive
  #archiveFinderToggle[aria-expanded="true"]
  .archive-finder-toggle-icon {
  transform: rotate(180deg);
}
.popup.popup-light--archive .quiz-next:hover:not(:disabled) {
  background: var(--ws-mauve-deep);
  transform: translateY(-2px);
  box-shadow: 0 14px 28px -10px rgba(142, 111, 174, 0.55);
}
.popup.popup-light--archive .archive-finder::before {
  content: "Buchfinder";
  position: absolute;
  top: -18px;
  left: 50%;
  transform: translateX(-50%) rotate(-2.5deg);
  background: var(--ws-rose-deep);
  color: var(--ws-cream);
  font-family: var(--f-ws-hand);
  font-size: 24px;
  font-weight: 500;
  letter-spacing: 0;
  padding: 8px 26px 10px;
  border-radius: 30px;
  box-shadow:
    0 12px 24px -10px rgba(184, 112, 128, 0.55),
    inset 0 -2px 4px rgba(0, 0, 0, 0.12);
  z-index: 6;
  white-space: nowrap;
}
.popup.popup-light--archive .archive-finder::after {
  content: "Quiz";
  position: absolute;
  top: 16px;
  right: 24px;
  transform: rotate(8deg);
  background: var(--ws-mauve-deep);
  color: var(--ws-cream);
  font-family: var(--f-ws-hand);
  font-size: 16px;
  font-weight: 500;
  padding: 4px 14px 5px;
  border-radius: 999px;
  box-shadow: 0 6px 14px -6px rgba(142, 111, 174, 0.5);
  z-index: 5;
  letter-spacing: 0;
}
.popup.popup-light--archive .archive-finder-head {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin: 0;
  padding: 8px 0 0;
  background: 0 0;
  border: none;
  position: relative;
}
.popup.popup-light--archive .archive-finder-toggle-wrap {
  display: block;
  width: auto;
  padding: 0;
  background: 0 0;
  border: none;
}
.popup.popup-light--archive #archiveFinderToggle {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  min-width: 320px;
  padding: 14px 14px 14px 32px;
  background: linear-gradient(135deg, var(--ws-plum-ink) 0, #3d2a3f 100%);
  background-image: linear-gradient(135deg, var(--ws-plum-ink) 0, #3d2a3f 100%);
  border: none;
  border-radius: 999px;
  color: var(--ws-cream);
  -webkit-text-fill-color: var(--ws-cream);
  font-family: var(--f-ws-body);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  text-shadow: none;
  box-shadow:
    0 16px 36px -14px rgba(42, 30, 46, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12);
  cursor: pointer;
  transition: all 0.35s var(--ws-ease);
}
.popup.popup-light--archive #archiveFinderToggle * {
  color: var(--ws-cream);
  -webkit-text-fill-color: var(--ws-cream);
}
.popup.popup-light--archive #archiveFinderToggle::after,
.popup.popup-light--archive #archiveFinderToggle::before {
  display: none;
  content: none;
}
.popup.popup-light--archive .archive-finder-toggle-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  background: rgba(255, 255, 255, 0.16);
  border: 1px solid rgba(255, 255, 255, 0.32);
  border-radius: 50%;
  flex-shrink: 0;
}
.popup.popup-light--archive
  #archiveFinderToggle[aria-expanded="true"]
  .archive-finder-toggle-icon
  svg {
  transform: rotate(180deg);
}
.popup.popup-light--archive .archive-finder-toggle-icon svg {
  width: 16px;
  height: 16px;
  stroke: var(--ws-cream);
  fill: none;
}
.popup.popup-light--archive .archive-finder-panel {
  display: block;
  margin-top: 32px;
  background: 0 0;
  border: none;
  padding: 0;
  overflow: visible;
  position: relative;
}
.popup.popup-light--archive .archive-finder-panel[hidden] {
  display: none;
}
.popup.popup-light--archive .archive-finder-panel-inner {
  display: flex;
  flex-direction: column;
  gap: 26px;
  padding: 36px 28px 28px;
  background:
    radial-gradient(
      360px 260px at 50% 0,
      rgba(245, 220, 180, 0.45),
      transparent 60%
    ),
    var(--ws-cream);
  border: 1.5px dashed rgba(184, 146, 74, 0.32);
  border-radius: 14px;
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.6),
    0 14px 32px -16px rgba(184, 146, 74, 0.35);
  position: relative;
  isolation: isolate;
}
.popup.popup-light--archive .archive-finder-panel-inner::before {
  content: "";
  position: absolute;
  top: -12px;
  left: 50%;
  transform: translateX(-50%) rotate(-1.5deg);
  width: 110px;
  height: 24px;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.65) 0,
    rgba(245, 235, 220, 0.92) 100%
  );
  border: 1px solid rgba(184, 146, 74, 0.25);
  border-radius: 1px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12);
  z-index: 4;
}
.popup.popup-light--archive .archive-finder-panel-content {
  display: block;
}
.popup.popup-light--archive .archive-quiz-progress {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding-bottom: 18px;
}
.popup.popup-light--archive .archive-quiz-progress-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
}
.popup.popup-light--archive .archive-quiz-progress-label {
  font-family: var(--f-ws-hand);
  letter-spacing: 0;
  color: var(--ws-mauve-deep);
  -webkit-text-fill-color: var(--ws-mauve-deep);
  text-transform: none;
  display: inline-block;
  transform: rotate(-1deg);
}
.popup.popup-light--archive .archive-quiz-progress-label strong {
  font-family: var(--f-ws-display);
  font-variation-settings:
    "wdth" 95,
    "wght" 700;
  color: var(--ws-plum-ink);
  -webkit-text-fill-color: var(--ws-plum-ink);
}
.popup.popup-light--archive .archive-reset-button {
  display: inline-flex;
  align-items: center;
  color: var(--ws-plum-soft);
  -webkit-text-fill-color: var(--ws-plum-soft);
  font-family: var(--f-ws-body);
  letter-spacing: 0.04em;
  text-transform: uppercase;
  transition: all 0.25s var(--ws-ease);
}
.popup.popup-light--archive .archive-reset-button:hover {
  background: rgba(184, 146, 74, 0.1);
  border-color: rgba(184, 146, 74, 0.65);
  border-style: solid;
  color: var(--ws-plum-ink);
  -webkit-text-fill-color: var(--ws-plum-ink);
}
.popup.popup-light--archive .quiz-progress-bar {
  box-shadow: inset 0 1px 2px rgba(42, 30, 46, 0.08);
}
.popup.popup-light--archive .quiz-progress-fill {
  background: linear-gradient(
    90deg,
    var(--ws-mauve-deep),
    var(--ws-rose-deep),
    var(--ws-peach-deep)
  );
  transition: width 0.5s var(--ws-ease);
  box-shadow: 0 0 12px rgba(184, 112, 128, 0.4);
}
.popup.popup-light--archive .archive-stepper {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: center;
}
.popup.popup-light--archive .archive-stepper-dot {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--ws-cream-2);
  color: var(--ws-plum-soft);
  -webkit-text-fill-color: var(--ws-plum-soft);
  font-family: var(--f-ws-body);
  font-weight: 600;
  transition: all 0.3s var(--ws-ease);
  box-shadow: 0 2px 6px -2px rgba(42, 30, 46, 0.1);
}
.popup.popup-light--archive .archive-stepper-dot.is-active {
  background: var(--ws-mauve-deep);
  border-color: var(--ws-mauve-deep);
  color: var(--ws-cream);
  -webkit-text-fill-color: var(--ws-cream);
  box-shadow: 0 4px 10px -4px rgba(142, 111, 174, 0.45);
}
.popup.popup-light--archive .archive-stepper-dot.is-done {
  background: var(--ws-sage-deep);
  border-color: var(--ws-sage-deep);
  color: var(--ws-cream);
  -webkit-text-fill-color: var(--ws-cream);
}
.popup.popup-light--archive .archive-stepper-dot:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.popup.popup-light--archive .archive-question-grid {
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.popup.popup-light--archive .quiz-nav {
  padding-top: 18px;
}
.popup.popup-light--archive .quiz-nav-buttons {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.popup.popup-light--archive .quiz-back,
.popup.popup-light--archive .quiz-next {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 11px 24px;
  border-radius: 999px;
  font-family: var(--f-ws-body);
  font-size: 13.5px;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  cursor: pointer;
  transition: all 0.3s var(--ws-ease);
}
.popup.popup-light--archive .quiz-back {
  border: 1.5px dashed rgba(184, 146, 74, 0.45);
  color: var(--ws-plum-soft);
  -webkit-text-fill-color: var(--ws-plum-soft);
}
.popup.popup-light--archive .quiz-back:hover:not(:disabled) {
  background: rgba(184, 146, 74, 0.1);
  border-color: rgba(184, 146, 74, 0.65);
  border-style: solid;
  color: var(--ws-plum-ink);
  -webkit-text-fill-color: var(--ws-plum-ink);
}
.popup.popup-light--archive .quiz-back:disabled {
  opacity: 0.3;
}
.popup.popup-light--archive .quiz-next {
  background: linear-gradient(135deg, var(--ws-plum-ink) 0, #3d2a3f 100%);
  background-image: linear-gradient(135deg, var(--ws-plum-ink) 0, #3d2a3f 100%);
  border: none;
  color: var(--ws-cream);
  -webkit-text-fill-color: var(--ws-cream);
  box-shadow:
    0 12px 26px -10px rgba(42, 30, 46, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.12);
}
.popup.popup-light--archive .quiz-next:hover:not(:disabled) {
  background: linear-gradient(
    135deg,
    var(--ws-mauve-deep) 0,
    var(--ws-rose-deep) 100%
  );
  background-image: linear-gradient(
    135deg,
    var(--ws-mauve-deep) 0,
    var(--ws-rose-deep) 100%
  );
  box-shadow:
    0 14px 28px -10px rgba(142, 111, 174, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.18);
}
.popup.popup-light--archive .quiz-back svg,
.popup.popup-light--archive .quiz-next svg {
  width: 16px;
  height: 16px;
  stroke: currentColor;
}
@media (max-width: 720px) {
  .popup.popup-light--archive .archive-finder {
    padding: 48px 22px 32px;
  }
  .popup.popup-light--archive .archive-finder::before {
    font-size: 20px;
    padding: 6px 20px 8px;
  }
  .popup.popup-light--archive .archive-finder::after {
    top: 12px;
    right: 16px;
    font-size: 14px;
    padding: 3px 12px 4px;
  }
  .popup.popup-light--archive #archiveFinderToggle {
    min-width: 0;
    width: 100%;
    padding: 12px 12px 12px 22px;
    font-size: 13px;
  }
  .popup.popup-light--archive .archive-finder-panel-inner {
    padding: 16px 6px 14px;
  }
  .popup.popup-light--archive .archive-quiz-progress-meta {
    gap: 10px;
  }
  .popup.popup-light--archive .archive-stepper-dot {
    width: 26px;
    height: 26px;
    font-size: 11px;
  }
  .popup.popup-light--archive .quiz-back,
  .popup.popup-light--archive .quiz-next {
    padding: 10px 16px;
    font-size: 12.5px;
  }
}
.popup.popup-light--archive .archive-finder-subtitle,
.popup.popup-light--archive .archive-luxe-intro .archive-finder-subtitle,
.popup.popup-light--archive
  .archive-luxe-intro
  > p:not(.prelaunch-popup-notice__kicker) {
  color: var(--ws-plum-ink) !important;
  -webkit-text-fill-color: var(--ws-plum-ink) !important;
  font-family: var(--f-ws-body) !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 16px !important;
  line-height: 1.65 !important;
}
@media (max-width: 720px) {
  .popup.popup-light--archive .archive-finder-subtitle,
  .popup.popup-light--archive
    .archive-luxe-intro
    > p:not(.prelaunch-popup-notice__kicker) {
    font-size: 14.5px !important;
    line-height: 1.6 !important;
    color: var(--ws-plum-ink) !important;
    -webkit-text-fill-color: var(--ws-plum-ink) !important;
  }
  .popup.popup-light--archive .archive-luxe {
    padding: 0 !important;
  }
  .popup.popup-light--archive .archive-finder {
    padding: 24px 0 16px !important;
    margin: 16px 0 24px !important;
  }
  .popup.popup-light--archive .archive-finder-panel {
    margin-top: 16px !important;
  }
  .popup.popup-light--archive .archive-finder-panel-inner {
    padding: 16px 4px 14px !important;
    gap: 16px !important;
    border-radius: 10px !important;
  }
  .popup.popup-light--archive .archive-question-card {
    padding: 14px 8px !important;
  }
  .popup.popup-light--archive .archive-question-card label,
  .popup.popup-light--archive .archive-quiz-option {
    padding: 10px 14px !important;
  }
  .popup.popup-light--archive .archive-quiz-progress {
    padding-bottom: 12px !important;
    gap: 12px !important;
  }
  .popup.popup-light--archive .quiz-nav {
    padding-top: 14px !important;
  }
  .popup.popup-light--archive .archive-results-shell {
    padding: 18px 14px !important;
    margin-bottom: 22px !important;
  }
  .popup.popup-light--archive .archive-results-grid {
    gap: 16px !important;
  }
  .popup.popup-light--archive .archive-result-card {
    grid-template-columns: 1fr !important;
    grid-template-rows: auto auto auto !important;
    gap: 14px !important;
    padding: 12px 8px !important;
  }
  .popup.popup-light--archive .archive-result-cover {
    grid-row: 1 !important;
    grid-column: 1 !important;
    max-width: 160px !important;
    margin: 0 auto !important;
  }
  .popup.popup-light--archive
    .archive-result-card
    > :not(.archive-result-cover) {
    grid-column: 1 !important;
  }
}
.popup.popup-light--author .expose-page-shell {
  padding: 28px 0 16px !important;
}
.popup.popup-light--author .expose-page-shell::before {
  content: "die Autorin" !important;
  display: inline-block !important;
  width: max-content !important;
  position: absolute !important;
  top: 0 !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(-2deg) !important;
  background: var(--ws-mauve-deep) !important;
  color: var(--ws-cream) !important;
  font-family: var(--f-ws-hand) !important;
  font-size: 22px !important;
  font-weight: 500 !important;
  padding: 6px 24px 8px !important;
  border-radius: 30px !important;
  box-shadow:
    0 12px 24px -10px rgba(142, 111, 174, 0.55),
    inset 0 -2px 4px rgba(0, 0, 0, 0.12) !important;
  z-index: 5 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
}
.popup.popup-light--author .expose-lead {
  padding: 0 0 0 22px !important;
  background: 0 0 !important;
  border: none !important;
  border-radius: 0 !important;
  margin: 4px 0 28px !important;
  font-size: 16.5px !important;
  line-height: 1.6 !important;
  font-weight: 400 !important;
  color: var(--ws-plum-ink) !important;
  -webkit-text-fill-color: var(--ws-plum-ink) !important;
  font-family: var(--f-ws-body) !important;
  font-style: normal !important;
  max-width: 540px !important;
}
.popup.popup-light--author .expose-lead::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 0.35em !important;
  bottom: 0.35em !important;
  width: 3px !important;
  border-radius: 2px !important;
  background: linear-gradient(
    180deg,
    var(--ws-mauve-deep),
    var(--ws-peach-deep)
  ) !important;
  opacity: 0.65 !important;
}
.popup.popup-light--author .autor-editorial-grid {
  position: relative;
  padding-top: 18px !important;
}
.popup.popup-light--author .autor-editorial-grid::before {
  content: "ein paar Notizen" !important;
  display: inline-block !important;
  position: absolute !important;
  top: -10px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(-1.5deg) !important;
  background: var(--ws-rose-deep) !important;
  color: var(--ws-cream) !important;
  font-family: var(--f-ws-hand) !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  padding: 4px 18px 5px !important;
  border-radius: 30px !important;
  box-shadow: 0 8px 18px -8px rgba(184, 112, 128, 0.5) !important;
  z-index: 4 !important;
  white-space: nowrap !important;
}
.popup.popup-light--author .expose-editorial-card,
.popup.popup-light--author .expose-editorial-card:nth-child(4n + 1),
.popup.popup-light--author .expose-editorial-card:nth-child(4n + 2),
.popup.popup-light--author .expose-editorial-card:nth-child(4n + 3),
.popup.popup-light--author .expose-editorial-card:nth-child(4n + 4) {
  background: var(--ws-cream) !important;
  background-image: none !important;
  border: none !important;
  border-radius: 4px !important;
  padding: 30px 28px 26px !important;
  box-shadow:
    0 24px 44px -22px rgba(42, 30, 46, 0.3),
    0 4px 10px -4px rgba(42, 30, 46, 0.1),
    inset 0 0 0 1px rgba(255, 255, 255, 0.55) !important;
  position: relative !important;
  isolation: isolate !important;
}
.popup.popup-light--author .expose-editorial-card:nth-child(4n + 1) {
  transform: rotate(-1deg) !important;
}
.popup.popup-light--author .expose-editorial-card:nth-child(4n + 2) {
  transform: rotate(0.8deg) !important;
}
.popup.popup-light--author .expose-editorial-card:nth-child(4n + 3) {
  transform: rotate(-0.5deg) !important;
}
.popup.popup-light--author .expose-editorial-card:nth-child(4n + 4) {
  transform: rotate(1.2deg) !important;
}
.popup.popup-light--author .expose-editorial-card::before,
.popup.popup-light--author .expose-editorial-card:nth-child(4n + 1)::before,
.popup.popup-light--author .expose-editorial-card:nth-child(4n + 2)::before,
.popup.popup-light--author .expose-editorial-card:nth-child(4n + 3)::before,
.popup.popup-light--author .expose-editorial-card:nth-child(4n + 4)::before {
  content: "" !important;
  position: absolute !important;
  top: -10px !important;
  width: 84px !important;
  height: 22px !important;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.6) 0,
    rgba(245, 235, 220, 0.88) 100%
  ) !important;
  background-color: transparent !important;
  border: 1px solid rgba(184, 146, 74, 0.22) !important;
  border-radius: 1px !important;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.12) !important;
  z-index: 3 !important;
  right: auto !important;
  opacity: 1 !important;
  filter: none !important;
}
.popup.popup-light--author .expose-editorial-card:nth-child(4n + 1)::before {
  left: 24px !important;
  transform: rotate(-3deg) !important;
}
.popup.popup-light--author .expose-editorial-card:nth-child(4n + 2)::before {
  right: 24px !important;
  left: auto !important;
  transform: rotate(4deg) !important;
}
.popup.popup-light--author .expose-editorial-card:nth-child(4n + 3)::before {
  left: 50% !important;
  transform: translateX(-50%) rotate(-1deg) !important;
}
.popup.popup-light--author .expose-editorial-card:nth-child(4n + 4)::before {
  right: 30px !important;
  left: auto !important;
  transform: rotate(2deg) !important;
}
.popup.popup-light--author .expose-editorial-card:hover {
  box-shadow:
    0 32px 52px -22px rgba(42, 30, 46, 0.35),
    0 6px 14px -4px rgba(42, 30, 46, 0.15),
    inset 0 0 0 1px rgba(255, 255, 255, 0.55) !important;
}
.popup.popup-light--author .expose-quote-band {
  background:
    radial-gradient(
      280px 200px at 12% 10%,
      rgba(245, 220, 180, 0.35),
      transparent 60%
    ),
    var(--ws-cream-2) !important;
  background-image:
    radial-gradient(
      280px 200px at 12% 10%,
      rgba(245, 220, 180, 0.35),
      transparent 60%
    ),
    linear-gradient(180deg, var(--ws-cream-2) 0, var(--ws-cream-2) 100%) !important;
  border: 1px dashed var(--ws-gold-warm) !important;
  border-radius: 14px !important;
  padding: 22px 26px 24px !important;
  position: relative !important;
  box-shadow: 0 8px 18px -10px rgba(184, 146, 74, 0.25) !important;
  margin: 18px 0 0 !important;
  transform: none !important;
  isolation: isolate !important;
}
.popup.popup-light--author .expose-quote-band::before {
  display: none !important;
  content: none !important;
  background: 0 0 !important;
  border: none !important;
}
.popup.popup-light--author .expose-quote-band::after {
  display: none !important;
  content: none !important;
}
.popup.popup-light--author .expose-quote-band .expose-section-kicker {
  font-family: var(--f-ws-hand) !important;
  font-size: 22px !important;
  color: var(--ws-mauve-deep) !important;
  -webkit-text-fill-color: var(--ws-mauve-deep) !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  font-weight: 500 !important;
  margin: 6px 0 8px !important;
  display: inline-block !important;
  transform: rotate(-1.5deg) !important;
  text-shadow: none !important;
}
.popup.popup-light--author .expose-quote-band > * {
  position: relative;
  z-index: 2;
}
.popup.popup-light--author .expose-quote-band p {
  font-family: var(--f-ws-body) !important;
  font-style: normal !important;
  font-size: 16px !important;
  line-height: 1.7 !important;
  color: var(--ws-plum-ink) !important;
  -webkit-text-fill-color: var(--ws-plum-ink) !important;
  margin: 0 0 14px !important;
  text-shadow: none !important;
}
.popup.popup-light--archive .archive-fit-banner {
  display: none !important;
}
@media (max-width: 720px) {
  .popup.popup-light--author .expose-page-shell {
    padding: 30px 0 12px !important;
  }
  .popup.popup-light--author .expose-page-shell::before {
    font-size: 18px !important;
    padding: 5px 18px 6px !important;
  }
  .popup.popup-light--author .expose-cover.expose-cover-polaroid {
    max-width: 280px !important;
    transform: rotate(-1.5deg) !important;
    padding: 12px 12px 14px !important;
  }
  .popup.popup-light--author
    .expose-cover.expose-cover-polaroid
    .expose-signature {
    font-size: 19px !important;
    padding: 4px 4px 2px !important;
  }
  .popup.popup-light--author
    .expose-cover.expose-cover-polaroid
    .expose-signature
    span {
    font-size: 10px !important;
  }
  .popup.popup-light--author .expose-lead {
    padding: 0 0 0 18px !important;
    font-size: 15px !important;
    margin: 4px 0 24px !important;
  }
  .popup.popup-light--author .autor-editorial-grid::before {
    font-size: 16px !important;
    padding: 3px 14px 4px !important;
  }
  .popup.popup-light--author .expose-editorial-card,
  .popup.popup-light--author .expose-editorial-card:nth-child(4n + 1),
  .popup.popup-light--author .expose-editorial-card:nth-child(4n + 2),
  .popup.popup-light--author .expose-editorial-card:nth-child(4n + 3),
  .popup.popup-light--author .expose-editorial-card:nth-child(4n + 4) {
    transform: none !important;
    padding: 24px 20px 22px !important;
  }
  .popup.popup-light--author .expose-quote-band {
    padding: 42px 22px 28px !important;
  }
  .popup.popup-light--author .expose-quote-band::before {
    font-size: 78px !important;
    top: 10px !important;
    left: 14px !important;
  }
  .popup.popup-light--author .expose-quote-band::after {
    font-size: 15px !important;
    right: 16px !important;
    padding: 3px 12px 4px !important;
  }
  .popup.book-detail-redesigned .popup-scroll {
    padding: 56px 14px 50px 24px !important;
  }
  .popup.book-detail-redesigned .sr-popup-rail {
    width: 18px !important;
    padding-top: 44px !important;
  }
  .popup.book-detail-redesigned .sr-popup-telemetry {
    padding: 7px 18px 7px 24px !important;
    font-size: 8.5px !important;
    letter-spacing: 0.22em !important;
  }
  .popup.book-detail-redesigned .sr-popup-telemetry-right span:first-child {
    display: none;
  }
  .popup.book-detail-redesigned .sr-popup-stamp {
    padding: 7px 14px 7px 24px !important;
    font-size: 8px !important;
    letter-spacing: 0.2em !important;
    gap: 8px !important;
  }
  .popup.book-detail-redesigned .sr-popup-stamp-clearance {
    padding: 1px 6px !important;
  }
  .popup.book-detail-redesigned .popup-content {
    padding: 0 !important;
  }
  .popup.book-detail-redesigned .book-detail-card,
  .popup.book-detail-redesigned .book-detail-hero,
  .popup.book-detail-redesigned .book-detail-section {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}
@media (max-width: 720px), (hover: none) {
  .popup.popup-light--archive .archive-book-card,
  .popup.popup-light--archive .archive-book-card:hover,
  .popup.popup-light--archive .archive-book-card:hover .archive-book-cover img,
  .popup.popup-light--archive .archive-book-card:nth-child(3n + 1),
  .popup.popup-light--archive .archive-book-card:nth-child(3n + 2),
  .popup.popup-light--archive .archive-book-card:nth-child(3n + 3) {
    transform: none !important;
  }
  .popup.popup-light--archive
    .archive-book-card:hover
    .archive-book-cover
    .archive-book-badge-row {
    opacity: 1;
    transform: translateY(0);
  }
  .popup.popup-light--wishlist .wishlist-stats__cover,
  .popup.popup-light--wishlist .wishlist-stats__row:hover,
  .popup.popup-light--wishlist
    .wishlist-stats__row:hover
    .wishlist-stats__cover,
  .popup.popup-light--wishlist
    .wishlist-stats__row[data-rank="1"]
    .wishlist-stats__cover {
    transform: none !important;
  }
}
.prose-realm .reveal-cover-line {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 16px;
  text-align: center;
  font-family: Caveat, cursive !important;
  font-weight: 600;
  font-size: 18px;
  line-height: 1;
  color: #2c4a6b;
  letter-spacing: 0.005em;
  pointer-events: none;
  transform: rotate(-1.5deg);
  text-rendering: optimizeLegibility;
}
.prose-realm .reveal-cover--velvet .reveal-cover-line {
  color: #2c4a6b;
}
.prose-realm .reveal-cover--dark .reveal-cover-line {
  color: #1f2f47;
}
.prose-realm .wishlist-promo-mini-line {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 4px;
  text-align: center;
  font-family: Caveat, cursive !important;
  font-weight: 600;
  font-size: 13px;
  line-height: 1;
  color: #2c4a6b;
  letter-spacing: 0.005em;
  pointer-events: none;
  transform: rotate(-1.5deg);
  text-rendering: optimizeLegibility;
}
.prose-realm .wishlist-promo-mini--velvet .wishlist-promo-mini-line {
  color: #2c4a6b;
}
.prose-realm .wishlist-promo-mini--dark .wishlist-promo-mini-line {
  color: #1f2f47;
}
@media (max-width: 720px) {
  .prose-realm .reveal-cover-line {
    font-size: 16px;
    bottom: 12px;
  }
  .prose-realm .wishlist-promo-mini-line {
    font-size: 12px;
    bottom: 3px;
  }
}
@media (max-width: 380px) {
  .prose-realm .reveal-cover-line {
    font-size: 14px;
    bottom: 9px;
  }
}
@media (min-width: 721px) and (max-width: 920px) {
  .prose-realm .reveal-universe-grid {
    gap: 24px !important;
  }
  .prose-realm .reveal-universe-collage-inner {
    margin: 0 auto !important;
  }
  .prose-realm .reveal-universe-content {
    margin-top: -25px !important;
  }
  .prose-realm .wishlist-promo {
    margin-top: -25px;
  }
}
@media (min-width: 921px) and (max-width: 1280px) {
  .prose-realm .wishlist-promo {
    margin-top: 150px;
  }
}
.popup.book-detail-redesigned .gold-button:not(.ghost):not(.small),
.popup.popup-light .gold-button:not(.ghost):not(.small),
.prose-realm .gold-button:not(.ghost):not(.small) {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;
}
.popup.book-detail-redesigned .gold-button:not(.ghost):not(.small)::before,
.popup.popup-light .gold-button:not(.ghost):not(.small)::before,
.prose-realm .gold-button:not(.ghost):not(.small)::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(
    110deg,
    transparent 30%,
    rgba(255, 255, 255, 0.4) 45%,
    rgba(255, 255, 255, 0.4) 55%,
    transparent 70%
  ) !important;
  background-image: linear-gradient(
    110deg,
    transparent 30%,
    rgba(255, 255, 255, 0.4) 45%,
    rgba(255, 255, 255, 0.4) 55%,
    transparent 70%
  ) !important;
  transform: translateX(-100%) !important;
  transition: transform 0.9s var(--ws-ease) !important;
  z-index: -1 !important;
  pointer-events: none !important;
  border-radius: inherit !important;
}
.popup.book-detail-redesigned
  .gold-button:not(.ghost):not(.small):hover::before,
.popup.popup-light .gold-button:not(.ghost):not(.small):hover::before,
.prose-realm .gold-button:not(.ghost):not(.small):hover::before {
  transform: translateX(100%) !important;
}
.popup.book-detail-redesigned .gold-button:not(.ghost):not(.small):hover,
.popup.popup-light .gold-button:not(.ghost):not(.small):hover,
.prose-realm .gold-button:not(.ghost):not(.small):hover {
  transform: none !important;
}
.popup.popup-light--lexikon .popup-actions .gold-button,
.popup.popup-light--lexikon .popup-actions .gold-button.ghost,
.popup.popup-light--lexikon-detail .popup-actions .gold-button,
.popup.popup-light--lexikon-detail .popup-actions .gold-button.ghost {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;
}
.popup.popup-light--lexikon .popup-actions .gold-button.ghost::before,
.popup.popup-light--lexikon .popup-actions .gold-button::before,
.popup.popup-light--lexikon-detail .popup-actions .gold-button.ghost::before,
.popup.popup-light--lexikon-detail .popup-actions .gold-button::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(
    110deg,
    transparent 30%,
    rgba(255, 255, 255, 0.4) 45%,
    rgba(255, 255, 255, 0.4) 55%,
    transparent 70%
  ) !important;
  background-image: linear-gradient(
    110deg,
    transparent 30%,
    rgba(255, 255, 255, 0.4) 45%,
    rgba(255, 255, 255, 0.4) 55%,
    transparent 70%
  ) !important;
  transform: translateX(-100%) !important;
  transition: transform 0.9s var(--ws-ease) !important;
  z-index: -1 !important;
  pointer-events: none !important;
  border-radius: inherit !important;
}
.popup.popup-light--lexikon .popup-actions .gold-button.ghost:hover::before,
.popup.popup-light--lexikon .popup-actions .gold-button:hover::before,
.popup.popup-light--lexikon-detail
  .popup-actions
  .gold-button.ghost:hover::before,
.popup.popup-light--lexikon-detail .popup-actions .gold-button:hover::before {
  transform: translateX(100%) !important;
}
.popup.popup-light--lexikon .popup-actions .gold-button.ghost:hover,
.popup.popup-light--lexikon .popup-actions .gold-button:hover,
.popup.popup-light--lexikon-detail .popup-actions .gold-button.ghost:hover,
.popup.popup-light--lexikon-detail .popup-actions .gold-button:hover {
  transform: none !important;
  background: var(--ws-mauve-deep) !important;
  border-color: var(--ws-mauve-deep) !important;
  box-shadow: 0 18px 36px -14px rgba(142, 111, 174, 0.5) !important;
}
.popup.popup-light--lexikon-abk.popup-light--lexikon-detail
  .popup-actions
  .gold-button.ghost:hover,
.popup.popup-light--lexikon-abk.popup-light--lexikon-detail
  .popup-actions
  .gold-button:hover,
.popup.popup-light--lexikon-genres.popup-light--lexikon-detail
  .popup-actions
  .gold-button.ghost:hover,
.popup.popup-light--lexikon-genres.popup-light--lexikon-detail
  .popup-actions
  .gold-button:hover,
.popup.popup-light--lexikon-tropes.popup-light--lexikon-detail
  .popup-actions
  .gold-button.ghost:hover,
.popup.popup-light--lexikon-tropes.popup-light--lexikon-detail
  .popup-actions
  .gold-button:hover {
  background: var(--ws-mauve-deep) !important;
  border-color: var(--ws-mauve-deep) !important;
  transform: none !important;
}
.popup.popup-light--lexikon .manual-inline-link {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;
}
.popup.popup-light--lexikon .manual-inline-link .lex-shimmer {
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  overflow: hidden !important;
  border-radius: inherit !important;
  z-index: 0 !important;
}
.popup.popup-light--lexikon .manual-inline-link .lex-shimmer::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(
    110deg,
    transparent 30%,
    rgba(255, 255, 255, 0.45) 45%,
    rgba(255, 255, 255, 0.45) 55%,
    transparent 70%
  ) !important;
  transform: translateX(-100%) !important;
  transition: transform 0.9s var(--ws-ease) !important;
}
.popup.popup-light--lexikon .manual-inline-link:hover .lex-shimmer::before {
  transform: translateX(100%) !important;
}
.popup.popup-light--lexikon .manual-inline-link .manual-inline-link-label {
  position: relative !important;
  z-index: 1 !important;
}
.popup.popup-light--lexikon .tech-card-title,
.popup.popup-light--lexikon-abk .tech-card-title,
.popup.popup-light--lexikon-genres .tech-card-title {
  font-family: var(--f-ws-hand) !important;
  font-variation-settings: normal !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 28px !important;
  letter-spacing: 0 !important;
  line-height: 1.05 !important;
  text-align: left !important;
  text-transform: none !important;
  margin: 4px 0 12px !important;
}
.popup.popup-light--lexikon .tech-card-title.lex-tit-c1 {
  color: var(--ws-mauve-deep) !important;
  -webkit-text-fill-color: var(--ws-mauve-deep) !important;
}
.popup.popup-light--lexikon .tech-card-title.lex-tit-c2 {
  color: var(--ws-peach-deep) !important;
  -webkit-text-fill-color: var(--ws-peach-deep) !important;
}
.popup.popup-light--lexikon .tech-card-title.lex-tit-c3 {
  color: var(--ws-sage-deep) !important;
  -webkit-text-fill-color: var(--ws-sage-deep) !important;
}
.popup.popup-light--lexikon .tech-card-title.lex-tit-c4 {
  color: var(--ws-rose-deep) !important;
  -webkit-text-fill-color: var(--ws-rose-deep) !important;
}
.popup.popup-light--lexikon .tech-card-title.lex-tit-c5 {
  color: var(--ws-blue-deep) !important;
  -webkit-text-fill-color: var(--ws-blue-deep) !important;
}
.popup.popup-light--lexikon .tech-card-title.lex-tit-c6 {
  color: var(--ws-gold-warm) !important;
  -webkit-text-fill-color: var(--ws-gold-warm) !important;
}
.popup.popup-light--lexikon .tech-card-title.lex-tit-c7 {
  color: #3d5e7e !important;
  -webkit-text-fill-color: #3d5e7e !important;
}
.popup.popup-light--lexikon .tech-card-summary,
.popup.popup-light--lexikon-abk .tech-card-summary,
.popup.popup-light--lexikon-genres .tech-card-summary {
  text-align: left !important;
  position: relative !important;
  padding-left: 16px !important;
}
.popup.popup-light--lexikon .tech-card-summary::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 0.3em !important;
  bottom: 0.3em !important;
  width: 3px !important;
  border-radius: 2px !important;
  background: linear-gradient(
    180deg,
    var(--ws-mauve-deep),
    var(--ws-peach-deep)
  ) !important;
  opacity: 0.65 !important;
}
.expose-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
  width: 100%;
}
.expose-actions .gold-button {
  flex: 0 1 auto;
  white-space: nowrap;
}
@media (max-width: 720px) {
  .expose-actions {
    gap: 8px;
  }
  .expose-actions .gold-button {
    padding-left: 18px !important;
    padding-right: 18px !important;
    font-size: 12px !important;
    letter-spacing: 0.12em !important;
    flex: 0 0 auto;
    text-align: center;
  }
}
@media (max-width: 460px) {
  .expose-actions .gold-button {
    padding-left: 14px !important;
    padding-right: 14px !important;
    font-size: 11px !important;
    letter-spacing: 0.08em !important;
  }
}
.popup.popup-light--archive .archive-book-card--dark {
  background: linear-gradient(155deg, #2a2231 0, #1a1620 100%) !important;
  box-shadow:
    0 22px 40px -22px rgba(0, 0, 0, 0.6),
    0 4px 8px -2px rgba(0, 0, 0, 0.35),
    inset 0 0 0 1px rgba(255, 255, 255, 0.06) !important;
}
.popup.popup-light--archive .archive-book-card--dark .archive-book-card-line,
.popup.popup-light--archive .archive-book-card--dark .archive-book-text,
.popup.popup-light--archive .archive-book-card--dark .archive-book-title {
  color: #f5e8d4 !important;
  -webkit-text-fill-color: #f5e8d4 !important;
}
.popup.popup-light--archive .archive-book-card--dark .archive-book-text {
  color: rgba(245, 232, 212, 0.82) !important;
  -webkit-text-fill-color: rgba(245, 232, 212, 0.82) !important;
}
.popup.popup-light--archive .archive-book-card--dark .archive-book-chip {
  background: rgba(245, 232, 212, 0.08) !important;
  border-color: rgba(245, 232, 212, 0.25) !important;
  color: #f5e8d4 !important;
  -webkit-text-fill-color: #f5e8d4 !important;
}
.popup.popup-light--archive .archive-book-card--dark::before {
  background: rgba(212, 175, 110, 0.85) !important;
  border-color: rgba(168, 130, 70, 0.5) !important;
}
.popup.popup-light--archive .archive-book-card--dark .archive-badge {
  background: rgba(245, 232, 212, 0.12) !important;
  border-color: rgba(245, 232, 212, 0.3) !important;
  color: #f5e8d4 !important;
  -webkit-text-fill-color: #f5e8d4 !important;
}
.popup.popup-light--archive .archive-book-line-seal {
  position: absolute;
  top: 12px;
  right: 12px;
  font-family: Caveat, cursive !important;
  font-weight: 600;
  font-size: 18px;
  line-height: 1;
  padding: 7px 14px 8px;
  border-radius: 999px;
  letter-spacing: 0.005em;
  pointer-events: none;
  transform: rotate(-4deg);
  z-index: 5;
  text-rendering: optimizeLegibility;
  box-shadow: 0 4px 10px -4px rgba(0, 0, 0, 0.35);
}
.popup.popup-light--archive .archive-book-line-seal--velvet {
  background: rgba(255, 250, 244, 0.92);
  color: #2c4a6b;
  border: 1px solid rgba(184, 112, 128, 0.35);
}
.popup.popup-light--archive .archive-book-line-seal--dark {
  background: rgba(20, 16, 26, 0.88);
  color: #d4af6e;
  border: 1px solid rgba(212, 175, 110, 0.45);
}
.popup.popup-light--wishlist .wishlist-card--dark {
  background: linear-gradient(155deg, #2a2231 0, #1a1620 100%) !important;
  box-shadow:
    0 22px 40px -22px rgba(0, 0, 0, 0.6),
    0 4px 8px -2px rgba(0, 0, 0, 0.35),
    inset 0 0 0 1px rgba(255, 255, 255, 0.06) !important;
}
.popup.popup-light--wishlist .wishlist-card--dark .wishlist-card__blurb,
.popup.popup-light--wishlist .wishlist-card--dark .wishlist-card__title {
  color: #f5e8d4 !important;
  -webkit-text-fill-color: #f5e8d4 !important;
}
.popup.popup-light--wishlist .wishlist-card--dark .wishlist-card__blurb {
  color: rgba(245, 232, 212, 0.82) !important;
  -webkit-text-fill-color: rgba(245, 232, 212, 0.82) !important;
}
.popup.popup-light--wishlist .wishlist-card--dark .wishlist-card__line {
  color: #d4af6e !important;
  -webkit-text-fill-color: #d4af6e !important;
}
.popup.popup-light--wishlist .wishlist-card__cover {
  position: relative;
}
.popup.popup-light--wishlist .wishlist-card__line-seal {
  position: absolute;
  top: 10px;
  right: 10px;
  font-family: Caveat, cursive !important;
  font-weight: 600;
  font-size: 16px;
  line-height: 1;
  padding: 6px 12px 7px;
  border-radius: 999px;
  letter-spacing: 0.005em;
  pointer-events: none;
  transform: rotate(-4deg);
  z-index: 5;
  text-rendering: optimizeLegibility;
  box-shadow: 0 4px 10px -4px rgba(0, 0, 0, 0.35);
}
.popup.popup-light--wishlist .wishlist-card__line-seal--velvet {
  background: rgba(255, 250, 244, 0.92);
  color: #2c4a6b;
  border: 1px solid rgba(184, 112, 128, 0.35);
}
.popup.popup-light--wishlist .wishlist-card__line-seal--dark {
  background: rgba(20, 16, 26, 0.88);
  color: #d4af6e;
  border: 1px solid rgba(212, 175, 110, 0.45);
}
.popup.popup-light--legal .popup-copy-card {
  background:
    radial-gradient(
      280px 200px at 14% 24%,
      rgba(245, 205, 176, 0.35),
      transparent 60%
    ),
    var(--ws-cream-2) !important;
  border: 1px dashed var(--ws-rose-deep) !important;
  border-radius: 14px !important;
  padding: 30px 36px !important;
  margin: 0 0 24px !important;
  box-shadow: 0 8px 18px -10px rgba(184, 112, 128, 0.25) !important;
}
.popup.popup-light--legal .popup-copy-card > h2:first-child {
  display: none !important;
}
.popup.popup-light--legal .popup-copy-card h2 {
  font-family: var(--f-ws-display) !important;
  font-variation-settings:
    "wdth" 95,
    "wght" 700,
    "opsz" 96;
  color: var(--ws-plum-ink) !important;
  -webkit-text-fill-color: var(--ws-plum-ink) !important;
  font-size: 28px !important;
  line-height: 1.15 !important;
  margin: 0 0 14px !important;
  letter-spacing: -0.01em;
}
.popup.popup-light--legal .popup-copy-card h3 {
  font-family: var(--f-ws-display) !important;
  font-variation-settings:
    "wdth" 95,
    "wght" 600,
    "opsz" 96;
  color: var(--ws-mauve-deep) !important;
  -webkit-text-fill-color: var(--ws-mauve-deep) !important;
  font-size: 18px !important;
  line-height: 1.3 !important;
  margin: 24px 0 8px !important;
  letter-spacing: -0.005em;
  text-transform: none !important;
}
.popup.popup-light--legal .popup-copy-card h3:first-child,
.popup.popup-light--legal .popup-copy-card > h2:first-child + h3 {
  margin-top: 0 !important;
}
.popup.popup-light--legal .popup-copy-card p {
  font-family: var(--f-ws-body) !important;
  font-style: normal !important;
  font-size: 15.5px !important;
  line-height: 1.7 !important;
  color: var(--ws-plum-ink) !important;
  -webkit-text-fill-color: var(--ws-plum-ink) !important;
  margin: 0 0 12px !important;
  text-shadow: none !important;
}
.popup.popup-light--legal .popup-copy-card p:last-child {
  margin-bottom: 0 !important;
}
.popup.popup-light--legal .popup-copy-card b,
.popup.popup-light--legal .popup-copy-card strong {
  color: var(--ws-mauve-deep) !important;
  -webkit-text-fill-color: var(--ws-mauve-deep) !important;
  font-weight: 600 !important;
}
.popup.popup-light--legal .popup-copy-card a {
  color: var(--ws-mauve-deep) !important;
  -webkit-text-fill-color: var(--ws-mauve-deep) !important;
  text-decoration: underline !important;
  text-decoration-color: rgba(142, 111, 174, 0.4) !important;
  text-underline-offset: 2px;
  transition:
    color 0.2s var(--ws-ease),
    text-decoration-color 0.2s var(--ws-ease);
}
.popup.popup-light--legal .popup-copy-card a:hover {
  color: var(--ws-rose-deep) !important;
  -webkit-text-fill-color: var(--ws-rose-deep) !important;
  text-decoration-color: var(--ws-rose-deep) !important;
}
.popup.popup-light--legal .popup-copy-card ol,
.popup.popup-light--legal .popup-copy-card ul {
  color: var(--ws-plum-ink) !important;
  font-family: var(--f-ws-body) !important;
  font-size: 15.5px !important;
  line-height: 1.7 !important;
  margin: 0 0 14px !important;
  padding-left: 22px !important;
}
.popup.popup-light--legal .popup-copy-card li {
  margin-bottom: 4px !important;
}
@media (max-width: 720px) {
  .popup.popup-light--legal .popup-copy-card {
    padding: 22px 20px !important;
  }
  .popup.popup-light--legal .popup-copy-card h2 {
    font-size: 22px !important;
  }
  .popup.popup-light--legal .popup-copy-card h3 {
    font-size: 16px !important;
    margin-top: 20px !important;
  }
  .popup.popup-light--legal .popup-copy-card ol,
  .popup.popup-light--legal .popup-copy-card p,
  .popup.popup-light--legal .popup-copy-card ul {
    font-size: 15px !important;
  }
}
.popup.popup-light--archive .archive-line-subtitle em,
.popup.popup-light--archive .archive-line-subtitle i {
  font-family: "Instrument Serif", Georgia, serif !important;
  font-style: italic !important;
  font-weight: 400 !important;
  font-size: 20px;
  color: var(--ws-mauve-deep) !important;
  -webkit-text-fill-color: var(--ws-mauve-deep) !important;
}
.popup.popup-light--archive .archive-result-cover .preview-cover-stamp,
.popup.popup-light--archive .preview-cover-stamp,
.popup.popup-light--book-detail .preview-cover-stamp,
.popup.popup-light--wishlist .preview-cover-stamp,
.prose-realm .reveal-cover .preview-cover-stamp,
.wishlist-promo-mini-cover .preview-cover-stamp {
  box-shadow: none !important;
}
.popup.popup-light--archive .archive-result-cover .preview-cover-stamp__label,
.popup.popup-light--archive .preview-cover-stamp__label,
.popup.popup-light--book-detail .preview-cover-stamp__label,
.popup.popup-light--wishlist .preview-cover-stamp__label,
.prose-realm .reveal-cover .preview-cover-stamp__label,
.wishlist-promo-mini-cover .preview-cover-stamp__label {
  text-shadow: none !important;
}
.prose-realm .faq-section .faq-intro .section-title {
  padding-left: 0 !important;
}
.prose-realm .faq-section .faq-intro .section-title::after {
  display: none !important;
}
@media (max-width: 720px) {
  .popup.popup-light--author .expose-page-shell {
    display: flex !important;
    flex-direction: column !important;
  }
  .popup.popup-light--author .expose-hero-split {
    display: contents !important;
  }
  .popup.popup-light--author .expose-hero-split > div:first-child {
    display: contents !important;
  }
  .popup.popup-light--author .expose-cover.expose-cover-polaroid {
    order: -3 !important;
  }
  .popup.popup-light--author .autor-facts,
  .popup.popup-light--author .expose-signature-facts {
    order: -2 !important;
  }
  .popup.popup-light--author .expose-hero-split > div:first-child > * {
    order: -1 !important;
  }
}
.popup.popup-light--book-detail,
.popup.book-detail-redesigned {
  border-radius: 0 !important;
}

@media (max-width: 780px) {
  .popup.popup-light--book-detail .sr-popup-rail,
  .popup.popup-light--book-detail .sr-popup-telemetry,
  .popup.popup-light--book-detail .sr-popup-stamp,
  .popup.popup-light--book-detail .sr-popup-boot,
  .popup.popup-light--book-detail .sr-popup-scan,
  .popup.popup-light--book-detail .sr-popup-glow,
  .popup.popup-light--book-detail .popup-light-frame,
  .popup.book-detail-redesigned .sr-popup-rail,
  .popup.book-detail-redesigned .sr-popup-telemetry,
  .popup.book-detail-redesigned .sr-popup-stamp,
  .popup.book-detail-redesigned .sr-popup-boot,
  .popup.book-detail-redesigned .sr-popup-scan,
  .popup.book-detail-redesigned .sr-popup-glow {
    display: none !important;
  }

  .popup-backdrop.is-open .popup.popup-light--book-detail,
  .popup-backdrop.is-open .popup.book-detail-redesigned,
  .popup.popup-light--book-detail,
  .popup.book-detail-redesigned {
    animation: none !important;
  }

  .popup.popup-light--book-detail .popup-scroll,
  .popup.book-detail-redesigned .popup-scroll {
    padding-left: 14px !important;
  }
}
.popup.popup-light--book-detail {
  background:
    radial-gradient(
      420px 320px at 8% 6%,
      color-mix(in srgb, var(--book-theme-accent, #8e6fae) 22%, transparent),
      transparent 60%
    ),
    radial-gradient(
      380px 300px at 92% 14%,
      color-mix(in srgb, var(--book-theme-accent, #8e6fae) 14%, transparent),
      transparent 60%
    ),
    radial-gradient(
      440px 340px at 50% 92%,
      color-mix(in srgb, var(--book-theme-accent, #8e6fae) 12%, transparent),
      transparent 60%
    ),
    radial-gradient(
      340px 260px at 6% 76%,
      color-mix(in srgb, var(--book-theme-accent, #8e6fae) 14%, transparent),
      transparent 60%
    ),
    linear-gradient(
      180deg,
      var(--book-theme-bg1, #fbf6ec) 0%,
      var(--book-theme-bg2, var(--book-theme-bg1, #fbf6ec)) 100%
    ) !important;
  border-color: color-mix(
    in srgb,
    var(--book-theme-accent, #8e6fae) 35%,
    transparent
  ) !important;
}
.popup.popup-light--book-detail .popup-scroll {
  background: 0 0 !important;
}
.popup.popup-light--book-detail .popup-scroll > .popup-title {
  color: var(--book-theme-title, var(--ws-plum-ink)) !important;
}
.popup.popup-light--book-detail .popup-scroll > .popup-title em {
  color: var(--book-theme-accent, var(--ws-mauve-deep)) !important;
  -webkit-text-fill-color: var(
    --book-theme-accent,
    var(--ws-mauve-deep)
  ) !important;
}
.popup.popup-light--book-detail .popup-scroll > .popup-kicker {
  color: var(--book-theme-accent, var(--ws-mauve-deep)) !important;
  -webkit-text-fill-color: var(
    --book-theme-accent,
    var(--ws-mauve-deep)
  ) !important;
}
.popup.popup-light--book-detail .popup-scroll > .popup-lede {
  color: color-mix(
    in srgb,
    var(--book-theme-text, var(--ws-plum-soft)) 88%,
    transparent
  ) !important;
  -webkit-text-fill-color: color-mix(
    in srgb,
    var(--book-theme-text, var(--ws-plum-soft)) 88%,
    transparent
  ) !important;
}
.popup.popup-light--book-detail .popup-content {
  color: var(--book-theme-text, var(--ws-plum-soft));
}
.popup.popup-light--book-detail .popup-close {
  background: color-mix(
    in srgb,
    var(--book-theme-bg1, var(--ws-cream)) 92%,
    transparent
  ) !important;
  border: 1.5px solid
    color-mix(
      in srgb,
      var(--book-theme-accent, var(--ws-mauve-deep)) 60%,
      transparent
    ) !important;
  color: var(--book-theme-title, var(--ws-plum-ink)) !important;
}
.popup.popup-light--book-detail .popup-close:hover {
  background: var(--book-theme-accent, var(--ws-mauve-deep)) !important;
  border-color: var(--book-theme-accent, var(--ws-mauve-deep)) !important;
  color: var(--book-theme-bg1, var(--ws-cream)) !important;
}
.popup.popup-light--book-detail .popup-light-frame {
  border-color: color-mix(
    in srgb,
    var(--book-theme-accent, #8e6fae) 35%,
    transparent
  ) !important;
}
.popup.popup-light--book-detail .popup-light-frame::before {
  border-color: color-mix(
    in srgb,
    var(--book-theme-accent, #8e6fae) 22%,
    transparent
  ) !important;
}
.popup.popup-light--book-detail .popup-light-watermark {
  color: color-mix(
    in srgb,
    var(--book-theme-accent, #8e6fae) 16%,
    transparent
  ) !important;
}
.popup.popup-light--book-detail .popup-light-transmission {
  background: linear-gradient(
    180deg,
    color-mix(
        in srgb,
        var(--book-theme-bg1, var(--ws-cream)) 92%,
        var(--book-theme-accent, #b8924a)
      )
      0%,
    color-mix(
        in srgb,
        var(--book-theme-bg2, var(--book-theme-bg1, var(--ws-cream-2))) 92%,
        var(--book-theme-accent, #b8924a)
      )
      100%
  ) !important;
  border-top-color: color-mix(
    in srgb,
    var(--book-theme-accent, #b8924a) 32%,
    transparent
  ) !important;
  color: var(--book-theme-accent, var(--ws-mauve-deep)) !important;
}
.popup.popup-light--book-detail .plt-label,
.popup.popup-light--book-detail .plt-item {
  color: var(--book-theme-accent, var(--ws-mauve-deep)) !important;
}
.popup.popup-light--book-detail .popup-light-hud-side {
  background: linear-gradient(
    180deg,
    color-mix(in srgb, var(--book-theme-bg1, var(--ws-cream)) 90%, transparent)
      0%,
    color-mix(
        in srgb,
        var(--book-theme-bg2, var(--book-theme-bg1, var(--ws-cream-2))) 90%,
        transparent
      )
      100%
  ) !important;
  border-left-color: color-mix(
    in srgb,
    var(--book-theme-accent, #b8924a) 30%,
    transparent
  ) !important;
  color: color-mix(
    in srgb,
    var(--book-theme-text, var(--ws-plum-mute)) 80%,
    transparent
  ) !important;
}
.popup.popup-light--book-detail .plhs-stamp {
  color: var(--book-theme-title, var(--ws-plum-ink)) !important;
}
.popup.popup-light--book-detail .plhs-l {
  color: var(--book-theme-accent, var(--ws-mauve-deep)) !important;
}
.popup.popup-light--book-detail .plhs-v {
  color: var(--book-theme-title, var(--ws-plum-ink)) !important;
}
.popup.popup-light--book-detail .plhs-row {
  border-bottom-color: color-mix(
    in srgb,
    var(--book-theme-accent, #b8924a) 22%,
    transparent
  ) !important;
}
.popup.popup-light--book-detail .plhs-tag,
.popup.popup-light--book-detail .plhs-mid,
.popup.popup-light--book-detail .plhs-foot {
  border-color: color-mix(
    in srgb,
    var(--book-theme-accent, #b8924a) 25%,
    transparent
  ) !important;
}
.popup.popup-light--book-detail .plhs-foot-row {
  color: var(--book-theme-accent, var(--ws-rose-deep)) !important;
}
.popup.popup-light--book-detail .plhs-dot {
  background: var(--book-theme-accent, var(--ws-rose-deep)) !important;
  box-shadow: 0 0 8px var(--book-theme-accent, var(--ws-rose-deep)) !important;
}
.popup.popup-light--book-detail .plhs-seal {
  color: var(--book-theme-accent, var(--ws-mauve-deep)) !important;
}
.popup.popup-light--book-detail .popup-actions,
.popup.popup-light--book-detail .sr-popup-actions {
  border-top-color: color-mix(
    in srgb,
    var(--book-theme-accent, #b8924a) 30%,
    transparent
  ) !important;
}
.popup.popup-light--book-detail [class*="popup-head"],
.popup.popup-light--book-detail .popup-header,
.popup.popup-light--book-detail .sr-popup-head {
  border-bottom-color: color-mix(
    in srgb,
    var(--book-theme-accent, #b8924a) 30%,
    transparent
  ) !important;
}
.popup.popup-light--book-detail .book-detail-copy > p,
.popup.popup-light--book-detail .book-blurb-content p {
  color: color-mix(
    in srgb,
    var(--book-theme-text, var(--ws-plum-soft)) 92%,
    transparent
  ) !important;
}
.popup.popup-light--book-detail .book-detail-note {
  background: color-mix(
    in srgb,
    var(--book-theme-accent, #b8924a) 8%,
    transparent
  ) !important;
  border: 1px solid
    color-mix(in srgb, var(--book-theme-accent, #b8924a) 25%, transparent) !important;
  color: var(--book-theme-text, var(--ws-plum-soft)) !important;
}
.popup.popup-light--book-detail .book-detail-note strong {
  color: var(--book-theme-accent, #b8924a) !important;
}
.popup.popup-light--book-detail .book-blurb-summary,
.popup.popup-light--book-detail .book-blurb-summary-label {
  color: var(--book-theme-title, var(--ws-plum-ink)) !important;
}
.popup.popup-light--book-detail .book-blurb-content {
  color: var(--book-theme-text, var(--ws-plum-soft)) !important;
}
.popup.popup-light--book-detail .archive-result-pill,
.popup.popup-light--book-detail .archive-book-chip {
  background: color-mix(
    in srgb,
    var(--book-theme-accent, #b8924a) 12%,
    transparent
  ) !important;
  border: 1px solid
    color-mix(in srgb, var(--book-theme-accent, #b8924a) 32%, transparent) !important;
  color: var(--book-theme-title, var(--ws-plum-ink)) !important;
}
.popup.popup-light--book-detail .sr-popup-boot,
.popup.popup-light--book-detail .sr-popup-boot-mark,
.popup.popup-light--book-detail .sr-popup-rail,
.popup.popup-light--book-detail .sr-popup-stamp,
.popup.popup-light--book-detail .sr-popup-telemetry,
.popup.popup-light--book-detail .sr-popup-corner,
.popup.popup-light--book-detail .sr-popup-frame,
.popup.popup-light--book-detail .sr-popup-grain,
.popup.popup-light--book-detail .sr-popup-grid,
.popup.popup-light--book-detail .sr-popup-stripe,
.popup.popup-light--book-detail .sr-popup-vignette,
.popup.popup-light--book-detail .sr-popup-watermark,
.popup.popup-light--book-detail .sr-popup-glow,
.popup.popup-light--book-detail .sr-popup-scan {
  display: none !important;
}

.popup.popup-light.popup-light--book-detail,
.popup.popup-light--book-detail.book-detail-redesigned,
.popup.popup-light.popup-light--book-detail.book-detail-redesigned {
  border-radius: 24px !important;
}
.popup.popup-light--book-detail .popup-light-watermark {
  color: color-mix(
    in srgb,
    var(--book-theme-accent, #8e6fae) 5%,
    transparent
  ) !important;
}
.popup.popup-light--book-detail .archive-result-pill,
.popup.popup-light--book-detail .archive-result-pill:nth-child(odd),
.popup.popup-light--book-detail .archive-result-pill:nth-child(2n) {
  background: color-mix(
    in srgb,
    var(--book-theme-accent, #b8924a) 16%,
    transparent
  ) !important;
  border: 1px solid
    color-mix(in srgb, var(--book-theme-accent, #b8924a) 48%, transparent) !important;
  color: var(--book-theme-title, var(--ws-plum-ink)) !important;
  -webkit-text-fill-color: var(
    --book-theme-title,
    var(--ws-plum-ink)
  ) !important;
}
.popup.popup-light--book-detail .archive-result-pill:nth-child(2n) {
  background: color-mix(
    in srgb,
    var(--book-theme-accent, #b8924a) 8%,
    transparent
  ) !important;
  border-color: color-mix(
    in srgb,
    var(--book-theme-accent, #b8924a) 38%,
    transparent
  ) !important;
}
.popup.popup-light--book-detail .archive-book-chip,
.popup.popup-light--book-detail .archive-book-chip:nth-child(3n + 1),
.popup.popup-light--book-detail .archive-book-chip:nth-child(3n + 2),
.popup.popup-light--book-detail .archive-book-chip:nth-child(3n + 3) {
  background: color-mix(
    in srgb,
    var(--book-theme-accent, #b8924a) 8%,
    transparent
  ) !important;
  border: 1px dashed
    color-mix(in srgb, var(--book-theme-accent, #b8924a) 36%, transparent) !important;
  color: var(--book-theme-text, var(--ws-plum-soft)) !important;
  -webkit-text-fill-color: var(
    --book-theme-text,
    var(--ws-plum-soft)
  ) !important;
}
.popup.popup-light--book-detail .archive-book-chip:nth-child(3n + 2) {
  background: color-mix(
    in srgb,
    var(--book-theme-accent, #b8924a) 14%,
    transparent
  ) !important;
  border-color: color-mix(
    in srgb,
    var(--book-theme-accent, #b8924a) 42%,
    transparent
  ) !important;
}
.popup.popup-light--book-detail .archive-book-chip:nth-child(3n + 3) {
  background: color-mix(
    in srgb,
    var(--book-theme-accent, #b8924a) 5%,
    transparent
  ) !important;
  border-color: color-mix(
    in srgb,
    var(--book-theme-accent, #b8924a) 30%,
    transparent
  ) !important;
}
.popup.popup-light--book-detail .book-blurb-accordion,
.popup.popup-light--book-detail .book-blurb-accordion:nth-of-type(odd),
.popup.popup-light--book-detail .book-blurb-accordion:nth-of-type(2n) {
  background: color-mix(
    in srgb,
    var(--book-theme-accent, #c49a4f) 7%,
    transparent
  ) !important;
  border: 1px dashed
    color-mix(in srgb, var(--book-theme-accent, #c49a4f) 35%, transparent) !important;
  box-shadow:
    0 8px 18px -10px rgba(0, 0, 0, 0.25),
    inset 0 0 0 1px
      color-mix(in srgb, var(--book-theme-accent, #c49a4f) 18%, transparent) !important;
}
.popup.popup-light--book-detail .book-blurb-accordion:nth-of-type(2n) {
  background: color-mix(
    in srgb,
    var(--book-theme-accent, #c49a4f) 5%,
    transparent
  ) !important;
}
.popup.popup-light--book-detail .book-blurb-accordion[open] {
  box-shadow:
    0 16px 30px -14px
      color-mix(in srgb, var(--book-theme-accent, #c49a4f) 45%, transparent),
    inset 0 0 0 1px
      color-mix(in srgb, var(--book-theme-accent, #c49a4f) 28%, transparent) !important;
}
.popup.popup-light--book-detail .book-blurb-summary {
  background: 0 0 !important;
}
.popup.popup-light--book-detail .book-blurb-summary:hover {
  background: color-mix(
    in srgb,
    var(--book-theme-accent, #c49a4f) 9%,
    transparent
  ) !important;
}
.popup.popup-light--book-detail .book-blurb-summary-label {
  color: var(--book-theme-title, var(--ws-plum-ink)) !important;
  -webkit-text-fill-color: var(
    --book-theme-title,
    var(--ws-plum-ink)
  ) !important;
}
.popup.popup-light--book-detail .book-blurb-summary-hint {
  color: color-mix(
    in srgb,
    var(--book-theme-text, var(--ws-plum-soft)) 80%,
    transparent
  ) !important;
  -webkit-text-fill-color: color-mix(
    in srgb,
    var(--book-theme-text, var(--ws-plum-soft)) 80%,
    transparent
  ) !important;
}
.popup.popup-light--book-detail .book-blurb-summary-icon {
  border-color: color-mix(
    in srgb,
    var(--book-theme-accent, #c49a4f) 55%,
    transparent
  ) !important;
  color: var(--book-theme-accent, #c49a4f) !important;
  background: color-mix(
    in srgb,
    var(--book-theme-accent, #c49a4f) 8%,
    transparent
  ) !important;
}
.popup.popup-light--book-detail
  .book-blurb-accordion[open]
  .book-blurb-summary-icon {
  background: var(--book-theme-accent, #c49a4f) !important;
  border-color: var(--book-theme-accent, #c49a4f) !important;
  color: var(--book-theme-bg1, var(--ws-cream)) !important;
}
.popup.popup-light--book-detail .book-blurb-content,
.popup.popup-light--book-detail .book-blurb-content p {
  color: var(--book-theme-text, var(--ws-plum-soft)) !important;
  -webkit-text-fill-color: var(
    --book-theme-text,
    var(--ws-plum-soft)
  ) !important;
}
.popup.popup-light--book-detail .book-blurb-content em,
.popup.popup-light--book-detail .book-detail-copy > p em {
  color: var(--book-theme-accent, var(--ws-mauve-deep)) !important;
  -webkit-text-fill-color: var(
    --book-theme-accent,
    var(--ws-mauve-deep)
  ) !important;
}
.popup.popup-light--book-detail .book-blurb-content strong,
.popup.popup-light--book-detail .book-detail-copy > p strong {
  color: var(--book-theme-title, var(--ws-plum-ink)) !important;
  -webkit-text-fill-color: var(
    --book-theme-title,
    var(--ws-plum-ink)
  ) !important;
}
.popup.popup-light--book-detail .book-detail-cover-line {
  color: var(--book-theme-accent, #c49a4f) !important;
  -webkit-text-fill-color: var(--book-theme-accent, #c49a4f) !important;
}
.popup.popup-light--book-detail .book-audio-snippets {
  background: color-mix(
    in srgb,
    var(--book-theme-accent, #c49a4f) 7%,
    transparent
  ) !important;
  border: 1.5px dashed
    color-mix(in srgb, var(--book-theme-accent, #c49a4f) 42%, transparent) !important;
  box-shadow: 0 6px 14px -8px rgba(0, 0, 0, 0.22) !important;
}
.popup.popup-light--book-detail .book-audio-snippets-title,
.popup.popup-light--book-detail .book-audio-track-label {
  color: var(--book-theme-title, var(--ws-plum-ink)) !important;
  -webkit-text-fill-color: var(
    --book-theme-title,
    var(--ws-plum-ink)
  ) !important;
}
.popup.popup-light--book-detail .book-audio-snippets-kicker {
  color: var(--book-theme-accent, var(--ws-mauve-deep)) !important;
  -webkit-text-fill-color: var(
    --book-theme-accent,
    var(--ws-mauve-deep)
  ) !important;
}
.popup.popup-light--book-detail .book-audio-narrator-name,
.popup.popup-light--book-detail .book-audio-narrator-prefix,
.popup.popup-light--book-detail .book-audio-times,
.popup.popup-light--book-detail .book-audio-times span {
  color: var(--book-theme-text, var(--ws-plum-soft)) !important;
  -webkit-text-fill-color: var(
    --book-theme-text,
    var(--ws-plum-soft)
  ) !important;
}
.popup.popup-light--book-detail .book-audio-narrator-name:hover {
  color: var(--book-theme-accent, #c49a4f) !important;
  -webkit-text-fill-color: var(--book-theme-accent, #c49a4f) !important;
}
.popup.popup-light--book-detail .book-audio-narrator-icon {
  color: color-mix(
    in srgb,
    var(--book-theme-accent, #c49a4f) 75%,
    transparent
  ) !important;
}
.popup.popup-light--book-detail
  .book-audio-narrator-social:hover
  .book-audio-narrator-icon {
  color: var(--book-theme-accent, #c49a4f) !important;
}
.popup.popup-light--book-detail .book-audio-track {
  background: color-mix(
    in srgb,
    var(--book-theme-accent, #c49a4f) 5%,
    transparent
  ) !important;
  border: 1px solid
    color-mix(in srgb, var(--book-theme-accent, #c49a4f) 22%, transparent) !important;
  color: var(--book-theme-text, var(--ws-plum-soft)) !important;
}
.popup.popup-light--book-detail .book-audio-track:hover {
  background: color-mix(
    in srgb,
    var(--book-theme-accent, #c49a4f) 12%,
    transparent
  ) !important;
  border-color: color-mix(
    in srgb,
    var(--book-theme-accent, #c49a4f) 40%,
    transparent
  ) !important;
}
.popup.popup-light--book-detail .book-audio-track.is-active {
  background: color-mix(
    in srgb,
    var(--book-theme-accent, #c49a4f) 18%,
    transparent
  ) !important;
  border-color: color-mix(
    in srgb,
    var(--book-theme-accent, #c49a4f) 55%,
    transparent
  ) !important;
  color: var(--book-theme-title, var(--ws-plum-ink)) !important;
}
.popup.popup-light--book-detail .book-audio-track-num,
.popup.popup-light--book-detail
  .book-audio-track.is-active
  .book-audio-track-num {
  color: var(--book-theme-accent, #c49a4f) !important;
  -webkit-text-fill-color: var(--book-theme-accent, #c49a4f) !important;
}
.popup.popup-light--book-detail .book-audio-track-icon,
.popup.popup-light--book-detail .book-audio-track-bars i {
  color: var(--book-theme-accent, #c49a4f) !important;
  background: var(--book-theme-accent, #c49a4f);
}
.popup.popup-light--book-detail .book-audio-play {
  background: var(--book-theme-accent, #c49a4f) !important;
  color: var(--book-theme-bg1, var(--ws-cream)) !important;
  border-color: var(--book-theme-accent, #c49a4f) !important;
}
.popup.popup-light--book-detail .book-audio-play:hover {
  background: color-mix(
    in srgb,
    var(--book-theme-accent, #c49a4f) 85%,
    #000
  ) !important;
}
.popup.popup-light--book-detail .book-audio-play-ring {
  border-color: color-mix(
    in srgb,
    var(--book-theme-accent, #c49a4f) 35%,
    transparent
  ) !important;
}
.popup.popup-light--book-detail .book-audio-progress-fill {
  background: var(--book-theme-accent, #c49a4f) !important;
}
.popup.popup-light--book-detail .book-audio-progress-thumb {
  background: var(--book-theme-accent, #c49a4f) !important;
  box-shadow: 0 0 0 4px
    color-mix(in srgb, var(--book-theme-accent, #c49a4f) 25%, transparent) !important;
}
.popup.popup-light--book-detail .book-audio-eq i {
  background: var(--book-theme-accent, #c49a4f) !important;
}
.popup.popup-light--book-detail .gold-button {
  background: var(--book-theme-accent, #c49a4f) !important;
  color: var(--book-theme-bg1, var(--ws-cream)) !important;
  border-color: var(--book-theme-accent, #c49a4f) !important;
}
.popup.popup-light--book-detail .gold-button:hover {
  background: color-mix(
    in srgb,
    var(--book-theme-accent, #c49a4f) 85%,
    #000
  ) !important;
  border-color: color-mix(
    in srgb,
    var(--book-theme-accent, #c49a4f) 85%,
    #000
  ) !important;
}
.popup.popup-light--book-detail .gold-button.ghost,
.popup.popup-light--book-detail .gold-button.small {
  background: 0 0 !important;
  color: var(--book-theme-accent, #c49a4f) !important;
  border: 1px solid
    color-mix(in srgb, var(--book-theme-accent, #c49a4f) 60%, transparent) !important;
}
.popup.popup-light--book-detail .gold-button.ghost:hover,
.popup.popup-light--book-detail .gold-button.small:hover {
  background: color-mix(
    in srgb,
    var(--book-theme-accent, #c49a4f) 12%,
    transparent
  ) !important;
  border-color: var(--book-theme-accent, #c49a4f) !important;
}
.popup.popup-light--book-detail .prelaunch-popup-notice {
  background: color-mix(
    in srgb,
    var(--book-theme-accent, #c49a4f) 8%,
    transparent
  ) !important;
  border: 1px dashed
    color-mix(in srgb, var(--book-theme-accent, #c49a4f) 38%, transparent) !important;
  color: var(--book-theme-text, var(--ws-plum-soft)) !important;
}
.popup.popup-light--book-detail .prelaunch-popup-notice__kicker {
  color: var(--book-theme-accent, var(--ws-rose-deep)) !important;
  -webkit-text-fill-color: var(
    --book-theme-accent,
    var(--ws-rose-deep)
  ) !important;
}
.popup.popup-light--book-detail .prelaunch-popup-notice__title {
  color: var(--book-theme-title, var(--ws-plum-ink)) !important;
  -webkit-text-fill-color: var(
    --book-theme-title,
    var(--ws-plum-ink)
  ) !important;
}
.popup.popup-light--book-detail .prelaunch-popup-notice__body {
  color: var(--book-theme-text, var(--ws-plum-soft)) !important;
  -webkit-text-fill-color: var(
    --book-theme-text,
    var(--ws-plum-soft)
  ) !important;
}

.popup.popup-light--book-detail .book-blurb-accordion,
.popup.popup-light--book-detail .book-blurb-accordion:nth-of-type(odd),
.popup.popup-light--book-detail .book-blurb-accordion:nth-of-type(2n) {
  background: linear-gradient(
    180deg,
    var(--book-theme-tab-bg-1, var(--book-theme-bg1, #2a2420)) 0%,
    var(--book-theme-tab-bg-2, var(--book-theme-bg2, #1e1b18)) 100%
  ) !important;
  border: 1px solid
    color-mix(in srgb, var(--book-theme-accent, #c49a4f) 30%, transparent) !important;
  box-shadow:
    0 14px 28px rgba(0, 0, 0, 0.18),
    inset 0 0 0 1px
      color-mix(in srgb, var(--book-theme-accent, #c49a4f) 12%, transparent) !important;
}
.popup.popup-light--book-detail .book-blurb-accordion[open] {
  box-shadow:
    0 18px 34px rgba(0, 0, 0, 0.22),
    inset 0 0 0 1px
      color-mix(in srgb, var(--book-theme-accent, #c49a4f) 25%, transparent) !important;
}
.popup.popup-light--book-detail .book-blurb-summary:hover {
  background: color-mix(
    in srgb,
    var(--book-theme-accent, #c49a4f) 12%,
    transparent
  ) !important;
}
.popup.popup-light--book-detail .book-blurb-content,
.popup.popup-light--book-detail .book-blurb-content p {
  color: var(--book-theme-tab-text, var(--book-theme-text, #d1c5b4)) !important;
  -webkit-text-fill-color: var(
    --book-theme-tab-text,
    var(--book-theme-text, #d1c5b4)
  ) !important;
}
.popup.popup-light--book-detail .book-detail-note {
  background: linear-gradient(
    180deg,
    var(--book-theme-tab-bg-1, var(--book-theme-bg1, #2a2420)) 0%,
    var(--book-theme-tab-bg-2, var(--book-theme-bg2, #1e1b18)) 100%
  ) !important;
  border: 1px solid
    color-mix(in srgb, var(--book-theme-accent, #c49a4f) 30%, transparent) !important;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.18) !important;
  color: var(--book-theme-tab-text, var(--book-theme-text, #d1c5b4)) !important;
}
.popup.popup-light--book-detail .book-detail-note strong {
  color: var(--book-theme-accent, #c49a4f) !important;
  -webkit-text-fill-color: var(--book-theme-accent, #c49a4f) !important;
}
.popup.popup-light--book-detail .dossier-notice {
  background: linear-gradient(
    180deg,
    var(--book-theme-tab-bg-1, var(--book-theme-bg1, #2a2420)) 0%,
    var(--book-theme-tab-bg-2, var(--book-theme-bg2, #1e1b18)) 100%
  ) !important;
  border: 1px solid
    color-mix(in srgb, var(--book-theme-accent, #c49a4f) 30%, transparent) !important;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.18) !important;
  color: var(--book-theme-tab-text, var(--book-theme-text, #d1c5b4)) !important;
}
.popup.popup-light--book-detail .dossier-notice__inner {
  background: 0 0 !important;
}
.popup.popup-light--book-detail .dossier-notice__title {
  color: var(--book-theme-accent, #c49a4f) !important;
  -webkit-text-fill-color: var(--book-theme-accent, #c49a4f) !important;
}
.popup.popup-light--book-detail .dossier-notice__body,
.popup.popup-light--book-detail .dossier-notice__body p,
.popup.popup-light--book-detail .dossier-notice__body span,
.popup.popup-light--book-detail .dossier-notice__body li {
  color: var(--book-theme-tab-text, var(--book-theme-text, #d1c5b4)) !important;
  -webkit-text-fill-color: var(
    --book-theme-tab-text,
    var(--book-theme-text, #d1c5b4)
  ) !important;
}
.popup.popup-light--book-detail .dossier-notice__body strong {
  color: var(--book-theme-title, #f5dda6) !important;
  -webkit-text-fill-color: var(--book-theme-title, #f5dda6) !important;
}
.popup.popup-light--book-detail .dossier-notice__footer {
  color: color-mix(
    in srgb,
    var(--book-theme-tab-text, var(--book-theme-text, #d1c5b4)) 75%,
    transparent
  ) !important;
  -webkit-text-fill-color: color-mix(
    in srgb,
    var(--book-theme-tab-text, var(--book-theme-text, #d1c5b4)) 75%,
    transparent
  ) !important;
  border-top: 1px solid
    color-mix(in srgb, var(--book-theme-accent, #c49a4f) 22%, transparent) !important;
}
.popup.popup-light--book-detail .book-audio-snippets {
  background: linear-gradient(
    180deg,
    var(--book-theme-tab-bg-1, var(--book-theme-bg1, #2a2420)) 0%,
    var(--book-theme-tab-bg-2, var(--book-theme-bg2, #1e1b18)) 100%
  ) !important;
  border: 1px solid
    color-mix(in srgb, var(--book-theme-accent, #c49a4f) 30%, transparent) !important;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.18) !important;
}
.popup.popup-light--book-detail .archive-result-pill,
.popup.popup-light--book-detail .archive-result-pill:nth-child(odd),
.popup.popup-light--book-detail .archive-result-pill:nth-child(2n) {
  background: color-mix(
    in srgb,
    var(--book-theme-badge-bg, var(--book-theme-accent, #c49a4f)) 22%,
    transparent
  ) !important;
  border: 1px solid
    color-mix(
      in srgb,
      var(--book-theme-badge-bg, var(--book-theme-accent, #c49a4f)) 55%,
      transparent
    ) !important;
  color: var(
    --book-theme-badge-text,
    var(--book-theme-title, #f5dda6)
  ) !important;
  -webkit-text-fill-color: var(
    --book-theme-badge-text,
    var(--book-theme-title, #f5dda6)
  ) !important;
}
.popup.popup-light--book-detail .archive-book-chip,
.popup.popup-light--book-detail .archive-book-chip:nth-child(3n + 1),
.popup.popup-light--book-detail .archive-book-chip:nth-child(3n + 2),
.popup.popup-light--book-detail .archive-book-chip:nth-child(3n + 3) {
  background: linear-gradient(
    180deg,
    var(--book-theme-tab-bg-1, var(--book-theme-bg1, #2a2420)) 0%,
    var(--book-theme-tab-bg-2, var(--book-theme-bg2, #1e1b18)) 100%
  ) !important;
  border: 1px solid
    color-mix(in srgb, var(--book-theme-accent, #c49a4f) 32%, transparent) !important;
  color: var(--book-theme-tab-text, var(--book-theme-text, #d1c5b4)) !important;
  -webkit-text-fill-color: var(
    --book-theme-tab-text,
    var(--book-theme-text, #d1c5b4)
  ) !important;
}
.popup.popup-light--book-detail .book-audio-track {
  background: color-mix(
    in srgb,
    var(--book-theme-tab-bg-2, var(--book-theme-bg2, #1e1b18)) 60%,
    transparent
  ) !important;
  border: 1px solid
    color-mix(in srgb, var(--book-theme-accent, #c49a4f) 22%, transparent) !important;
  color: var(--book-theme-tab-text, var(--book-theme-text, #d1c5b4)) !important;
}
.popup.popup-light--book-detail .book-audio-track:hover {
  background: color-mix(
    in srgb,
    var(--book-theme-tab-bg-1, var(--book-theme-bg1, #2a2420)) 80%,
    transparent
  ) !important;
  border-color: color-mix(
    in srgb,
    var(--book-theme-accent, #c49a4f) 40%,
    transparent
  ) !important;
}
.popup.popup-light--book-detail .book-audio-track.is-active {
  background: linear-gradient(
    180deg,
    var(--book-theme-tab-bg-1, var(--book-theme-bg1, #2a2420)) 0%,
    var(--book-theme-tab-bg-2, var(--book-theme-bg2, #1e1b18)) 100%
  ) !important;
  border-color: color-mix(
    in srgb,
    var(--book-theme-accent, #c49a4f) 55%,
    transparent
  ) !important;
  color: var(--book-theme-title, #f5dda6) !important;
}

.popup-backdrop
  .popup.popup-light--book-detail.book-detail-redesigned
  .book-detail-note,
.popup-backdrop.is-open
  .popup.popup-light--book-detail.book-detail-redesigned
  .book-detail-note,
.popup-backdrop .popup.popup-light--book-detail .book-detail-note,
.popup-backdrop.is-open .popup.popup-light--book-detail .book-detail-note {
  background: linear-gradient(
    180deg,
    var(--book-theme-tab-bg-1, var(--book-theme-bg1, #2a2420)) 0%,
    var(--book-theme-tab-bg-2, var(--book-theme-bg2, #1e1b18)) 100%
  ) !important;
  background-image: linear-gradient(
    180deg,
    var(--book-theme-tab-bg-1, var(--book-theme-bg1, #2a2420)) 0%,
    var(--book-theme-tab-bg-2, var(--book-theme-bg2, #1e1b18)) 100%
  ) !important;
  border: 1px solid
    color-mix(in srgb, var(--book-theme-accent, #c49a4f) 30%, transparent) !important;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.18) !important;
  color: var(--book-theme-tab-text, var(--book-theme-text, #d1c5b4)) !important;
}
.popup-backdrop
  .popup.popup-light--book-detail.book-detail-redesigned
  .book-detail-note
  strong,
.popup-backdrop.is-open
  .popup.popup-light--book-detail.book-detail-redesigned
  .book-detail-note
  strong {
  color: var(--book-theme-accent, #c49a4f) !important;
  -webkit-text-fill-color: var(--book-theme-accent, #c49a4f) !important;
}
.popup-backdrop
  .popup.popup-light--book-detail.book-detail-redesigned
  .dossier-notice,
.popup-backdrop.is-open
  .popup.popup-light--book-detail.book-detail-redesigned
  .dossier-notice,
.popup-backdrop .popup.popup-light--book-detail .dossier-notice,
.popup-backdrop.is-open .popup.popup-light--book-detail .dossier-notice {
  background: linear-gradient(
    180deg,
    var(--book-theme-tab-bg-1, var(--book-theme-bg1, #2a2420)) 0%,
    var(--book-theme-tab-bg-2, var(--book-theme-bg2, #1e1b18)) 100%
  ) !important;
  background-image: linear-gradient(
    180deg,
    var(--book-theme-tab-bg-1, var(--book-theme-bg1, #2a2420)) 0%,
    var(--book-theme-tab-bg-2, var(--book-theme-bg2, #1e1b18)) 100%
  ) !important;
  border: 1px solid
    color-mix(in srgb, var(--book-theme-accent, #c49a4f) 30%, transparent) !important;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.18) !important;
  color: var(--book-theme-tab-text, var(--book-theme-text, #d1c5b4)) !important;
}
.popup-backdrop
  .popup.popup-light--book-detail.book-detail-redesigned
  .dossier-notice__title,
.popup-backdrop.is-open
  .popup.popup-light--book-detail.book-detail-redesigned
  .dossier-notice__title {
  color: var(--book-theme-accent, #c49a4f) !important;
  -webkit-text-fill-color: var(--book-theme-accent, #c49a4f) !important;
}
.popup-backdrop
  .popup.popup-light--book-detail.book-detail-redesigned
  .dossier-notice__body,
.popup-backdrop
  .popup.popup-light--book-detail.book-detail-redesigned
  .dossier-notice__body
  p,
.popup-backdrop
  .popup.popup-light--book-detail.book-detail-redesigned
  .dossier-notice__body
  span,
.popup-backdrop
  .popup.popup-light--book-detail.book-detail-redesigned
  .dossier-notice__body
  li,
.popup-backdrop.is-open
  .popup.popup-light--book-detail.book-detail-redesigned
  .dossier-notice__body,
.popup-backdrop.is-open
  .popup.popup-light--book-detail.book-detail-redesigned
  .dossier-notice__body
  p {
  color: var(--book-theme-tab-text, var(--book-theme-text, #d1c5b4)) !important;
  -webkit-text-fill-color: var(
    --book-theme-tab-text,
    var(--book-theme-text, #d1c5b4)
  ) !important;
}
.popup-backdrop
  .popup.popup-light--book-detail.book-detail-redesigned
  .dossier-notice__body
  strong,
.popup-backdrop.is-open
  .popup.popup-light--book-detail.book-detail-redesigned
  .dossier-notice__body
  strong {
  color: var(--book-theme-title, #f5dda6) !important;
  -webkit-text-fill-color: var(--book-theme-title, #f5dda6) !important;
}
.popup-backdrop
  .popup.popup-light--book-detail.book-detail-redesigned
  .dossier-notice__footer,
.popup-backdrop.is-open
  .popup.popup-light--book-detail.book-detail-redesigned
  .dossier-notice__footer {
  color: color-mix(
    in srgb,
    var(--book-theme-tab-text, var(--book-theme-text, #d1c5b4)) 75%,
    transparent
  ) !important;
  -webkit-text-fill-color: color-mix(
    in srgb,
    var(--book-theme-tab-text, var(--book-theme-text, #d1c5b4)) 75%,
    transparent
  ) !important;
  border-top: 1px dashed
    color-mix(in srgb, var(--book-theme-accent, #c49a4f) 30%, transparent) !important;
}
.popup-backdrop
  .popup.popup-light--book-detail.book-detail-redesigned
  .book-audio-snippets,
.popup-backdrop.is-open
  .popup.popup-light--book-detail.book-detail-redesigned
  .book-audio-snippets {
  background: linear-gradient(
    180deg,
    var(--book-theme-tab-bg-1, var(--book-theme-bg1, #2a2420)) 0%,
    var(--book-theme-tab-bg-2, var(--book-theme-bg2, #1e1b18)) 100%
  ) !important;
  background-image: linear-gradient(
    180deg,
    var(--book-theme-tab-bg-1, var(--book-theme-bg1, #2a2420)) 0%,
    var(--book-theme-tab-bg-2, var(--book-theme-bg2, #1e1b18)) 100%
  ) !important;
  border: 1px solid
    color-mix(in srgb, var(--book-theme-accent, #c49a4f) 30%, transparent) !important;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.18) !important;
}
.popup-backdrop
  .popup.popup-light--book-detail.book-detail-redesigned
  .book-blurb-accordion,
.popup-backdrop.is-open
  .popup.popup-light--book-detail.book-detail-redesigned
  .book-blurb-accordion,
.popup-backdrop
  .popup.popup-light--book-detail.book-detail-redesigned
  .book-blurb-accordion:nth-of-type(odd),
.popup-backdrop.is-open
  .popup.popup-light--book-detail.book-detail-redesigned
  .book-blurb-accordion:nth-of-type(odd),
.popup-backdrop
  .popup.popup-light--book-detail.book-detail-redesigned
  .book-blurb-accordion:nth-of-type(2n),
.popup-backdrop.is-open
  .popup.popup-light--book-detail.book-detail-redesigned
  .book-blurb-accordion:nth-of-type(2n) {
  background: linear-gradient(
    180deg,
    var(--book-theme-tab-bg-1, var(--book-theme-bg1, #2a2420)) 0%,
    var(--book-theme-tab-bg-2, var(--book-theme-bg2, #1e1b18)) 100%
  ) !important;
  background-image: linear-gradient(
    180deg,
    var(--book-theme-tab-bg-1, var(--book-theme-bg1, #2a2420)) 0%,
    var(--book-theme-tab-bg-2, var(--book-theme-bg2, #1e1b18)) 100%
  ) !important;
  border: 1px solid
    color-mix(in srgb, var(--book-theme-accent, #c49a4f) 30%, transparent) !important;
  box-shadow:
    0 14px 28px rgba(0, 0, 0, 0.18),
    inset 0 0 0 1px
      color-mix(in srgb, var(--book-theme-accent, #c49a4f) 12%, transparent) !important;
}

.book-nav {
  position: fixed;
  top: 11px;
  right: 108px;
  z-index: 110;
  font-family: var(--f-ws-body, "Plus Jakarta Sans", system-ui, sans-serif);
  pointer-events: none;
  display: block;
  transition:
    transform 0.28s cubic-bezier(0.2, 0.7, 0.2, 1),
    opacity 0.25s;
}
.book-nav.is-hidden-scroll {
  transform: translateY(-150%);
  pointer-events: none !important;
}
.book-nav:empty {
  display: none;
}
.book-nav .book-nav-toggle {
  pointer-events: auto;
  position: relative;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: 105px;
  padding: 6px 6px 14px;
  border: 0;
  cursor: pointer;
  background: #fbf8ef;
  color: #3a2c10;
  transform: translateY(-110px) rotate(4deg);
  transform-origin: top right;
  box-shadow:
    0 14px 26px rgba(20, 16, 8, 0.22),
    0 4px 8px rgba(20, 16, 8, 0.1),
    inset 0 0 0 1px rgba(255, 255, 255, 0.5);
  transition:
    transform 0.35s cubic-bezier(0.16, 1, 0.3, 1),
    box-shadow 0.35s;
  font-family: inherit;
  border-radius: 2px;
}
.book-nav .book-nav-polaroid-frame {
  width: 100%;
  aspect-ratio: 1;
  background: #000;
  overflow: hidden;
  border-radius: 1px;
}
.book-nav .book-nav-polaroid-frame img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.9;
  transition:
    opacity 0.35s,
    transform 0.35s;
}
.book-nav .book-nav-tape {
  position: absolute;
  top: -9px;
  left: 50%;
  transform: translateX(-50%) rotate(-3deg);
  width: 64px;
  height: 20px;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.55),
    rgba(255, 255, 255, 0.18)
  );
  border-left: 1px dashed rgba(255, 255, 255, 0.4);
  border-right: 1px dashed rgba(255, 255, 255, 0.4);
  box-shadow: 0 1px 2px rgba(20, 16, 8, 0.12);
  pointer-events: none;
  z-index: 2;
}
.book-nav .book-nav-toggle-hint {
  display: block;
  font-family: var(--f-ws-hand, "Caveat", cursive);
  font-size: 18px;
  line-height: 1;
  color: #2c4a6b;
  opacity: 0.9;
  margin-top: 2px;
  font-weight: 600;
  position: relative;
  z-index: 1;
}
.book-nav .book-nav-toggle:hover {
  transform: rotate(2deg) scale(1.04) translateY(2px);
  box-shadow:
    0 18px 34px rgba(20, 16, 8, 0.28),
    0 6px 12px rgba(20, 16, 8, 0.14),
    inset 0 0 0 1px rgba(255, 255, 255, 0.55);
}
.book-nav .book-nav-toggle:hover .book-nav-polaroid-frame img {
  opacity: 1;
  transform: scale(1.05);
}
.book-nav.is-open .book-nav-toggle {
  transform: rotate(1deg) scale(1.02);
}
.book-nav.is-open .book-nav-toggle-hint svg {
  transform: rotate(180deg);
}
.book-nav .book-nav-curl {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 0;
  pointer-events: none;
}
.book-nav .book-nav-list {
  pointer-events: auto;
  position: absolute;
  top: calc(100% + 16px);
  right: 6px;
  width: min(330px, calc(100vw - 28px));
  padding: 48px 26px 30px;
  color: #382e1c;
  background: linear-gradient(180deg, #fffdf3 0%, #fbf5e0 100%);
  background-image:
    linear-gradient(180deg, #fffdf3 0%, #fbf5e0 100%),
    repeating-linear-gradient(
      transparent 0 27px,
      rgba(140, 100, 50, 0.09) 27px 28px
    );
  box-shadow:
    0 24px 48px rgba(20, 16, 8, 0.32),
    0 8px 14px rgba(20, 16, 8, 0.14),
    inset 1px 1px 0 rgba(255, 255, 255, 0.55);
  transform: rotate(-1.6deg);
  transform-origin: top right;
  border-radius: 2px 4px 2px 4px;
  font-family: var(--f-ws-body, "Plus Jakarta Sans", system-ui, sans-serif);
  animation: bookNavListIn 0.42s cubic-bezier(0.16, 1, 0.3, 1);
}
.book-nav .book-nav-list[hidden] {
  display: none;
}
@keyframes bookNavListIn {
  0% {
    opacity: 0;
    transform: rotate(-1.6deg) translateY(-10px) scale(0.96);
  }
  100% {
    opacity: 1;
    transform: rotate(-1.6deg) translateY(0) scale(1);
  }
}
.book-nav .book-nav-list-pin {
  position: absolute;
  top: 14px;
  left: 50%;
  transform: translateX(-50%);
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: radial-gradient(
    circle at 35% 35%,
    #ff8b8b 0%,
    #d63b3b 60%,
    #7a1a1a 100%
  );
  box-shadow:
    0 4px 7px rgba(20, 16, 8, 0.32),
    inset 1px 2px 3px rgba(255, 255, 255, 0.4),
    inset -1px -2px 3px rgba(0, 0, 0, 0.18);
}
.book-nav .book-nav-list-pin::after {
  content: "";
  position: absolute;
  top: 30%;
  left: 30%;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.65);
  filter: blur(0.5px);
}
.book-nav .book-nav-list-head {
  text-align: center;
  margin-bottom: 14px;
  padding-bottom: 12px;
  border-bottom: 1px dashed rgba(180, 138, 27, 0.32);
}
.book-nav .book-nav-list-eyebrow {
  font-family: var(--f-ws-hand, "Caveat", cursive);
  font-size: 28px;
  color: var(--ws-mauve-deep);
  display: inline-block;
  transform: rotate(-2deg);
  margin-bottom: 4px;
  letter-spacing: 0;
  font-weight: 500;
}
.book-nav .book-nav-list-title {
  font-family: var(--f-ws-display);
  font-variation-settings:
    "wdth" 95,
    "wght" 700;
  font-size: 34px;
  font-weight: 700;
  font-style: normal;
  color: #2a1e0e;
  display: block;
  line-height: 1.1;
  margin-bottom: 10px;
  margin-top: -10px;
  letter-spacing: -0.015em;
}
.book-nav .book-nav-list-title em {
  font-family: var(--f-ws-italic);
  font-style: italic;
  font-weight: 400;
  color: var(--ws-rose-deep);
  font-variation-settings: normal;
  letter-spacing: -0.005em;
}
.book-nav .book-nav-list-sub {
  font-family: var(--f-ws-body, "Plus Jakarta Sans", system-ui, sans-serif);
  font-size: 14px;
  line-height: 1.5;
  color: #2a1e0e;
  margin: 0;
}
.book-nav .book-nav-items {
  list-style: none;
  margin: 16px 0 0;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
.book-nav .book-nav-item {
  position: relative;
  animation: bookNavItemIn 0.4s cubic-bezier(0.16, 1, 0.3, 1) backwards;
  animation-delay: calc(var(--bn-i, 0) * 30ms + 120ms);
}
@keyframes bookNavItemIn {
  0% {
    opacity: 0;
    transform: translateX(-8px) rotate(-1deg);
  }
  100% {
    opacity: 1;
    transform: translateX(0) rotate(0);
  }
}
.book-nav .book-nav-item a,
.book-nav .book-nav-item button {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  padding: 10px 12px !important;
  font-family: var(--f-ws-display) !important;
  font-variation-settings:
    "wdth" 96,
    "wght" 600 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  text-transform: none !important;
  text-decoration: none !important;
  color: var(--ws-plum-ink) !important;
  border: none !important;
  border-radius: 8px !important;
  cursor: pointer !important;
  text-align: center !important;
  transition:
    transform 0.35s var(--ws-ease),
    box-shadow 0.35s var(--ws-ease) !important;
  position: relative !important;
  letter-spacing: -0.005em !important;
  box-shadow:
    0 8px 20px -12px rgba(42, 30, 46, 0.25),
    0 2px 4px -2px rgba(42, 30, 46, 0.08) !important;
}
.book-nav .book-nav-item:nth-child(4n + 1) a,
.book-nav .book-nav-item:nth-child(4n + 1) button {
  background: linear-gradient(
    135deg,
    var(--ws-cream) 0,
    color-mix(in srgb, var(--ws-mauve) 35%, var(--ws-cream)) 100%
  ) !important;
  transform: rotate(-0.3deg) !important;
}
.book-nav .book-nav-item:nth-child(4n + 2) a,
.book-nav .book-nav-item:nth-child(4n + 2) button {
  background: linear-gradient(
    135deg,
    var(--ws-cream) 0,
    color-mix(in srgb, var(--ws-peach) 32%, var(--ws-cream)) 100%
  ) !important;
  transform: rotate(0.4deg) !important;
}
.book-nav .book-nav-item:nth-child(4n + 3) a,
.book-nav .book-nav-item:nth-child(4n + 3) button {
  background: linear-gradient(
    135deg,
    var(--ws-cream) 0,
    color-mix(in srgb, var(--ws-sage) 35%, var(--ws-cream)) 100%
  ) !important;
  transform: rotate(-0.2deg) !important;
}
.book-nav .book-nav-item:nth-child(4n) a,
.book-nav .book-nav-item:nth-child(4n) button {
  background: linear-gradient(
    135deg,
    var(--ws-cream) 0,
    color-mix(in srgb, var(--ws-rose) 32%, var(--ws-cream)) 100%
  ) !important;
  transform: rotate(0.3deg) !important;
}
.book-nav .book-nav-item a:hover,
.book-nav .book-nav-item button:hover,
.book-nav .book-nav-item a:focus-visible,
.book-nav .book-nav-item button:focus-visible {
  box-shadow:
    0 16px 28px -16px rgba(42, 30, 46, 0.35),
    0 0 0 1.5px var(--ws-gold-warm) !important;
  color: var(--ws-plum-ink) !important;
  outline: 0 !important;
}
.book-nav .book-nav-list-corner {
  position: absolute;
  bottom: -1px;
  right: -1px;
  width: 36px;
  height: 36px;
  background: linear-gradient(
    135deg,
    transparent 50%,
    rgba(140, 100, 50, 0.14) 50%,
    rgba(180, 140, 80, 0.22) 100%
  );
  box-shadow: -2px -2px 5px rgba(20, 16, 8, 0.1);
  pointer-events: none;
}
body.menu-open .book-nav,
body.modal-open .book-nav {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.25s;
}
@media (max-width: 768px) {
  .book-nav {
    top: 32px;
    right: 28px;
  }
  .book-nav .book-nav-toggle {
    width: 90px;
    padding: 5px 5px 12px;
    gap: 6px;
    transform: translateY(-110px) rotate(0deg);
  }
  .book-nav .book-nav-toggle:hover {
    transform: translateY(-110px) rotate(0deg) scale(1);
  }
  .book-nav.is-open .book-nav-toggle,
  .book-nav.is-open .book-nav-toggle:hover {
    transform: rotate(3deg) scale(1.02);
  }
  .book-nav .book-nav-tape {
    width: 50px;
    height: 16px;
    top: -7px;
  }
  .book-nav .book-nav-toggle-hint {
    font-size: 16px;
  }
  .book-nav .book-nav-list {
    width: min(290px, calc(100vw - 18px));
    padding: 42px 20px 24px;
    right: -8px;
  }
  .book-nav .book-nav-list-title {
    font-size: 26px;
  }
  .book-nav .book-nav-list-sub {
    font-size: 14.5px;
  }
  .book-nav .book-nav-item a,
  .book-nav .book-nav-item button {
    font-size: 13.5px !important;
    padding: 8px 10px !important;
  }
}
@media (max-width: 420px) {
  .book-nav .book-nav-toggle {
    width: 80px;
    padding: 4px 4px 10px;
    gap: 4px;
  }
  .book-nav .book-nav-toggle-hint {
    font-size: 14px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .book-nav .book-nav-toggle,
  .book-nav .book-nav-toggle:hover,
  .book-nav.is-open .book-nav-toggle {
    transform: rotate(2deg);
    transition: none;
  }
  .book-nav .book-nav-list {
    transform: rotate(-1deg);
    animation: none;
  }
  .book-nav .book-nav-item {
    animation: none;
  }
}
.prose-realm .wishlist-promo-title em,
.prose-realm .buchfinder-cta h2 em,
.prose-realm .lexika-section h2 em,
.prose-realm .lex-card:nth-child(3) .lex-card-title em,
.prose-realm .newsletter-section h2 em,
.popup.popup-light .popup-scroll > .popup-title em,
.prose-realm .buchfinder-cta h2#buchfinder-cta-title em,
.prose-realm .faq-section h2#faq-title em,
.prose-realm .newsletter-section h2#newsletter-title em,
.prose-realm .reveal-universe-title em,
.prose-realm .wishlist-promo-card h2.wishlist-promo-title em,
.popup.popup-light--book-detail .popup-title em,
.popup.popup-light--book-detail .popup-scroll > .popup-title em,
.popup.book-detail-redesigned .popup-title em,
.popup.popup-light--author .expose-display-title em,
.book-nav .book-nav-list-title em {
  font: inherit !important;
  font-variation-settings: inherit !important;
  letter-spacing: inherit !important;
  text-transform: inherit !important;
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
  background: none !important;
  display: inline !important;
  margin: 0 !important;
  padding: 0 !important;
  vertical-align: baseline !important;
}
.archive-book-chip--lex {
  cursor: pointer;
}
.popup.popup-light--book-detail .archive-book-chip.archive-book-chip--lex {
  cursor: pointer !important;
  transition:
    border-color 0.25s ease,
    color 0.25s ease !important;
}
.popup.popup-light--book-detail .archive-book-chip.archive-book-chip--lex:hover,
.popup.popup-light--book-detail .archive-book-chip.archive-book-chip--lex:focus-visible {
  border-style: solid !important;
  border-color: rgba(184, 146, 74, 0.75) !important;
  color: var(--ws-plum-ink) !important;
  -webkit-text-fill-color: var(--ws-plum-ink) !important;
  text-decoration: underline;
  text-decoration-color: rgba(184, 146, 74, 0.9);
  text-underline-offset: 3px;
}
.popup.popup-light--book-detail .archive-book-chip.archive-book-chip--lex:focus-visible {
  outline: 2px solid rgba(184, 146, 74, 0.45);
  outline-offset: 2px;
}

.popup.popup-light .popup-kicker,
.popup.popup-light .hero-panel-kicker,
.popup.popup-light .tech-card-kicker,
.popup.popup-light .expose-kicker,
.popup.popup-light .book-detail-kicker,
.popup.popup-light .book-audio-snippets-kicker,
.popup.popup-light .archive-line-kicker,
.popup.popup-light .archive-results-kicker,
.popup.popup-light .prelaunch-popup-notice__kicker {
  display: none !important;
}
.popup.popup-light .popup-scroll > .popup-kicker {
  display: none !important;
}
.popup.popup-light--author .expose-editorial-card .expose-section-kicker,
.popup.popup-light--author .expose-editorial-card:nth-child(4n + 1) .expose-section-kicker,
.popup.popup-light--author .expose-editorial-card:nth-child(4n + 2) .expose-section-kicker,
.popup.popup-light--author .expose-editorial-card:nth-child(4n + 3) .expose-section-kicker,
.popup.popup-light--author .expose-editorial-card:nth-child(4n + 4) .expose-section-kicker,
.popup.popup-light--author .expose-quote-band .expose-section-kicker,
.popup.popup-light--author .expose-section-kicker {
  display: none !important;
}
@media (max-width: 560px) {
  .popup.popup-light--wishlist .wishlist-grid {
    gap: 16px 10px !important;
  }
  .popup.popup-light--wishlist .wishlist-card {
    padding: 9px 9px 12px !important;
  }
  .popup.popup-light--wishlist .wishlist-card__cover {
    margin: 0 0 10px !important;
  }
  .popup.popup-light--wishlist .wishlist-card__rank {
    top: 12px !important;
    left: 12px !important;
    width: 26px;
    height: 26px;
    font-size: 12px;
    border-width: 1.5px;
  }
  .popup.popup-light--wishlist .wishlist-card__line-seal {
    top: 7px;
    right: 7px;
    font-size: 12px;
    padding: 4px 9px 5px;
  }
  .popup.popup-light--wishlist .wishlist-card__line {
    font-size: 8px !important;
    letter-spacing: 0.14em !important;
    padding: 3px 8px !important;
    margin: 0 0 4px !important;
  }
  .popup.popup-light--wishlist .wishlist-card__title {
    font-size: 14px !important;
  }
  .popup.popup-light--wishlist .wishlist-card__blurb {
    font-size: 11.5px !important;
    line-height: 1.45 !important;
    margin-bottom: 10px !important;
  }
  .popup.popup-light--wishlist .wishlist-card__meter {
    flex-wrap: wrap !important;
    gap: 4px 8px !important;
    margin: 4px 0 !important;
  }
  .popup.popup-light--wishlist .wishlist-card__bar {
    flex: 1 0 100% !important;
    height: 5px !important;
  }
  .popup.popup-light--wishlist .wishlist-card__count,
  .popup.popup-light--wishlist .wishlist-card__pct {
    font-size: 10px !important;
  }
  .popup.popup-light--wishlist .wishlist-card__pct {
    margin-left: auto !important;
  }
  .popup.popup-light--wishlist .wishlist-card__actions {
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    gap: 6px !important;
    margin-top: 10px !important;
    padding-top: 10px !important;
  }
  .popup.popup-light--wishlist .wishlist-card__action {
    width: 100% !important;
    flex: none !important;
    justify-content: center !important;
    padding: 8px 8px !important;
    font-size: 11px !important;
  }
  .popup.popup-light--wishlist .wishlist-card__done {
    width: 100% !important;
    justify-content: center !important;
    text-align: center !important;
    font-size: 11px !important;
  }
}
@media (max-width: 619px) {
  .popup.popup-light--archive .archive-book-card {
    padding: 9px 9px 12px !important;
  }
  .popup.popup-light--archive .archive-book-cover {
    margin: 0 0 10px !important;
  }
  .popup.popup-light--archive .archive-book-line-seal {
    top: 7px;
    right: 7px;
    font-size: 12px;
    padding: 4px 9px 5px;
  }
  .popup.popup-light--archive .archive-book-title,
  .popup.popup-light--archive .archive-book-card h4,
  .popup.popup-light--archive .archive-book-card h5 {
    font-size: 14px !important;
    margin: 2px 0 0 !important;
  }
  .popup.popup-light--archive .archive-book-text,
  .popup.popup-light--archive .archive-book-card p {
    font-size: 11.5px !important;
    line-height: 1.45 !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 6 !important;
    overflow: hidden !important;
  }
  .popup.popup-light--archive .archive-book-meta {
    gap: 4px !important;
    margin: 8px 0 0 !important;
  }
  .popup.popup-light--archive .archive-book-meta .archive-book-chip {
    font-size: 9.5px !important;
    padding: 2px 7px !important;
  }
  .popup.popup-light--archive .archive-book-actions {
    margin: 10px 0 0 !important;
  }
  .popup.popup-light--archive .archive-book-actions .gold-button.small,
  .popup.popup-light--archive
    .archive-book-actions
    .gold-button.small.visual-only {
    display: flex !important;
    width: 100% !important;
    justify-content: center !important;
    padding: 8px 8px !important;
    font-size: 11px !important;
  }
}

.prose-realm .gold-button.ghost,
.prose-realm .buchfinder-cta .gold-button.ghost,
.prose-realm .faq-section .faq-intro .gold-button.ghost {
  background: var(--ws-plum-ink) !important;
  background-image: none !important;
  color: var(--ws-cream) !important;
  border: none !important;
  box-shadow: 0 16px 30px -16px rgba(42, 30, 46, 0.5) !important;
}
.prose-realm .gold-button.ghost *,
.prose-realm .gold-button.ghost span,
.prose-realm .buchfinder-cta .gold-button.ghost *,
.prose-realm .buchfinder-cta .gold-button.ghost span {
  color: var(--ws-cream) !important;
  -webkit-text-fill-color: var(--ws-cream) !important;
}
.prose-realm .gold-button.ghost:hover,
.prose-realm .buchfinder-cta .gold-button.ghost:hover {
  background: var(--ws-mauve-deep) !important;
  border: none !important;
  color: var(--ws-cream) !important;
  box-shadow: 0 22px 40px -16px rgba(142, 111, 174, 0.45) !important;
}
.prose-realm .gold-button.ghost:hover *,
.prose-realm .buchfinder-cta .gold-button.ghost:hover * {
  color: var(--ws-cream) !important;
  -webkit-text-fill-color: var(--ws-cream) !important;
}

.popup.popup-light--wishlist .wishlist-card__action--ghost {
  background: var(--ws-mauve-deep) !important;
  border: 1.5px solid var(--ws-mauve-deep) !important;
  color: var(--ws-cream) !important;
  -webkit-text-fill-color: var(--ws-cream) !important;
  box-shadow: 0 6px 14px -6px rgba(142, 111, 174, 0.55) !important;
  justify-content: center !important;
}
.popup.popup-light--wishlist .wishlist-card__action--ghost:hover {
  background: var(--ws-rose-deep) !important;
  border-color: var(--ws-rose-deep) !important;
  color: var(--ws-cream) !important;
  -webkit-text-fill-color: var(--ws-cream) !important;
  transform: translateY(-1px);
}

.popup.book-detail-redesigned .gold-button,
.popup.book-detail-redesigned a.gold-button,
.popup.book-detail-redesigned button.gold-button,
.popup.book-detail-redesigned .gold-button.small,
.popup.popup-light--book-detail .gold-button,
.popup.popup-light--book-detail a.gold-button,
.popup.popup-light--book-detail button.gold-button,
.popup.popup-light--book-detail .gold-button.small {
  background: var(--ws-plum-ink) !important;
  background-image: none !important;
  color: var(--ws-cream) !important;
  -webkit-text-fill-color: var(--ws-cream) !important;
  border: 1.5px solid var(--ws-plum-ink) !important;
  border-radius: 999px !important;
  padding: 10px 20px !important;
  font-family: var(--f-ws-body) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  text-shadow: none !important;
  box-shadow: 0 8px 18px -8px rgba(42, 30, 46, 0.4) !important;
  filter: none !important;
}
.popup.book-detail-redesigned .gold-button *,
.popup.book-detail-redesigned .gold-button span,
.popup.popup-light--book-detail .gold-button *,
.popup.popup-light--book-detail .gold-button span {
  color: var(--ws-cream) !important;
  -webkit-text-fill-color: var(--ws-cream) !important;
  background: 0 0 !important;
}
.popup.book-detail-redesigned .gold-button::before,
.popup.popup-light--book-detail .gold-button::before {
  display: none !important;
}
.popup.book-detail-redesigned .gold-button:hover,
.popup.book-detail-redesigned a.gold-button:hover,
.popup.book-detail-redesigned button.gold-button:hover,
.popup.book-detail-redesigned .gold-button.small:hover,
.popup.popup-light--book-detail .gold-button:hover,
.popup.popup-light--book-detail a.gold-button:hover,
.popup.popup-light--book-detail button.gold-button:hover,
.popup.popup-light--book-detail .gold-button.small:hover {
  background: var(--ws-mauve-deep) !important;
  border-color: var(--ws-mauve-deep) !important;
  color: var(--ws-cream) !important;
  -webkit-text-fill-color: var(--ws-cream) !important;
  transform: translateY(-1px);
  box-shadow: 0 14px 26px -8px rgba(142, 111, 174, 0.5) !important;
}