/* Chongyang artwork and a calmer countdown type scale. */
body[data-occasion=chongyang]:before {
  background-image:linear-gradient(#fff8eb18,#fff8eb18),url('/assets/chongyang-mountains.webp');
  background-position:center;
  background-size:cover;
}
body[data-occasion=chongyang] {
  --ink:#3e4a51;
  --soft:#667079;
}

.count-redesign #countDays,
.count-redesign #countDays.long-number {
  font-size:min(18vw,240px,calc(72vw / var(--day-digits,1) * 1.5)) !important;
}
.count-redesign .count-remainder {
  max-width:560px;
  gap:24px;
}
.count-redesign .count-remainder b {
  font-size:54px !important;
}

.count-poem {
  position:fixed;
  right:clamp(28px,5vw,88px);
  bottom:12vh;
  margin:0;
  color:var(--ink);
  opacity:.9;
  padding:24px 20px;
  border:1px solid #fffaf0a8;
  border-radius:12px;
  background:#fffaf0b5;
  box-shadow:0 14px 42px #6d543326;
  backdrop-filter:blur(8px);
  writing-mode:vertical-rl;
  letter-spacing:.16em;
  font-family:"Songti SC","STSong","Noto Serif CJK SC","Source Han Serif SC","SimSun","宋体",serif;
  font-size:20px;
  font-weight:500;
  line-height:2.05;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}
.count-poem p { margin:0; }
.count-poem footer {
  margin-right:14px;
  color:var(--soft);
  font-size:13px;
  letter-spacing:.1em;
}

@media (max-width:700px) {
  body[data-occasion=chongyang]:before {
    background-image:linear-gradient(#fff8eb20,#fff8eb20),url('/assets/chongyang-mountains-mobile.webp');
    background-position:center;
  }
  .count-redesign #countDays,
  .count-redesign #countDays.long-number {
    font-size:min(42vw,170px,calc(78vw / var(--day-digits,1) * 1.5)) !important;
  }
  .count-redesign .count-remainder { gap:14px; }
  .count-redesign .count-remainder b { font-size:38px !important; }
  .count-poem {
    position:static;
    writing-mode:horizontal-tb;
    text-align:center;
    margin:28px auto 0;
    padding:0;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
    backdrop-filter:none;
    font-size:12px;
    font-weight:500;
    line-height:1.9;
    letter-spacing:.08em;
  }
  .count-poem footer {
    margin:5px 0 0;
    font-size:10px;
  }
}