/* LoveShorts: a warm rose-noir editorial skin with its own heart-and-spark identity. */
[data-site="site-loves"],
[data-site="loves"] {
  --color-primary: #e96a78;
  --color-primary-light: #ff9a9c;
  --color-primary-dark: #bc4d63;
  --color-primary-rgb: 233, 106, 120;
  --bg-primary: #100d0f;
  --bg-secondary: #191216;
  --bg-card: #22171d;
  --bg-card-hover: #2c1d25;
  --text-accent: #f28a91;
  --gold: #f2c58a;
  --coin-color: #f2c58a;
  --tabbar-bg: rgba(16, 13, 15, .9);
  --radius-md: 13px;
  --radius-lg: 19px;
  --radius-xl: 28px;
}

[data-site="loves"] #tab-home {
  background:
    radial-gradient(circle at 88% 4%, rgba(233, 106, 120, .14), transparent 27rem),
    linear-gradient(180deg, #100d0f 0%, #0d0a0c 58%, #120b10 100%);
}

[data-site="loves"] .home-header {
  background: rgba(16, 13, 15, .82);
  border-bottom: 1px solid rgba(242, 197, 138, .12);
  backdrop-filter: blur(18px);
}

[data-site="loves"] .home-brand b,
[data-site="loves"] .home-section-eyebrow,
[data-site="loves"] .home-section-title::first-letter {
  color: var(--gold);
}

[data-site="loves"] .search-bar {
  background: rgba(255, 255, 255, .08);
  border: 1px solid rgba(242, 197, 138, .12);
}

[data-site="loves"] .drama-card .card-poster,
[data-site="loves"] .card-poster {
  border-radius: var(--radius-md);
  box-shadow: 0 10px 28px rgba(0, 0, 0, .22);
}

[data-site="loves"] .home-section-title {
  letter-spacing: -.5px;
}

[data-site="loves"] .onlycams-empty {
  margin: 24px 14px;
  min-height: 42vh;
  border: 1px solid rgba(242, 197, 138, .16);
  border-radius: var(--radius-xl);
  background: linear-gradient(145deg, rgba(233, 106, 120, .12), rgba(242, 197, 138, .04));
  box-shadow: inset 0 1px rgba(255, 255, 255, .06), 0 24px 80px rgba(0, 0, 0, .2);
}

[data-site="loves"] .onlycams-empty .icon {
  color: var(--gold);
  filter: drop-shadow(0 0 18px rgba(242, 197, 138, .35));
}

/* The shell intentionally keeps the shared information architecture, while
   LoveShorts gets a clearly different visual language: rounded heart-shaped
   identity, romantic serif headlines, and rose/champagne signal colors. */
[data-site="loves"] body {
  background:
    radial-gradient(circle at 12% 0%, rgba(233, 106, 120, .18), transparent 25rem),
    radial-gradient(circle at 92% 34%, rgba(242, 197, 138, .09), transparent 22rem),
    linear-gradient(165deg, #140d12 0%, #0d090d 62%, #160b12 100%);
}

[data-site="loves"] #tab-home {
  background:
    linear-gradient(115deg, rgba(255, 190, 188, .025) 0 1px, transparent 1px 34px),
    radial-gradient(circle at 50% -20%, rgba(233, 106, 120, .12), transparent 40rem),
    linear-gradient(180deg, #140d12 0%, #0c080c 72%, #160b12 100%);
  background-size: 34px 34px, auto, auto;
}

[data-site="loves"] .home-header {
  gap: 9px;
  border-bottom-color: rgba(242, 197, 138, .2);
  background: linear-gradient(180deg, rgba(24, 13, 20, .96), rgba(16, 10, 15, .84));
  box-shadow: 0 12px 36px rgba(11, 4, 9, .28);
}

[data-site="loves"] .home-brand {
  gap: 10px;
  color: #ffe8e2;
  letter-spacing: .01em;
}

[data-site="loves"] .home-brand > span {
  width: 40px;
  height: 40px;
  border: 1px solid rgba(255, 190, 188, .7);
  border-radius: 50% 50% 50% 9px;
  color: #fff8f5;
  background: radial-gradient(circle at 32% 22%, #ffb5ac 0%, #e96a78 48%, #a9445e 100%);
  box-shadow: 0 8px 26px rgba(205, 65, 95, .34), inset 0 1px rgba(255, 255, 255, .35);
  transform: rotate(-4deg);
}

[data-site="loves"] .home-brand > span .brand-symbol {
  transform: rotate(4deg);
}

[data-site="loves"] .home-brand > b {
  color: #ffe8e2;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 19px;
  font-style: italic;
  letter-spacing: -.025em;
  line-height: 1;
}

[data-site="loves"] .home-brand > b::after {
  display: block;
  margin-top: 4px;
  color: rgba(242, 197, 138, .7);
  content: "ROMANCE IN MOTION";
  font-family: var(--font-family);
  font-size: 7px;
  font-style: normal;
  font-weight: 850;
  letter-spacing: .18em;
}

[data-site="loves"] .search-bar {
  border-color: rgba(255, 190, 188, .17);
  border-radius: 999px;
  background: rgba(255, 255, 255, .065);
}

[data-site="loves"] .search-bar:hover {
  border-color: rgba(255, 154, 156, .58);
  background: rgba(233, 106, 120, .12);
}

[data-site="loves"] .age-chip {
  border-color: rgba(255, 190, 188, .26);
  color: rgba(255, 225, 219, .72);
  border-radius: 9px;
}

[data-site="loves"] .wallet-chip {
  border-color: rgba(255, 190, 188, .3);
  color: #ffd0c3;
  background: rgba(233, 106, 120, .13);
}

[data-site="loves"] .wallet-chip:hover {
  border-color: rgba(255, 190, 188, .62);
  background: rgba(233, 106, 120, .23);
}

[data-site="loves"] .home-section-eyebrow,
[data-site="loves"] .hero-kicker {
  color: #f2a1a0;
  letter-spacing: .22em;
}

[data-site="loves"] .home-section-title,
[data-site="loves"] .hero-copy h1 {
  color: #fff0ea;
  font-family: Georgia, "Times New Roman", serif;
  font-style: italic;
  letter-spacing: -.04em;
}

[data-site="loves"] .home-section-title::first-letter {
  color: #ff9a9c;
}

[data-site="loves"] #tab-home .drama-card .card-poster {
  border: 1px solid rgba(255, 190, 188, .18);
  border-radius: 20px 7px 20px 7px;
  box-shadow: 0 16px 34px rgba(13, 3, 10, .42), 0 0 0 1px rgba(233, 106, 120, .03);
}

[data-site="loves"] #tab-home .drama-card:hover .card-poster {
  border-color: rgba(255, 154, 156, .68);
  box-shadow: 0 20px 40px rgba(13, 3, 10, .52), 0 0 0 1px rgba(233, 106, 120, .18);
}

