.breathing-container{background:#fff;border-radius:15px;box-shadow:0 4px 15px rgba(0,0,0,.05);font-family:Helvetica,sans-serif;margin:20px auto;max-width:450px;padding:30px;text-align:center}.box-wrapper{height:200px;margin:50px auto;position:relative;width:200px}.breathing-box{border:4px solid #e0e7ff;border-radius:12px;height:100%;position:relative;width:100%}.marker{background-color:#4ade80;border-radius:50%;display:none;height:18px;left:-11px;top:100%;width:18px;z-index:10}.label,.marker{position:absolute}.label{color:#64748b;font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase}.inhale{left:-70px;top:50%;transform:translateY(-50%) rotate(-90deg)}.hold-top{left:50%;top:-35px;transform:translateX(-50%)}.exhale{right:-75px;top:50%;transform:translateY(-50%) rotate(90deg)}.hold-bottom{bottom:-35px;left:50%;transform:translateX(-50%)}.button-group{display:flex;gap:10px;justify-content:center;margin-top:20px}button{background-color:#1e293b;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:opacity .2s}.stop-btn{background-color:#ef4444}.congrats-banner{animation:fadeIn .5s;background-color:#dcfce7;border-radius:8px;color:#166534;font-weight:600;margin-bottom:20px;padding:15px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.status{color:#94a3b8;font-size:.9rem;margin-top:15px}