.timer-container{z-index:10;justify-content:center;align-items:center;width:300px;height:300px;display:flex;position:relative}.breathing-circle{background:linear-gradient(135deg,var(--accent-secondary)0%,var(--accent)50%,var(--accent-secondary)100%);width:140px;height:140px;box-shadow:0 0 40px var(--accent-glow),inset 0 0 20px #ffffff80;z-index:2;opacity:.9;transition:transform var(--current-duration)ease-in-out,box-shadow var(--current-duration)ease-in-out,background .5s ease;border-radius:50%;position:absolute}.timer-container[style*="--phase-index: 0"] .breathing-circle.running,.timer-container[style*="--phase-index: 1"] .breathing-circle.running{box-shadow:0 0 80px var(--accent-glow),inset 0 0 40px #fffc;transform:scale(2.2)}.timer-container[style*="--phase-index: 2"] .breathing-circle.running,.timer-container[style*="--phase-index: 3"] .breathing-circle.running{box-shadow:0 0 20px var(--accent-glow),inset 0 0 10px #ffffff80;transform:scale(1)}.glow-ring{border:2px solid var(--accent-glow);z-index:1;width:140px;height:140px;transition:transform var(--current-duration)ease-out,opacity var(--current-duration)ease-out,border-color .5s ease;border-radius:50%;position:absolute}.timer-container[style*="--phase-index: 0"] .glow-ring.running{opacity:0;transform:scale(2.8)}.timer-container[style*="--phase-index: 1"] .glow-ring.running{opacity:0;transform:scale(1)}.timer-container[style*="--phase-index: 2"] .glow-ring.running,.timer-container[style*="--phase-index: 3"] .glow-ring.running{opacity:.8;transform:scale(1)}.breathing-circle.paused,.glow-ring.paused{transition:none!important}.instruction-text{z-index:3;text-align:center;text-transform:uppercase;filter:drop-shadow(0 0 10px #0000001a);position:absolute}