{"id":532,"date":"2025-10-15T06:06:30","date_gmt":"2025-10-15T06:06:30","guid":{"rendered":"https:\/\/viewri.com\/?page_id=532"},"modified":"2025-12-29T08:53:45","modified_gmt":"2025-12-29T08:53:45","slug":"title","status":"publish","type":"page","link":"https:\/\/viewri.com\/youtube\/title\/","title":{"rendered":"YouTube title viewer"},"content":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; fullwidth=&#8221;on&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_fullwidth_code _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;] <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n    <style>\r\n        \/* \r\n         * FIX: Restored the global reset. This is crucial for removing the default\r\n         * body margin that was breaking the full-page background. This is a\r\n         * common and safe reset.\r\n         *\/\r\n        .yttv-wrapper * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        \/* \r\n         * The main wrapper styles for encapsulation,\r\n         * ensuring the background and font settings don't leak globally\r\n         * beyond the component itself.\r\n         *\/\r\n        .yttv-wrapper {\r\n            font-family: 'Inter', sans-serif;\r\n            \r\n      background: hsla(159, 82%, 55%, 1);\r\n\r\nbackground: linear-gradient(90deg, hsla(159, 82%, 55%, 1) 0%, hsla(206, 98%, 48%, 1) 100%);\r\n\r\nbackground: -moz-linear-gradient(90deg, hsla(159, 82%, 55%, 1) 0%, hsla(206, 98%, 48%, 1) 100%);\r\n\r\nbackground: -webkit-linear-gradient(90deg, hsla(159, 82%, 55%, 1) 0%, hsla(206, 98%, 48%, 1) 100%);\r\n\r\nfilter: progid: DXImageTransform.Microsoft.gradient( startColorstr=\"#2FEAA8\", endColorstr=\"#028CF3\", GradientType=1 );\r\n            color: #ffffff;\r\n           \r\n            line-height: 1.5;\r\n            font-size: 30px;\r\n            font-weight: 700;\r\n        }\r\n\r\n        .yttv-container {\r\n            max-width: 64%;\r\n            margin: 0 auto;\r\n            padding: 100px 16px; \r\n        }\r\n\r\n        \/* Header *\/\r\n        .yttv-header {\r\n            text-align: center;\r\n            margin-bottom: 40px;\r\n            padding: 30px 0;\r\n        }\r\n\r\n        .yttv-logo-container {\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: 15px;\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .yttv-logo {\r\n            width: 50px;\r\n            height: 50px;\r\n            background: linear-gradient(135deg, #ff6b6b, #ee5a52, #ff4757, #ff3838);\r\n            border-radius: 12px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            box-shadow: 0 8px 25px rgba(255, 71, 87, 0.4);\r\n        }\r\n\r\n        .yttv-youtube-icon {\r\n            width: 28px;\r\n            height: 28px;\r\n            fill: white;\r\n        }\r\n\r\n        .yttv-title {\r\n            font-size: 2.2rem;\r\n            font-weight: 800;\r\n            background: linear-gradient(135deg, #ffffff, #f1f2f6, #e3f2fd, #bbdefb);\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n            background-clip: text;\r\n            margin-bottom: 8px;\r\n        }\r\n\r\n        .yttv-subtitle {\r\n            font-size: 1rem;\r\n            color: rgba(255, 255, 255, 0.8);\r\n            font-weight: 500;\r\n        }\r\n\r\n        \/* Input Section *\/\r\n        .yttv-input-section {\r\n            background: linear-gradient(135deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.05));\r\n            backdrop-filter: blur(20px);\r\n            border-radius: 20px;\r\n            padding: 30px;\r\n            margin-bottom: 30px;\r\n            border: 1px solid rgba(255, 255, 255, 0.3);\r\n            box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);\r\n        }\r\n\r\n        .yttv-input-title {\r\n            font-size: 1.3rem;\r\n            font-weight: 700;\r\n            color: white;\r\n            margin-bottom: 15px;\r\n            text-align: center;\r\n        }\r\n\r\n        .yttv-input-group {\r\n            display: flex;\r\n            gap: 12px;\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n     .yttv-input-field {\r\n\tflex: 1;\r\n\tpadding: 14px 18px;\r\n\tborder: 2px solid rgba(255, 255, 255, 0.2);\r\n\tborder-radius: 12px;\r\n\tbackground: rgba(255, 255, 255, 0.1);\r\n\tcolor: #1b5071;\r\n\tfont-size: 14px;\r\n\tfont-weight: 500;\r\n\ttransition: all 0.3s ease;\r\n\tfont-family: 'Inter', sans-serif;\r\n}\r\n\r\n        .yttv-input-field:focus {\r\n            outline: none;\r\n            border-color: #5f27cd;\r\n            background: rgba(255, 255, 255, 0.15);\r\n        }\r\n\r\n        .yttv-input-field::placeholder {\r\n            color: rgba(255, 255, 255, 0.6);\r\n        }\r\n\r\n        .yttv-btn {\r\n            padding: 14px 20px;\r\n            border: none;\r\n            border-radius: 12px;\r\n            font-size: 14px;\r\n            font-weight: 600;\r\n            cursor: pointer;\r\n            transition: all 0.3s ease;\r\n            font-family: 'Inter', sans-serif;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n        }\r\n\r\n        .yttv-btn-paste {\r\n            background: linear-gradient(135deg, #5f27cd, #341f97, #2e1065, #1e1b4b);\r\n            color: white;\r\n            box-shadow: 0 4px 15px rgba(95, 39, 205, 0.4);\r\n        }\r\n\r\n        .yttv-btn-paste:hover {\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 6px 20px rgba(95, 39, 205, 0.4);\r\n        }\r\n\r\n     .yttv-btn-find {\r\n\tbackground: linear-gradient(135deg, #2a82a4, #4b7cb9, #2e86de, #1e90ff);\r\n\tcolor: white;\r\n\twidth: 100%;\r\n\tjustify-content: center;\r\n\tpadding: 16px;\r\n\tfont-size: 16px;\r\n\tfont-weight: 700;\r\n\tbox-shadow: 0 4px 15px rgba(0, 210, 211, 0.4);\r\n}\r\n\r\n        .yttv-btn-find:hover {\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 6px 20px rgba(0, 210, 211, 0.4);\r\n        }\r\n\r\n        .yttv-btn:disabled {\r\n            opacity: 0.6;\r\n            cursor: not-allowed;\r\n            transform: none !important;\r\n        }\r\n\r\n        .yttv-btn-icon {\r\n            width: 16px;\r\n            height: 16px;\r\n            fill: currentColor;\r\n        }\r\n\r\n        \/* Loading *\/\r\n        .yttv-loading {\r\n            display: none;\r\n            text-align: center;\r\n            padding: 40px;\r\n            background: rgba(255, 255, 255, 0.1);\r\n            backdrop-filter: blur(20px);\r\n            border-radius: 20px;\r\n            margin-bottom: 30px;\r\n            border: 1px solid rgba(255, 255, 255, 0.2);\r\n        }\r\n\r\n        .yttv-loading-spinner {\r\n            width: 40px;\r\n            height: 40px;\r\n            border: 3px solid rgba(255, 255, 255, 0.3);\r\n            border-top: 3px solid #00d2d3;\r\n            border-radius: 50%;\r\n            animation: yttv-spin 1s linear infinite;\r\n            margin: 0 auto 20px;\r\n        }\r\n\r\n        .yttv-loading-text {\r\n            font-size: 1.1rem;\r\n            font-weight: 600;\r\n            color: white;\r\n        }\r\n\r\n        \/* Results *\/\r\n        .yttv-results {\r\n            display: none;\r\n        }\r\n\r\n        .yttv-video-card {\r\n            background: linear-gradient(135deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.05));\r\n            backdrop-filter: blur(20px);\r\n            border-radius: 20px;\r\n            border: 1px solid rgba(255, 255, 255, 0.3);\r\n            overflow: hidden;\r\n            box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);\r\n        }\r\n\r\n        \/* Video Header *\/\r\n        .yttv-video-header {\r\n            padding: 25px;\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 20px;\r\n        }\r\n\r\n        .yttv-thumbnail-container {\r\n            position: relative;\r\n            border-radius: 12px;\r\n            overflow: hidden;\r\n            aspect-ratio: 16\/9;\r\n            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);\r\n        }\r\n\r\n        .yttv-thumbnail {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n        }\r\n\r\n        .yttv-video-info .yttv-video-title {\r\n            font-size: 1.4rem;\r\n            font-weight: 700;\r\n            color: white;\r\n            margin-bottom: 15px;\r\n            line-height: 1.3;\r\n        }\r\n\r\n        .yttv-channel-info {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 12px;\r\n            padding: 15px;\r\n            background: rgba(255, 255, 255, 0.1);\r\n            border-radius: 12px;\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .yttv-channel-avatar {\r\n            width: 40px;\r\n            height: 40px;\r\n            background: linear-gradient(135deg, #ff4757, #ff3838, #ff2d55, #ff1744);\r\n            border-radius: 10px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n        }\r\n\r\n        .yttv-channel-icon {\r\n            width: 20px;\r\n            height: 20px;\r\n            fill: white;\r\n        }\r\n\r\n        .yttv-channel-details .yttv-channel-name {\r\n            font-size: 1rem;\r\n            font-weight: 600;\r\n            color: white;\r\n            margin-bottom: 2px;\r\n        }\r\n\r\n        .yttv-channel-link {\r\n            color: #00d2d3;\r\n            text-decoration: none;\r\n            font-weight: 600;\r\n        }\r\n\r\n        .yttv-channel-link:hover {\r\n            color: #54a0ff;\r\n        }\r\n\r\n        .yttv-verified-text {\r\n            color: rgba(255, 255, 255, 0.7);\r\n            font-size: 0.85rem;\r\n        }\r\n\r\n        \/* Stats Grid *\/\r\n        .yttv-stats-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\r\n            gap: 15px;\r\n        }\r\n\r\n        .yttv-stat-card {\r\n            background: linear-gradient(135deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.05));\r\n            border-radius: 12px;\r\n            padding: 15px;\r\n            text-align: center;\r\n            border: 1px solid rgba(255, 255, 255, 0.3);\r\n            transition: transform 0.3s ease;\r\n        }\r\n\r\n        .yttv-stat-card:hover {\r\n            transform: translateY(-3px);\r\n        }\r\n\r\n        .yttv-stat-icon {\r\n            width: 24px;\r\n            height: 24px;\r\n            margin: 0 auto 8px;\r\n            padding: 6px;\r\n            border-radius: 8px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n        }\r\n\r\n        .yttv-stat-card.yttv-views .yttv-stat-icon {\r\n            background: linear-gradient(135deg, #54a0ff, #2e86de, #1e90ff, #007bff);\r\n        }\r\n\r\n        .yttv-stat-card.yttv-likes .yttv-stat-icon {\r\n            background: linear-gradient(135deg, #ff6b6b, #ee5a52, #ff4757, #ff3838);\r\n        }\r\n\r\n        .yttv-stat-card.yttv-published .yttv-stat-icon {\r\n            background: linear-gradient(135deg, #5f27cd, #341f97, #2e1065, #1e1b4b);\r\n        }\r\n      \r\n      .yttv-channel-link {\r\n\tcolor: #2a7f80;\r\n\ttext-decoration: none;\r\n\tfont-weight: 600;\r\n}\r\n\r\n        .yttv-stat-icon svg {\r\n            width: 12px;\r\n            height: 12px;\r\n            fill: white;\r\n        }\r\n\r\n        .yttv-stat-label {\r\n            font-size: 0.75rem;\r\n            color: rgba(255, 255, 255, 0.7);\r\n            font-weight: 500;\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.5px;\r\n            margin-bottom: 4px;\r\n        }\r\n\r\n        .yttv-stat-value {\r\n            font-size: 1.1rem;\r\n            font-weight: 700;\r\n            color: white;\r\n        }\r\n\r\n        \/* Title Section *\/\r\n        .yttv-title-section {\r\n            padding: 25px;\r\n            background: rgba(255, 255, 255, 0.05);\r\n            border-top: 1px solid rgba(255, 255, 255, 0.1);\r\n        }\r\n\r\n        .yttv-section-header {\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: space-between;\r\n            margin-bottom: 20px;\r\n            flex-wrap: wrap;\r\n            gap: 15px;\r\n        }\r\n\r\n        .yttv-section-title {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 12px;\r\n        }\r\n\r\n        .yttv-section-icon {\r\n            width: 40px;\r\n            height: 40px;\r\n            background: linear-gradient(135deg, #5f27cd, #341f97, #2e1065, #1e1b4b);\r\n            border-radius: 10px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n        }\r\n\r\n        .yttv-section-icon svg {\r\n            width: 20px;\r\n            height: 20px;\r\n            fill: white;\r\n        }\r\n\r\n        .yttv-section-title-text .yttv-section-title-heading {\r\n            font-size: 1.2rem;\r\n            font-weight: 700;\r\n            color: white;\r\n            margin-bottom: 2px;\r\n        }\r\n\r\n        .yttv-section-title-text p {\r\n            font-size: 0.85rem;\r\n            color: rgba(255, 255, 255, 0.7);\r\n        }\r\n\r\n        .yttv-copy-btn {\r\n            background: linear-gradient(135deg, #00d2d3, #54a0ff, #2e86de, #1e90ff);\r\n            color: white;\r\n            border: none;\r\n            padding: 10px 16px;\r\n            border-radius: 10px;\r\n            cursor: pointer;\r\n            font-weight: 600;\r\n            font-size: 0.9rem;\r\n            transition: all 0.3s ease;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n        }\r\n\r\n        .yttv-copy-btn:hover {\r\n            transform: translateY(-2px);\r\n        }\r\n\r\n        .yttv-copy-btn.yttv-copied {\r\n            background: linear-gradient(135deg, #2ed573, #1e90ff);\r\n        }\r\n\r\n        .yttv-copy-icon {\r\n            width: 14px;\r\n            height: 14px;\r\n            fill: currentColor;\r\n        }\r\n\r\n        .yttv-title-content {\r\n            background: rgba(255, 255, 255, 0.1);\r\n            padding: 20px;\r\n            border-radius: 12px;\r\n            border-left: 4px solid #5f27cd;\r\n            color: rgba(255, 255, 255, 0.9);\r\n            line-height: 1.6;\r\n            font-size: 0.9rem;\r\n            white-space: pre-wrap;\r\n            border: 1px solid rgba(255, 255, 255, 0.1);\r\n        }\r\n\r\n        \/* Error State *\/\r\n        .yttv-error {\r\n            background: rgba(255, 107, 107, 0.1);\r\n            backdrop-filter: blur(20px);\r\n            border-radius: 20px;\r\n            padding: 30px;\r\n            border: 1px solid rgba(255, 107, 107, 0.2);\r\n            text-align: center;\r\n            margin-bottom: 30px;\r\n        }\r\n\r\n        .yttv-error-icon {\r\n            font-size: 3rem;\r\n            margin-bottom: 15px;\r\n        }\r\n\r\n        .yttv-error .yttv-error-title {\r\n            font-size: 1.3rem;\r\n            font-weight: 700;\r\n            color: #ff6b6b;\r\n            margin-bottom: 10px;\r\n        }\r\n\r\n        .yttv-error .yttv-error-message {\r\n            font-size: 0.95rem;\r\n            color: rgba(255, 107, 107, 0.8);\r\n            margin-bottom: 8px;\r\n        }\r\n\r\n        .yttv-error .yttv-error-details {\r\n            color: rgba(255, 255, 255, 0.7);\r\n            font-size: 0.85rem;\r\n        }\r\n\r\n        \/* Features Grid *\/\r\n        .yttv-features-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\r\n            gap: 15px;\r\n            margin-bottom: 30px;\r\n        }\r\n\r\n        .yttv-feature-card {\r\n            background: linear-gradient(135deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.05));\r\n            backdrop-filter: blur(20px);\r\n            border-radius: 12px;\r\n            padding: 20px;\r\n            text-align: center;\r\n            border: 1px solid rgba(255, 255, 255, 0.3);\r\n            transition: transform 0.3s ease;\r\n        }\r\n\r\n        .yttv-feature-card:hover {\r\n            transform: translateY(-5px);\r\n        }\r\n\r\n        .yttv-feature-icon {\r\n            font-size: 1.8rem;\r\n            margin-bottom: 8px;\r\n            display: block;\r\n        }\r\n\r\n        .yttv-feature-text {\r\n            font-size: 0.85rem;\r\n            font-weight: 600;\r\n            color: white;\r\n        }\r\n\r\n        \/* Animations *\/\r\n        @keyframes yttv-spin {\r\n            to {\r\n                transform: rotate(360deg);\r\n            }\r\n        }\r\n\t\t\t\r\n\t\t\t.yttv-input-field {\r\n\tflex: 1;\r\n\tpadding: 14px 18px !important;\r\n\tborder: 2px solid rgba(255, 255, 255, 0.2) !important;\r\n\tborder-radius: 12px;\r\n\tbackground: rgba(255, 255, 255, 0.1);\r\n\tcolor: #1b5071;\r\n\tfont-size: 14px;\r\n\tfont-weight: 500;\r\n\ttransition: all 0.3s ease;\r\n\tfont-family: 'Inter', sans-serif;\r\n}\r\n\t\t\t\r\n\t\t\tinput.text, input.title, input[type=\"email\"], input[type=\"password\"], input[type=\"tel\"], input[type=\"text\"], select, textarea {\r\n\tbackground-color: transparent;\r\n}\r\n\r\n        \/* \r\n         * FIX: Custom Scrollbar styles are scoped to wrapper.\r\n         * Prefixing them with wrapper class prevents them from applying to the main\r\n         * document scrollbar. This change makes them work as intended again.\r\n         *\/\r\n        .yttv-wrapper ::-webkit-scrollbar {\r\n            width: 6px;\r\n        }\r\n\r\n        .yttv-wrapper ::-webkit-scrollbar-track {\r\n            background: rgba(255, 255, 255, 0.1);\r\n            border-radius: 3px;\r\n        }\r\n\r\n        .yttv-wrapper ::-webkit-scrollbar-thumb {\r\n            background: linear-gradient(135deg, #5f27cd, #341f97, #2e1065, #1e1b4b);\r\n            border-radius: 3px;\r\n        }\r\n\r\n        \/* Responsive *\/\r\n        @media (max-width: 768px) {\r\n            .yttv-container {\r\n                padding: 15px;\r\n            }\r\n\r\n            .yttv-title {\r\n                font-size: 1.8rem;\r\n            }\r\n\r\n            .yttv-input-group {\r\n                flex-direction: column;\r\n            }\r\n\r\n            .yttv-input-section,\r\n            .yttv-loading,\r\n            .yttv-error {\r\n                padding: 20px;\r\n            }\r\n\r\n            .yttv-video-header {\r\n                padding: 20px;\r\n            }\r\n\t\t\t\t\t.yttv-title {\r\n\tfont-size: 1.3rem;\r\n\tmargin-top: 40px;\r\n}\r\n        }\r\n\r\n        \/* Search Again Button *\/\r\n        .yttv-search-again-section {\r\n            padding: 25px;\r\n            background: rgba(255, 255, 255, 0.05);\r\n            border-top: 1px solid rgba(255, 255, 255, 0.1);\r\n            text-align: center;\r\n        }\r\n\r\n        .yttv-btn-search-again {\r\n            background: linear-gradient(135deg, #ff6b6b, #ee5a52, #ff4757, #ff3838);\r\n            color: white;\r\n            border: none;\r\n            padding: 14px 24px;\r\n            border-radius: 12px;\r\n            cursor: pointer;\r\n            font-weight: 600;\r\n            font-size: 1rem;\r\n            transition: all 0.3s ease;\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 10px;\r\n            box-shadow: 0 4px 15px rgba(255, 107, 107, 0.4);\r\n        }\r\n\r\n        .yttv-btn-search-again:hover {\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 6px 20px rgba(255, 107, 107, 0.4);\r\n        }\r\n\r\n        .yttv-search-again-icon {\r\n            width: 16px;\r\n            height: 16px;\r\n            fill: currentColor;\r\n        }\r\n      \r\n              @media (max-width: 991px) {\r\n            .yttv-container {\r\n                max-width: 720px;\r\n                padding: 15px;\r\n            }\r\n\r\n            .yttv-title {\r\n                font-size: 2rem;\r\n            }\r\n\r\n            .yttv-subtitle {\r\n                font-size: 0.9rem;\r\n            }\r\n\r\n            .yttv-input-section,\r\n            .yttv-loading,\r\n            .yttv-error {\r\n                padding: 25px;\r\n            }\r\n\r\n            .yttv-input-title {\r\n                font-size: 1.2rem;\r\n            }\r\n\r\n            .yttv-input-group {\r\n                flex-direction: column;\r\n                gap: 10px;\r\n            }\r\n\r\n            .yttv-btn {\r\n                width: 100%;\r\n                justify-content: center;\r\n            }\r\n\r\n            .yttv-video-header {\r\n                flex-direction: column;\r\n                padding: 20px;\r\n                gap: 15px;\r\n            }\r\n\r\n            .yttv-video-info .yttv-video-title {\r\n                font-size: 1.2rem;\r\n                margin-bottom: 10px;\r\n            }\r\n\r\n            .yttv-channel-info {\r\n                padding: 10px;\r\n                margin-bottom: 15px;\r\n            }\r\n\r\n            .yttv-channel-name {\r\n                font-size: 0.9rem;\r\n            }\r\n\r\n            .yttv-stats-grid {\r\n                grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));\r\n                gap: 10px;\r\n            }\r\n\r\n            .yttv-stat-card {\r\n                padding: 12px;\r\n            }\r\n\r\n            .yttv-stat-label {\r\n                font-size: 0.7rem;\r\n            }\r\n\r\n            .yttv-stat-value {\r\n                font-size: 1rem;\r\n            }\r\n\r\n            .yttv-section-header {\r\n                flex-direction: column;\r\n                align-items: flex-start;\r\n                gap: 10px;\r\n            }\r\n\r\n            .yttv-section-title-text .yttv-section-title-heading {\r\n                font-size: 1.1rem;\r\n            }\r\n\r\n            .yttv-copy-btn {\r\n                width: 100%;\r\n                justify-content: center;\r\n            }\r\n\r\n            .yttv-title-content {\r\n                padding: 15px;\r\n                font-size: 0.85rem;\r\n            }\r\n\r\n            .yttv-error .yttv-error-title {\r\n                font-size: 1.2rem;\r\n            }\r\n\r\n            .yttv-error .yttv-error-message {\r\n                font-size: 0.9rem;\r\n            }\r\n\r\n            .yttv-features-grid {\r\n                grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\r\n                gap: 10px;\r\n            }\r\n\r\n            .yttv-feature-card {\r\n                padding: 15px;\r\n            }\r\n\r\n            .yttv-feature-text {\r\n                font-size: 0.8rem;\r\n            }\r\n\r\n            .yttv-btn-search-again {\r\n                font-size: 0.9rem;\r\n                padding: 12px 20px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .yttv-container {\r\n                max-width: 100%;\r\n                padding: 15px;\r\n            }\r\n\r\n            .yttv-title {\r\n                font-size: 1.8rem;\r\n            }\r\n\r\n            .yttv-subtitle {\r\n                font-size: 0.85rem;\r\n            }\r\n\r\n            .yttv-input-section,\r\n            .yttv-loading,\r\n            .yttv-error {\r\n                padding: 20px;\r\n            }\r\n\r\n            .yttv-input-title {\r\n                font-size: 1.1rem;\r\n            }\r\n\r\n            .yttv-video-info .yttv-video-title {\r\n                font-size: 1.1rem;\r\n            }\r\n\r\n            .yttv-stats-grid {\r\n                grid-template-columns: 1fr 1fr; \/* Two columns on smaller screens *\/\r\n            }\r\n\r\n            .yttv-section-title-text .yttv-section-title-heading {\r\n                font-size: 1rem;\r\n            }\r\n\r\n            .yttv-title-content {\r\n                font-size: 0.8rem;\r\n            }\r\n\r\n            .yttv-btn-find {\r\n                padding: 14px;\r\n                font-size: 15px;\r\n            }\r\n\t\t\t\t\t.yttv-title {\r\n\tfont-size: 1.3rem;\r\n\tmargin-top: 40px;\r\n}\r\n\t\t\t\t\t.yttv-logo {\r\n\twidth: 45px;\r\n\theight: 45px;\r\n\tborder-radius: 10px;\r\n\tmargin-top: 27px;\r\n}\r\n        }\r\n\r\n        @media (max-width: 600px) {\r\n            .yttv-header {\r\n                padding: 20px 0;\r\n                margin-bottom: 30px;\r\n            }\r\n\r\n            .yttv-logo-container {\r\n                gap: 10px;\r\n                margin-bottom: 15px;\r\n            }\r\n\r\n            .yttv-logo {\r\n                width: 45px;\r\n                height: 45px;\r\n                border-radius: 10px;\r\n            }\r\n\r\n            .yttv-youtube-icon {\r\n                width: 25px;\r\n                height: 25px;\r\n            }\r\n\r\n            .yttv-title {\r\n                font-size: 1.6rem;\r\n            }\r\n\r\n            .yttv-subtitle {\r\n                font-size: 0.8rem;\r\n            }\r\n\r\n            .yttv-input-field {\r\n                padding: 12px 15px;\r\n                font-size: 13px;\r\n            }\r\n\r\n            .yttv-btn {\r\n                padding: 12px 15px;\r\n                font-size: 13px;\r\n            }\r\n\r\n            .yttv-btn-find {\r\n                padding: 14px;\r\n                font-size: 14px;\r\n            }\r\n\r\n            .yttv-loading-spinner {\r\n                width: 35px;\r\n                height: 35px;\r\n            }\r\n\r\n            .yttv-loading-text {\r\n                font-size: 1rem;\r\n            }\r\n\r\n            .yttv-video-header {\r\n                padding: 15px;\r\n            }\r\n\r\n            .yttv-video-info .yttv-video-title {\r\n                font-size: 1rem;\r\n            }\r\n\r\n            .yttv-channel-avatar {\r\n                width: 35px;\r\n                height: 35px;\r\n            }\r\n\r\n            .yttv-channel-icon {\r\n                width: 18px;\r\n                height: 18px;\r\n            }\r\n\r\n            .yttv-channel-name {\r\n                font-size: 0.85rem;\r\n            }\r\n\r\n            .yttv-verified-text {\r\n                font-size: 0.75rem;\r\n            }\r\n\r\n            .yttv-stats-grid {\r\n                grid-template-columns: 1fr; \/* Stack on very small screens *\/\r\n            }\r\n\r\n            .yttv-stat-card {\r\n                padding: 10px;\r\n            }\r\n\r\n            .yttv-stat-label {\r\n                font-size: 0.65rem;\r\n            }\r\n\r\n            .yttv-stat-value {\r\n                font-size: 0.9rem;\r\n            }\r\n\r\n            .yttv-section-icon {\r\n                width: 35px;\r\n                height: 35px;\r\n            }\r\n\r\n            .yttv-section-icon svg {\r\n                width: 18px;\r\n                height: 18px;\r\n            }\r\n\r\n            .yttv-section-title-text .yttv-section-title-heading {\r\n                font-size: 0.95rem;\r\n            }\r\n\r\n            .yttv-section-title-text p {\r\n                font-size: 0.8rem;\r\n            }\r\n\r\n            .yttv-copy-btn {\r\n                padding: 8px 12px;\r\n                font-size: 0.8rem;\r\n            }\r\n\r\n            .yttv-title-content {\r\n                padding: 12px;\r\n                font-size: 0.75rem;\r\n            }\r\n\r\n            .yttv-error .yttv-error-icon {\r\n                font-size: 2.5rem;\r\n            }\r\n\r\n            .yttv-error .yttv-error-title {\r\n                font-size: 1.1rem;\r\n            }\r\n\r\n            .yttv-error .yttv-error-message {\r\n                font-size: 0.85rem;\r\n            }\r\n\r\n            .yttv-features-grid {\r\n                grid-template-columns: 1fr 1fr;\r\n            }\r\n\r\n            .yttv-feature-card {\r\n                padding: 15px;\r\n            }\r\n\r\n            .yttv-feature-text {\r\n                font-size: 0.75rem;\r\n            }\r\n\r\n            .yttv-btn-search-again {\r\n                font-size: 0.85rem;\r\n                padding: 10px 18px;\r\n            }\r\n\t\t\t\t\t.yttv-wrapper {\r\n\tfont-family: 'Inter', sans-serif;\r\n\tcolor: #ffffff;\r\n\tline-height: 1.5;\r\n\tfont-size: 14px;\r\n\tfont-weight: 700;\r\n}\r\n\t\t\t\t\t.yttv-title {\r\n\tfont-size: 1.3rem;\r\n\tmargin-top: 40px;\r\n}\r\n\t\t\t\t\t.yttv-logo {\r\n\twidth: 45px;\r\n\theight: 45px;\r\n\tborder-radius: 10px;\r\n\tmargin-top: 27px;\r\n}\r\n        }\r\n\r\n        @media (max-width: 400px) {\r\n            .yttv-container {\r\n                padding: 10px;\r\n            }\r\n\r\n            .yttv-title {\r\n                font-size: 1.4rem;\r\n            }\r\n\r\n            .yttv-subtitle {\r\n                font-size: 0.75rem;\r\n            }\r\n\r\n            .yttv-input-section,\r\n            .yttv-loading,\r\n            .yttv-error {\r\n                padding: 15px;\r\n            }\r\n\r\n            .yttv-input-title {\r\n                font-size: 1rem;\r\n            }\r\n\r\n            .yttv-btn-paste {\r\n                padding: 10px 12px;\r\n                font-size: 12px;\r\n            }\r\n\r\n            .yttv-btn-find {\r\n                padding: 12px;\r\n                font-size: 13px;\r\n            }\r\n\r\n            .yttv-loading-spinner {\r\n                width: 30px;\r\n                height: 30px;\r\n            }\r\n\r\n            .yttv-loading-text {\r\n                font-size: 0.9rem;\r\n            }\r\n\r\n            .yttv-video-info .yttv-video-title {\r\n                font-size: 0.95rem;\r\n            }\r\n\r\n            .yttv-channel-name {\r\n                font-size: 0.8rem;\r\n            }\r\n\r\n            .yttv-verified-text {\r\n                font-size: 0.7rem;\r\n            }\r\n\r\n            .yttv-section-title-text .yttv-section-title-heading {\r\n                font-size: 0.9rem;\r\n            }\r\n\r\n            .yttv-section-title-text p {\r\n                font-size: 0.75rem;\r\n            }\r\n\r\n            .yttv-copy-btn {\r\n                font-size: 0.75rem;\r\n            }\r\n\r\n            .yttv-title-content {\r\n                font-size: 0.7rem;\r\n            }\r\n\r\n            .yttv-error .yttv-error-title {\r\n                font-size: 1rem;\r\n            }\r\n\r\n            .yttv-error .yttv-error-message {\r\n                font-size: 0.8rem;\r\n            }\r\n\r\n            .yttv-features-grid {\r\n                grid-template-columns: 1fr; \/* Stack on smallest screens *\/\r\n            }\r\n\r\n            .yttv-feature-card {\r\n                padding: 12px;\r\n            }\r\n\r\n            .yttv-feature-text {\r\n                font-size: 0.7rem;\r\n            }\r\n\r\n            .yttv-btn-search-again {\r\n                font-size: 0.8rem;\r\n                padding: 8px 15px;\r\n            }\r\n\t\t\t\t\t.yttv-wrapper {\r\n\tfont-family: 'Inter', sans-serif;\r\n\tcolor: #ffffff;\r\n\tline-height: 1.5;\r\n\tfont-size: 14px;\r\n\tfont-weight: 700;\r\n}\r\n\t\t\t\t\t.yttv-title {\r\n\tfont-size: 1.3rem;\r\n\tmargin-top: 40px;\r\n}\r\n\t\t\t\t\t.yttv-logo {\r\n\twidth: 45px;\r\n\theight: 45px;\r\n\tborder-radius: 10px;\r\n\tmargin-top: 27px;\r\n}\r\n        }\r\n\r\n        @media (max-width: 375px) {\r\n            .yttv-title {\r\n                font-size: 1.3rem;\r\n            }\r\n\r\n            .yttv-subtitle {\r\n                font-size: 0.7rem;\r\n            }\r\n\r\n            .yttv-input-field {\r\n                font-size: 12px;\r\n            }\r\n\r\n            .yttv-btn-paste {\r\n                font-size: 11px;\r\n            }\r\n\r\n            .yttv-btn-find {\r\n                font-size: 12px;\r\n            }\r\n\r\n            .yttv-video-info .yttv-video-title {\r\n                font-size: 0.9rem;\r\n            }\r\n\r\n            .yttv-channel-name {\r\n                font-size: 0.75rem;\r\n            }\r\n\r\n            .yttv-verified-text {\r\n                font-size: 0.65rem;\r\n            }\r\n\r\n            .yttv-stat-label {\r\n                font-size: 0.6rem;\r\n            }\r\n\r\n            .yttv-stat-value {\r\n                font-size: 0.8rem;\r\n            }\r\n\r\n            .yttv-section-title-text .yttv-section-title-heading {\r\n                font-size: 0.85rem;\r\n            }\r\n\r\n            .yttv-section-title-text p {\r\n                font-size: 0.7rem;\r\n            }\r\n\r\n            .yttv-copy-btn {\r\n                font-size: 0.7rem;\r\n                padding: 7px 10px;\r\n            }\r\n\r\n            .yttv-title-content {\r\n                font-size: 0.65rem;\r\n            }\r\n\r\n            .yttv-error .yttv-error-title {\r\n                font-size: 0.95rem;\r\n            }\r\n\r\n            .yttv-error .yttv-error-message {\r\n                font-size: 0.75rem;\r\n            }\r\n\r\n            .yttv-feature-text {\r\n                font-size: 0.65rem;\r\n            }\r\n\r\n            .yttv-btn-search-again {\r\n                font-size: 0.75rem;\r\n                padding: 7px 12px;\r\n            }\r\n\t\t\t\t\t.yttv-wrapper {\r\n\tfont-family: 'Inter', sans-serif;\r\n\tcolor: #ffffff;\r\n\tline-height: 1.5;\r\n\tfont-size: 14px;\r\n\tfont-weight: 700;\r\n}\r\n\t\t\t\t\t.yttv-title {\r\n\tfont-size: 1.3rem;\r\n\tmargin-top: 40px;\r\n}\r\n\t\t\t\t\t.yttv-logo {\r\n\twidth: 45px;\r\n\theight: 45px;\r\n\tborder-radius: 10px;\r\n\tmargin-top: 27px;\r\n}\r\n        }\r\n    <\/style>\r\n\r\n    <div class=\"yttv-wrapper\">\r\n        <div class=\"yttv-container\">\r\n            <!-- Header -->\r\n            <div class=\"yttv-header\">\r\n                <div class=\"yttv-logo-container\">\r\n                    <div class=\"yttv-logo\">\r\n                        <svg class=\"yttv-youtube-icon\" viewBox=\"0 0 24 24\">\r\n                            <path d=\"M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z\"><\/path>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <div>\r\n                        <h1 class=\"yttv-title\">YouTube Title Viewer<\/h1>\r\n                        <p class=\"yttv-subtitle\">Extract video titles instantly<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Features Grid -->\r\n                <div class=\"yttv-features-grid\">\r\n                    <div class=\"yttv-feature-card\">\r\n                        <span class=\"yttv-feature-icon\">\u26a1<\/span>\r\n                        <p class=\"yttv-feature-text\">Fast<\/p>\r\n                    <\/div>\r\n                    <div class=\"yttv-feature-card\">\r\n                        <span class=\"yttv-feature-icon\">\ud83d\udd12<\/span>\r\n                        <p class=\"yttv-feature-text\">Secure<\/p>\r\n                    <\/div>\r\n                    <div class=\"yttv-feature-card\">\r\n                        <span class=\"yttv-feature-icon\">\ud83d\udcf1<\/span>\r\n                        <p class=\"yttv-feature-text\">Mobile<\/p>\r\n                    <\/div>\r\n                    <div class=\"yttv-feature-card\">\r\n                        <span class=\"yttv-feature-icon\">\ud83c\udd93<\/span>\r\n                        <p class=\"yttv-feature-text\">Free<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Input Section -->\r\n            <div class=\"yttv-input-section\">\r\n                <div class=\"yttv-input-title\">Enter YouTube URL<\/div>\r\n\r\n                <div class=\"yttv-input-group\">\r\n                    <input type=\"text\" id=\"yttv-videoInput\" class=\"yttv-input-field\" placeholder=\"Paste YouTube URL here...\">\r\n                    <button class=\"yttv-btn yttv-btn-paste\" onclick=\"pasteFromClipboard()\">\r\n                        <svg class=\"yttv-btn-icon\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\r\n                            <path d=\"M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z\"><\/path>\r\n                        <\/svg>\r\n                        Paste\r\n                    <\/button>\r\n                <\/div>\r\n\r\n                <button class=\"yttv-btn yttv-btn-find\" onclick=\"findTitle()\">\r\n                    <svg class=\"yttv-btn-icon\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\r\n                        <path d=\"M9.5,3L8,6.5H4.5L7.91,9.91L6.5,16.5L9.5,14L12.5,16.5L11.09,9.91L14.5,6.5H11L9.5,3Z\"><\/path>\r\n                    <\/svg>\r\n                    Extract Title\r\n                <\/button>\r\n            <\/div>\r\n\r\n            <!-- Loading State -->\r\n            <div class=\"yttv-loading\" id=\"yttv-loading\">\r\n                <div class=\"yttv-loading-spinner\"><\/div>\r\n                <p class=\"yttv-loading-text\">Processing your request...<\/p>\r\n            <\/div>\r\n\r\n            <!-- Results Container -->\r\n            <div class=\"yttv-results\" id=\"yttv-results\">\r\n                <!-- Results will be populated here -->\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>[\/et_pb_fullwidth_code][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; fullwidth=&#8221;on&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{}&#8221; max_width=&#8221;1280px&#8221; module_alignment=&#8221;center&#8221; custom_padding=&#8221;50px||50px||true|false&#8221; sticky_enabled=&#8221;0&#8243; locked=&#8221;off&#8221;][et_pb_fullwidth_code _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;][\/et_pb_fullwidth_code][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; fullwidth=&#8221;on&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_fullwidth_code _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<style>       \r\n  :root{\r\n    --grad: linear-gradient(45deg,#ff0000 0%,#ff4d4d 25%,#ff6666 50%,#ff8080 75%,#ff9999 100%);\r\n    --brand:#ff0000;\r\n    --ink:#333;\r\n    --muted:#666;\r\n    --muted-2:#9498a1;\r\n    --light:#f8f9fa;\r\n    --card:#fff;\r\n    --radius:15px;\r\n    --sh:0 4px 12px rgba(0,0,0,.08);\r\n    --sh-lg:0 8px 24px rgba(0,0,0,.12);\r\n    --t:.3s ease;\r\n  }\r\n\r\n  \/* ---------- Titles ---------- *\/\r\n  .yt-tv-section-title{text-align:center; margin-bottom:60px;}\r\n  .yt-tv-section-title h2{font-weight:700; font-size:2.5rem; color:var(--brand); margin:0 0 12px;}\r\n  .yt-tv-section-title p{color:var(--muted); max-width:700px; margin:0 auto; font-size:1.05rem;}\r\n \r\n  \/* ---------- Cards ---------- *\/\r\n  .cv-card{\r\n    background:var(--card); border-radius:var(--radius); box-shadow:var(--sh);\r\n    height:100%; transition:var(--t); padding:30px;\r\n  }\r\n  .cv-card:hover{transform:translateY(-10px); box-shadow:var(--sh-lg);}\r\n\r\n  \/* Steps *\/\r\n  .yt-tv-step{ position:relative; text-align:center; }\r\n  .yt-tv-step .yt-tv-step-icon{\r\n    width:80px; height:80px; margin:0 auto 22px; border-radius:50%; display:flex; align-items:center; justify-content:center;\r\n    background:var(--grad); color:#fff; font-size:2rem; box-shadow:0 5px 15px rgba(0,0,0,.1); transition:var(--t);\r\n  }\r\n  .yt-tv-step:hover .yt-tv-step-icon{ transform:scale(1.08); }\r\n  .yt-tv-step h3{font-size:1.25rem; font-weight:700; color:var(--brand); margin:0 0 10px;}\r\n  .yt-tv-step p{color:var(--muted); margin:0;}\r\n\r\n  \/* Features *\/\r\n  .yt-tv-feature-card .yt-tv-feature-icon{font-size:2rem; display:block; margin-bottom:14px;}\r\n  .yt-tv-feature-card h3{font-size:1.2rem; font-weight:700; color:var(--brand); margin:0 0 10px;}\r\n  .yt-tv-feature-card p{color:var(--muted); margin:0;}\r\n\r\n  \/* FAQ *\/\r\n  .vr-tool-faq{ margin: 30px auto; }\r\n  .yt-tv-faq-item{ border-radius:12px; overflow:hidden; box-shadow:var(--sh); transition:var(--t); background:#fff; }\r\n  .yt-tv-faq-item:hover{ box-shadow:var(--sh-lg); }\r\n  .yt-tv-faq-question{\r\n    width:100%; padding:20px 24px; display:flex; justify-content:space-between; align-items:center;\r\n    background:#fff; border:none; text-align:left; font-weight:700; font-size:1.05rem; color:var(--brand); transition:var(--t);\r\n  }\r\n  .yt-tv-faq-question:hover{ background:rgba(255,0,0,.05); }\r\n  .yt-tv-faq-question:not(.collapsed){ background:rgba(255,0,0,.1); }\r\n  .yt-tv-faq-question:not(.collapsed)::after{ transform:rotate(180deg); }\r\n  .yt-tv-faq-answer{ padding:0 24px 22px; color:var(--muted); line-height:1.7; }\r\n\r\n  \/* CTA *\/\r\n  .vr-tool-cta{\r\n    background:var(--grad);\r\n    color:#fff;\r\n    text-align:center;\r\n    padding:50px 0;\r\n  }\r\n  .vr-tool-cta .yt-tv-cta-title{\r\n    font-size:2.4rem;\r\n    font-weight:700;\r\n    margin:0 0 20px;\r\n    line-height:1.2;\r\n  }\r\n  .vr-tool-cta .yt-tv-cta-sub{\r\n    max-width:800px;\r\n    margin:0 auto 30px;\r\n    font-size:1.1rem;\r\n    color:rgba(255,255,255,.92);\r\n  }\r\n  .vr-tool-cta .yt-tv-cta-group .btn{\r\n    background:#fff;\r\n    color:var(--brand);\r\n    font-weight:600;\r\n    padding:14px 32px;\r\n    border-radius:50px;\r\n    box-shadow:var(--sh);\r\n    transition:var(--t);\r\n    text-decoration:none;\r\n    display:inline-block;\r\n  }\r\n  .vr-tool-cta .yt-tv-cta-group .btn:hover{\r\n    transform:translateY(-3px);\r\n    box-shadow:var(--sh-lg);\r\n  }\r\n  .vr-tool-cta .yt-tv-cta-note{\r\n    margin-top:14px;\r\n    font-size:.95rem;\r\n    color:rgba(255,255,255,.85);\r\n  }\r\n\r\n  @keyframes fadeUp{ from{opacity:0; transform:translateY(14px)} to{opacity:1; transform:none} }\r\n  .animate-in{ animation: fadeUp .6s ease both; }\r\n\r\n  @media (max-width:991px){\r\n    .yt-tv-section-title h2{font-size:2.1rem}\r\n    .vr-tool-cta .yt-tv-cta-title{font-size:2.1rem}\r\n  }\r\n  @media (max-width:767px){\r\n    .yt-tv-section-title h2{font-size:1.8rem}\r\n    .cv-card{margin-bottom:20px}\r\n    .vr-tool-cta{padding:60px 0}\r\n    .vr-tool-cta .yt-tv-cta-title{font-size:1.8rem}\r\n    .vr-tool-cta .yt-tv-cta-sub{font-size:1rem}\r\n  }\r\n<\/style>\r\n\r\n<!-- How It Works -->\r\n<section class=\"vr-tool-how\">\r\n  <div class=\"container\">\r\n    <div class=\"yt-tv-section-title\">\r\n      <h2>How to Use the YouTube Title Viewer<\/h2>\r\n      <p>Follow these steps to view YouTube video titles anonymously.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"row g-4\">\r\n      <div class=\"col-md-3\">\r\n        <div class=\"cv-card yt-tv-step\">\r\n          <div class=\"yt-tv-step-icon\"><i class=\"fas fa-link\"><\/i><\/div>\r\n          <h3>Enter Video URL<\/h3>\r\n          <p>Copy the YouTube video URL to extract its title.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"col-md-3\">\r\n        <div class=\"cv-card yt-tv-step\">\r\n          <div class=\"yt-tv-step-icon\"><i class=\"fas fa-search\"><\/i><\/div>\r\n          <h3>Extract Title<\/h3>\r\n          <p>Click \u201cView Now\u201d to fetch the video title and metadata.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"col-md-3\">\r\n        <div class=\"cv-card yt-tv-step\">\r\n          <div class=\"yt-tv-step-icon\"><i class=\"fas fa-eye\"><\/i><\/div>\r\n          <h3>View Anonymously<\/h3>\r\n          <p>Display public YouTube titles privately without playing the video.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"col-md-3\">\r\n        <div class=\"cv-card yt-tv-step\">\r\n          <div class=\"yt-tv-step-icon\"><i class=\"fas fa-user-secret\"><\/i><\/div>\r\n          <h3>No Login Required<\/h3>\r\n          <p>Access titles without a YouTube account.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- Features -->\r\n<section class=\"vr-tool-features\">\r\n  <div class=\"container\">\r\n    <div class=\"yt-tv-section-title\">\r\n      <h2>YouTube Title Viewer Features<\/h2>\r\n      <p>Tools for seamless and private viewing of YouTube video titles.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"row g-4\">\r\n      <div class=\"col-md-4\">\r\n        <div class=\"cv-card yt-tv-feature-card\">\r\n          <span class=\"yt-tv-feature-icon\">\ud83d\udd12<\/span>\r\n          <h3>Anonymous Title Viewing<\/h3>\r\n          <p>View YouTube titles without revealing your identity.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"col-md-4\">\r\n        <div class=\"cv-card yt-tv-feature-card\">\r\n          <span class=\"yt-tv-feature-icon\">\ud83d\udcc4<\/span>\r\n          <h3>Public Title Access<\/h3>\r\n          <p>Extract titles from public YouTube videos effortlessly.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"col-md-4\">\r\n        <div class=\"cv-card yt-tv-feature-card\">\r\n          <span class=\"yt-tv-feature-icon\">\ud83d\udcf9<\/span>\r\n          <h3>Metadata Extraction<\/h3>\r\n          <p>Get titles, descriptions, and basic video info without playback.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"col-md-4\">\r\n        <div class=\"cv-card yt-tv-feature-card\">\r\n          <span class=\"yt-tv-feature-icon\">\ud83d\udcf1<\/span>\r\n          <h3>Multi-Device Support<\/h3>\r\n          <p>Optimized for phones, tablets, and desktops.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"col-md-4\">\r\n        <div class=\"cv-card yt-tv-feature-card\">\r\n          <span class=\"yt-tv-feature-icon\">\ud83d\udd11<\/span>\r\n          <h3>No Login Needed<\/h3>\r\n          <p>View titles without YouTube credentials.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"col-md-4\">\r\n        <div class=\"cv-card yt-tv-feature-card\">\r\n          <span class=\"yt-tv-feature-icon\">\u26a1<\/span>\r\n          <h3>Fast Access<\/h3>\r\n          <p>Quickly fetch YouTube titles anonymously.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- FAQ -->\r\n<section class=\"vr-tool-faq\">\r\n  <div class=\"container\">\r\n    <div class=\"yt-tv-section-title\">\r\n      <h2>Frequently Asked Questions<\/h2>\r\n      <p>Learn how to use the YouTube Title Viewer effectively.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"row justify-content-center\">\r\n      <div class=\"col-lg-8\">\r\n        <div class=\"accordion\" id=\"faqAccordion\">\r\n          <div class=\"yt-tv-faq-item accordion-item mb-3\">\r\n            <h2 class=\"accordion-header\">\r\n              <button class=\"yt-tv-faq-question accordion-button collapsed\" data-bs-toggle=\"collapse\" data-bs-target=\"#faqCollapse1\">\r\n                Can I view titles from private YouTube videos?\r\n              <\/button>\r\n            <\/h2>\r\n            <div id=\"faqCollapse1\" class=\"accordion-collapse collapse\" data-bs-parent=\"#faqAccordion\">\r\n              <div class=\"yt-tv-faq-answer accordion-body\">\r\n                No. The YouTube Title Viewer only extracts titles from public videos, respecting privacy settings.\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"yt-tv-faq-item accordion-item mb-3\">\r\n            <h2 class=\"accordion-header\">\r\n              <button class=\"yt-tv-faq-question accordion-button collapsed\" data-bs-toggle=\"collapse\" data-bs-target=\"#faqCollapse2\">\r\n                Do I need a YouTube account to view titles?\r\n              <\/button>\r\n            <\/h2>\r\n            <div id=\"faqCollapse2\" class=\"accordion-collapse collapse\" data-bs-parent=\"#faqAccordion\">\r\n              <div class=\"yt-tv-faq-answer accordion-body\">\r\n                No. The YouTube Title Viewer works without a login.\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"yt-tv-faq-item accordion-item mb-3\">\r\n            <h2 class=\"accordion-header\">\r\n              <button class=\"yt-tv-faq-question accordion-button collapsed\" data-bs-toggle=\"collapse\" data-bs-target=\"#faqCollapse3\">\r\n                Is the YouTube Title Viewer free to use?\r\n              <\/button>\r\n            <\/h2>\r\n            <div id=\"faqCollapse3\" class=\"accordion-collapse collapse\" data-bs-parent=\"#faqAccordion\">\r\n              <div class=\"yt-tv-faq-answer accordion-body\">\r\n                Yes. It\u2019s a free tool with no charges or subscriptions.\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"yt-tv-faq-item accordion-item mb-3\">\r\n            <h2 class=\"accordion-header\">\r\n              <button class=\"yt-tv-faq-question accordion-button collapsed\" data-bs-toggle=\"collapse\" data-bs-target=\"#faqCollapse4\">\r\n                Is this tool affiliated with YouTube?\r\n              <\/button>\r\n            <\/h2>\r\n            <div id=\"faqCollapse4\" class=\"accordion-collapse collapse\" data-bs-parent=\"#faqAccordion\">\r\n              <div class=\"yt-tv-faq-answer accordion-body\">\r\n                No. This is an independent YouTube Title Viewer, and viewing is anonymous with no user alerts.\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- CTA Section -->\r\n<section class=\"vr-tool-cta\">\r\n  <div class=\"container\" style=\"text-align: center;\">\r\n    <h2 class=\"yt-tv-cta-title text-white\">Try the YouTube Title Viewer Now<\/h2>\r\n    <p class=\"yt-tv-cta-sub\">\r\n      View public YouTube video titles anonymously without login. Safe, private, and easy to use.\r\n    <\/p>\r\n    <div class=\"yt-tv-cta-group\">\r\n      <a href=\"#\" class=\"btn btn-lg\">Try It Now<\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n  document.querySelectorAll('.yt-tv-faq-question').forEach(btn=>{\r\n    btn.addEventListener('click', ()=>{\r\n      document.querySelectorAll('.yt-tv-faq-question').forEach(b=>{ if(b!==btn) b.classList.add('collapsed'); });\r\n      btn.classList.toggle('collapsed');\r\n    });\r\n  });\r\n<\/script>[\/et_pb_fullwidth_code][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p> <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n    <style>\r\n        \/* \r\n         * FIX: Restored the global reset. This is crucial for removing the default\r\n         * body margin that was breaking the full-page background. This is a\r\n         * common and safe reset.\r\n         *\/\r\n        .yttv-wrapper * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        \/* \r\n         * The main wrapper styles for encapsulation,\r\n         * ensuring the background and font settings don't leak globally\r\n         * beyond the component itself.\r\n         *\/\r\n        .yttv-wrapper {\r\n            font-family: 'Inter', sans-serif;\r\n            \r\n      background: hsla(159, 82%, 55%, 1);\r\n\r\nbackground: linear-gradient(90deg, hsla(159, 82%, 55%, 1) 0%, hsla(206, 98%, 48%, 1) 100%);\r\n\r\nbackground: -moz-linear-gradient(90deg, hsla(159, 82%, 55%, 1) 0%, hsla(206, 98%, 48%, 1) 100%);\r\n\r\nbackground: -webkit-linear-gradient(90deg, hsla(159, 82%, 55%, 1) 0%, hsla(206, 98%, 48%, 1) 100%);\r\n\r\nfilter: progid: DXImageTransform.Microsoft.gradient( startColorstr=\"#2FEAA8\", endColorstr=\"#028CF3\", GradientType=1 );\r\n            color: #ffffff;\r\n           \r\n            line-height: 1.5;\r\n            font-size: 30px;\r\n            font-weight: 700;\r\n        }\r\n\r\n        .yttv-container {\r\n            max-width: 64%;\r\n            margin: 0 auto;\r\n            padding: 100px 16px; \r\n        }\r\n\r\n        \/* Header *\/\r\n        .yttv-header {\r\n            text-align: center;\r\n            margin-bottom: 40px;\r\n            padding: 30px 0;\r\n        }\r\n\r\n        .yttv-logo-container {\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: 15px;\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .yttv-logo {\r\n            width: 50px;\r\n            height: 50px;\r\n            background: linear-gradient(135deg, #ff6b6b, #ee5a52, #ff4757, #ff3838);\r\n            border-radius: 12px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            box-shadow: 0 8px 25px rgba(255, 71, 87, 0.4);\r\n        }\r\n\r\n        .yttv-youtube-icon {\r\n            width: 28px;\r\n            height: 28px;\r\n            fill: white;\r\n        }\r\n\r\n        .yttv-title {\r\n            font-size: 2.2rem;\r\n            font-weight: 800;\r\n            background: linear-gradient(135deg, #ffffff, #f1f2f6, #e3f2fd, #bbdefb);\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n            background-clip: text;\r\n            margin-bottom: 8px;\r\n        }\r\n\r\n        .yttv-subtitle {\r\n            font-size: 1rem;\r\n            color: rgba(255, 255, 255, 0.8);\r\n            font-weight: 500;\r\n        }\r\n\r\n        \/* Input Section *\/\r\n        .yttv-input-section {\r\n            background: linear-gradient(135deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.05));\r\n            backdrop-filter: blur(20px);\r\n            border-radius: 20px;\r\n            padding: 30px;\r\n            margin-bottom: 30px;\r\n            border: 1px solid rgba(255, 255, 255, 0.3);\r\n            box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);\r\n        }\r\n\r\n        .yttv-input-title {\r\n            font-size: 1.3rem;\r\n            font-weight: 700;\r\n            color: white;\r\n            margin-bottom: 15px;\r\n            text-align: center;\r\n        }\r\n\r\n        .yttv-input-group {\r\n            display: flex;\r\n            gap: 12px;\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n     .yttv-input-field {\r\n\tflex: 1;\r\n\tpadding: 14px 18px;\r\n\tborder: 2px solid rgba(255, 255, 255, 0.2);\r\n\tborder-radius: 12px;\r\n\tbackground: rgba(255, 255, 255, 0.1);\r\n\tcolor: #1b5071;\r\n\tfont-size: 14px;\r\n\tfont-weight: 500;\r\n\ttransition: all 0.3s ease;\r\n\tfont-family: 'Inter', sans-serif;\r\n}\r\n\r\n        .yttv-input-field:focus {\r\n            outline: none;\r\n            border-color: #5f27cd;\r\n            background: rgba(255, 255, 255, 0.15);\r\n        }\r\n\r\n        .yttv-input-field::placeholder {\r\n            color: rgba(255, 255, 255, 0.6);\r\n        }\r\n\r\n        .yttv-btn {\r\n            padding: 14px 20px;\r\n            border: none;\r\n            border-radius: 12px;\r\n            font-size: 14px;\r\n            font-weight: 600;\r\n            cursor: pointer;\r\n            transition: all 0.3s ease;\r\n            font-family: 'Inter', sans-serif;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n        }\r\n\r\n        .yttv-btn-paste {\r\n            background: linear-gradient(135deg, #5f27cd, #341f97, #2e1065, #1e1b4b);\r\n            color: white;\r\n            box-shadow: 0 4px 15px rgba(95, 39, 205, 0.4);\r\n        }\r\n\r\n        .yttv-btn-paste:hover {\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 6px 20px rgba(95, 39, 205, 0.4);\r\n        }\r\n\r\n     .yttv-btn-find {\r\n\tbackground: linear-gradient(135deg, #2a82a4, #4b7cb9, #2e86de, #1e90ff);\r\n\tcolor: white;\r\n\twidth: 100%;\r\n\tjustify-content: center;\r\n\tpadding: 16px;\r\n\tfont-size: 16px;\r\n\tfont-weight: 700;\r\n\tbox-shadow: 0 4px 15px rgba(0, 210, 211, 0.4);\r\n}\r\n\r\n        .yttv-btn-find:hover {\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 6px 20px rgba(0, 210, 211, 0.4);\r\n        }\r\n\r\n        .yttv-btn:disabled {\r\n            opacity: 0.6;\r\n            cursor: not-allowed;\r\n            transform: none !important;\r\n        }\r\n\r\n        .yttv-btn-icon {\r\n            width: 16px;\r\n            height: 16px;\r\n            fill: currentColor;\r\n        }\r\n\r\n        \/* Loading *\/\r\n        .yttv-loading {\r\n            display: none;\r\n            text-align: center;\r\n            padding: 40px;\r\n            background: rgba(255, 255, 255, 0.1);\r\n            backdrop-filter: blur(20px);\r\n            border-radius: 20px;\r\n            margin-bottom: 30px;\r\n            border: 1px solid rgba(255, 255, 255, 0.2);\r\n        }\r\n\r\n        .yttv-loading-spinner {\r\n            width: 40px;\r\n            height: 40px;\r\n            border: 3px solid rgba(255, 255, 255, 0.3);\r\n            border-top: 3px solid #00d2d3;\r\n            border-radius: 50%;\r\n            animation: yttv-spin 1s linear infinite;\r\n            margin: 0 auto 20px;\r\n        }\r\n\r\n        .yttv-loading-text {\r\n            font-size: 1.1rem;\r\n            font-weight: 600;\r\n            color: white;\r\n        }\r\n\r\n        \/* Results *\/\r\n        .yttv-results {\r\n            display: none;\r\n        }\r\n\r\n        .yttv-video-card {\r\n            background: linear-gradient(135deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.05));\r\n            backdrop-filter: blur(20px);\r\n            border-radius: 20px;\r\n            border: 1px solid rgba(255, 255, 255, 0.3);\r\n            overflow: hidden;\r\n            box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);\r\n        }\r\n\r\n        \/* Video Header *\/\r\n        .yttv-video-header {\r\n            padding: 25px;\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 20px;\r\n        }\r\n\r\n        .yttv-thumbnail-container {\r\n            position: relative;\r\n            border-radius: 12px;\r\n            overflow: hidden;\r\n            aspect-ratio: 16\/9;\r\n            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);\r\n        }\r\n\r\n        .yttv-thumbnail {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n        }\r\n\r\n        .yttv-video-info .yttv-video-title {\r\n            font-size: 1.4rem;\r\n            font-weight: 700;\r\n            color: white;\r\n            margin-bottom: 15px;\r\n            line-height: 1.3;\r\n        }\r\n\r\n        .yttv-channel-info {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 12px;\r\n            padding: 15px;\r\n            background: rgba(255, 255, 255, 0.1);\r\n            border-radius: 12px;\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .yttv-channel-avatar {\r\n            width: 40px;\r\n            height: 40px;\r\n            background: linear-gradient(135deg, #ff4757, #ff3838, #ff2d55, #ff1744);\r\n            border-radius: 10px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n        }\r\n\r\n        .yttv-channel-icon {\r\n            width: 20px;\r\n            height: 20px;\r\n            fill: white;\r\n        }\r\n\r\n        .yttv-channel-details .yttv-channel-name {\r\n            font-size: 1rem;\r\n            font-weight: 600;\r\n            color: white;\r\n            margin-bottom: 2px;\r\n        }\r\n\r\n        .yttv-channel-link {\r\n            color: #00d2d3;\r\n            text-decoration: none;\r\n            font-weight: 600;\r\n        }\r\n\r\n        .yttv-channel-link:hover {\r\n            color: #54a0ff;\r\n        }\r\n\r\n        .yttv-verified-text {\r\n            color: rgba(255, 255, 255, 0.7);\r\n            font-size: 0.85rem;\r\n        }\r\n\r\n        \/* Stats Grid *\/\r\n        .yttv-stats-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\r\n            gap: 15px;\r\n        }\r\n\r\n        .yttv-stat-card {\r\n            background: linear-gradient(135deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.05));\r\n            border-radius: 12px;\r\n            padding: 15px;\r\n            text-align: center;\r\n            border: 1px solid rgba(255, 255, 255, 0.3);\r\n            transition: transform 0.3s ease;\r\n        }\r\n\r\n        .yttv-stat-card:hover {\r\n            transform: translateY(-3px);\r\n        }\r\n\r\n        .yttv-stat-icon {\r\n            width: 24px;\r\n            height: 24px;\r\n            margin: 0 auto 8px;\r\n            padding: 6px;\r\n            border-radius: 8px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n        }\r\n\r\n        .yttv-stat-card.yttv-views .yttv-stat-icon {\r\n            background: linear-gradient(135deg, #54a0ff, #2e86de, #1e90ff, #007bff);\r\n        }\r\n\r\n        .yttv-stat-card.yttv-likes .yttv-stat-icon {\r\n            background: linear-gradient(135deg, #ff6b6b, #ee5a52, #ff4757, #ff3838);\r\n        }\r\n\r\n        .yttv-stat-card.yttv-published .yttv-stat-icon {\r\n            background: linear-gradient(135deg, #5f27cd, #341f97, #2e1065, #1e1b4b);\r\n        }\r\n      \r\n      .yttv-channel-link {\r\n\tcolor: #2a7f80;\r\n\ttext-decoration: none;\r\n\tfont-weight: 600;\r\n}\r\n\r\n        .yttv-stat-icon svg {\r\n            width: 12px;\r\n            height: 12px;\r\n            fill: white;\r\n        }\r\n\r\n        .yttv-stat-label {\r\n            font-size: 0.75rem;\r\n            color: rgba(255, 255, 255, 0.7);\r\n            font-weight: 500;\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.5px;\r\n            margin-bottom: 4px;\r\n        }\r\n\r\n        .yttv-stat-value {\r\n            font-size: 1.1rem;\r\n            font-weight: 700;\r\n            color: white;\r\n        }\r\n\r\n        \/* Title Section *\/\r\n        .yttv-title-section {\r\n            padding: 25px;\r\n            background: rgba(255, 255, 255, 0.05);\r\n            border-top: 1px solid rgba(255, 255, 255, 0.1);\r\n        }\r\n\r\n        .yttv-section-header {\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: space-between;\r\n            margin-bottom: 20px;\r\n            flex-wrap: wrap;\r\n            gap: 15px;\r\n        }\r\n\r\n        .yttv-section-title {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 12px;\r\n        }\r\n\r\n        .yttv-section-icon {\r\n            width: 40px;\r\n            height: 40px;\r\n            background: linear-gradient(135deg, #5f27cd, #341f97, #2e1065, #1e1b4b);\r\n            border-radius: 10px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n        }\r\n\r\n        .yttv-section-icon svg {\r\n            width: 20px;\r\n            height: 20px;\r\n            fill: white;\r\n        }\r\n\r\n        .yttv-section-title-text .yttv-section-title-heading {\r\n            font-size: 1.2rem;\r\n            font-weight: 700;\r\n            color: white;\r\n            margin-bottom: 2px;\r\n        }\r\n\r\n        .yttv-section-title-text p {\r\n            font-size: 0.85rem;\r\n            color: rgba(255, 255, 255, 0.7);\r\n        }\r\n\r\n        .yttv-copy-btn {\r\n            background: linear-gradient(135deg, #00d2d3, #54a0ff, #2e86de, #1e90ff);\r\n            color: white;\r\n            border: none;\r\n            padding: 10px 16px;\r\n            border-radius: 10px;\r\n            cursor: pointer;\r\n            font-weight: 600;\r\n            font-size: 0.9rem;\r\n            transition: all 0.3s ease;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n        }\r\n\r\n        .yttv-copy-btn:hover {\r\n            transform: translateY(-2px);\r\n        }\r\n\r\n        .yttv-copy-btn.yttv-copied {\r\n            background: linear-gradient(135deg, #2ed573, #1e90ff);\r\n        }\r\n\r\n        .yttv-copy-icon {\r\n            width: 14px;\r\n            height: 14px;\r\n            fill: currentColor;\r\n        }\r\n\r\n        .yttv-title-content {\r\n            background: rgba(255, 255, 255, 0.1);\r\n            padding: 20px;\r\n            border-radius: 12px;\r\n            border-left: 4px solid #5f27cd;\r\n            color: rgba(255, 255, 255, 0.9);\r\n            line-height: 1.6;\r\n            font-size: 0.9rem;\r\n            white-space: pre-wrap;\r\n            border: 1px solid rgba(255, 255, 255, 0.1);\r\n        }\r\n\r\n        \/* Error State *\/\r\n        .yttv-error {\r\n            background: rgba(255, 107, 107, 0.1);\r\n            backdrop-filter: blur(20px);\r\n            border-radius: 20px;\r\n            padding: 30px;\r\n            border: 1px solid rgba(255, 107, 107, 0.2);\r\n            text-align: center;\r\n            margin-bottom: 30px;\r\n        }\r\n\r\n        .yttv-error-icon {\r\n            font-size: 3rem;\r\n            margin-bottom: 15px;\r\n        }\r\n\r\n        .yttv-error .yttv-error-title {\r\n            font-size: 1.3rem;\r\n            font-weight: 700;\r\n            color: #ff6b6b;\r\n            margin-bottom: 10px;\r\n        }\r\n\r\n        .yttv-error .yttv-error-message {\r\n            font-size: 0.95rem;\r\n            color: rgba(255, 107, 107, 0.8);\r\n            margin-bottom: 8px;\r\n        }\r\n\r\n        .yttv-error .yttv-error-details {\r\n            color: rgba(255, 255, 255, 0.7);\r\n            font-size: 0.85rem;\r\n        }\r\n\r\n        \/* Features Grid *\/\r\n        .yttv-features-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\r\n            gap: 15px;\r\n            margin-bottom: 30px;\r\n        }\r\n\r\n        .yttv-feature-card {\r\n            background: linear-gradient(135deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.05));\r\n            backdrop-filter: blur(20px);\r\n            border-radius: 12px;\r\n            padding: 20px;\r\n            text-align: center;\r\n            border: 1px solid rgba(255, 255, 255, 0.3);\r\n            transition: transform 0.3s ease;\r\n        }\r\n\r\n        .yttv-feature-card:hover {\r\n            transform: translateY(-5px);\r\n        }\r\n\r\n        .yttv-feature-icon {\r\n            font-size: 1.8rem;\r\n            margin-bottom: 8px;\r\n            display: block;\r\n        }\r\n\r\n        .yttv-feature-text {\r\n            font-size: 0.85rem;\r\n            font-weight: 600;\r\n            color: white;\r\n        }\r\n\r\n        \/* Animations *\/\r\n        @keyframes yttv-spin {\r\n            to {\r\n                transform: rotate(360deg);\r\n            }\r\n        }\r\n\t\t\t\r\n\t\t\t.yttv-input-field {\r\n\tflex: 1;\r\n\tpadding: 14px 18px !important;\r\n\tborder: 2px solid rgba(255, 255, 255, 0.2) !important;\r\n\tborder-radius: 12px;\r\n\tbackground: rgba(255, 255, 255, 0.1);\r\n\tcolor: #1b5071;\r\n\tfont-size: 14px;\r\n\tfont-weight: 500;\r\n\ttransition: all 0.3s ease;\r\n\tfont-family: 'Inter', sans-serif;\r\n}\r\n\t\t\t\r\n\t\t\tinput.text, input.title, input[type=\"email\"], input[type=\"password\"], input[type=\"tel\"], input[type=\"text\"], select, textarea {\r\n\tbackground-color: transparent;\r\n}\r\n\r\n        \/* \r\n         * FIX: Custom Scrollbar styles are scoped to wrapper.\r\n         * Prefixing them with wrapper class prevents them from applying to the main\r\n         * document scrollbar. This change makes them work as intended again.\r\n         *\/\r\n        .yttv-wrapper ::-webkit-scrollbar {\r\n            width: 6px;\r\n        }\r\n\r\n        .yttv-wrapper ::-webkit-scrollbar-track {\r\n            background: rgba(255, 255, 255, 0.1);\r\n            border-radius: 3px;\r\n        }\r\n\r\n        .yttv-wrapper ::-webkit-scrollbar-thumb {\r\n            background: linear-gradient(135deg, #5f27cd, #341f97, #2e1065, #1e1b4b);\r\n            border-radius: 3px;\r\n        }\r\n\r\n        \/* Responsive *\/\r\n        @media (max-width: 768px) {\r\n            .yttv-container {\r\n                padding: 15px;\r\n            }\r\n\r\n            .yttv-title {\r\n                font-size: 1.8rem;\r\n            }\r\n\r\n            .yttv-input-group {\r\n                flex-direction: column;\r\n            }\r\n\r\n            .yttv-input-section,\r\n            .yttv-loading,\r\n            .yttv-error {\r\n                padding: 20px;\r\n            }\r\n\r\n            .yttv-video-header {\r\n                padding: 20px;\r\n            }\r\n\t\t\t\t\t.yttv-title {\r\n\tfont-size: 1.3rem;\r\n\tmargin-top: 40px;\r\n}\r\n        }\r\n\r\n        \/* Search Again Button *\/\r\n        .yttv-search-again-section {\r\n            padding: 25px;\r\n            background: rgba(255, 255, 255, 0.05);\r\n            border-top: 1px solid rgba(255, 255, 255, 0.1);\r\n            text-align: center;\r\n        }\r\n\r\n        .yttv-btn-search-again {\r\n            background: linear-gradient(135deg, #ff6b6b, #ee5a52, #ff4757, #ff3838);\r\n            color: white;\r\n            border: none;\r\n            padding: 14px 24px;\r\n            border-radius: 12px;\r\n            cursor: pointer;\r\n            font-weight: 600;\r\n            font-size: 1rem;\r\n            transition: all 0.3s ease;\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 10px;\r\n            box-shadow: 0 4px 15px rgba(255, 107, 107, 0.4);\r\n        }\r\n\r\n        .yttv-btn-search-again:hover {\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 6px 20px rgba(255, 107, 107, 0.4);\r\n        }\r\n\r\n        .yttv-search-again-icon {\r\n            width: 16px;\r\n            height: 16px;\r\n            fill: currentColor;\r\n        }\r\n      \r\n              @media (max-width: 991px) {\r\n            .yttv-container {\r\n                max-width: 720px;\r\n                padding: 15px;\r\n            }\r\n\r\n            .yttv-title {\r\n                font-size: 2rem;\r\n            }\r\n\r\n            .yttv-subtitle {\r\n                font-size: 0.9rem;\r\n            }\r\n\r\n            .yttv-input-section,\r\n            .yttv-loading,\r\n            .yttv-error {\r\n                padding: 25px;\r\n            }\r\n\r\n            .yttv-input-title {\r\n                font-size: 1.2rem;\r\n            }\r\n\r\n            .yttv-input-group {\r\n                flex-direction: column;\r\n                gap: 10px;\r\n            }\r\n\r\n            .yttv-btn {\r\n                width: 100%;\r\n                justify-content: center;\r\n            }\r\n\r\n            .yttv-video-header {\r\n                flex-direction: column;\r\n                padding: 20px;\r\n                gap: 15px;\r\n            }\r\n\r\n            .yttv-video-info .yttv-video-title {\r\n                font-size: 1.2rem;\r\n                margin-bottom: 10px;\r\n            }\r\n\r\n            .yttv-channel-info {\r\n                padding: 10px;\r\n                margin-bottom: 15px;\r\n            }\r\n\r\n            .yttv-channel-name {\r\n                font-size: 0.9rem;\r\n            }\r\n\r\n            .yttv-stats-grid {\r\n                grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));\r\n                gap: 10px;\r\n            }\r\n\r\n            .yttv-stat-card {\r\n                padding: 12px;\r\n            }\r\n\r\n            .yttv-stat-label {\r\n                font-size: 0.7rem;\r\n            }\r\n\r\n            .yttv-stat-value {\r\n                font-size: 1rem;\r\n            }\r\n\r\n            .yttv-section-header {\r\n                flex-direction: column;\r\n                align-items: flex-start;\r\n                gap: 10px;\r\n            }\r\n\r\n            .yttv-section-title-text .yttv-section-title-heading {\r\n                font-size: 1.1rem;\r\n            }\r\n\r\n            .yttv-copy-btn {\r\n                width: 100%;\r\n                justify-content: center;\r\n            }\r\n\r\n            .yttv-title-content {\r\n                padding: 15px;\r\n                font-size: 0.85rem;\r\n            }\r\n\r\n            .yttv-error .yttv-error-title {\r\n                font-size: 1.2rem;\r\n            }\r\n\r\n            .yttv-error .yttv-error-message {\r\n                font-size: 0.9rem;\r\n            }\r\n\r\n            .yttv-features-grid {\r\n                grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\r\n                gap: 10px;\r\n            }\r\n\r\n            .yttv-feature-card {\r\n                padding: 15px;\r\n            }\r\n\r\n            .yttv-feature-text {\r\n                font-size: 0.8rem;\r\n            }\r\n\r\n            .yttv-btn-search-again {\r\n                font-size: 0.9rem;\r\n                padding: 12px 20px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .yttv-container {\r\n                max-width: 100%;\r\n                padding: 15px;\r\n            }\r\n\r\n            .yttv-title {\r\n                font-size: 1.8rem;\r\n            }\r\n\r\n            .yttv-subtitle {\r\n                font-size: 0.85rem;\r\n            }\r\n\r\n            .yttv-input-section,\r\n            .yttv-loading,\r\n            .yttv-error {\r\n                padding: 20px;\r\n            }\r\n\r\n            .yttv-input-title {\r\n                font-size: 1.1rem;\r\n            }\r\n\r\n            .yttv-video-info .yttv-video-title {\r\n                font-size: 1.1rem;\r\n            }\r\n\r\n            .yttv-stats-grid {\r\n                grid-template-columns: 1fr 1fr; \/* Two columns on smaller screens *\/\r\n            }\r\n\r\n            .yttv-section-title-text .yttv-section-title-heading {\r\n                font-size: 1rem;\r\n            }\r\n\r\n            .yttv-title-content {\r\n                font-size: 0.8rem;\r\n            }\r\n\r\n            .yttv-btn-find {\r\n                padding: 14px;\r\n                font-size: 15px;\r\n            }\r\n\t\t\t\t\t.yttv-title {\r\n\tfont-size: 1.3rem;\r\n\tmargin-top: 40px;\r\n}\r\n\t\t\t\t\t.yttv-logo {\r\n\twidth: 45px;\r\n\theight: 45px;\r\n\tborder-radius: 10px;\r\n\tmargin-top: 27px;\r\n}\r\n        }\r\n\r\n        @media (max-width: 600px) {\r\n            .yttv-header {\r\n                padding: 20px 0;\r\n                margin-bottom: 30px;\r\n            }\r\n\r\n            .yttv-logo-container {\r\n                gap: 10px;\r\n                margin-bottom: 15px;\r\n            }\r\n\r\n            .yttv-logo {\r\n                width: 45px;\r\n                height: 45px;\r\n                border-radius: 10px;\r\n            }\r\n\r\n            .yttv-youtube-icon {\r\n                width: 25px;\r\n                height: 25px;\r\n            }\r\n\r\n            .yttv-title {\r\n                font-size: 1.6rem;\r\n            }\r\n\r\n            .yttv-subtitle {\r\n                font-size: 0.8rem;\r\n            }\r\n\r\n            .yttv-input-field {\r\n                padding: 12px 15px;\r\n                font-size: 13px;\r\n            }\r\n\r\n            .yttv-btn {\r\n                padding: 12px 15px;\r\n                font-size: 13px;\r\n            }\r\n\r\n            .yttv-btn-find {\r\n                padding: 14px;\r\n                font-size: 14px;\r\n            }\r\n\r\n            .yttv-loading-spinner {\r\n                width: 35px;\r\n                height: 35px;\r\n            }\r\n\r\n            .yttv-loading-text {\r\n                font-size: 1rem;\r\n            }\r\n\r\n            .yttv-video-header {\r\n                padding: 15px;\r\n            }\r\n\r\n            .yttv-video-info .yttv-video-title {\r\n                font-size: 1rem;\r\n            }\r\n\r\n            .yttv-channel-avatar {\r\n                width: 35px;\r\n                height: 35px;\r\n            }\r\n\r\n            .yttv-channel-icon {\r\n                width: 18px;\r\n                height: 18px;\r\n            }\r\n\r\n            .yttv-channel-name {\r\n                font-size: 0.85rem;\r\n            }\r\n\r\n            .yttv-verified-text {\r\n                font-size: 0.75rem;\r\n            }\r\n\r\n            .yttv-stats-grid {\r\n                grid-template-columns: 1fr; \/* Stack on very small screens *\/\r\n            }\r\n\r\n            .yttv-stat-card {\r\n                padding: 10px;\r\n            }\r\n\r\n            .yttv-stat-label {\r\n                font-size: 0.65rem;\r\n            }\r\n\r\n            .yttv-stat-value {\r\n                font-size: 0.9rem;\r\n            }\r\n\r\n            .yttv-section-icon {\r\n                width: 35px;\r\n                height: 35px;\r\n            }\r\n\r\n            .yttv-section-icon svg {\r\n                width: 18px;\r\n                height: 18px;\r\n            }\r\n\r\n            .yttv-section-title-text .yttv-section-title-heading {\r\n                font-size: 0.95rem;\r\n            }\r\n\r\n            .yttv-section-title-text p {\r\n                font-size: 0.8rem;\r\n            }\r\n\r\n            .yttv-copy-btn {\r\n                padding: 8px 12px;\r\n                font-size: 0.8rem;\r\n            }\r\n\r\n            .yttv-title-content {\r\n                padding: 12px;\r\n                font-size: 0.75rem;\r\n            }\r\n\r\n            .yttv-error .yttv-error-icon {\r\n                font-size: 2.5rem;\r\n            }\r\n\r\n            .yttv-error .yttv-error-title {\r\n                font-size: 1.1rem;\r\n            }\r\n\r\n            .yttv-error .yttv-error-message {\r\n                font-size: 0.85rem;\r\n            }\r\n\r\n            .yttv-features-grid {\r\n                grid-template-columns: 1fr 1fr;\r\n            }\r\n\r\n            .yttv-feature-card {\r\n                padding: 15px;\r\n            }\r\n\r\n            .yttv-feature-text {\r\n                font-size: 0.75rem;\r\n            }\r\n\r\n            .yttv-btn-search-again {\r\n                font-size: 0.85rem;\r\n                padding: 10px 18px;\r\n            }\r\n\t\t\t\t\t.yttv-wrapper {\r\n\tfont-family: 'Inter', sans-serif;\r\n\tcolor: #ffffff;\r\n\tline-height: 1.5;\r\n\tfont-size: 14px;\r\n\tfont-weight: 700;\r\n}\r\n\t\t\t\t\t.yttv-title {\r\n\tfont-size: 1.3rem;\r\n\tmargin-top: 40px;\r\n}\r\n\t\t\t\t\t.yttv-logo {\r\n\twidth: 45px;\r\n\theight: 45px;\r\n\tborder-radius: 10px;\r\n\tmargin-top: 27px;\r\n}\r\n        }\r\n\r\n        @media (max-width: 400px) {\r\n            .yttv-container {\r\n                padding: 10px;\r\n            }\r\n\r\n            .yttv-title {\r\n                font-size: 1.4rem;\r\n            }\r\n\r\n            .yttv-subtitle {\r\n                font-size: 0.75rem;\r\n            }\r\n\r\n            .yttv-input-section,\r\n            .yttv-loading,\r\n            .yttv-error {\r\n                padding: 15px;\r\n            }\r\n\r\n            .yttv-input-title {\r\n                font-size: 1rem;\r\n            }\r\n\r\n            .yttv-btn-paste {\r\n                padding: 10px 12px;\r\n                font-size: 12px;\r\n            }\r\n\r\n            .yttv-btn-find {\r\n                padding: 12px;\r\n                font-size: 13px;\r\n            }\r\n\r\n            .yttv-loading-spinner {\r\n                width: 30px;\r\n                height: 30px;\r\n            }\r\n\r\n            .yttv-loading-text {\r\n                font-size: 0.9rem;\r\n            }\r\n\r\n            .yttv-video-info .yttv-video-title {\r\n                font-size: 0.95rem;\r\n            }\r\n\r\n            .yttv-channel-name {\r\n                font-size: 0.8rem;\r\n            }\r\n\r\n            .yttv-verified-text {\r\n                font-size: 0.7rem;\r\n            }\r\n\r\n            .yttv-section-title-text .yttv-section-title-heading {\r\n                font-size: 0.9rem;\r\n            }\r\n\r\n            .yttv-section-title-text p {\r\n                font-size: 0.75rem;\r\n            }\r\n\r\n            .yttv-copy-btn {\r\n                font-size: 0.75rem;\r\n            }\r\n\r\n            .yttv-title-content {\r\n                font-size: 0.7rem;\r\n            }\r\n\r\n            .yttv-error .yttv-error-title {\r\n                font-size: 1rem;\r\n            }\r\n\r\n            .yttv-error .yttv-error-message {\r\n                font-size: 0.8rem;\r\n            }\r\n\r\n            .yttv-features-grid {\r\n                grid-template-columns: 1fr; \/* Stack on smallest screens *\/\r\n            }\r\n\r\n            .yttv-feature-card {\r\n                padding: 12px;\r\n            }\r\n\r\n            .yttv-feature-text {\r\n                font-size: 0.7rem;\r\n            }\r\n\r\n            .yttv-btn-search-again {\r\n                font-size: 0.8rem;\r\n                padding: 8px 15px;\r\n            }\r\n\t\t\t\t\t.yttv-wrapper {\r\n\tfont-family: 'Inter', sans-serif;\r\n\tcolor: #ffffff;\r\n\tline-height: 1.5;\r\n\tfont-size: 14px;\r\n\tfont-weight: 700;\r\n}\r\n\t\t\t\t\t.yttv-title {\r\n\tfont-size: 1.3rem;\r\n\tmargin-top: 40px;\r\n}\r\n\t\t\t\t\t.yttv-logo {\r\n\twidth: 45px;\r\n\theight: 45px;\r\n\tborder-radius: 10px;\r\n\tmargin-top: 27px;\r\n}\r\n        }\r\n\r\n        @media (max-width: 375px) {\r\n            .yttv-title {\r\n                font-size: 1.3rem;\r\n            }\r\n\r\n            .yttv-subtitle {\r\n                font-size: 0.7rem;\r\n            }\r\n\r\n            .yttv-input-field {\r\n                font-size: 12px;\r\n            }\r\n\r\n            .yttv-btn-paste {\r\n                font-size: 11px;\r\n            }\r\n\r\n            .yttv-btn-find {\r\n                font-size: 12px;\r\n            }\r\n\r\n            .yttv-video-info .yttv-video-title {\r\n                font-size: 0.9rem;\r\n            }\r\n\r\n            .yttv-channel-name {\r\n                font-size: 0.75rem;\r\n            }\r\n\r\n            .yttv-verified-text {\r\n                font-size: 0.65rem;\r\n            }\r\n\r\n            .yttv-stat-label {\r\n                font-size: 0.6rem;\r\n            }\r\n\r\n            .yttv-stat-value {\r\n                font-size: 0.8rem;\r\n            }\r\n\r\n            .yttv-section-title-text .yttv-section-title-heading {\r\n                font-size: 0.85rem;\r\n            }\r\n\r\n            .yttv-section-title-text p {\r\n                font-size: 0.7rem;\r\n            }\r\n\r\n            .yttv-copy-btn {\r\n                font-size: 0.7rem;\r\n                padding: 7px 10px;\r\n            }\r\n\r\n            .yttv-title-content {\r\n                font-size: 0.65rem;\r\n            }\r\n\r\n            .yttv-error .yttv-error-title {\r\n                font-size: 0.95rem;\r\n            }\r\n\r\n            .yttv-error .yttv-error-message {\r\n                font-size: 0.75rem;\r\n            }\r\n\r\n            .yttv-feature-text {\r\n                font-size: 0.65rem;\r\n            }\r\n\r\n            .yttv-btn-search-again {\r\n                font-size: 0.75rem;\r\n                padding: 7px 12px;\r\n            }\r\n\t\t\t\t\t.yttv-wrapper {\r\n\tfont-family: 'Inter', sans-serif;\r\n\tcolor: #ffffff;\r\n\tline-height: 1.5;\r\n\tfont-size: 14px;\r\n\tfont-weight: 700;\r\n}\r\n\t\t\t\t\t.yttv-title {\r\n\tfont-size: 1.3rem;\r\n\tmargin-top: 40px;\r\n}\r\n\t\t\t\t\t.yttv-logo {\r\n\twidth: 45px;\r\n\theight: 45px;\r\n\tborder-radius: 10px;\r\n\tmargin-top: 27px;\r\n}\r\n        }\r\n    <\/style>\r\n\r\n    <div class=\"yttv-wrapper\">\r\n        <div class=\"yttv-container\">\r\n            <!-- Header -->\r\n            <div class=\"yttv-header\">\r\n                <div class=\"yttv-logo-container\">\r\n                    <div class=\"yttv-logo\">\r\n                        <svg class=\"yttv-youtube-icon\" viewBox=\"0 0 24 24\">\r\n                            <path d=\"M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z\"><\/path>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <div>\r\n                        <h1 class=\"yttv-title\">YouTube Title Viewer<\/h1>\r\n                        <p class=\"yttv-subtitle\">Extract video titles instantly<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Features Grid -->\r\n                <div class=\"yttv-features-grid\">\r\n                    <div class=\"yttv-feature-card\">\r\n                        <span class=\"yttv-feature-icon\">\u26a1<\/span>\r\n                        <p class=\"yttv-feature-text\">Fast<\/p>\r\n                    <\/div>\r\n                    <div class=\"yttv-feature-card\">\r\n                        <span class=\"yttv-feature-icon\">\ud83d\udd12<\/span>\r\n                        <p class=\"yttv-feature-text\">Secure<\/p>\r\n                    <\/div>\r\n                    <div class=\"yttv-feature-card\">\r\n                        <span class=\"yttv-feature-icon\">\ud83d\udcf1<\/span>\r\n                        <p class=\"yttv-feature-text\">Mobile<\/p>\r\n                    <\/div>\r\n                    <div class=\"yttv-feature-card\">\r\n                        <span class=\"yttv-feature-icon\">\ud83c\udd93<\/span>\r\n                        <p class=\"yttv-feature-text\">Free<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Input Section -->\r\n            <div class=\"yttv-input-section\">\r\n                <div class=\"yttv-input-title\">Enter YouTube URL<\/div>\r\n\r\n                <div class=\"yttv-input-group\">\r\n                    <input type=\"text\" id=\"yttv-videoInput\" class=\"yttv-input-field\" placeholder=\"Paste YouTube URL here...\">\r\n                    <button class=\"yttv-btn yttv-btn-paste\" onclick=\"pasteFromClipboard()\">\r\n                        <svg class=\"yttv-btn-icon\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\r\n                            <path d=\"M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z\"><\/path>\r\n                        <\/svg>\r\n                        Paste\r\n                    <\/button>\r\n                <\/div>\r\n\r\n                <button class=\"yttv-btn yttv-btn-find\" onclick=\"findTitle()\">\r\n                    <svg class=\"yttv-btn-icon\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\r\n                        <path d=\"M9.5,3L8,6.5H4.5L7.91,9.91L6.5,16.5L9.5,14L12.5,16.5L11.09,9.91L14.5,6.5H11L9.5,3Z\"><\/path>\r\n                    <\/svg>\r\n                    Extract Title\r\n                <\/button>\r\n            <\/div>\r\n\r\n            <!-- Loading State -->\r\n            <div class=\"yttv-loading\" id=\"yttv-loading\">\r\n                <div class=\"yttv-loading-spinner\"><\/div>\r\n                <p class=\"yttv-loading-text\">Processing your request...<\/p>\r\n            <\/div>\r\n\r\n            <!-- Results Container -->\r\n            <div class=\"yttv-results\" id=\"yttv-results\">\r\n                <!-- Results will be populated here -->\r\n            <\/div>\r\n        <\/div>\r\n    <\/div><style>       \r\n  :root{\r\n    --grad: linear-gradient(45deg,#ff0000 0%,#ff4d4d 25%,#ff6666 50%,#ff8080 75%,#ff9999 100%);\r\n    --brand:#ff0000;\r\n    --ink:#333;\r\n    --muted:#666;\r\n    --muted-2:#9498a1;\r\n    --light:#f8f9fa;\r\n    --card:#fff;\r\n    --radius:15px;\r\n    --sh:0 4px 12px rgba(0,0,0,.08);\r\n    --sh-lg:0 8px 24px rgba(0,0,0,.12);\r\n    --t:.3s ease;\r\n  }\r\n\r\n  \/* ---------- Titles ---------- *\/\r\n  .yt-tv-section-title{text-align:center; margin-bottom:60px;}\r\n  .yt-tv-section-title h2{font-weight:700; font-size:2.5rem; color:var(--brand); margin:0 0 12px;}\r\n  .yt-tv-section-title p{color:var(--muted); max-width:700px; margin:0 auto; font-size:1.05rem;}\r\n \r\n  \/* ---------- Cards ---------- *\/\r\n  .cv-card{\r\n    background:var(--card); border-radius:var(--radius); box-shadow:var(--sh);\r\n    height:100%; transition:var(--t); padding:30px;\r\n  }\r\n  .cv-card:hover{transform:translateY(-10px); box-shadow:var(--sh-lg);}\r\n\r\n  \/* Steps *\/\r\n  .yt-tv-step{ position:relative; text-align:center; }\r\n  .yt-tv-step .yt-tv-step-icon{\r\n    width:80px; height:80px; margin:0 auto 22px; border-radius:50%; display:flex; align-items:center; justify-content:center;\r\n    background:var(--grad); color:#fff; font-size:2rem; box-shadow:0 5px 15px rgba(0,0,0,.1); transition:var(--t);\r\n  }\r\n  .yt-tv-step:hover .yt-tv-step-icon{ transform:scale(1.08); }\r\n  .yt-tv-step h3{font-size:1.25rem; font-weight:700; color:var(--brand); margin:0 0 10px;}\r\n  .yt-tv-step p{color:var(--muted); margin:0;}\r\n\r\n  \/* Features *\/\r\n  .yt-tv-feature-card .yt-tv-feature-icon{font-size:2rem; display:block; margin-bottom:14px;}\r\n  .yt-tv-feature-card h3{font-size:1.2rem; font-weight:700; color:var(--brand); margin:0 0 10px;}\r\n  .yt-tv-feature-card p{color:var(--muted); margin:0;}\r\n\r\n  \/* FAQ *\/\r\n  .vr-tool-faq{ margin: 30px auto; }\r\n  .yt-tv-faq-item{ border-radius:12px; overflow:hidden; box-shadow:var(--sh); transition:var(--t); background:#fff; }\r\n  .yt-tv-faq-item:hover{ box-shadow:var(--sh-lg); }\r\n  .yt-tv-faq-question{\r\n    width:100%; padding:20px 24px; display:flex; justify-content:space-between; align-items:center;\r\n    background:#fff; border:none; text-align:left; font-weight:700; font-size:1.05rem; color:var(--brand); transition:var(--t);\r\n  }\r\n  .yt-tv-faq-question:hover{ background:rgba(255,0,0,.05); }\r\n  .yt-tv-faq-question:not(.collapsed){ background:rgba(255,0,0,.1); }\r\n  .yt-tv-faq-question:not(.collapsed)::after{ transform:rotate(180deg); }\r\n  .yt-tv-faq-answer{ padding:0 24px 22px; color:var(--muted); line-height:1.7; }\r\n\r\n  \/* CTA *\/\r\n  .vr-tool-cta{\r\n    background:var(--grad);\r\n    color:#fff;\r\n    text-align:center;\r\n    padding:50px 0;\r\n  }\r\n  .vr-tool-cta .yt-tv-cta-title{\r\n    font-size:2.4rem;\r\n    font-weight:700;\r\n    margin:0 0 20px;\r\n    line-height:1.2;\r\n  }\r\n  .vr-tool-cta .yt-tv-cta-sub{\r\n    max-width:800px;\r\n    margin:0 auto 30px;\r\n    font-size:1.1rem;\r\n    color:rgba(255,255,255,.92);\r\n  }\r\n  .vr-tool-cta .yt-tv-cta-group .btn{\r\n    background:#fff;\r\n    color:var(--brand);\r\n    font-weight:600;\r\n    padding:14px 32px;\r\n    border-radius:50px;\r\n    box-shadow:var(--sh);\r\n    transition:var(--t);\r\n    text-decoration:none;\r\n    display:inline-block;\r\n  }\r\n  .vr-tool-cta .yt-tv-cta-group .btn:hover{\r\n    transform:translateY(-3px);\r\n    box-shadow:var(--sh-lg);\r\n  }\r\n  .vr-tool-cta .yt-tv-cta-note{\r\n    margin-top:14px;\r\n    font-size:.95rem;\r\n    color:rgba(255,255,255,.85);\r\n  }\r\n\r\n  @keyframes fadeUp{ from{opacity:0; transform:translateY(14px)} to{opacity:1; transform:none} }\r\n  .animate-in{ animation: fadeUp .6s ease both; }\r\n\r\n  @media (max-width:991px){\r\n    .yt-tv-section-title h2{font-size:2.1rem}\r\n    .vr-tool-cta .yt-tv-cta-title{font-size:2.1rem}\r\n  }\r\n  @media (max-width:767px){\r\n    .yt-tv-section-title h2{font-size:1.8rem}\r\n    .cv-card{margin-bottom:20px}\r\n    .vr-tool-cta{padding:60px 0}\r\n    .vr-tool-cta .yt-tv-cta-title{font-size:1.8rem}\r\n    .vr-tool-cta .yt-tv-cta-sub{font-size:1rem}\r\n  }\r\n<\/style>\r\n\r\n<!-- How It Works -->\r\n<section class=\"vr-tool-how\">\r\n  <div class=\"container\">\r\n    <div class=\"yt-tv-section-title\">\r\n      <h2>How to Use the YouTube Title Viewer<\/h2>\r\n      <p>Follow these steps to view YouTube video titles anonymously.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"row g-4\">\r\n      <div class=\"col-md-3\">\r\n        <div class=\"cv-card yt-tv-step\">\r\n          <div class=\"yt-tv-step-icon\"><i class=\"fas fa-link\"><\/i><\/div>\r\n          <h3>Enter Video URL<\/h3>\r\n          <p>Copy the YouTube video URL to extract its title.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"col-md-3\">\r\n        <div class=\"cv-card yt-tv-step\">\r\n          <div class=\"yt-tv-step-icon\"><i class=\"fas fa-search\"><\/i><\/div>\r\n          <h3>Extract Title<\/h3>\r\n          <p>Click \u201cView Now\u201d to fetch the video title and metadata.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"col-md-3\">\r\n        <div class=\"cv-card yt-tv-step\">\r\n          <div class=\"yt-tv-step-icon\"><i class=\"fas fa-eye\"><\/i><\/div>\r\n          <h3>View Anonymously<\/h3>\r\n          <p>Display public YouTube titles privately without playing the video.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"col-md-3\">\r\n        <div class=\"cv-card yt-tv-step\">\r\n          <div class=\"yt-tv-step-icon\"><i class=\"fas fa-user-secret\"><\/i><\/div>\r\n          <h3>No Login Required<\/h3>\r\n          <p>Access titles without a YouTube account.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- Features -->\r\n<section class=\"vr-tool-features\">\r\n  <div class=\"container\">\r\n    <div class=\"yt-tv-section-title\">\r\n      <h2>YouTube Title Viewer Features<\/h2>\r\n      <p>Tools for seamless and private viewing of YouTube video titles.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"row g-4\">\r\n      <div class=\"col-md-4\">\r\n        <div class=\"cv-card yt-tv-feature-card\">\r\n          <span class=\"yt-tv-feature-icon\">\ud83d\udd12<\/span>\r\n          <h3>Anonymous Title Viewing<\/h3>\r\n          <p>View YouTube titles without revealing your identity.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"col-md-4\">\r\n        <div class=\"cv-card yt-tv-feature-card\">\r\n          <span class=\"yt-tv-feature-icon\">\ud83d\udcc4<\/span>\r\n          <h3>Public Title Access<\/h3>\r\n          <p>Extract titles from public YouTube videos effortlessly.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"col-md-4\">\r\n        <div class=\"cv-card yt-tv-feature-card\">\r\n          <span class=\"yt-tv-feature-icon\">\ud83d\udcf9<\/span>\r\n          <h3>Metadata Extraction<\/h3>\r\n          <p>Get titles, descriptions, and basic video info without playback.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"col-md-4\">\r\n        <div class=\"cv-card yt-tv-feature-card\">\r\n          <span class=\"yt-tv-feature-icon\">\ud83d\udcf1<\/span>\r\n          <h3>Multi-Device Support<\/h3>\r\n          <p>Optimized for phones, tablets, and desktops.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"col-md-4\">\r\n        <div class=\"cv-card yt-tv-feature-card\">\r\n          <span class=\"yt-tv-feature-icon\">\ud83d\udd11<\/span>\r\n          <h3>No Login Needed<\/h3>\r\n          <p>View titles without YouTube credentials.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"col-md-4\">\r\n        <div class=\"cv-card yt-tv-feature-card\">\r\n          <span class=\"yt-tv-feature-icon\">\u26a1<\/span>\r\n          <h3>Fast Access<\/h3>\r\n          <p>Quickly fetch YouTube titles anonymously.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- FAQ -->\r\n<section class=\"vr-tool-faq\">\r\n  <div class=\"container\">\r\n    <div class=\"yt-tv-section-title\">\r\n      <h2>Frequently Asked Questions<\/h2>\r\n      <p>Learn how to use the YouTube Title Viewer effectively.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"row justify-content-center\">\r\n      <div class=\"col-lg-8\">\r\n        <div class=\"accordion\" id=\"faqAccordion\">\r\n          <div class=\"yt-tv-faq-item accordion-item mb-3\">\r\n            <h2 class=\"accordion-header\">\r\n              <button class=\"yt-tv-faq-question accordion-button collapsed\" data-bs-toggle=\"collapse\" data-bs-target=\"#faqCollapse1\">\r\n                Can I view titles from private YouTube videos?\r\n              <\/button>\r\n            <\/h2>\r\n            <div id=\"faqCollapse1\" class=\"accordion-collapse collapse\" data-bs-parent=\"#faqAccordion\">\r\n              <div class=\"yt-tv-faq-answer accordion-body\">\r\n                No. The YouTube Title Viewer only extracts titles from public videos, respecting privacy settings.\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"yt-tv-faq-item accordion-item mb-3\">\r\n            <h2 class=\"accordion-header\">\r\n              <button class=\"yt-tv-faq-question accordion-button collapsed\" data-bs-toggle=\"collapse\" data-bs-target=\"#faqCollapse2\">\r\n                Do I need a YouTube account to view titles?\r\n              <\/button>\r\n            <\/h2>\r\n            <div id=\"faqCollapse2\" class=\"accordion-collapse collapse\" data-bs-parent=\"#faqAccordion\">\r\n              <div class=\"yt-tv-faq-answer accordion-body\">\r\n                No. The YouTube Title Viewer works without a login.\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"yt-tv-faq-item accordion-item mb-3\">\r\n            <h2 class=\"accordion-header\">\r\n              <button class=\"yt-tv-faq-question accordion-button collapsed\" data-bs-toggle=\"collapse\" data-bs-target=\"#faqCollapse3\">\r\n                Is the YouTube Title Viewer free to use?\r\n              <\/button>\r\n            <\/h2>\r\n            <div id=\"faqCollapse3\" class=\"accordion-collapse collapse\" data-bs-parent=\"#faqAccordion\">\r\n              <div class=\"yt-tv-faq-answer accordion-body\">\r\n                Yes. It\u2019s a free tool with no charges or subscriptions.\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"yt-tv-faq-item accordion-item mb-3\">\r\n            <h2 class=\"accordion-header\">\r\n              <button class=\"yt-tv-faq-question accordion-button collapsed\" data-bs-toggle=\"collapse\" data-bs-target=\"#faqCollapse4\">\r\n                Is this tool affiliated with YouTube?\r\n              <\/button>\r\n            <\/h2>\r\n            <div id=\"faqCollapse4\" class=\"accordion-collapse collapse\" data-bs-parent=\"#faqAccordion\">\r\n              <div class=\"yt-tv-faq-answer accordion-body\">\r\n                No. This is an independent YouTube Title Viewer, and viewing is anonymous with no user alerts.\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- CTA Section -->\r\n<section class=\"vr-tool-cta\">\r\n  <div class=\"container\" style=\"text-align: center;\">\r\n    <h2 class=\"yt-tv-cta-title text-white\">Try the YouTube Title Viewer Now<\/h2>\r\n    <p class=\"yt-tv-cta-sub\">\r\n      View public YouTube video titles anonymously without login. Safe, private, and easy to use.\r\n    <\/p>\r\n    <div class=\"yt-tv-cta-group\">\r\n      <a href=\"#\" class=\"btn btn-lg\">Try It Now<\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n  document.querySelectorAll('.yt-tv-faq-question').forEach(btn=>{\r\n    btn.addEventListener('click', ()=>{\r\n      document.querySelectorAll('.yt-tv-faq-question').forEach(b=>{ if(b!==btn) b.classList.add('collapsed'); });\r\n      btn.classList.toggle('collapsed');\r\n    });\r\n  });\r\n<\/script><\/p>\n","protected":false},"author":4,"featured_media":0,"parent":144,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"1300","footnotes":""},"class_list":["post-532","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/viewri.com\/wp-json\/wp\/v2\/pages\/532","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/viewri.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/viewri.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/viewri.com\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/viewri.com\/wp-json\/wp\/v2\/comments?post=532"}],"version-history":[{"count":6,"href":"https:\/\/viewri.com\/wp-json\/wp\/v2\/pages\/532\/revisions"}],"predecessor-version":[{"id":1310,"href":"https:\/\/viewri.com\/wp-json\/wp\/v2\/pages\/532\/revisions\/1310"}],"up":[{"embeddable":true,"href":"https:\/\/viewri.com\/wp-json\/wp\/v2\/pages\/144"}],"wp:attachment":[{"href":"https:\/\/viewri.com\/wp-json\/wp\/v2\/media?parent=532"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}