@charset "UTF-8";

/* source/palette.css */
:root {
  color-scheme: light;
  --rose: #dd3f79;
  --hot: #ec6a9a;
  --ink: #342431;
  --muted: #796c76;
  --line: #efdee5;
  --wash: #fff5f8;
  --curve: cubic-bezier(0.2, 0.7, 0.25, 1);
  font-family:
    PingFang SC,
    Microsoft YaHei,
    Noto Sans SC,
    system-ui,
    sans-serif;
  font-synthesis: none;
  color: var(--ink);
  background: #fffdfd;
  -webkit-font-smoothing: antialiased;
}
* {
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
  scroll-padding-top: 105px;
}
body {
  margin: 0;
  font-size: 14px;
  line-height: 1.8;
}
h1,
h2,
h3,
p,
figure,
blockquote,
ol {
  margin: 0;
}
h1,
h2,
h3 {
  line-height: 1.4;
}
ol {
  padding: 0;
  list-style: none;
}
a {
  color: inherit;
  text-decoration: none;
}
button,
input {
  font: inherit;
}
button,
summary,
a {
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
}
button {
  cursor: pointer;
  color: inherit;
}
button:disabled {
  cursor: default;
}
img {
  display: block;
  max-width: 100%;
  object-fit: cover;
}
button,
input,
summary,
a {
  outline-offset: 5px;
}
:focus-visible {
  outline: 3px solid #ad2858;
}
::selection {
  background: #f5b7cd;
  color: #342431;
}
[hidden] {
  display: none !important;
}
section,
aside,
article,
details[id] {
  scroll-margin-top: 105px;
}
sakura-reel,
catalog-shelf,
reading-desk {
  display: block;
  min-width: 0;
}
em {
  font-style: normal;
}
.f4z8k2d6p9 {
  width: min(1240px, calc(100% - 80px));
  margin-inline: auto;
}
.q3h7v2r8n5 {
  padding-block: 88px;
}
.s7k2n8q5v1,
.p2r7m5v9c4 {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
.s7k2n8q5v1:focus {
  position: fixed;
  inset: 12px auto auto 12px;
  width: auto;
  height: auto;
  padding: 12px 20px;
  clip-path: none;
  background: #fff;
  color: var(--rose);
  z-index: 100;
  border-radius: 10px;
}
.q8m4v7b2x6 {
  position: sticky;
  top: 0;
  z-index: 40;
  background: #fffdfdf0;
  border-bottom: 1px solid rgb(239 222 229 / 70%);
  backdrop-filter: blur(18px);
}
.r9c5w3j7h2 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 84px;
  gap: 28px;
}
.a6f2h9m3u7 {
  display: inline-flex;
  gap: 10px;
  align-items: center;
  flex-shrink: 0;
  font-size: 23px;
  font-weight: 800;
  letter-spacing: 1px;
}
.a6f2h9m3u7 small {
  display: block;
  color: var(--muted);
  font:
    9px/1.5 Arial,
    sans-serif;
  letter-spacing: 2.8px;
}
.e2y7r4t9k5 {
  color: var(--rose);
  font-size: 48px;
  font-weight: 400;
  line-height: 1;
}
.t3g8p5s2a9 {
  display: flex;
  gap: 32px;
  margin-left: auto;
}
.t3g8p5s2a9 a {
  position: relative;
  font-size: 14px;
  padding-block: 10px;
}
.t3g8p5s2a9 a:after {
  content: "";
  position: absolute;
  inset: auto 0 3px;
  height: 2px;
  background: var(--rose);
  transform: scaleX(0);
  transition: transform 0.2s;
}
.t3g8p5s2a9 a:hover {
  color: var(--rose);
}
.t3g8p5s2a9 a:hover:after {
  transform: scaleX(1);
}
.c6w9n2r5k8 {
  display: flex;
  align-items: center;
  gap: 18px;
}
.b7h3v9k2m6 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 10px 19px;
  min-height: 44px;
  border: 1px solid #f1b7cd;
  border-radius: 9px;
  color: #ae2d5b;
  background: #fff5f8;
  font-weight: 600;
  transition:
    background 0.2s,
    transform 0.2s;
}
.b7h3v9k2m6:hover {
  background: #ffe7f0;
  transform: translateY(-2px);
}
.j2v6m9s4q8 {
  position: relative;
}
.j2v6m9s4q8 summary {
  list-style: none;
  cursor: pointer;
  display: grid;
  place-items: center;
  width: 42px;
  height: 44px;
  font-size: 21px;
  border: 1px solid var(--line);
  border-radius: 9px;
}
.j2v6m9s4q8 summary::-webkit-details-marker,
.g2n7x4s9w6 summary::-webkit-details-marker,
.j8w3n6q2v7 summary::-webkit-details-marker {
  display: none;
}
.j2v6m9s4q8[open] summary {
  color: var(--rose);
  background: var(--wash);
}
.j2v6m9s4q8 nav {
  position: absolute;
  right: 0;
  top: calc(100% + 18px);
  width: 340px;
  max-width: calc(100vw - 40px);
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 5px;
  padding: 16px;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 16px;
  box-shadow: 0 18px 60px #4925351a;
}
.j2v6m9s4q8 nav a {
  padding: 9px;
  border-radius: 7px;
}
.j2v6m9s4q8 nav a:hover {
  background: var(--wash);
  color: var(--rose);
}
.p5f9x2c7h4 {
  background: linear-gradient(180deg, #fff9fb, #fffdfd);
  padding-top: 23px;
}
.u4s8n3y6b2 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  margin-bottom: 22px;
  color: #8b6a79;
  font-size: 11px;
  letter-spacing: 1px;
}
.u4s8n3y6b2 i,
.v8q2m6h9r4 i {
  display: inline-block;
  height: 6px;
  width: 6px;
  border-radius: 50%;
  background: var(--rose);
  margin-right: 8px;
  vertical-align: middle;
}
.h8d4r6z2m9 {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1.06fr;
  isolation: isolate;
  min-height: 550px;
  border-radius: 24px;
  background: linear-gradient(118deg, #fff0f5 3%, #fbe2ed 62%, #edd1e5);
  border: 1px solid #f2dce7;
}
.h8d4r6z2m9:before {
  content: "";
  position: absolute;
  width: 40%;
  aspect-ratio: 1;
  border: 1px solid #e8afc64a;
  border-radius: 50%;
  top: 7%;
  left: 32%;
  z-index: -1;
  box-shadow:
    0 0 0 45px #f6cfdf4d,
    0 0 0 90px #f6cfdf33;
}
.n3x7b2k9w5 {
  padding: 48px 35px 45px 48px;
  align-self: center;
  z-index: 2;
}
.n3x7b2k9w5 h1 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
}
.n3x7b2k9w5 h1 > a {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 4px 15px 4px 5px;
  background: #ffffffad;
  border: 1px solid #fff;
  border-radius: 30px;
  font-size: 14px;
  letter-spacing: 2px;
  color: #a93460;
}
.n3x7b2k9w5 h1 img {
  width: 26px;
  height: 26px;
  border-radius: 50%;
}
.n3x7b2k9w5 h1 > span {
  font-size: clamp(39px, 4.6vw, 64px);
  letter-spacing: -2.7px;
  line-height: 1.22;
  font-weight: 850;
}
.n3x7b2k9w5 h1 em {
  color: #d43b76;
}
.y7m2g9v4s6 {
  margin-top: 22px;
  font-size: 17px;
  font-weight: 650;
  letter-spacing: 2px;
}
.v9k3t6n8q2 {
  margin-top: 12px;
  color: #7d5d6d;
  line-height: 1.95;
  font-size: 13px;
}
.w2b7p9f5k3 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 20px;
  margin-top: 27px;
}
.d8r2a6v9h4 {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
  min-height: 51px;
  padding: 13px 22px;
  border: 1px solid #dc4780;
  border-radius: 9px;
  color: #fff;
  background: linear-gradient(110deg, #de407c, #db518b 65%, #b34b9a);
  box-shadow: 0 7px 20px #cc47702b;
  font-weight: 600;
  transition:
    transform 0.22s var(--curve),
    box-shadow 0.22s;
}
.d8r2a6v9h4:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 25px #cc477045;
}
.x3n8u5m2c7 {
  display: inline-flex;
  align-items: center;
  gap: 13px;
  color: #9f335c;
  min-height: 44px;
  font-size: 13px;
  font-weight: 650;
}
.x3n8u5m2c7:hover {
  color: #d43b76;
}
.x3n8u5m2c7 span {
  transition: transform 0.2s;
}
.x3n8u5m2c7:hover span {
  transform: translate(3px, -2px);
}
.k4m7c2w9s6 {
  font-size: 11px;
  color: var(--muted);
  font-weight: 400;
}
.n3x7b2k9w5 > .k4m7c2w9s6 {
  margin-top: 22px;
}
.k4m7c2w9s6 > span {
  color: var(--rose);
  margin-right: 5px;
}
.z5w8f3n6q2 {
  position: relative;
  margin: 23px 23px 23px 5px;
  transform: rotate(1.3deg);
}
.t6y2r9k5b8 {
  position: relative;
  height: 458px;
  overflow: hidden;
  border: 7px solid #fff;
  border-radius: 15px 15px 0 0;
  background: #d7b9c7;
  box-shadow: 0 10px 28px #8c4d6b24;
}
.t6y2r9k5b8 figure {
  position: absolute;
  inset: 0;
  animation: petal-frame 0.65s var(--curve) both;
}
.t6y2r9k5b8 figure:after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, #31202b00 38%, #2e142580 70%, #21101dd9);
  pointer-events: none;
}
.t6y2r9k5b8 img {
  width: 100%;
  height: 100%;
  object-position: center 27%;
}
.t6y2r9k5b8 figcaption {
  position: absolute;
  inset: auto 28px 25px;
  z-index: 1;
  color: #fff;
  text-shadow: 0 2px 8px #2715223d;
}
.t6y2r9k5b8 figcaption > span {
  display: block;
  font-size: 10px;
  letter-spacing: 3px;
}
.t6y2r9k5b8 strong {
  display: block;
  font-size: 28px;
  letter-spacing: 1px;
  line-height: 1.5;
  margin-block: 9px 13px;
}
.t6y2r9k5b8 a {
  display: inline-flex;
  align-items: center;
  gap: 22px;
  font-size: 12px;
  border-bottom: 1px solid #ffffff7d;
  padding-bottom: 3px;
}
.g9p3c7v2m5 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 16px;
  background: #fff;
  border-radius: 0 0 12px 12px;
}
.a2w6k9f3s8 {
  display: block;
  font-size: 10px;
  line-height: 1.7;
  font-weight: 600;
  color: #ac456b;
  letter-spacing: 1.5px;
}
.g9p3c7v2m5 .a2w6k9f3s8 {
  font-size: 10px;
  letter-spacing: 1px;
}
.g9p3c7v2m5 > div {
  display: flex;
  align-items: center;
  gap: 8px;
}
.g9p3c7v2m5 button {
  display: grid;
  place-items: center;
  min-width: 30px;
  height: 30px;
  padding: 0 5px;
  background: #fff5f8;
  border: 0;
  border-radius: 50%;
  font-size: 16px;
}
.g9p3c7v2m5 button:last-child {
  border-radius: 6px;
  font-size: 10px;
  min-width: 36px;
}
.g9p3c7v2m5 button:hover {
  color: var(--rose);
  background: #ffe4ee;
}
.g9p3c7v2m5 output {
  color: #8b7681;
  font:
    10px/1.5 Arial,
    sans-serif;
}
.r4j8h2v6n9 {
  position: absolute;
  right: -18px;
  top: 22px;
  display: grid;
  place-content: center;
  width: 78px;
  height: 78px;
  border-radius: 50%;
  border: 1px solid #cd6c942e;
  background: #fff6d9;
  color: #8b5364;
  font-size: 13px;
  line-height: 1.5;
  letter-spacing: 2px;
  text-align: center;
  transform: rotate(10deg);
  box-shadow: 0 3px 10px #7e426b0d;
}
.s8b4m6x9q2 {
  display: flex;
  align-items: center;
  gap: 29px;
  padding-block: 23px 25px;
  border-bottom: 1px solid var(--line);
  font-size: 11px;
}
.s8b4m6x9q2 > span {
  color: #937584;
  font-size: 10px;
}
.s8b4m6x9q2 a {
  color: #70515f;
  padding-block: 5px;
}
.s8b4m6x9q2 a:last-child {
  margin-left: auto;
  color: #ac456b;
}
.s8b4m6x9q2 a:hover {
  color: var(--rose);
}
.m7x3p9k2b6 {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 28px;
  margin-bottom: 28px;
}
h2 {
  font-size: 29px;
  font-weight: 750;
  letter-spacing: -0.8px;
}
.m7x3p9k2b6 h2 {
  margin-top: 8px;
}
.m7x3p9k2b6 h2 span {
  display: inline-block;
  margin-left: 20px;
  color: #8b7580;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0;
}
.v2k6r9m4z8 {
  display: grid;
  grid-template-columns: 1.15fr 1fr;
  gap: 24px;
}
.f8m3q7y2c9 {
  display: grid;
  grid-template-columns: 0.95fr 1fr;
  min-width: 0;
  border-radius: 16px;
  background: #fdf0f3;
  border: 1px solid #f3dfe5;
  overflow: hidden;
}
.h3s7w2n9b5 {
  position: relative;
  min-height: 320px;
  overflow: hidden;
}
.h3s7w2n9b5 img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-position: center top;
  transition: transform 0.65s var(--curve);
}
.f8m3q7y2c9:hover .h3s7w2n9b5 img {
  transform: scale(1.045);
}
.h3s7w2n9b5 span {
  position: absolute;
  inset: auto 12px 15px;
  background: #fffdf3e8;
  border-radius: 5px;
  text-align: center;
  padding: 6px;
  color: #8a4d66;
  font-size: 10px;
  letter-spacing: 1px;
}
.f8m3q7y2c9 > div:last-child {
  padding: 30px 25px;
  align-self: center;
}
.f8m3q7y2c9 h3 {
  font-size: 25px;
  margin-block: 11px 15px;
  letter-spacing: -1px;
}
.f8m3q7y2c9 p:not(.a2w6k9f3s8) {
  color: #7a6671;
  font-size: 12px;
  line-height: 1.95;
}
.f8m3q7y2c9 a {
  display: inline-flex;
  align-items: center;
  gap: 25px;
  margin-top: 24px;
  min-height: 36px;
  font-size: 12px;
  font-weight: 650;
  color: #a93562;
}
.f8m3q7y2c9 a:hover {
  color: #d23a73;
}
.u9z4h7b2p6 {
  background: #f2eef9;
  border-color: #e6deef;
}
.u9z4h7b2p6 .a2w6k9f3s8 {
  color: #8d689d;
}
.e7n2f9v4k6 {
  padding-block: 48px;
  border-block: 1px solid var(--line);
  background: #fff9fb;
}
.c5q9m3w7r2 {
  display: grid;
  grid-template-columns: 0.82fr 2fr;
  gap: 70px;
  align-items: center;
}
.c5q9m3w7r2 h2 {
  margin-block: 13px 15px;
  font-size: 28px;
  line-height: 1.6;
}
.c5q9m3w7r2 > div:first-child > p {
  color: var(--muted);
  font-size: 12px;
}
.c5q9m3w7r2 .x3n8u5m2c7 {
  margin-top: 10px;
  font-size: 11px;
}
.b3v8h5n2x9 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 15px;
}
.b3v8h5n2x9 article {
  padding: 25px 17px;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 12px;
  transition:
    transform 0.22s,
    border-color 0.22s;
}
.b3v8h5n2x9 article:hover {
  transform: translateY(-5px);
  border-color: #e4a7bf;
}
.b3v8h5n2x9 article > span {
  color: var(--rose);
  display: grid;
  place-items: center;
  font-size: 25px;
  line-height: 1;
  height: 41px;
  width: 41px;
  border-radius: 11px;
  background: var(--wash);
  margin-bottom: 20px;
}
.b3v8h5n2x9 h3 {
  font-size: 14px;
  margin-bottom: 9px;
}
.b3v8h5n2x9 p {
  font-size: 11px;
  color: var(--muted);
  line-height: 1.9;
}
.n6c3w8q2v7 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding-block: 16px;
  border-block: 1px solid var(--line);
  margin-bottom: 12px;
}
.t9b4s7n2r5 {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.t9b4s7n2r5 button {
  border: 0;
  border-radius: 7px;
  background: transparent;
  color: #806c77;
  min-height: 39px;
  padding: 7px 15px;
  font-size: 12px;
  transition:
    color 0.2s,
    background 0.2s;
}
.t9b4s7n2r5 button[aria-pressed="true"] {
  background: #e65185;
  color: #fff;
}
.t9b4s7n2r5 button:hover:not([aria-pressed="true"]) {
  color: #b83265;
  background: #fff0f5;
}
.n6c3w8q2v7 form {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  width: 250px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  overflow: hidden;
}
.n6c3w8q2v7 input {
  min-width: 0;
  width: 100%;
  border: 0;
  background: transparent;
  padding: 11px 0 11px 14px;
  color: var(--ink);
  font-size: 11px;
}
.n6c3w8q2v7 input:focus-visible {
  outline-offset: -3px;
}
.n6c3w8q2v7 input::placeholder {
  color: #887581;
}
.n6c3w8q2v7 form button {
  border: 0;
  background: transparent;
  width: 43px;
  min-height: 42px;
  color: #ae3a66;
  font-size: 25px;
}
.k8q3z6h2m9 {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 22px;
  margin-top: 24px;
  align-items: start;
}
.g2n7x4s9w6 {
  min-width: 0;
  padding-bottom: 8px;
}
.r7m2v9c5k8 {
  position: relative;
  border-radius: 11px;
  aspect-ratio: 0.72;
  overflow: hidden;
  background: #f4e2ea;
  border: 1px solid #ead9e0;
}
.r7m2v9c5k8 img {
  width: 100%;
  height: 100%;
  transition: transform 0.45s var(--curve);
}
.g2n7x4s9w6:hover img {
  transform: scale(1.045);
}
.r7m2v9c5k8 > span {
  position: absolute;
  top: 9px;
  left: 9px;
  padding: 3px 8px;
  border-radius: 5px;
  background: #fffef3ed;
  color: #834c66;
  font-size: 9px;
}
.g2n7x4s9w6 > div:last-child {
  padding-top: 13px;
}
.g2n7x4s9w6 > div > p:first-child {
  color: #99818e;
  font-size: 10px;
  letter-spacing: 0.5px;
}
.g2n7x4s9w6 h3 {
  font-size: 16px;
  margin-block: 4px 7px;
  letter-spacing: -0.3px;
}
.g2n7x4s9w6 h3 + p {
  color: var(--muted);
  font-size: 11px;
  line-height: 1.75;
  min-height: 38px;
}
.g2n7x4s9w6 details {
  border-top: 1px solid var(--line);
  margin-top: 12px;
  padding-top: 5px;
}
.g2n7x4s9w6 summary {
  list-style: none;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 37px;
  font-size: 11px;
  color: #a63562;
}
.g2n7x4s9w6 details[open] summary span {
  transform: rotate(45deg);
}
.g2n7x4s9w6 details > p {
  font-size: 11px;
  color: #7d6572;
  background: #fff1f6;
  border-radius: 7px;
  padding: 10px;
}
.g2n7x4s9w6:target .r7m2v9c5k8 {
  outline: 3px solid #e36999;
  outline-offset: 3px;
}
.y3h8n2q6v9 {
  text-align: center;
  padding: 60px 20px;
  border: 1px dashed #e6bbce;
  border-radius: 12px;
  margin-top: 20px;
  background: #fff8fb;
}
.y3h8n2q6v9 p {
  color: var(--muted);
  margin-block: 10px 20px;
}
.w8k2m6q9h3 {
  display: grid;
  grid-template-columns: 0.9fr 1.5fr;
  gap: 70px;
  margin-top: 68px;
  padding: 36px;
  border: 1px solid #ebdae3;
  border-radius: 16px;
  background: #fff8fb;
}
.z3c7p2n8v5 {
  padding: 8px;
}
.z3c7p2n8v5 h2 {
  font-size: 30px;
  margin-block: 14px 20px;
}
.z3c7p2n8v5 h2 em {
  display: block;
  font-size: 18px;
  line-height: 1.8;
  font-weight: 500;
  margin-top: 7px;
  color: #a7476c;
}
.z3c7p2n8v5 > p {
  font-size: 11px;
  color: var(--muted);
  line-height: 2;
  margin-bottom: 28px;
}
.z3c7p2n8v5 time {
  display: inline-block;
  margin-left: 5px;
}
.m5r9b3x7k2 li {
  display: flex;
  align-items: center;
  gap: 20px;
  padding-block: 14px;
  border-bottom: 1px solid var(--line);
}
.m5r9b3x7k2 li:first-child {
  padding-top: 0;
}
.m5r9b3x7k2 li:last-child {
  border: 0;
  padding-bottom: 0;
}
.m5r9b3x7k2 li > span {
  font:
    italic 27px/1.3 Georgia,
    serif;
  color: #d092ac;
  width: 33px;
}
.m5r9b3x7k2 li:first-child > span {
  color: #cf3a76;
}
.m5r9b3x7k2 img {
  width: 54px;
  height: 72px;
  border-radius: 5px;
}
.m5r9b3x7k2 li > div {
  flex: 1;
}
.m5r9b3x7k2 li > div > span {
  display: block;
  font-size: 9px;
  color: #ab587b;
}
.m5r9b3x7k2 h3 {
  font-size: 15px;
  margin-block: 3px;
}
.m5r9b3x7k2 p {
  font-size: 10px;
  color: #8b7380;
}
.m5r9b3x7k2 li > a {
  flex-shrink: 0;
  display: grid;
  place-items: center;
  height: 35px;
  width: 35px;
  border-radius: 50%;
  border: 1px solid #ebcad8;
  color: #a3436b;
}
.m5r9b3x7k2 a:hover {
  color: #d73b79;
}
.p8r4x7n2m6 {
  background: linear-gradient(115deg, #f6e7ef, #faf1f5 50%, #f0e5f4);
  border-block: 1px solid #eedfe8;
  overflow: hidden;
}
.v4h8b2s6k9 {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 0.8fr;
  gap: 100px;
  align-items: center;
  padding-block: 70px;
  padding-right: 130px;
}
.q9n3c7w2m5 h2 {
  font-size: 40px;
  line-height: 1.55;
  margin-block: 18px;
  letter-spacing: -1.4px;
}
.q9n3c7w2m5 > p:first-of-type {
  font-size: 16px;
  color: #765666;
  line-height: 1.9;
  margin-bottom: 22px;
}
.q9n3c7w2m5 > p:nth-of-type(2) {
  font-size: 12px;
  max-width: 360px;
  color: #846e7b;
  line-height: 1.95;
}
.q9n3c7w2m5 > small {
  display: block;
  font-size: 10px;
  color: #8d7280;
  margin-top: 20px;
}
.f6k9v3r7n2 {
  position: relative;
  max-width: 340px;
  width: 100%;
  padding: 7px;
  border-radius: 28px;
  border: 1px solid #d1a8bd;
  background: #fff7fb;
  box-shadow:
    16px 22px #e7cada66,
    0 20px 50px #7350641a;
  transform: rotate(-3deg);
  transition: background 0.3s;
  z-index: 2;
}
.a8n4h7q2v6 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  font-size: 10px;
  border-bottom: 1px solid #e2cad666;
}
.a8n4h7q2v6 > span:first-child {
  font-size: 19px;
  color: #ce4f83;
}
.c9r2m6k8w4 {
  padding: 20px 23px;
}
.c9r2m6k8w4 img {
  float: right;
  width: 78px;
  height: 105px;
  border-radius: 5px;
  margin: 0 0 14px 16px;
}
.c9r2m6k8w4 > span:first-of-type {
  font-size: 9px;
  letter-spacing: 1px;
  color: #a24d72;
}
.c9r2m6k8w4 h3 {
  font-size: 20px;
  line-height: 1.8;
  margin-block: 14px 17px;
}
.c9r2m6k8w4 p {
  clear: both;
  font-size: 12px;
  line-height: 2;
  margin-bottom: 17px;
}
.c9r2m6k8w4 .k4m7c2w9s6 {
  font-size: 9px;
}
.s4q8z2m6b9 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 5px;
  padding: 13px;
  border-top: 1px solid #e2cad666;
}
.s4q8z2m6b9 > div {
  display: flex;
  gap: 4px;
}
.s4q8z2m6b9 button {
  min-height: 32px;
  padding: 5px 9px;
  border-radius: 6px;
  border: 1px solid #dfc3d0;
  background: #fffbfd;
  font-size: 10px;
  color: #794b63;
}
.s4q8z2m6b9 button[aria-pressed="true"] {
  background: #e05187;
  color: #fff;
  border-color: #e05187;
}
.f6k9v3r7n2[data-paper="cream"] {
  background: #fffbed;
  color: #514a34;
}
.f6k9v3r7n2[data-paper="night"] {
  background: #302b3b;
  color: #f0e8ef;
}
.f6k9v3r7n2[data-paper="night"] .k4m7c2w9s6,
.f6k9v3r7n2[data-paper="night"] .c9r2m6k8w4 > span:first-of-type {
  color: #d4b3c4;
}
.f6k9v3r7n2[data-size="large"] .c9r2m6k8w4 p {
  font-size: 15px;
}
.g8n2w6r9k4 {
  position: absolute;
  right: -20px;
  top: 50%;
  transform: translateY(-50%) rotate(90deg);
  font:
    700 40px/1.1 Georgia,
    serif;
  letter-spacing: 2px;
  color: #b07e9b3d;
}
.n8v3h7c2q6 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 36px;
}
.n8v3h7c2q6 li {
  display: flex;
  gap: 20px;
  padding-block: 25px 10px;
  border-top: 2px solid #e9b9ce;
}
.n8v3h7c2q6 li > span {
  color: #d39bb3;
  font:
    italic 36px/1.3 Georgia,
    serif;
}
.n8v3h7c2q6 h3 {
  font-size: 17px;
  margin-bottom: 11px;
}
.n8v3h7c2q6 p {
  color: #8a7380;
  font-size: 12px;
  line-height: 1.9;
}
.n8v3h7c2q6 a {
  display: inline-block;
  margin-top: 15px;
  min-height: 35px;
  font-size: 11px;
  color: #a13c66;
}
.x9k4m7s2v6 {
  background: #fff5f8;
  border-block: 1px solid #f2e1e7;
  padding-block: 60px;
}
.z7r2v8b4q9 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.z7r2v8b4q9 figure {
  padding: 20px 27px 25px;
  border: 1px solid #efdee7;
  border-radius: 12px;
  background: #fffdfd;
}
.z7r2v8b4q9 figure > span {
  color: #e8a6c1;
  display: block;
  font:
    60px/0.8 Georgia,
    serif;
  height: 40px;
}
.z7r2v8b4q9 blockquote {
  font-size: 12px;
  color: #765b6b;
  line-height: 2;
  min-height: 96px;
}
.z7r2v8b4q9 figcaption {
  display: flex;
  align-items: center;
  gap: 10px;
  border-top: 1px solid #f0e5ea;
  padding-top: 17px;
  margin-top: 20px;
  font-size: 12px;
}
.z7r2v8b4q9 figcaption > span {
  display: grid;
  place-items: center;
  width: 33px;
  height: 33px;
  border-radius: 50%;
  background: #fae6ef;
  color: #a15076;
  font-size: 12px;
}
.z7r2v8b4q9 figure:nth-child(2) figcaption > span {
  background: #efe7f8;
  color: #886aa2;
}
.z7r2v8b4q9 figure:nth-child(3) figcaption > span {
  background: #f7ecd6;
  color: #9b7b41;
}
.z7r2v8b4q9 small {
  display: block;
  color: #9b8793;
  font-size: 9px;
  margin-top: 3px;
}
.b9m2q7h4r6 {
  display: grid;
  grid-template-columns: 1.3fr 0.8fr;
  gap: 80px;
  align-items: start;
}
.j8w3n6q2v7 {
  border-top: 1px solid var(--line);
}
.j8w3n6q2v7 details {
  border-bottom: 1px solid var(--line);
}
.j8w3n6q2v7 summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  list-style: none;
  cursor: pointer;
  min-height: 75px;
  padding: 20px 0;
  font-size: 14px;
  font-weight: 600;
}
.j8w3n6q2v7 summary span {
  color: #bc7394;
  font-size: 20px;
  font-weight: 400;
  transition: transform 0.2s;
}
.j8w3n6q2v7 details[open] summary span {
  transform: rotate(45deg);
}
.j8w3n6q2v7 details p {
  font-size: 12px;
  line-height: 2.1;
  color: #806574;
  padding-bottom: 25px;
  padding-right: 30px;
}
.j8w3n6q2v7 details:target {
  background: #fff4f8;
  outline: 2px solid #e89cbb;
  outline-offset: 8px;
}
.k2v8r5n9c3 {
  background: linear-gradient(140deg, #f9e2ed, #f6dce8 56%, #ede0f3);
  border: 1px solid #eecfdf;
  border-radius: 18px;
  padding: 30px 35px;
  position: relative;
  overflow: hidden;
}
.y5m9b3q7h2 {
  display: flex;
  align-items: center;
  gap: 13px;
  padding-bottom: 25px;
  margin-bottom: 23px;
  border-bottom: 1px solid #dcabc24d;
}
.y5m9b3q7h2 > span:first-child {
  font-size: 47px;
  color: #d9598c;
  line-height: 1;
}
.y5m9b3q7h2 > span:last-child {
  font-size: 11px;
  letter-spacing: 2px;
  color: #9d5d7b;
}
.k2v8r5n9c3 > .a2w6k9f3s8 {
  font-size: 8px;
}
.k2v8r5n9c3 h2 {
  font-size: 34px;
  line-height: 1.4;
  margin-block: 14px 12px;
}
.k2v8r5n9c3 h2 em {
  color: #c8447e;
}
.k2v8r5n9c3 > p {
  color: #9c5b7a;
  font-size: 12px;
}
.v8q2m6h9r4 {
  margin-block: 23px;
  padding: 14px 16px;
  background: #fff8fbbf;
  border: 1px solid #fff;
  border-radius: 9px;
}
.v8q2m6h9r4 > span {
  font-size: 11px;
  color: #a83866;
}
.v8q2m6h9r4 p {
  font-size: 10px;
  color: #8c6d7d;
  margin-top: 8px;
  line-height: 1.9;
}
.k2v8r5n9c3 > .d8r2a6v9h4 {
  width: 100%;
  font-size: 12px;
}
.k2v8r5n9c3 > .x3n8u5m2c7 {
  display: flex;
  justify-content: center;
  font-size: 11px;
  margin-top: 8px;
}
.h9m3v7c2q8 {
  padding-top: 48px;
  background: #f9f2f6;
  border-top: 1px solid #e8dce5;
}
.p3n8r2k6w9 {
  display: grid;
  grid-template-columns: 0.7fr 1.5fr;
  gap: 85px;
  padding-bottom: 35px;
}
.p3n8r2k6w9 > div:first-child > p {
  font-size: 12px;
  color: #9e7c90;
  margin-top: 16px;
}
.p3n8r2k6w9 h2 {
  font-size: 15px;
  margin-bottom: 12px;
  letter-spacing: 0;
}
.p3n8r2k6w9 > div:last-child > p {
  color: #8b7581;
  font-size: 11px;
  line-height: 2.1;
}
.c3w7m2v9b5 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px 23px;
  border-block: 1px solid #e8dce5;
  padding-block: 19px;
  font-size: 10px;
  color: #917284;
}
.c3w7m2v9b5 strong {
  color: #674756;
  margin-right: 10px;
}
.c3w7m2v9b5 a {
  padding-block: 5px;
}
.c3w7m2v9b5 a:hover {
  color: var(--rose);
}
.r2k7n9v4m6 {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  padding-block: 22px;
  color: #9d8694;
  font-size: 10px;
}
.r2k7n9v4m6 a {
  color: #a26180;
}
.m9q3h7v2b6 {
  display: none;
}
@keyframes petal-frame {
  0% {
    opacity: 0;
    transform: scale(1.035);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes petal-arrive {
  0% {
    opacity: 0.35;
    transform: translateY(18px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
[data-appeared] {
  animation: petal-arrive 0.6s var(--curve) both;
}
@media (min-width: 1500px) {
  .f4z8k2d6p9 {
    width: min(1320px, calc(100% - 120px));
  }
  .h8d4r6z2m9 {
    min-height: 590px;
  }
  .t6y2r9k5b8 {
    height: 498px;
  }
  .n3x7b2k9w5 {
    padding-left: 65px;
  }
}
@media (max-width: 1150px) {
  .f4z8k2d6p9 {
    width: calc(100% - 48px);
  }
  .t3g8p5s2a9,
  .r9c5w3j7h2 {
    gap: 20px;
  }
  .n3x7b2k9w5 {
    padding: 30px;
  }
  .n3x7b2k9w5 h1 > span {
    font-size: 48px;
  }
  .g9p3c7v2m5 .a2w6k9f3s8 {
    display: none;
  }
  .g9p3c7v2m5 {
    justify-content: center;
  }
  .s8b4m6x9q2 {
    gap: 20px;
  }
  .c5q9m3w7r2 {
    grid-template-columns: 0.7fr 2fr;
    gap: 30px;
  }
  .b3v8h5n2x9 {
    grid-template-columns: repeat(2, 1fr);
  }
  .b3v8h5n2x9 article {
    padding: 18px;
  }
  .b3v8h5n2x9 article > span {
    float: left;
    margin: 0 13px 0 0;
  }
  .b3v8h5n2x9 p {
    clear: both;
    padding-top: 8px;
  }
  .b3v8h5n2x9 h3 {
    padding-top: 10px;
  }
  .k8q3z6h2m9 {
    gap: 15px;
    grid-template-columns: repeat(3, 1fr);
  }
  .r7m2v9c5k8 {
    aspect-ratio: 0.86;
  }
  .g2n7x4s9w6 h3 {
    font-size: 18px;
  }
  .g2n7x4s9w6 h3 + p {
    min-height: 0;
  }
  .n6c3w8q2v7 {
    align-items: flex-start;
  }
  .n6c3w8q2v7 form {
    width: 220px;
  }
  .t9b4s7n2r5 {
    gap: 3px;
  }
  .t9b4s7n2r5 button {
    padding-inline: 10px;
  }
  .w8k2m6q9h3 {
    gap: 30px;
  }
  .v4h8b2s6k9 {
    padding-right: 75px;
    gap: 55px;
  }
  .b9m2q7h4r6 {
    gap: 40px;
    grid-template-columns: 1.15fr 0.85fr;
  }
  .k2v8r5n9c3 {
    padding-inline: 25px;
  }
  .f8m3q7y2c9 {
    grid-template-columns: 1fr;
  }
  .h3s7w2n9b5 {
    height: 240px;
    min-height: 0;
  }
  .h3s7w2n9b5 img {
    object-position: center 25%;
  }
  .f8m3q7y2c9 > div:last-child {
    padding: 24px;
  }
  .v2k6r9m4z8 {
    grid-template-columns: 1fr 1fr;
  }
  .n8v3h7c2q6 {
    gap: 23px;
  }
  .n8v3h7c2q6 li {
    gap: 12px;
  }
  .n8v3h7c2q6 h3 {
    font-size: 15px;
  }
}
@media (max-width: 800px) {
  html {
    scroll-padding-top: 88px;
  }
  section,
  aside,
  article,
  details[id] {
    scroll-margin-top: 88px;
  }
  .f4z8k2d6p9 {
    width: calc(100% - 36px);
  }
  .q3h7v2r8n5 {
    padding-block: 55px;
  }
  .r9c5w3j7h2 {
    min-height: 72px;
  }
  .a6f2h9m3u7 {
    font-size: 20px;
  }
  .e2y7r4t9k5 {
    font-size: 41px;
  }
  .a6f2h9m3u7 small {
    font-size: 8px;
    letter-spacing: 2px;
  }
  .t3g8p5s2a9 {
    display: none;
  }
  .c6w9n2r5k8 {
    margin-left: auto;
    gap: 10px;
  }
  .b7h3v9k2m6 {
    padding: 8px 13px;
    min-height: 40px;
    font-size: 12px;
  }
  .j2v6m9s4q8 summary {
    width: 40px;
    height: 40px;
  }
  .u4s8n3y6b2 {
    font-size: 10px;
    margin-bottom: 18px;
  }
  .u4s8n3y6b2 > span:last-child {
    display: none;
  }
  .h8d4r6z2m9 {
    grid-template-columns: 1fr 0.9fr;
    min-height: 460px;
  }
  .n3x7b2k9w5 {
    padding: 26px 0 26px 25px;
  }
  .n3x7b2k9w5 h1 {
    gap: 19px;
  }
  .n3x7b2k9w5 h1 > span {
    font-size: 39px;
    letter-spacing: -1.7px;
  }
  .y7m2g9v4s6 {
    font-size: 13px;
    letter-spacing: 0.5px;
  }
  .v9k3t6n8q2 {
    font-size: 11px;
  }
  .l6q2z8f4r9 {
    display: none;
  }
  .w2b7p9f5k3 {
    gap: 8px;
    margin-top: 20px;
  }
  .d8r2a6v9h4 {
    padding: 11px 15px;
    gap: 14px;
    font-size: 12px;
    min-height: 46px;
  }
  .x3n8u5m2c7 {
    font-size: 11px;
  }
  .z5w8f3n6q2 {
    margin: 20px 17px 20px 15px;
    align-self: center;
  }
  .t6y2r9k5b8 {
    height: 355px;
    border-width: 5px;
  }
  .t6y2r9k5b8 figcaption {
    inset: auto 14px 20px;
  }
  .t6y2r9k5b8 strong {
    font-size: 20px;
  }
  .t6y2r9k5b8 figcaption > span {
    font-size: 8px;
    letter-spacing: 1px;
  }
  .g9p3c7v2m5 {
    padding: 10px 5px;
  }
  .g9p3c7v2m5 > div {
    gap: 3px;
  }
  .g9p3c7v2m5 button {
    min-width: 27px;
    height: 28px;
  }
  .r4j8h2v6n9 {
    width: 61px;
    height: 61px;
    font-size: 10px;
    right: -11px;
    top: 12px;
  }
  .s8b4m6x9q2 {
    flex-wrap: wrap;
    gap: 7px 20px;
    padding-block: 18px;
  }
  .s8b4m6x9q2 > span {
    display: none;
  }
  .s8b4m6x9q2 a:last-child {
    margin-left: 0;
  }
  .m7x3p9k2b6 {
    gap: 15px;
    margin-bottom: 22px;
  }
  h2 {
    font-size: 25px;
  }
  .m7x3p9k2b6 h2 span {
    display: block;
    margin: 8px 0 0;
    font-size: 11px;
  }
  .a2w6k9f3s8 {
    font-size: 8px;
  }
  .v2k6r9m4z8 {
    gap: 15px;
  }
  .h3s7w2n9b5 {
    height: 210px;
  }
  .f8m3q7y2c9 > div:last-child {
    padding: 20px;
  }
  .f8m3q7y2c9 h3 {
    font-size: 22px;
  }
  .f8m3q7y2c9 p:not(.a2w6k9f3s8) {
    font-size: 11px;
  }
  .c5q9m3w7r2 {
    grid-template-columns: 1fr;
    gap: 28px;
  }
  .c5q9m3w7r2 > div:first-child {
    display: grid;
    grid-template-columns: 1fr auto;
  }
  .c5q9m3w7r2 > div:first-child > .a2w6k9f3s8 {
    grid-column: 1 / -1;
  }
  .c5q9m3w7r2 h2 {
    font-size: 26px;
    margin: 8px 0 0;
  }
  .c5q9m3w7r2 h2 br {
    display: none;
  }
  .c5q9m3w7r2 > div:first-child > p {
    display: none;
  }
  .b3v8h5n2x9 {
    gap: 12px;
  }
  .n6c3w8q2v7 {
    flex-wrap: wrap;
    gap: 14px;
  }
  .n6c3w8q2v7 form {
    width: 100%;
  }
  .n6c3w8q2v7 input {
    font-size: 12px;
  }
  .k8q3z6h2m9 {
    gap: 23px 15px;
  }
  .g2n7x4s9w6 h3 {
    font-size: 15px;
  }
  .r7m2v9c5k8 {
    aspect-ratio: 0.72;
  }
  .w8k2m6q9h3 {
    padding: 25px;
    margin-top: 42px;
    grid-template-columns: 1fr;
    gap: 22px;
  }
  .z3c7p2n8v5 {
    padding: 0;
  }
  .z3c7p2n8v5 h2 {
    font-size: 25px;
    margin-block: 9px 10px;
  }
  .z3c7p2n8v5 h2 em {
    display: inline;
    font-size: 14px;
    margin-left: 15px;
  }
  .z3c7p2n8v5 > p {
    margin-bottom: 8px;
  }
  .m5r9b3x7k2 li {
    gap: 16px;
  }
  .v4h8b2s6k9 {
    padding: 45px 25px;
    gap: 35px;
    grid-template-columns: 1fr 1fr;
  }
  .q9n3c7w2m5 h2 {
    font-size: 29px;
  }
  .q9n3c7w2m5 > p:first-of-type {
    font-size: 13px;
  }
  .q9n3c7w2m5 > p:nth-of-type(2) {
    font-size: 11px;
  }
  .g8n2w6r9k4 {
    display: none;
  }
  .c9r2m6k8w4 {
    padding: 15px;
  }
  .c9r2m6k8w4 h3 {
    font-size: 17px;
  }
  .c9r2m6k8w4 img {
    width: 55px;
    height: 75px;
    margin-left: 10px;
  }
  .c9r2m6k8w4 p {
    font-size: 10px;
  }
  .s4q8z2m6b9 {
    padding: 10px 4px;
  }
  .s4q8z2m6b9 button {
    padding-inline: 7px;
    font-size: 9px;
  }
  .n8v3h7c2q6 {
    gap: 20px;
  }
  .n8v3h7c2q6 li {
    display: block;
  }
  .n8v3h7c2q6 li > span {
    display: block;
    margin-bottom: 12px;
  }
  .n8v3h7c2q6 p {
    font-size: 11px;
  }
  .x9k4m7s2v6 .m7x3p9k2b6 {
    align-items: flex-start;
    flex-direction: column;
  }
  .z7r2v8b4q9 {
    gap: 14px;
  }
  .z7r2v8b4q9 figure {
    padding: 20px;
  }
  .z7r2v8b4q9 blockquote {
    font-size: 11px;
    min-height: 155px;
  }
  .b9m2q7h4r6 {
    gap: 30px;
    grid-template-columns: 1fr;
  }
  .k2v8r5n9c3 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 30px;
    padding: 30px;
  }
  .y5m9b3q7h2 {
    grid-row: 1;
    grid-column: 1;
    padding: 0;
    margin-bottom: 20px;
    border: 0;
  }
  .k2v8r5n9c3 > .a2w6k9f3s8 {
    display: none;
  }
  .k2v8r5n9c3 h2 {
    grid-row: 2 / 4;
    grid-column: 1;
    margin: 0;
  }
  .k2v8r5n9c3 > p {
    grid-column: 1;
    grid-row: 4;
    margin-top: 10px;
  }
  .v8q2m6h9r4 {
    grid-column: 2;
    grid-row: 1 / 3;
    margin: 0 0 10px;
  }
  .k2v8r5n9c3 > .d8r2a6v9h4 {
    grid-column: 2;
    grid-row: 3;
  }
  .k2v8r5n9c3 > .x3n8u5m2c7 {
    grid-column: 2;
    grid-row: 4;
  }
  .p3n8r2k6w9 {
    grid-template-columns: 1fr 2fr;
    gap: 35px;
  }
  .p3n8r2k6w9 > div:first-child > p {
    font-size: 10px;
  }
}
@media (max-width: 560px) {
  body {
    padding-bottom: 67px;
  }
  .f4z8k2d6p9 {
    width: calc(100% - 32px);
  }
  .r9c5w3j7h2 {
    gap: 8px;
    min-height: 67px;
  }
  .a6f2h9m3u7 {
    font-size: 18px;
    gap: 7px;
  }
  .e2y7r4t9k5 {
    font-size: 38px;
  }
  .a6f2h9m3u7 small {
    font-size: 7px;
  }
  .c6w9n2r5k8 {
    gap: 8px;
  }
  .b7h3v9k2m6 {
    font-size: 10px;
    padding-inline: 10px;
    gap: 5px;
  }
  .j2v6m9s4q8 summary {
    width: 37px;
  }
  .p5f9x2c7h4 {
    padding-top: 16px;
  }
  .u4s8n3y6b2 {
    margin-bottom: 13px;
  }
  .h8d4r6z2m9 {
    grid-template-columns: 1fr;
    border-radius: 17px;
  }
  .h8d4r6z2m9:before {
    width: 75%;
    top: 10%;
    left: 10%;
  }
  .n3x7b2k9w5 {
    padding: 30px 25px 17px;
  }
  .n3x7b2k9w5 h1 {
    gap: 18px;
  }
  .n3x7b2k9w5 h1 > a {
    font-size: 11px;
  }
  .n3x7b2k9w5 h1 > span {
    font-size: clamp(36px, 10.7vw, 54px);
    letter-spacing: -1.5px;
  }
  .y7m2g9v4s6 {
    font-size: 13px;
    margin-top: 18px;
    letter-spacing: 1px;
  }
  .v9k3t6n8q2 {
    font-size: 11px;
  }
  .w2b7p9f5k3 {
    gap: 18px;
  }
  .n3x7b2k9w5 > .k4m7c2w9s6 {
    margin-top: 15px;
    font-size: 9px;
  }
  .z5w8f3n6q2 {
    margin: 14px 25px 24px;
    transform: rotate(1deg);
  }
  .t6y2r9k5b8 {
    height: 300px;
  }
  .t6y2r9k5b8 img {
    object-position: center 26%;
  }
  .t6y2r9k5b8 strong {
    font-size: 24px;
  }
  .t6y2r9k5b8 figcaption {
    inset: auto 20px 20px;
  }
  .g9p3c7v2m5 {
    justify-content: space-between;
    padding-inline: 10px;
  }
  .g9p3c7v2m5 .a2w6k9f3s8 {
    display: block;
    font-size: 8px;
    letter-spacing: 0;
  }
  .g9p3c7v2m5 output {
    font-size: 8px;
  }
  .r4j8h2v6n9 {
    width: 63px;
    height: 63px;
    top: 15px;
    right: -15px;
  }
  .s8b4m6x9q2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 5px 14px;
    font-size: 10px;
  }
  .s8b4m6x9q2 a:last-child {
    font-size: 9px;
  }
  .q3h7v2r8n5 {
    padding-block: 43px;
  }
  .m7x3p9k2b6 {
    align-items: flex-start;
  }
  .m7x3p9k2b6 > .k4m7c2w9s6 {
    display: none;
  }
  .m7x3p9k2b6 > a {
    flex-shrink: 0;
    font-size: 10px;
    padding-top: 19px;
  }
  h2 {
    font-size: 25px;
  }
  .a2w6k9f3s8 {
    letter-spacing: 1px;
  }
  .v2k6r9m4z8 {
    grid-template-columns: 1fr;
    gap: 17px;
  }
  .f8m3q7y2c9 {
    grid-template-columns: 0.8fr 1fr;
  }
  .h3s7w2n9b5 {
    height: auto;
    min-height: 260px;
  }
  .h3s7w2n9b5 img {
    object-position: center;
  }
  .h3s7w2n9b5 span {
    inset: auto 8px 10px;
    font-size: 8px;
    letter-spacing: 0;
  }
  .f8m3q7y2c9 > div:last-child {
    padding: 20px 16px;
  }
  .f8m3q7y2c9 h3 {
    font-size: 21px;
    line-height: 1.4;
    margin-block: 10px;
  }
  .f8m3q7y2c9 a {
    margin-top: 12px;
    gap: 12px;
    font-size: 10px;
  }
  .f8m3q7y2c9 .a2w6k9f3s8 {
    font-size: 8px;
    letter-spacing: 0;
  }
  .e7n2f9v4k6 {
    padding-block: 33px;
  }
  .c5q9m3w7r2 {
    gap: 22px;
  }
  .c5q9m3w7r2 > div:first-child {
    display: block;
  }
  .c5q9m3w7r2 h2 {
    font-size: 24px;
  }
  .c5q9m3w7r2 > div:first-child .x3n8u5m2c7 {
    display: none;
  }
  .b3v8h5n2x9 article {
    padding: 17px 13px;
  }
  .b3v8h5n2x9 h3 {
    font-size: 12px;
    padding-top: 8px;
  }
  .b3v8h5n2x9 article > span {
    width: 32px;
    height: 32px;
    font-size: 20px;
    margin-right: 8px;
  }
  .b3v8h5n2x9 p {
    font-size: 10px;
  }
  .t9b4s7n2r5 {
    width: 100%;
    gap: 4px;
  }
  .t9b4s7n2r5 button {
    font-size: 10px;
    padding-inline: 9px;
    min-height: 37px;
  }
  .k8q3z6h2m9 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px 16px;
    margin-top: 19px;
  }
  .r7m2v9c5k8 {
    border-radius: 9px;
    aspect-ratio: 0.72;
  }
  .g2n7x4s9w6 h3 {
    font-size: 16px;
  }
  .g2n7x4s9w6 h3 + p {
    font-size: 10px;
    min-height: 35px;
  }
  .g2n7x4s9w6 > div > p:first-child {
    font-size: 9px;
  }
  .g2n7x4s9w6 details > p {
    font-size: 10px;
  }
  .w8k2m6q9h3 {
    padding: 24px 20px;
    gap: 22px;
  }
  .z3c7p2n8v5 h2 em {
    display: block;
    margin: 5px 0 0;
  }
  .m5r9b3x7k2 li {
    gap: 12px;
  }
  .m5r9b3x7k2 li > span {
    font-size: 24px;
    width: 24px;
  }
  .m5r9b3x7k2 img {
    width: 46px;
    height: 63px;
  }
  .m5r9b3x7k2 h3 {
    font-size: 14px;
  }
  .m5r9b3x7k2 p {
    font-size: 9px;
  }
  .m5r9b3x7k2 li > a {
    width: 29px;
    height: 29px;
  }
  .v4h8b2s6k9 {
    grid-template-columns: 1fr;
    gap: 35px;
    padding: 40px 17px 50px;
  }
  .q9n3c7w2m5 h2 {
    font-size: 31px;
  }
  .q9n3c7w2m5 > p:nth-of-type(2) {
    max-width: 100%;
  }
  .q9n3c7w2m5 > small {
    font-size: 9px;
  }
  .f6k9v3r7n2 {
    width: min(300px, 100% - 24px);
    margin-inline: auto;
    transform: rotate(-2deg);
  }
  .c9r2m6k8w4 {
    padding: 18px 23px;
  }
  .c9r2m6k8w4 img {
    width: 70px;
    height: 95px;
  }
  .c9r2m6k8w4 h3 {
    font-size: 20px;
  }
  .c9r2m6k8w4 p {
    font-size: 12px;
  }
  .s4q8z2m6b9 {
    padding: 12px;
  }
  .s4q8z2m6b9 button {
    padding-inline: 10px;
    font-size: 10px;
  }
  .n8v3h7c2q6 {
    grid-template-columns: 1fr;
    gap: 13px;
  }
  .n8v3h7c2q6 li {
    display: flex;
    padding-block: 20px 8px;
    gap: 20px;
  }
  .n8v3h7c2q6 li > span {
    font-size: 33px;
  }
  .n8v3h7c2q6 h3 {
    font-size: 16px;
    margin-bottom: 6px;
  }
  .n8v3h7c2q6 a {
    margin-top: 9px;
  }
  .x9k4m7s2v6 {
    padding-block: 38px;
  }
  .z7r2v8b4q9 {
    grid-template-columns: 1fr;
    gap: 15px;
  }
  .z7r2v8b4q9 figure {
    padding: 22px 24px;
  }
  .z7r2v8b4q9 blockquote {
    min-height: 0;
    font-size: 12px;
  }
  .z7r2v8b4q9 figcaption {
    margin-top: 15px;
    padding-top: 14px;
  }
  .j8w3n6q2v7 summary {
    font-size: 13px;
    min-height: 69px;
  }
  .j8w3n6q2v7 details p {
    font-size: 11px;
    padding-right: 15px;
  }
  .k2v8r5n9c3 {
    display: block;
    padding: 28px;
    margin-top: 10px;
  }
  .k2v8r5n9c3 > .a2w6k9f3s8 {
    display: block;
  }
  .y5m9b3q7h2 {
    padding-bottom: 20px;
    border-bottom: 1px solid #dcabc24d;
  }
  .k2v8r5n9c3 h2 {
    margin-top: 14px;
    font-size: 35px;
  }
  .v8q2m6h9r4 {
    margin-block: 22px;
  }
  .h9m3v7c2q8 {
    padding-top: 35px;
  }
  .p3n8r2k6w9 {
    grid-template-columns: 1fr;
    gap: 28px;
  }
  .p3n8r2k6w9 > div:first-child > p {
    margin-top: 12px;
  }
  .p3n8r2k6w9 > div:last-child > p {
    font-size: 10px;
  }
  .c3w7m2v9b5 {
    gap: 7px 18px;
    font-size: 10px;
  }
  .c3w7m2v9b5 strong {
    flex-basis: 100%;
    margin-bottom: 5px;
  }
  .r2k7n9v4m6 {
    flex-direction: column;
    gap: 10px;
    font-size: 9px;
  }
  .m9q3h7v2b6 {
    display: flex;
    position: fixed;
    inset: auto 0 0;
    align-items: center;
    justify-content: space-around;
    background: #fffdfdf5;
    backdrop-filter: blur(15px);
    border-top: 1px solid #ead4de;
    z-index: 35;
    padding: 7px 10px max(7px, env(safe-area-inset-bottom));
  }
  .m9q3h7v2b6 a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-width: 54px;
    min-height: 43px;
    font-size: 9px;
    line-height: 1.5;
    color: #9d6480;
  }
  .m9q3h7v2b6 a > span {
    font-size: 21px;
    line-height: 1.25;
  }
  .m9q3h7v2b6 a:hover {
    color: #cb2b6b;
  }
}
@media (max-width: 360px) {
  .f4z8k2d6p9 {
    width: calc(100% - 24px);
  }
  .c6w9n2r5k8 > a {
    padding-inline: 8px;
  }
  .a6f2h9m3u7 {
    font-size: 17px;
  }
  .n3x7b2k9w5 {
    padding-inline: 20px;
  }
  .g9p3c7v2m5 .a2w6k9f3s8 {
    display: none;
  }
  .g9p3c7v2m5 {
    justify-content: center;
  }
  .b3v8h5n2x9 article > span {
    float: none;
    margin-bottom: 7px;
  }
  .b3v8h5n2x9 h3 {
    padding-top: 0;
  }
  .f8m3q7y2c9 > div:last-child {
    padding: 17px 12px;
  }
  .f8m3q7y2c9 h3 {
    font-size: 18px;
  }
  .m5r9b3x7k2 li {
    gap: 8px;
  }
  .m5r9b3x7k2 li > a {
    display: none;
  }
  .t9b4s7n2r5 button {
    padding-inline: 7px;
  }
}
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
  *,
  *:before,
  *:after {
    animation: none !important;
    transition: none !important;
  }
}