[data-site="loves"] #tab-home .drama-card .card-title {
  color: #ffe9e4;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 15px;
}

[data-site="loves"] .card-play-cue {
  border-color: rgba(255, 190, 188, .56);
  color: #35111d;
  background: linear-gradient(145deg, #ffb6aa, #e96a78);
  box-shadow: 0 6px 18px rgba(205, 65, 95, .3);
}

[data-site="loves"] .card-state {
  color: #3b111e;
  background: linear-gradient(135deg, #ffd3c2, #ef8b91);
}

[data-site="loves"] .card-state--staged,
[data-site="loves"] .card-state--placeholder {
  color: #ffd7ce;
  background: rgba(48, 14, 28, .8);
  box-shadow: inset 0 0 0 1px rgba(255, 190, 188, .3);
}

[data-site="loves"] .card-rank {
  color: #ffd4c7;
  border-color: rgba(255, 190, 188, .46);
  background: rgba(49, 13, 28, .72);
}

[data-site="loves"] .cat-chip:hover,
[data-site="loves"] .cat-chip--active {
  border-color: rgba(255, 154, 156, .58);
  color: #ffc6bb;
  background: rgba(233, 106, 120, .14);
}

[data-site="loves"] .catalog-load-more {
  color: #ffd0c3;
  border-color: rgba(255, 154, 156, .38);
  border-radius: 999px;
  background: rgba(233, 106, 120, .09);
}

[data-site="loves"] .tabbar {
  border-top-color: rgba(255, 190, 188, .2);
  background: rgba(24, 13, 20, .92);
}

[data-site="loves"] .tabbar-brand-mark {
  border-color: rgba(255, 190, 188, .68);
  border-radius: 50% 50% 50% 9px;
  color: #fff8f5;
  background: radial-gradient(circle at 32% 22%, #ffb5ac 0%, #e96a78 48%, #a9445e 100%);
  box-shadow: 0 8px 22px rgba(205, 65, 95, .3), inset 0 1px rgba(255, 255, 255, .35);
  transform: rotate(-4deg);
}

[data-site="loves"] .tabbar-brand-mark .brand-symbol {
  transform: rotate(4deg);
}

[data-site="loves"] .tabbar-brand-copy b {
  color: #ffe8e2;
  font-family: Georgia, "Times New Roman", serif;
  font-style: italic;
  letter-spacing: -.01em;
}

[data-site="loves"] .tabbar-brand-copy small {
  color: rgba(242, 161, 160, .78);
  letter-spacing: .16em;
}

[data-site="loves"] .tabbar-item.active {
  color: #ff9a9c;
}

[data-site="loves"] .points-store-brand > span,
[data-site="loves"] .payment-result-brand > span,
[data-site="loves"] .identity-reminder-mark {
  color: #fff8f5;
  border: 1px solid rgba(255, 190, 188, .62);
  border-radius: 50% 50% 50% 9px;
  background: radial-gradient(circle at 32% 22%, #ffb5ac 0%, #e96a78 48%, #a9445e 100%);
  box-shadow: 0 8px 22px rgba(205, 65, 95, .25), inset 0 1px rgba(255, 255, 255, .3);
  transform: rotate(-4deg);
}

[data-site="loves"] .points-store-brand > span .brand-symbol,
[data-site="loves"] .payment-result-brand > span .brand-symbol,
[data-site="loves"] .identity-reminder-mark .brand-symbol {
  transform: rotate(4deg);
}

[data-site="loves"] .payment-result-page {
  background:
    radial-gradient(circle at 50% 0, rgba(233, 106, 120, .18), transparent 34rem),
    linear-gradient(165deg, #140d12, #0c080c 72%, #160b12);
}

@media (min-width: 768px) {
  [data-site="loves"] #tab-home {
    min-height: 100vh;
  }

  [data-site="loves"] .home-header {
    padding-inline: max(20px, calc((100vw - 1180px) / 2));
  }

  [data-site="loves"] .home-brand > span {
    width: 44px;
    height: 44px;
  }

  [data-site="loves"] .home-brand > b {
    font-size: 21px;
  }
}