.elementor-4461 .elementor-element.elementor-element-2899647{--display:flex;--margin-top:20px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}body.elementor-page-4461:not(.elementor-motion-effects-element-type-background), body.elementor-page-4461 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E9EFFA;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}@media(max-width:767px){.elementor-4461 .elementor-element.elementor-element-2899647{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for html, class: .elementor-element-50ca66d */:root {
            --primary: #4361ee;
            --primary-light: #4895ef;
            --primary-dark: #3f37c9;
            --secondary: #e6f2ff;
            --light: #f8f9fa;
            --dark: #1e1e2c;
            --gray: #6c757d;
            --success: #4caf50;
            --danger: #f44336;
            --shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
            --shadow-hover: 0 6px 24px rgba(0, 0, 0, 0.12);
            --transition: all 0.3s ease;
        }
        
        /* Reset and base styles with higher specificity */
        html body.text-analyzer-body {
            background-color: white !important;
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
            color: var(--dark) !important;
            min-height: 100vh !important;
            margin: 0 !important;
            padding: 0 !important;
        }
        
        /* Text Analyzer specific styles */
        .text-analyzer-wrapper .app-header {
            text-align: center;
            padding: 20px 0 10px !important;
            margin-bottom: 30px !important;
            animation: zoomInHeader 0.8s ease-out forwards !important;
            opacity: 0;
            transform: scale(0.8);
        }
        
        @keyframes zoomInHeader {
            0% {
                opacity: 0;
                transform: scale(0.8);
            }
            100% {
                opacity: 1;
                transform: scale(1);
            }
        }
        
        .text-analyzer-wrapper .app-header h1 {
           color: #0066cc;
            margin-bottom: 8px !important;
            font-size: 2.5rem !important;
            font-weight: 700 !important;
            text-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;
        }
        
        .text-analyzer-wrapper .app-header p {
            color: var(--gray) !important;
            font-size: 1.1rem !important;
            max-width: 600px !important;
            margin: 0 auto !important;
        }
        
        .text-analyzer-wrapper .converter-container {
            max-width: 1230px !important;
            margin: 0 auto !important;
            background: white !important;
            border-radius: 10px !important;
            box-shadow: var(--shadow) !important;
            padding: 25px !important;
            border: 1px solid #e0e0e0 !important;
            transition: var(--transition) !important;
            animation: zoomInContainer 0.8s ease-out 0.2s forwards !important;
            opacity: 0;
            transform: scale(0.9);
        }
        
        @keyframes zoomInContainer {
            0% {
                opacity: 0;
                transform: scale(0.9);
            }
            100% {
                opacity: 1;
                transform: scale(1);
            }
        }
        
        /* Removed hover effect on converter-container */
        .text-analyzer-wrapper .card {
            border: none !important;
            border-radius: 10px !important;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.05) !important;
            margin-bottom: 25px !important;
            border: 1px solid #e9ecef !important; /* Added slim border to card */
        }
        
        .text-analyzer-wrapper .card-header {
            background-color: #f0f8ff !important;
            border-bottom: 1px solid #e0e0e0 !important; /* Slim border */
            padding: 15px 20px !important;
            border-radius: 10px 10px 0 0 !important;
            font-weight: 600 !important;
            color: var(--primary) !important;
            border: 1px solid #e0e0e0 !important; /* Added slim border */
            border-bottom: 2px solid #d0d8e0 !important; /* Slightly thicker bottom border */
        }
        
        .text-analyzer-wrapper .card-body {
            padding: 25px !important;
            border: 1px solid #f0f0f0 !important; /* Added slim border */
            border-top: none !important; /* Remove top border to connect with header */
            border-radius: 0 0 10px 10px !important;
        }
        
        .text-analyzer-wrapper textarea {
            width: 100% !important;
            min-height: 400px !important;
            padding: 20px !important;
            font-size: 1.1rem !important;
            border: 2px solid #eaeaea !important;
            border-radius: 10px !important;
            resize: vertical !important;
            outline: none !important;
            transition: var(--transition) !important;
            color: var(--dark) !important;
            background: var(--light) !important;
        }
        
        .text-analyzer-wrapper textarea:focus {
            border-color: var(--primary-light) !important;
            box-shadow: 0 0 0 3px rgba(67, 97, 238, 0.2) !important;
        }
        
        .text-analyzer-wrapper textarea::placeholder {
            color: #adb5bd !important;
        }
        
        .text-analyzer-wrapper .button-container {
            display: flex !important;
            gap: 12px !important;
            margin-top: 20px !important;
            flex-wrap: wrap !important;
        }
        
        /* Specific button styles with !important to override Elementor */
        .text-analyzer-wrapper #copy-btn,
        .text-analyzer-wrapper #clear-btn,
        .text-analyzer-wrapper .btn.text-analyzer-btn {
            padding: 12px 24px !important;
            border-radius: 50px !important;
            font-weight: 600 !important;
            font-size: 1rem !important;
            cursor: pointer !important;
            transition: var(--transition) !important;
            border: none !important;
            display: flex !important;
            align-items: center !important;
            gap: 8px !important;
            text-decoration: none !important;
        }
        
        .text-analyzer-wrapper #copy-btn,
        .text-analyzer-wrapper .btn-primary.text-analyzer-btn {
            background: var(--primary) !important;
            color: white !important;
        }
        
        .text-analyzer-wrapper #copy-btn:hover,
        .text-analyzer-wrapper .btn-primary.text-analyzer-btn:hover {
            background: var(--primary-dark) !important;
            transform: translateY(-2px) !important;
            color: white !important;
        }
        
        .text-analyzer-wrapper #clear-btn,
        .text-analyzer-wrapper .btn-outline.text-analyzer-btn {
            background: transparent !important;
            border: 2px solid var(--primary) !important;
            color: var(--primary) !important;
        }
        
        .text-analyzer-wrapper #clear-btn:hover,
        .text-analyzer-wrapper .btn-outline.text-analyzer-btn:hover {
            background: var(--secondary) !important;
            transform: translateY(-2px) !important;
            color: var(--primary) !important;
        }
        
        .text-analyzer-wrapper .stats-container {
            display: grid !important;
            grid-template-columns: repeat(4, 1fr) !important;
            gap: 15px !important;
            margin-top: 15px !important;
        }
        
        .text-analyzer-wrapper .stat-card {
            background: var(--light) !important;
            border-radius: 10px !important;
            padding: 20px !important;
            text-align: center !important;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.03) !important;
            transition: var(--transition) !important;
            border: 1px solid #e9ecef !important;
        }
        
        .text-analyzer-wrapper .stat-card:hover {
            transform: translateY(-5px) !important;
            box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08) !important;
            border-color: var(--primary-light) !important;
        }
        
        .text-analyzer-wrapper .stat-icon {
            width: 50px !important;
            height: 50px !important;
            background: rgba(67, 97, 238, 0.1) !important;
            border-radius: 50% !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            margin: 0 auto 15px !important;
            color: var(--primary) !important;
            font-size: 20px !important;
        }
        
        .text-analyzer-wrapper .stat-title {
            font-size: 0.95rem !important;
            color: var(--gray) !important;
            margin-bottom: 8px !important;
            font-weight: 500 !important;
        }
        
        .text-analyzer-wrapper .stat-value {
            font-size: 1.8rem !important;
            font-weight: 700 !important;
            color: var(--primary) !important;
        }
        
        .text-analyzer-wrapper .reading-time {
            background: rgba(67, 97, 238, 0.05) !important;
            border-radius: 12px !important;
            padding: 20px !important;
            text-align: center !important;
            font-size: 1.1rem !important;
            font-weight: 500 !important;
            color: var(--primary) !important;
            border: 1px solid rgba(67, 97, 238, 0.1) !important;
            margin-top: 25px !important;
        }
        
        .text-analyzer-wrapper .reading-time span {
            font-weight: 700 !important;
            font-size: 1.3rem !important;
        }
        
        /* Notification with high specificity */
        #text-analyzer-notification.text-analyzer-notification {
            position: fixed !important;
            top: 20px !important;
            right: 20px !important;
            padding: 16px 24px !important;
            background: var(--success) !important;
            color: white !important;
            border-radius: 8px !important;
            box-shadow: var(--shadow) !important;
            transform: translateX(120%) !important;
            transition: transform 0.3s ease !important;
            z-index: 999999 !important;
            display: flex !important;
            align-items: center !important;
            gap: 10px !important;
        }
        
        #text-analyzer-notification.text-analyzer-notification.show {
            transform: translateX(0) !important;
        }
        
        @media (max-width: 900px) {
            .text-analyzer-wrapper .stats-container {
                grid-template-columns: repeat(2, 1fr) !important;
            }
        }
        
        @media (max-width: 600px) {
            .text-analyzer-wrapper .stats-container {
                grid-template-columns: 1fr !important;
            }
            
            .text-analyzer-wrapper .button-container {
                flex-direction: column !important;
            }
            
            .text-analyzer-wrapper #copy-btn,
            .text-analyzer-wrapper #clear-btn,
            .text-analyzer-wrapper .btn.text-analyzer-btn {
                width: 100% !important;
                justify-content: center !important;
            }
            
            .text-analyzer-wrapper .app-header h1 {
                font-size: 2rem !important;
            }
            
            .text-analyzer-wrapper .app-header p {
                font-size: 1rem !important;
            }
            
            .text-analyzer-wrapper .converter-container {
                padding: 20px !important;
            }
            
            .text-analyzer-wrapper .card-body {
                padding: 20px !important;
            }
        }/* End custom CSS */