/* ============================================================================
   calm-breath.css — styles for the reusable shared/calm-breath.js component.
   Loaded wherever the component is used. The look is identical everywhere;
   only the rotating copy changes per caller.
   ============================================================================ */
.calm-breath{position:relative;width:100%;height:100%;min-height:100vh;
  display:flex;align-items:center;justify-content:center;overflow:hidden;
  background:radial-gradient(ellipse 60% 50% at 50% 46%,rgba(124,200,80,0.05),transparent 62%);}
/* dissolve UP into the next screen — fade + a gentle lift, then hand off */
.calm-breath.cb-dissolve{transition:opacity .7s ease, transform .7s ease;opacity:0;transform:translateY(-14px);}
.cb-canvas{position:absolute;inset:0;width:100%;height:100%;}
.cb-cap{position:absolute;left:0;right:0;text-align:center;z-index:2;pointer-events:none;
  transition:opacity 1.8s ease;opacity:0;}
.cb-cap.cb-show{opacity:1;}
.cb-connecting{top:50%;transform:translateY(-50%);font-family:var(--rounded,'Quicksand',sans-serif);
  font-weight:300;font-size:clamp(20px,3vw,28px);color:var(--cream,#E8EFE9);}
.cb-textwrap{position:absolute;left:0;right:0;top:62%;text-align:center;z-index:2;pointer-events:none;}
.cb-cue{font-family:var(--rounded,'Quicksand',sans-serif);font-size:14px;letter-spacing:.4em;
  text-transform:uppercase;color:var(--muted,#8FA395);transition:opacity 2.2s ease;opacity:0;
  text-align:center;text-indent:.4em;}
.cb-cue.cb-show{opacity:1;}
.cb-line{font-family:'Fraunces',Georgia,serif;font-style:italic;font-weight:300;
  font-size:clamp(24px,3.4vw,34px);line-height:1.35;color:var(--cream,#E8EFE9);
  max-width:640px;margin:20px auto 0;padding:0 28px;transition:opacity 2.6s ease-in-out;opacity:0;
  min-height:1.4em;white-space:pre-line;text-align:center;}
@media(prefers-reduced-motion:reduce){
  /* still calm: the canvas animation is gentle; nothing here needs disabling, but
     the text transitions stay (opacity only). */
}