/* InnerCalmGuide — shared breathing pacer visuals (the orb).
   Used by /tools/breathing/ and every breathing-for-X landing page. */
.brz-stage{position:relative;height:340px;display:flex;align-items:center;justify-content:center;margin:14px 0}
/* ambient bloom that gently pulses behind the orb, giving the scene life at rest */
.brz-stage::before{content:"";position:absolute;width:min(94vw,440px);height:min(94vw,440px);border-radius:50%;
  background:radial-gradient(circle,rgba(124,154,114,.16),rgba(124,154,114,0) 68%);
  animation:brzAmbient 9s ease-in-out infinite;pointer-events:none}
@keyframes brzAmbient{0%,100%{transform:scale(.9);opacity:.6}50%{transform:scale(1.06);opacity:1}}

.brz-glow{position:absolute;width:250px;height:250px;border-radius:50%;
  background:radial-gradient(circle,rgba(124,154,114,.42),rgba(124,154,114,0) 70%);
  transform:scale(.5);transition:transform 4s ease-in-out;pointer-events:none}

.brz-circle{position:relative;width:196px;height:196px;border-radius:50%;
  background:radial-gradient(circle at 33% 27%,#c6dbba 0%,#93b085 50%,#6d8f63 100%);
  box-shadow:0 22px 52px rgba(95,125,87,.4), inset 0 -12px 30px rgba(70,95,60,.28), inset 0 10px 24px rgba(255,255,255,.42);
  display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-align:center;
  transform:scale(.5);transition:transform 4s ease-in-out}
/* soft outer ring that scales with the orb */
.brz-circle::after{content:"";position:absolute;inset:-16px;border-radius:50%;border:1px solid rgba(124,154,114,.3)}
.brz-circle .brz-phase{font-size:20px;font-weight:700;letter-spacing:.3px;text-shadow:0 1px 3px rgba(55,75,48,.3)}
.brz-circle .brz-count{font-size:44px;font-weight:800;line-height:1;text-shadow:0 1px 3px rgba(55,75,48,.35)}

@media(prefers-reduced-motion:reduce){
  .brz-circle,.brz-glow{transition-duration:.2s!important}
  .brz-stage::before{animation:none}
}