/* v376 Begin here: the meditation for this hour, then two quieter times.
   Colors and the gold Play button come from sit.css. No motion of its own. */
.rn-begin {
  margin: 0.2rem auto 0;
  max-width: 26rem;
}
.rn-card {
  margin: 0;
  padding: 1.45rem 1.15rem 1.2rem;
  border: 1px solid rgba(232, 200, 120, 0.42);
  border-radius: 18px;
  background:
    radial-gradient(ellipse 95% 58% at 50% 0%, rgba(236, 184, 62, 0.16), transparent 68%),
    linear-gradient(180deg, #16130e 0%, #0b0906 72%);
  text-align: center;
}
.rn-title {
  margin: 0;
  color: #f6ecd6;
  font-family: var(--display);
  font-size: clamp(1.75rem, 6.4vw, 2.15rem);
  font-weight: 500;
  line-height: 1.12;
  text-wrap: balance;
}
.rn-now {
  display: block;
  margin-bottom: 0.28rem;
  color: #e8c878;
  font-family: var(--body);
  font-size: 0.72rem;
  font-weight: 400;
  letter-spacing: 0.18em;
  line-height: 1.2;
  text-transform: uppercase;
}
.rn-name {
  color: inherit;
  text-decoration-color: rgba(232, 200, 120, 0.4);
  text-underline-offset: 0.16em;
}
a.rn-name:hover,
a.rn-name:focus-visible { color: #f6e7b8; }
a.rn-name:not([href]) { text-decoration: none; cursor: default; }
.rn-line {
  margin: 0.7rem auto 0;
  max-width: 18rem;
  color: rgba(244, 239, 230, 0.72);
  font-family: var(--display);
  font-style: italic;
  font-size: 1.08rem;
  line-height: 1.35;
}
.rn-time {
  margin: 0.45rem 0 0;
  color: rgba(232, 200, 120, 0.8);
  font-family: var(--body);
  font-size: 0.82rem;
  letter-spacing: 0.14em;
}
.rn-play {
  width: 100%;
  min-height: 48px;
  margin-top: 1.05rem;
}
.rn-play svg {
  width: 12px;
  height: 12px;
  fill: currentColor;
}
.rn-or {
  margin: 1.45rem 0 0.65rem;
  text-align: center;
  color: rgba(244, 239, 230, 0.5);
  font-family: var(--body);
  font-size: 0.92rem;
  line-height: 1.4;
}
.rn-alts {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.45rem;
}
.rn-alt {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  border: 1px solid rgba(232, 200, 120, 0.22);
  border-radius: 999px;
  background: transparent;
}
.rn-alt[hidden] { display: none !important; }
.rn-alt-link,
.rn-alt-solo {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  min-height: 44px;
  min-width: 44px;
  padding: 0.2rem 0.15rem 0.2rem 0.95rem;
  border: 0;
  background: transparent;
  color: rgba(244, 239, 230, 0.62);
  font-family: var(--body);
  font-size: 0.86rem;
  line-height: 1.2;
  text-align: left;
  text-decoration: none;
  cursor: pointer;
}
.rn-alt-solo { padding-right: 0.85rem; }
.rn-alt-time {
  color: rgba(232, 200, 120, 0.48);
  font-size: 0.75rem;
  letter-spacing: 0.04em;
}
.rn-alt-play {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  min-width: 44px;
  min-height: 44px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: rgba(232, 200, 120, 0.72);
  cursor: pointer;
}
.rn-alt-play svg,
.rn-alt-solo svg {
  width: 11px;
  height: 11px;
  fill: currentColor;
}
.rn-alt-link:hover,
.rn-alt-solo:hover,
.rn-alt-play:hover { color: #f3e6c8; }
.rn-first-wrap { margin: 1.15rem 0 0; }
.rn-first-wrap[hidden] { display: none !important; }
.start-more-sit.rn-first {
  border-color: rgba(232, 200, 120, 0.42);
  background: transparent;
  color: #f3e6c8;
  font-weight: 400;
}
.rn-first .start-more-coin {
  background: transparent;
  border: 1px solid rgba(232, 200, 120, 0.55);
}
.rn-first .start-more-coin svg { fill: #e8c878; }
.rn-first .start-more-name { color: #f6ecd6; font-weight: 400; }
.rn-first .start-more-time { color: rgba(232, 200, 120, 0.72); font-weight: 400; }
.rn-quiet-links {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.1rem 1.15rem;
  margin: 0.15rem 0 0;
}
.rn-quiet {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  min-width: 44px;
  padding: 0.35rem 0.15rem;
  border: 0;
  background: transparent;
  color: rgba(244, 239, 230, 0.52);
  font-family: var(--body);
  font-size: 0.82rem;
  font-weight: 400;
  line-height: 1.3;
  text-align: center;
  text-decoration: underline;
  text-decoration-color: rgba(232, 200, 120, 0.28);
  text-underline-offset: 0.22em;
  cursor: pointer;
}
.rn-quiet:hover,
.rn-quiet:focus-visible { color: #f3e6c8; }
.rn-play:focus-visible,
.rn-alt-link:focus-visible,
.rn-alt-solo:focus-visible,
.rn-alt-play:focus-visible,
.rn-first:focus-visible,
.rn-quiet:focus-visible,
a.rn-name:focus-visible {
  outline: 2px solid #e8c878;
  outline-offset: 3px;
}
@media (prefers-reduced-motion: reduce) {
  .rn-play,
  .rn-alt,
  .rn-alt-link,
  .rn-alt-solo,
  .rn-alt-play,
  .rn-first,
  .rn-quiet,
  .rn-name { transition: none; animation: none; }
}
html:is([data-lang="pa"], [data-lang="pl"], [data-lang="hi"], [data-lang="es"], [data-lang="fr"], [data-lang="ko"], [data-lang="zh-Hans"], [data-lang="el"], [data-lang="it"]) #start-here > .rn-begin {
  display: none;
}