:root {
  --primary-color: #090006;
  --primary-contrast-color: #f8eaf2;
  --secondary-color: #1a0011;
  --secondary-contrast-color: #fff;
  --casombie-bg: #090006;
  --casombie-surface: #14000d;
  --casombie-surface-raised: #240018;
  --casombie-line: #5c153e;
  --casombie-gold: #ff3b9c;
  --casombie-gold-light: #ffb3d7;
  --casombie-purple: #9d0059;
  --casombie-purple-dark: #400026;
  --casombie-lilac: #ff6ab5;
  --casombie-accent: #ff087f;
  --casombie-accent-dark: #9d004e;
}

html,
body {
  color: #f7eaf1 !important;
  background: #090006 !important;
}

body {
  background-image: radial-gradient(circle at 78% 4%, rgba(151, 0, 83, 0.24), transparent 34rem), linear-gradient(180deg, #0b0007 0, #090006 42rem) !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.czm-e81cb7109bbd {
  color: #fff6fb !important;
  font-family: "Rubik", Arial, sans-serif !important;
  text-shadow: 0 2px 14px rgba(255, 0, 126, 0.16) !important;
}

h1 {
  background: linear-gradient(90deg, #fff, #ff9bca 60%, #ff258b);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent !important;
}

.czm-f225931ee494 {
  color: #fff !important;
  background: rgba(10, 0, 7, 0.97) !important;
  border-bottom-color: #5d113d !important;
}

.czm-25e0bf5301ea img {
  width: 144px !important;
  max-height: 48px;
  object-fit: contain;
}

.czm-5a99235b5231,
.czm-04a40315de92 {
  background: linear-gradient(180deg, #12000c, #090006) !important;
  border-color: #4c0a33 !important;
}

.czm-5a99235b5231.czm-e5273682000f {
  pointer-events: none !important;
  transform: translateY(-100%) !important;
  opacity: 0 !important;
}

.czm-ba6676c50df1 img {
  display: none !important;
}

.czm-ba6676c50df1::before {
  content: "☰";
  color: #ff8fc5;
  font-size: 22px;
  line-height: 1;
}

.czm-f4fa0956d036,
.czm-33868891e26c {
  color: #efd8e4 !important;
  font-family: "Rubik", Arial, sans-serif !important;
}

.czm-f4fa0956d036:hover,
.czm-c508f6d9b8c4 {
  color: #fff !important;
  background: linear-gradient(90deg, rgba(255, 0, 126, 0.38), transparent) !important;
  border-left-color: #ff1786 !important;
}

.czm-21cb91f6ccd9,
.czm-6e9c7692d191,
.czm-42302283b0df,
.czm-41a649f434fc,
.czm-4b9e4684ccfd,
.czm-a293391ba61f {
  color: #fff !important;
  font-family: "Rubik", Arial, sans-serif !important;
  text-shadow: 0 1px 2px #54002b !important;
  background: linear-gradient(180deg, #ff3398, #ef0076 55%, #af0055) !important;
  border-color: #ff77b8 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.45), inset 0 -3px 0 #8e0045, 0 0 0 2px #480027, 0 7px 20px rgba(226,0,108,.24) !important;
}

.czm-4c7feb5d7d09 {
  background: #080005 !important;
  border-color: #4c0b34 !important;
}

.czm-4c7feb5d7d09::after {
  background: linear-gradient(90deg, transparent, #ff087f, transparent) !important;
}

.czm-733e5afa3b48 .czm-6fac12f5c9ae {
  background: linear-gradient(90deg, rgba(9,0,6,.96), rgba(24,0,15,.75) 72%, transparent) !important;
}

.czm-733e5afa3b48 .czm-22832f9f66d8 b,
.czm-22832f9f66d8 b {
  color: #fff !important;
  font-family: "Rubik", Arial, sans-serif !important;
  background: linear-gradient(90deg, #8f004e, #e00070, #8f004e) !important;
  border-color: #ff61ac !important;
}

.czm-733e5afa3b48 .czm-22832f9f66d8 strong {
  color: #fff !important;
  font-family: "Rubik", Arial, sans-serif !important;
}

.czm-c5d507e7d103 strong,
.czm-1b6f830d2397 summary {
  color: #ff9fcd !important;
}

main a:not(.czm-21cb91f6ccd9):not(.czm-6e9c7692d191):not(.czm-f978a392041e),
.czm-1b6f830d2397 a {
  color: #ff69b1 !important;
}

.czm-1b6f830d2397,
.czm-15fa40b6a55f {
  color: #f6e8f0 !important;
  background: linear-gradient(180deg, #240018, #12000c) !important;
  border-color: #681545 !important;
}

.czm-c5d507e7d103 table,
.czm-7a460575df9a {
  color: #f7ebf1 !important;
  background: #12000c !important;
  border-color: #8b1a57 !important;
}

.czm-c5d507e7d103 th {
  color: #fff !important;
  font-family: "Rubik", Arial, sans-serif !important;
  background: linear-gradient(180deg, #8d004e, #580032) !important;
  border-bottom-color: #ff3a9b !important;
}

.czm-c5d507e7d103 td { border-bottom-color: #43112f !important; }
.czm-c5d507e7d103 tr:nth-child(even) { background: #1c0013 !important; }
.czm-c5d507e7d103 tr:nth-child(odd) { background: #10000a !important; }

.czm-0b675c0e20a9 picture,
.czm-2309057d67da {
  background: #0c0008 !important;
  border-color: #59113c !important;
  box-shadow: 0 12px 32px rgba(0,0,0,.52) !important;
}

.czm-f5e954040360,
.czm-24f5a0b01d4c {
  background: linear-gradient(180deg, #13000d, #070004) !important;
  border-color: #68113f !important;
}

.czm-318eba346671,
.czm-f30afa70157a {
  background: #1a0011 !important;
  border-color: #59113c !important;
}

.czm-5faa51c9f627 {
  border-color: #ff4da4 !important;
  background: linear-gradient(150deg, #350021, #10000a) !important;
}

@media (max-width: 720px) {
  .czm-25e0bf5301ea img { width: 112px !important; }
  .czm-733e5afa3b48 .czm-6fac12f5c9ae {
    width: 100% !important;
    background: linear-gradient(0deg, rgba(9,0,6,.96), rgba(9,0,6,.35)) !important;
  }
}

/* Official Sweetyspin visual system: Montserrat, burgundy surfaces and #ff0062 accent. */
:root {
  --primary-color: #070005;
  --primary-contrast-color: #d6c3cd;
  --secondary-color: #28001b;
  --secondary-contrast-color: #fff;
  --casombie-bg: #070005;
  --casombie-surface: #28001b;
  --casombie-surface-raised: #320021;
  --casombie-line: #48002f;
  --casombie-gold: #ff0062;
  --casombie-gold-light: #ff9abc;
  --casombie-purple: #7f0053;
  --casombie-purple-dark: #320021;
  --casombie-lilac: #ff6b9e;
  --casombie-accent: #ff0062;
  --casombie-accent-dark: #c9004d;
}

html,
body,
button,
input,
select,
textarea,
a {
  font-family: "Montserrat", Verdana, sans-serif !important;
}

body {
  color: #d6c3cd !important;
  background: #070005 !important;
  background-image: none !important;
  font-weight: 500;
}

h1,
h2,
h3,
h4,
h5,
h6,
.czm-e81cb7109bbd,
.czm-f4fa0956d036,
.czm-33868891e26c,
.czm-21cb91f6ccd9,
.czm-6e9c7692d191,
.czm-22832f9f66d8,
.czm-22832f9f66d8 b,
.czm-22832f9f66d8 strong,
.czm-e7b171b7cec2 h2 {
  font-family: "Montserrat", Verdana, sans-serif !important;
}

h1 {
  color: #fff !important;
  background: none !important;
  -webkit-text-fill-color: currentColor;
  text-shadow: none !important;
}

.czm-f225931ee494 {
  background: #070005 !important;
  border-bottom: 1px solid #320021 !important;
}

.czm-bd5f556aa020 {
  color: #d6c3cd !important;
  background: #16000f !important;
  background-image: none !important;
  border: 1px solid #48002f !important;
  border-radius: 1000px !important;
  box-shadow: none !important;
}

.czm-ba6676c50df1 {
  color: #ff8db7 !important;
  background: #28001b !important;
  background-image: none !important;
  border: 1px solid #670143 !important;
  border-radius: 12px !important;
  box-shadow: none !important;
}

.czm-5a99235b5231,
.czm-04a40315de92 {
  background: #16000f !important;
  border-color: #320021 !important;
}

.czm-f4fa0956d036:hover,
.czm-c508f6d9b8c4 {
  color: #fff !important;
  background: #320021 !important;
  border-left-color: #ff0062 !important;
}

.czm-21cb91f6ccd9,
.czm-6e9c7692d191,
.czm-42302283b0df,
.czm-41a649f434fc,
.czm-4b9e4684ccfd,
.czm-a293391ba61f {
  color: #fff !important;
  background: #ff0062 !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 1000px !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

.czm-21cb91f6ccd9:hover,
.czm-6e9c7692d191:hover,
.czm-42302283b0df:hover {
  background: #ff2c7d !important;
  filter: none !important;
}

.czm-733e5afa3b48 .czm-22832f9f66d8 b,
.czm-22832f9f66d8 b {
  background: #320021 !important;
  background-image: none !important;
  border-color: #670143 !important;
  border-radius: 1000px !important;
  text-shadow: none !important;
}

.czm-1b6f830d2397,
.czm-15fa40b6a55f,
.czm-c5d507e7d103 table,
.czm-7a460575df9a,
.czm-318eba346671,
.czm-f30afa70157a,
.czm-20db49634068,
.czm-b8c744e682db a {
  background: #28001b !important;
  background-image: none !important;
  border-color: #48002f !important;
  box-shadow: none !important;
}

.czm-c5d507e7d103 th {
  background: #48002f !important;
}

.czm-c5d507e7d103 tr:nth-child(even) { background: #200016 !important; }
.czm-c5d507e7d103 tr:nth-child(odd) { background: #11000b !important; }

.czm-f5e954040360,
.czm-24f5a0b01d4c {
  background: #070005 !important;
  background-image: none !important;
  border-color: #320021 !important;
}

/* Both promotional popups use the same official-style treatment. */
.czm-f31e4f17ec8a {
  background: rgba(7, 0, 5, .84) !important;
  backdrop-filter: blur(8px) !important;
}

.czm-5faa51c9f627 {
  width: min(92%, 430px) !important;
  max-width: 430px !important;
  padding: 28px !important;
  color: #d6c3cd !important;
  background: #28001b !important;
  background-image: none !important;
  border: 1px solid #670143 !important;
  border-radius: 16px !important;
  box-shadow: 0 24px 72px rgba(0, 0, 0, .7) !important;
}

.czm-5faa51c9f627::before {
  display: none !important;
}

.czm-556a72d67edf {
  color: #d6c3cd !important;
  background: transparent !important;
  border: 0 !important;
}

.czm-2bc036615f1a,
.czm-2c81239a0726 h2 {
  margin: 0 34px 18px 0 !important;
  color: #fff !important;
  font-family: "Montserrat", Verdana, sans-serif !important;
  font-size: 22px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  text-align: left !important;
  text-shadow: none !important;
}

.czm-528625910be1 {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding: 16px 18px 16px 54px !important;
  color: #fff !important;
  background: #320021 !important;
  background-image: none !important;
  border: 1px solid #7f0053 !important;
  border-radius: 12px !important;
  box-shadow: none !important;
  text-align: left !important;
}

.czm-528625910be1::before {
  content: "%" !important;
  position: absolute !important;
  top: 50% !important;
  left: 14px !important;
  display: grid !important;
  width: 28px !important;
  height: 28px !important;
  place-items: center !important;
  color: #fff !important;
  background: #ff0062 !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 50% !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  transform: translateY(-50%) !important;
}

.czm-528625910be1::after {
  display: none !important;
}

.czm-92ca125d5bb6 {
  color: #c4b7b1 !important;
}

.czm-528625910be1 strong {
  color: #fff !important;
}

.czm-2c81239a0726 p {
  margin: 16px 0 20px !important;
  color: #d6c3cd !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
  text-align: left !important;
}

.czm-07211ac489b8 {
  display: inline-block !important;
  margin-top: 16px !important;
  color: #ff8db7 !important;
  font-size: 12px !important;
  text-decoration: none !important;
}

.czm-fad9f3664c39 {
  display: flex;
  max-width: 1180px;
  margin: 0 auto;
  padding: 28px 24px 8px;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px 20px;
}

.czm-fad9f3664c39 a {
  color: #ff9fcd;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
}

.czm-fad9f3664c39 a:hover {
  color: #fff;
  text-decoration: underline;
}

.czm-aa4a714d3fbc {
  min-height: 60vh;
}

.czm-aa4a714d3fbc > [itemprop="articleBody"] > p:first-of-type {
  font-size: 18px;
  line-height: 1.65;
}

.czm-20db49634068 {
  width: 100%;
  margin: 0 auto 24px;
  padding: 22px 24px 8px;
  background: linear-gradient(180deg, #1c0013 0%, #0c0008 100%);
  border-bottom: 1px solid #59113c;
}

.czm-e7b171b7cec2 {
  display: flex;
  max-width: 1152px;
  margin: 0 auto 14px;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.czm-e7b171b7cec2 h2 {
  margin: 0;
  padding: 0;
  color: #fff !important;
  font: 800 24px/1.2 "Rubik", Arial, sans-serif !important;
}

.czm-e7b171b7cec2 a {
  color: #ff86c0 !important;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
}

.czm-5724f4d0fbff {
  display: grid;
  grid-template-columns: repeat(6, minmax(140px, 1fr));
  gap: 12px;
  max-width: 1152px;
  margin: 0 auto;
  padding: 0 0 14px;
  list-style: none;
  overflow-x: auto;
  scrollbar-color: #a61765 #190010;
}

.czm-b8c744e682db {
  min-width: 120px;
}

.czm-b8c744e682db a {
  position: relative;
  display: block;
  color: #fff !important;
  border: 1px solid #64103f;
  border-radius: 14px;
  overflow: hidden;
  background: #17000f;
  box-shadow: 0 8px 24px rgba(0, 0, 0, .38);
  text-decoration: none;
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.czm-b8c744e682db a:hover {
  transform: translateY(-4px);
  border-color: #ff4da4;
  box-shadow: 0 12px 30px rgba(255, 32, 143, .2);
}

.czm-b8c744e682db img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1;
  object-fit: cover;
}

.czm-b8c744e682db span {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 28px 10px 9px;
  overflow: hidden;
  color: #fff;
  background: linear-gradient(transparent, rgba(8, 0, 5, .96));
  font-size: 12px;
  font-weight: 700;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (max-width: 720px) {
  .czm-20db49634068 {
    padding-right: 16px;
    padding-left: 16px;
  }

  .czm-5724f4d0fbff {
    grid-template-columns: repeat(6, 160px);
    scroll-snap-type: x mandatory;
  }

  .czm-b8c744e682db {
    scroll-snap-align: start;
  }
}
.czm-0b9b2d5845c4 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin: 0 auto 18px;
  padding: 0 16px;
}

.czm-0b9b2d5845c4 a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  min-height: 36px;
  padding: 6px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 8px;
  color: #fff;
  text-decoration: none;
  background: rgba(255, 255, 255, 0.05);
}

.czm-0b9b2d5845c4 a:hover,
.czm-0b9b2d5845c4 a[aria-current="page"] {
  border-color: #ff2e72;
  background: rgba(255, 46, 114, 0.15);
}

.czm-0b9b2d5845c4 a span[aria-hidden="true"] {
  font-size: 22px;
  line-height: 1;
}