.breathing-animation {
                position: relative;
                width: 200px;
                height: 200px;
                display: flex;
                align-items: center;
                justify-content: center;
            }
            
            .circle {
                width: 150px;
                height: 150px;
                border-radius: 50%;
                background: linear-gradient(135deg, #0d6efd, #0dcaf0);
                transition: all 0.5s ease;
                position: absolute;
            }
            
            .breath-text {
                position: relative;
                z-index: 10;
                font-weight: 600;
                color: white;
                text-shadow: 1px 1px 3px rgba(0,0,0,0.3);
            }
            
            .timer-display {
                max-width: 300px;
                margin: 0 auto;
            }
            
            .list-group-item {
                border-left: 0;
                border-right: 0;
            }
            
            .list-group-item:first-child {
                border-top: 0;
            }
            
            .list-group-item:last-child {
                border-bottom: 0;
            }
            
            .preset-pattern:hover {
                background-color: #f8f9fa;
            }
            
            @keyframes pulse {
                0% { transform: scale(1); }
                50% { transform: scale(1.1); }
                100% { transform: scale(1); }
            }
            
            .pulse {
                animation: pulse 2s infinite;
            }