.rd-reader-journal {
  max-width: 1120px !important;
  margin: 64px auto !important;
  padding: clamp(24px, 4vw, 42px) !important;
  border-radius: 32px !important;
  background: linear-gradient(135deg, rgba(248,253,255,.96), rgba(221,242,253,.92)) !important;
  border: 1px solid rgba(27,103,148,.18) !important;
  box-shadow: 0 26px 64px rgba(7,34,55,.18) !important;
  color: #082943 !important;
  -webkit-text-fill-color: #082943 !important;
}
.rd-reader-journal .rd-section-kicker,
.rd-reader-journal h2,
.rd-reader-journal p,
.rd-reader-journal span {
  color: #082943 !important;
  -webkit-text-fill-color: #082943 !important;
  opacity: 1 !important;
  text-shadow: none !important;
}
.rd-reader-journal h2 {
  font-size: clamp(2rem, 3.2vw, 3.25rem) !important;
  line-height: 1.05 !important;
  margin: 12px 0 18px !important;
}
.rd-reader-journal-textarea {
  width: 100% !important;
  min-height: 210px !important;
  box-sizing: border-box !important;
  margin-top: 22px !important;
  padding: 22px !important;
  border-radius: 24px !important;
  border: 1px solid rgba(24,103,146,.24) !important;
  background: rgba(255,255,255,.92) !important;
  color: #082943 !important;
  -webkit-text-fill-color: #082943 !important;
  font-size: 1.1rem !important;
  line-height: 1.6 !important;
  outline: none !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.72), 0 12px 32px rgba(7,34,55,.08) !important;
}
.rd-reader-journal-tags,
.rd-reader-journal-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  margin-top: 16px !important;
}
.rd-reader-journal button {
  appearance: none !important;
  border: 0 !important;
  border-radius: 999px !important;
  padding: 13px 19px !important;
  min-height: 44px !important;
  background: linear-gradient(135deg, #0d7fc7, #075da2) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-weight: 900 !important;
  font-size: .98rem !important;
  line-height: 1 !important;
  cursor: pointer !important;
  box-shadow: 0 12px 26px rgba(7,93,162,.24) !important;
}
.rd-reader-journal-tags button {
  background: rgba(255,255,255,.96) !important;
  color: #0b3550 !important;
  -webkit-text-fill-color: #0b3550 !important;
  border: 1px solid rgba(24,103,146,.24) !important;
  box-shadow: 0 10px 22px rgba(7,34,55,.10) !important;
}
.rd-reader-journal button:hover {
  transform: translateY(-2px) !important;
  filter: brightness(1.04) !important;
}
.rd-reader-journal-note {
  margin-top: 18px !important;
  color: #425b70 !important;
  -webkit-text-fill-color: #425b70 !important;
  font-weight: 650 !important;
}
html[data-rd-effective-theme="dark"] .rd-reader-journal,
body[data-rd-effective-theme="dark"] .rd-reader-journal {
  background: linear-gradient(135deg, rgba(10,24,42,.94), rgba(13,37,61,.94)) !important;
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
}
html[data-rd-effective-theme="dark"] .rd-reader-journal h2,
html[data-rd-effective-theme="dark"] .rd-reader-journal p,
html[data-rd-effective-theme="dark"] .rd-reader-journal span,
body[data-rd-effective-theme="dark"] .rd-reader-journal h2,
body[data-rd-effective-theme="dark"] .rd-reader-journal p,
body[data-rd-effective-theme="dark"] .rd-reader-journal span {
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
}
html[data-rd-effective-theme="dark"] .rd-reader-journal-textarea,
body[data-rd-effective-theme="dark"] .rd-reader-journal-textarea {
  background: rgba(4,13,25,.72) !important;
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
}
@media(max-width: 720px) {
  .rd-reader-journal {
    margin: 42px 14px !important;
    padding: 24px 18px !important;
    border-radius: 26px !important;
  }
  .rd-reader-journal-tags,
  .rd-reader-journal-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }
  .rd-reader-journal button {
    width: 100% !important;
    justify-content: center !important;
  }
}