cloudflare
tcp/443 tcp/80 tcp/8443
Open service 2606:4700:310c::ac42:2c90:80 · mj-secure.pages.dev
2026-01-26 11:55
HTTP/1.1 301 Moved Permanently
Date: Mon, 26 Jan 2026 11:55:34 GMT
Content-Length: 0
Connection: close
Location: https://mj-secure.pages.dev/
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=4VPOYdy8ZyMtHXFoWlaTdifqIX5FkQ3yUqiRJEPfu8PBmeWAvHQik8%2FXG7FNi1GU8ZssuN%2FUvAM1Lb%2FMb2hoJMiITe3kqybWoR%2FHXs9M%2FqCy2K3FcNd2wh319V%2BFIoU%3D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9c3fd2774d549cd0-SJC
alt-svc: h3=":443"; ma=86400
Open service 2606:4700:310c::ac42:2f70:443 · mj-secure.pages.dev
2026-01-26 11:55
HTTP/1.1 200 OK
Date: Mon, 26 Jan 2026 11:55:35 GMT
Content-Type: text/html; charset=utf-8
Content-Length: 229415
Connection: close
Access-Control-Allow-Origin: *
Cache-Control: public, max-age=0, must-revalidate
ETag: "1da86747974cc7ef25ffce085a0193c6"
referrer-policy: strict-origin-when-cross-origin
x-content-type-options: nosniff
Vary: accept-encoding
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=OTIEyyDbRv6kyNeElUWWN1X6NKLBPMuSqH3pSpPfgbhOknP8K3UMvx6RZdJWGgRJKlHex8MCjyW3DdRE0hWzXmV0xC6TAeP9tNrvU68q6iQVxSnGBzMdAwb1tjDWh50%3D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9c3fd277992d5d67-FRA
alt-svc: h3=":443"; ma=86400
Page title: MJ Voice AI
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>MJ Voice AI</title>
<!-- Tailwind CSS -->
<script src="https://cdn.tailwindcss.com"></script>
<!-- React & ReactDOM -->
<script crossorigin src="https://unpkg.com/react@18/umd/react.development.js"></script>
<script crossorigin src="https://unpkg.com/react-dom@18/umd/react-dom.development.js"></script>
<!-- Babel (to parse JSX) -->
<script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>
<style>
/* Standard body settings */
body {
background-color: #020617;
color: white;
margin: 0;
font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
}
@keyframes fade-in {
from { opacity: 0; transform: translateY(10px); }
to { opacity: 1; transform: translateY(0); }
}
.animate-fade-in { animation: fade-in 0.5s ease-out forwards; }
/* Floating Hearts Animation */
@keyframes float-particle {
0% { transform: translate(-50%, -50%) scale(0.5); opacity: 0; }
10% { opacity: 1; }
100% { transform: translate(var(--tx), var(--ty)) scale(1.2); opacity: 0; }
}
.particle {
position: absolute;
left: 50%;
top: 50%;
pointer-events: none;
animation: float-particle 2s ease-out forwards;
font-size: 1.5rem;
}
/* Custom Scrollbar for settings */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #0f172a; }
::-webkit-scrollbar-thumb { background: #334155; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #475569; }
/* VISIBLE YOUTUBE PLAYER CONTAINER */
#yt-player-container {
position: fixed;
bottom: 20px;
right: 20px;
width: 300px;
height: 170px;
z-index: 9999;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.5), 0 0 15px rgba(236, 72, 153, 0.5);
border: 1px solid rgba(255, 255, 255, 0.1);
background: #000;
transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
transform: translateY(200%);
opacity: 0;
}
#yt-player-container.active {
transform: translateY(0);
opacity: 1;
}
/* Fullscreen Mode for YouTube - Layered at 40 (Between Body and UI) */
#yt-player-container.yt-fullscreen {
top: 0 !important;
left: 0 !important;
width: 100vw !important;
height: 100vh !important;
bottom: 0 !important;
right: 0 !important;
border-radius: 0 !important;
transform: none !important;
z-index: 40 !important;
border: none !important;
}
/* Close button for player */
#player-close {
position: absolute;
top: 5px;
right: 5px;
background: rgba(0,0,0,0.6);
color: white;
border: none;
border-radius: 50%;
width: 24px;
height: 24px;
cursor: pointer;
z-index: 10000;
font-size: 16px;
line-height: 1;
display: flex;
align-items: center;
justify-content: center;
}
#player-close:hover { background: rgba(236, 72, 153, 0.8); }
/* Fallback Link Overlay */
#yt-fallback {
position: absolute;
top: 0;
left:
Open service 2606:4700:310c::ac42:2f70:80 · mj-secure.pages.dev
2026-01-26 11:55
HTTP/1.1 301 Moved Permanently
Date: Mon, 26 Jan 2026 11:55:34 GMT
Content-Length: 0
Connection: close
Location: https://mj-secure.pages.dev/
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=%2FoqYTez3sBfNFHpIg7qP%2FF8Q8ASx0rb4Cw4VpMiG6TucNRx8uYjdgvGJ4dTUtWfXUexmi%2FpHHVukOXs3EcNwdg7CftGMSHQ2abdoo6VOfHtjnHBEw6RYlVqm32ahZBo%3D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9c3fd2773e4dd398-FRA
alt-svc: h3=":443"; ma=86400
Open service 172.66.47.112:443 · mj-secure.pages.dev
2026-01-26 11:55
HTTP/1.1 200 OK
Date: Mon, 26 Jan 2026 11:55:34 GMT
Content-Type: text/html; charset=utf-8
Content-Length: 229415
Connection: close
Access-Control-Allow-Origin: *
Cache-Control: public, max-age=0, must-revalidate
ETag: "1da86747974cc7ef25ffce085a0193c6"
referrer-policy: strict-origin-when-cross-origin
x-content-type-options: nosniff
Vary: accept-encoding
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=758GhOcVM7vd%2FQBX%2FhVZp%2FMJH5xSOSTwLcJuiEWY2jTZp8t4LhVRCQA8WMz6dBAy9Fhnjt2ZdAl%2B6rY1UIEAdYAuhGVVmWjKG4pb6vquh3xqcl4%3D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9c3fd2774cef92c3-FRA
alt-svc: h3=":443"; ma=86400
Page title: MJ Voice AI
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>MJ Voice AI</title>
<!-- Tailwind CSS -->
<script src="https://cdn.tailwindcss.com"></script>
<!-- React & ReactDOM -->
<script crossorigin src="https://unpkg.com/react@18/umd/react.development.js"></script>
<script crossorigin src="https://unpkg.com/react-dom@18/umd/react-dom.development.js"></script>
<!-- Babel (to parse JSX) -->
<script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>
<style>
/* Standard body settings */
body {
background-color: #020617;
color: white;
margin: 0;
font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
}
@keyframes fade-in {
from { opacity: 0; transform: translateY(10px); }
to { opacity: 1; transform: translateY(0); }
}
.animate-fade-in { animation: fade-in 0.5s ease-out forwards; }
/* Floating Hearts Animation */
@keyframes float-particle {
0% { transform: translate(-50%, -50%) scale(0.5); opacity: 0; }
10% { opacity: 1; }
100% { transform: translate(var(--tx), var(--ty)) scale(1.2); opacity: 0; }
}
.particle {
position: absolute;
left: 50%;
top: 50%;
pointer-events: none;
animation: float-particle 2s ease-out forwards;
font-size: 1.5rem;
}
/* Custom Scrollbar for settings */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #0f172a; }
::-webkit-scrollbar-thumb { background: #334155; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #475569; }
/* VISIBLE YOUTUBE PLAYER CONTAINER */
#yt-player-container {
position: fixed;
bottom: 20px;
right: 20px;
width: 300px;
height: 170px;
z-index: 9999;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.5), 0 0 15px rgba(236, 72, 153, 0.5);
border: 1px solid rgba(255, 255, 255, 0.1);
background: #000;
transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
transform: translateY(200%);
opacity: 0;
}
#yt-player-container.active {
transform: translateY(0);
opacity: 1;
}
/* Fullscreen Mode for YouTube - Layered at 40 (Between Body and UI) */
#yt-player-container.yt-fullscreen {
top: 0 !important;
left: 0 !important;
width: 100vw !important;
height: 100vh !important;
bottom: 0 !important;
right: 0 !important;
border-radius: 0 !important;
transform: none !important;
z-index: 40 !important;
border: none !important;
}
/* Close button for player */
#player-close {
position: absolute;
top: 5px;
right: 5px;
background: rgba(0,0,0,0.6);
color: white;
border: none;
border-radius: 50%;
width: 24px;
height: 24px;
cursor: pointer;
z-index: 10000;
font-size: 16px;
line-height: 1;
display: flex;
align-items: center;
justify-content: center;
}
#player-close:hover { background: rgba(236, 72, 153, 0.8); }
/* Fallback Link Overlay */
#yt-fallback {
position: absolute;
top: 0;
left:
Open service 172.66.44.144:443 · mj-secure.pages.dev
2026-01-26 11:55
HTTP/1.1 200 OK
Date: Mon, 26 Jan 2026 11:55:35 GMT
Content-Type: text/html; charset=utf-8
Content-Length: 229415
Connection: close
Access-Control-Allow-Origin: *
Cache-Control: public, max-age=0, must-revalidate
ETag: "1da86747974cc7ef25ffce085a0193c6"
referrer-policy: strict-origin-when-cross-origin
x-content-type-options: nosniff
Vary: accept-encoding
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=F7ghcIegwnVEKZT42SLpbjNOushb4gRtwVp%2Ffl4sNwDirepvXvo3UzZtFdgUj3wnrzmvGZ%2FBUDYkAPWZAyR0I5NuItM73L5poJNjnJZaoR6ITsk%3D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9c3fd2779ef05d9d-FRA
alt-svc: h3=":443"; ma=86400
Page title: MJ Voice AI
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>MJ Voice AI</title>
<!-- Tailwind CSS -->
<script src="https://cdn.tailwindcss.com"></script>
<!-- React & ReactDOM -->
<script crossorigin src="https://unpkg.com/react@18/umd/react.development.js"></script>
<script crossorigin src="https://unpkg.com/react-dom@18/umd/react-dom.development.js"></script>
<!-- Babel (to parse JSX) -->
<script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>
<style>
/* Standard body settings */
body {
background-color: #020617;
color: white;
margin: 0;
font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
}
@keyframes fade-in {
from { opacity: 0; transform: translateY(10px); }
to { opacity: 1; transform: translateY(0); }
}
.animate-fade-in { animation: fade-in 0.5s ease-out forwards; }
/* Floating Hearts Animation */
@keyframes float-particle {
0% { transform: translate(-50%, -50%) scale(0.5); opacity: 0; }
10% { opacity: 1; }
100% { transform: translate(var(--tx), var(--ty)) scale(1.2); opacity: 0; }
}
.particle {
position: absolute;
left: 50%;
top: 50%;
pointer-events: none;
animation: float-particle 2s ease-out forwards;
font-size: 1.5rem;
}
/* Custom Scrollbar for settings */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #0f172a; }
::-webkit-scrollbar-thumb { background: #334155; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #475569; }
/* VISIBLE YOUTUBE PLAYER CONTAINER */
#yt-player-container {
position: fixed;
bottom: 20px;
right: 20px;
width: 300px;
height: 170px;
z-index: 9999;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.5), 0 0 15px rgba(236, 72, 153, 0.5);
border: 1px solid rgba(255, 255, 255, 0.1);
background: #000;
transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
transform: translateY(200%);
opacity: 0;
}
#yt-player-container.active {
transform: translateY(0);
opacity: 1;
}
/* Fullscreen Mode for YouTube - Layered at 40 (Between Body and UI) */
#yt-player-container.yt-fullscreen {
top: 0 !important;
left: 0 !important;
width: 100vw !important;
height: 100vh !important;
bottom: 0 !important;
right: 0 !important;
border-radius: 0 !important;
transform: none !important;
z-index: 40 !important;
border: none !important;
}
/* Close button for player */
#player-close {
position: absolute;
top: 5px;
right: 5px;
background: rgba(0,0,0,0.6);
color: white;
border: none;
border-radius: 50%;
width: 24px;
height: 24px;
cursor: pointer;
z-index: 10000;
font-size: 16px;
line-height: 1;
display: flex;
align-items: center;
justify-content: center;
}
#player-close:hover { background: rgba(236, 72, 153, 0.8); }
/* Fallback Link Overlay */
#yt-fallback {
position: absolute;
top: 0;
left:
Open service 172.66.47.112:80 · mj-secure.pages.dev
2026-01-26 11:55
HTTP/1.1 301 Moved Permanently
Date: Mon, 26 Jan 2026 11:55:34 GMT
Content-Length: 0
Connection: close
Location: https://mj-secure.pages.dev/
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=nhMH3jio9jAWHN%2Fj3GH3phiW4TmcnpXR36dpQrNIpcQG3NMLRvGcX%2B3QRduU0mepYArg7teb3om9jnWyovw686T%2FmQqKKiXIjvk421QggTmd1HA%3D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9c3fd276ea50ef02-AMS
alt-svc: h3=":443"; ma=86400
Open service 172.66.44.144:8443 · mj-secure.pages.dev
2026-01-26 11:55
HTTP/1.1 200 OK
Date: Mon, 26 Jan 2026 11:55:34 GMT
Content-Type: text/html; charset=utf-8
Content-Length: 229415
Connection: close
Access-Control-Allow-Origin: *
Cache-Control: public, max-age=0, must-revalidate
ETag: "1da86747974cc7ef25ffce085a0193c6"
referrer-policy: strict-origin-when-cross-origin
x-content-type-options: nosniff
Vary: accept-encoding
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=d4ZHHnMdkgcqqjTiP%2F%2FJKHqA7%2Fx9y5vqV%2FaOOPH35ouZtLSwk6OuVDEK52lKRqeXNwPucm96jIay6xHRbrEHwrfIgpnHaGSt8oWs1830%2Fs1GaGI%3D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9c3fd2770d15de95-EWR
alt-svc: h3=":8443"; ma=86400
Page title: MJ Voice AI
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>MJ Voice AI</title>
<!-- Tailwind CSS -->
<script src="https://cdn.tailwindcss.com"></script>
<!-- React & ReactDOM -->
<script crossorigin src="https://unpkg.com/react@18/umd/react.development.js"></script>
<script crossorigin src="https://unpkg.com/react-dom@18/umd/react-dom.development.js"></script>
<!-- Babel (to parse JSX) -->
<script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>
<style>
/* Standard body settings */
body {
background-color: #020617;
color: white;
margin: 0;
font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
}
@keyframes fade-in {
from { opacity: 0; transform: translateY(10px); }
to { opacity: 1; transform: translateY(0); }
}
.animate-fade-in { animation: fade-in 0.5s ease-out forwards; }
/* Floating Hearts Animation */
@keyframes float-particle {
0% { transform: translate(-50%, -50%) scale(0.5); opacity: 0; }
10% { opacity: 1; }
100% { transform: translate(var(--tx), var(--ty)) scale(1.2); opacity: 0; }
}
.particle {
position: absolute;
left: 50%;
top: 50%;
pointer-events: none;
animation: float-particle 2s ease-out forwards;
font-size: 1.5rem;
}
/* Custom Scrollbar for settings */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #0f172a; }
::-webkit-scrollbar-thumb { background: #334155; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #475569; }
/* VISIBLE YOUTUBE PLAYER CONTAINER */
#yt-player-container {
position: fixed;
bottom: 20px;
right: 20px;
width: 300px;
height: 170px;
z-index: 9999;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.5), 0 0 15px rgba(236, 72, 153, 0.5);
border: 1px solid rgba(255, 255, 255, 0.1);
background: #000;
transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
transform: translateY(200%);
opacity: 0;
}
#yt-player-container.active {
transform: translateY(0);
opacity: 1;
}
/* Fullscreen Mode for YouTube - Layered at 40 (Between Body and UI) */
#yt-player-container.yt-fullscreen {
top: 0 !important;
left: 0 !important;
width: 100vw !important;
height: 100vh !important;
bottom: 0 !important;
right: 0 !important;
border-radius: 0 !important;
transform: none !important;
z-index: 40 !important;
border: none !important;
}
/* Close button for player */
#player-close {
position: absolute;
top: 5px;
right: 5px;
background: rgba(0,0,0,0.6);
color: white;
border: none;
border-radius: 50%;
width: 24px;
height: 24px;
cursor: pointer;
z-index: 10000;
font-size: 16px;
line-height: 1;
display: flex;
align-items: center;
justify-content: center;
}
#player-close:hover { background: rgba(236, 72, 153, 0.8); }
/* Fallback Link Overlay */
#yt-fallback {
position: absolute;
top: 0;
left:
Open service 2606:4700:310c::ac42:2c90:8443 · mj-secure.pages.dev
2026-01-26 11:55
HTTP/1.1 200 OK
Date: Mon, 26 Jan 2026 11:55:34 GMT
Content-Type: text/html; charset=utf-8
Content-Length: 229415
Connection: close
Access-Control-Allow-Origin: *
Cache-Control: public, max-age=0, must-revalidate
ETag: "1da86747974cc7ef25ffce085a0193c6"
referrer-policy: strict-origin-when-cross-origin
x-content-type-options: nosniff
Vary: accept-encoding
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=EPhwzKaughj0Y6BL8IJ%2Bog3NH0ejOoITtY232e1kQ5bjHcutz8ESjanOZdIJlUZ4r7%2BKh6fgnHJxCcLjhlTuBvvdn5x%2F9EZeAerleyWl3ymlMwTs%2F177TArLkANvRjQ%3D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9c3fd2770851e010-FRA
alt-svc: h3=":8443"; ma=86400
Page title: MJ Voice AI
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>MJ Voice AI</title>
<!-- Tailwind CSS -->
<script src="https://cdn.tailwindcss.com"></script>
<!-- React & ReactDOM -->
<script crossorigin src="https://unpkg.com/react@18/umd/react.development.js"></script>
<script crossorigin src="https://unpkg.com/react-dom@18/umd/react-dom.development.js"></script>
<!-- Babel (to parse JSX) -->
<script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>
<style>
/* Standard body settings */
body {
background-color: #020617;
color: white;
margin: 0;
font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
}
@keyframes fade-in {
from { opacity: 0; transform: translateY(10px); }
to { opacity: 1; transform: translateY(0); }
}
.animate-fade-in { animation: fade-in 0.5s ease-out forwards; }
/* Floating Hearts Animation */
@keyframes float-particle {
0% { transform: translate(-50%, -50%) scale(0.5); opacity: 0; }
10% { opacity: 1; }
100% { transform: translate(var(--tx), var(--ty)) scale(1.2); opacity: 0; }
}
.particle {
position: absolute;
left: 50%;
top: 50%;
pointer-events: none;
animation: float-particle 2s ease-out forwards;
font-size: 1.5rem;
}
/* Custom Scrollbar for settings */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #0f172a; }
::-webkit-scrollbar-thumb { background: #334155; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #475569; }
/* VISIBLE YOUTUBE PLAYER CONTAINER */
#yt-player-container {
position: fixed;
bottom: 20px;
right: 20px;
width: 300px;
height: 170px;
z-index: 9999;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.5), 0 0 15px rgba(236, 72, 153, 0.5);
border: 1px solid rgba(255, 255, 255, 0.1);
background: #000;
transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
transform: translateY(200%);
opacity: 0;
}
#yt-player-container.active {
transform: translateY(0);
opacity: 1;
}
/* Fullscreen Mode for YouTube - Layered at 40 (Between Body and UI) */
#yt-player-container.yt-fullscreen {
top: 0 !important;
left: 0 !important;
width: 100vw !important;
height: 100vh !important;
bottom: 0 !important;
right: 0 !important;
border-radius: 0 !important;
transform: none !important;
z-index: 40 !important;
border: none !important;
}
/* Close button for player */
#player-close {
position: absolute;
top: 5px;
right: 5px;
background: rgba(0,0,0,0.6);
color: white;
border: none;
border-radius: 50%;
width: 24px;
height: 24px;
cursor: pointer;
z-index: 10000;
font-size: 16px;
line-height: 1;
display: flex;
align-items: center;
justify-content: center;
}
#player-close:hover { background: rgba(236, 72, 153, 0.8); }
/* Fallback Link Overlay */
#yt-fallback {
position: absolute;
top: 0;
left:
Open service 2606:4700:310c::ac42:2f70:8443 · mj-secure.pages.dev
2026-01-26 11:55
HTTP/1.1 200 OK
Date: Mon, 26 Jan 2026 11:55:34 GMT
Content-Type: text/html; charset=utf-8
Content-Length: 229415
Connection: close
Access-Control-Allow-Origin: *
Cache-Control: public, max-age=0, must-revalidate
ETag: "1da86747974cc7ef25ffce085a0193c6"
referrer-policy: strict-origin-when-cross-origin
x-content-type-options: nosniff
Vary: accept-encoding
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=uJ31uYOIz%2BwnzPCJTtqGXbIAROM2E3DTlVZWSDTS8%2FYvC9Bh9w4McF2%2FynPakJ1sJMcwFc1d%2Bqor4ZueznoG1MZD3RLx6YyL3PLnmJ4vy4mTa7TjELuPZP88kksZ6uo%3D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9c3fd276eaeccd5b-LHR
alt-svc: h3=":8443"; ma=86400
Page title: MJ Voice AI
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>MJ Voice AI</title>
<!-- Tailwind CSS -->
<script src="https://cdn.tailwindcss.com"></script>
<!-- React & ReactDOM -->
<script crossorigin src="https://unpkg.com/react@18/umd/react.development.js"></script>
<script crossorigin src="https://unpkg.com/react-dom@18/umd/react-dom.development.js"></script>
<!-- Babel (to parse JSX) -->
<script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>
<style>
/* Standard body settings */
body {
background-color: #020617;
color: white;
margin: 0;
font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
}
@keyframes fade-in {
from { opacity: 0; transform: translateY(10px); }
to { opacity: 1; transform: translateY(0); }
}
.animate-fade-in { animation: fade-in 0.5s ease-out forwards; }
/* Floating Hearts Animation */
@keyframes float-particle {
0% { transform: translate(-50%, -50%) scale(0.5); opacity: 0; }
10% { opacity: 1; }
100% { transform: translate(var(--tx), var(--ty)) scale(1.2); opacity: 0; }
}
.particle {
position: absolute;
left: 50%;
top: 50%;
pointer-events: none;
animation: float-particle 2s ease-out forwards;
font-size: 1.5rem;
}
/* Custom Scrollbar for settings */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #0f172a; }
::-webkit-scrollbar-thumb { background: #334155; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #475569; }
/* VISIBLE YOUTUBE PLAYER CONTAINER */
#yt-player-container {
position: fixed;
bottom: 20px;
right: 20px;
width: 300px;
height: 170px;
z-index: 9999;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.5), 0 0 15px rgba(236, 72, 153, 0.5);
border: 1px solid rgba(255, 255, 255, 0.1);
background: #000;
transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
transform: translateY(200%);
opacity: 0;
}
#yt-player-container.active {
transform: translateY(0);
opacity: 1;
}
/* Fullscreen Mode for YouTube - Layered at 40 (Between Body and UI) */
#yt-player-container.yt-fullscreen {
top: 0 !important;
left: 0 !important;
width: 100vw !important;
height: 100vh !important;
bottom: 0 !important;
right: 0 !important;
border-radius: 0 !important;
transform: none !important;
z-index: 40 !important;
border: none !important;
}
/* Close button for player */
#player-close {
position: absolute;
top: 5px;
right: 5px;
background: rgba(0,0,0,0.6);
color: white;
border: none;
border-radius: 50%;
width: 24px;
height: 24px;
cursor: pointer;
z-index: 10000;
font-size: 16px;
line-height: 1;
display: flex;
align-items: center;
justify-content: center;
}
#player-close:hover { background: rgba(236, 72, 153, 0.8); }
/* Fallback Link Overlay */
#yt-fallback {
position: absolute;
top: 0;
left:
Open service 172.66.47.112:8443 · mj-secure.pages.dev
2026-01-26 11:55
HTTP/1.1 200 OK
Date: Mon, 26 Jan 2026 11:55:34 GMT
Content-Type: text/html; charset=utf-8
Content-Length: 229415
Connection: close
Access-Control-Allow-Origin: *
Cache-Control: public, max-age=0, must-revalidate
ETag: "1da86747974cc7ef25ffce085a0193c6"
referrer-policy: strict-origin-when-cross-origin
x-content-type-options: nosniff
Vary: accept-encoding
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=OWeI4H8wnWqlMkMU%2Be75ngw1ZortKhgGOAW4%2FNu3q33aOVpEDeCm87jrhviUrbERu5A225Xgg9RPiqFVTjDqiKtzKJlq3Ky94mT4LkthOnq%2FNTE%3D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9c3fd276c8004ba5-EWR
alt-svc: h3=":8443"; ma=86400
Page title: MJ Voice AI
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>MJ Voice AI</title>
<!-- Tailwind CSS -->
<script src="https://cdn.tailwindcss.com"></script>
<!-- React & ReactDOM -->
<script crossorigin src="https://unpkg.com/react@18/umd/react.development.js"></script>
<script crossorigin src="https://unpkg.com/react-dom@18/umd/react-dom.development.js"></script>
<!-- Babel (to parse JSX) -->
<script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>
<style>
/* Standard body settings */
body {
background-color: #020617;
color: white;
margin: 0;
font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
}
@keyframes fade-in {
from { opacity: 0; transform: translateY(10px); }
to { opacity: 1; transform: translateY(0); }
}
.animate-fade-in { animation: fade-in 0.5s ease-out forwards; }
/* Floating Hearts Animation */
@keyframes float-particle {
0% { transform: translate(-50%, -50%) scale(0.5); opacity: 0; }
10% { opacity: 1; }
100% { transform: translate(var(--tx), var(--ty)) scale(1.2); opacity: 0; }
}
.particle {
position: absolute;
left: 50%;
top: 50%;
pointer-events: none;
animation: float-particle 2s ease-out forwards;
font-size: 1.5rem;
}
/* Custom Scrollbar for settings */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #0f172a; }
::-webkit-scrollbar-thumb { background: #334155; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #475569; }
/* VISIBLE YOUTUBE PLAYER CONTAINER */
#yt-player-container {
position: fixed;
bottom: 20px;
right: 20px;
width: 300px;
height: 170px;
z-index: 9999;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.5), 0 0 15px rgba(236, 72, 153, 0.5);
border: 1px solid rgba(255, 255, 255, 0.1);
background: #000;
transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
transform: translateY(200%);
opacity: 0;
}
#yt-player-container.active {
transform: translateY(0);
opacity: 1;
}
/* Fullscreen Mode for YouTube - Layered at 40 (Between Body and UI) */
#yt-player-container.yt-fullscreen {
top: 0 !important;
left: 0 !important;
width: 100vw !important;
height: 100vh !important;
bottom: 0 !important;
right: 0 !important;
border-radius: 0 !important;
transform: none !important;
z-index: 40 !important;
border: none !important;
}
/* Close button for player */
#player-close {
position: absolute;
top: 5px;
right: 5px;
background: rgba(0,0,0,0.6);
color: white;
border: none;
border-radius: 50%;
width: 24px;
height: 24px;
cursor: pointer;
z-index: 10000;
font-size: 16px;
line-height: 1;
display: flex;
align-items: center;
justify-content: center;
}
#player-close:hover { background: rgba(236, 72, 153, 0.8); }
/* Fallback Link Overlay */
#yt-fallback {
position: absolute;
top: 0;
left:
Open service 172.66.44.144:80 · mj-secure.pages.dev
2026-01-26 11:55
HTTP/1.1 301 Moved Permanently
Date: Mon, 26 Jan 2026 11:55:34 GMT
Content-Length: 0
Connection: close
Location: https://mj-secure.pages.dev/
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=kTCVg%2FOLynB%2FAS8shI%2FWWKdMoMFAQ9SFy%2BgvC9igociPciqXdiOKhSdsWbiCVft%2Bw10vzJa53tCjyQrzJokOLUp1nNTNQepY5OoPXKL1eoVisq4%3D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9c3fd2763d33ac24-YYZ
alt-svc: h3=":443"; ma=86400
Open service 2606:4700:310c::ac42:2c90:443 · mj-secure.pages.dev
2026-01-26 11:55
HTTP/1.1 200 OK
Date: Mon, 26 Jan 2026 11:55:34 GMT
Content-Type: text/html; charset=utf-8
Content-Length: 229415
Connection: close
Access-Control-Allow-Origin: *
Cache-Control: public, max-age=0, must-revalidate
ETag: "1da86747974cc7ef25ffce085a0193c6"
referrer-policy: strict-origin-when-cross-origin
x-content-type-options: nosniff
Vary: accept-encoding
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=b60i%2BTOthqEGImeP4bTUUHM0vhEWIXe9J8ykE5PX7WVosyyydAqQtMfKgTyLYUBSMgXvqpdtPARLz7UxqTRLwJu%2FDZ7I8xnqFXEOhZBtnU4xrwbkN3hAStxeVWmrx%2Bs%3D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9c3fd2761f30f54e-AMS
alt-svc: h3=":443"; ma=86400
Page title: MJ Voice AI
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>MJ Voice AI</title>
<!-- Tailwind CSS -->
<script src="https://cdn.tailwindcss.com"></script>
<!-- React & ReactDOM -->
<script crossorigin src="https://unpkg.com/react@18/umd/react.development.js"></script>
<script crossorigin src="https://unpkg.com/react-dom@18/umd/react-dom.development.js"></script>
<!-- Babel (to parse JSX) -->
<script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>
<style>
/* Standard body settings */
body {
background-color: #020617;
color: white;
margin: 0;
font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
}
@keyframes fade-in {
from { opacity: 0; transform: translateY(10px); }
to { opacity: 1; transform: translateY(0); }
}
.animate-fade-in { animation: fade-in 0.5s ease-out forwards; }
/* Floating Hearts Animation */
@keyframes float-particle {
0% { transform: translate(-50%, -50%) scale(0.5); opacity: 0; }
10% { opacity: 1; }
100% { transform: translate(var(--tx), var(--ty)) scale(1.2); opacity: 0; }
}
.particle {
position: absolute;
left: 50%;
top: 50%;
pointer-events: none;
animation: float-particle 2s ease-out forwards;
font-size: 1.5rem;
}
/* Custom Scrollbar for settings */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #0f172a; }
::-webkit-scrollbar-thumb { background: #334155; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #475569; }
/* VISIBLE YOUTUBE PLAYER CONTAINER */
#yt-player-container {
position: fixed;
bottom: 20px;
right: 20px;
width: 300px;
height: 170px;
z-index: 9999;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.5), 0 0 15px rgba(236, 72, 153, 0.5);
border: 1px solid rgba(255, 255, 255, 0.1);
background: #000;
transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
transform: translateY(200%);
opacity: 0;
}
#yt-player-container.active {
transform: translateY(0);
opacity: 1;
}
/* Fullscreen Mode for YouTube - Layered at 40 (Between Body and UI) */
#yt-player-container.yt-fullscreen {
top: 0 !important;
left: 0 !important;
width: 100vw !important;
height: 100vh !important;
bottom: 0 !important;
right: 0 !important;
border-radius: 0 !important;
transform: none !important;
z-index: 40 !important;
border: none !important;
}
/* Close button for player */
#player-close {
position: absolute;
top: 5px;
right: 5px;
background: rgba(0,0,0,0.6);
color: white;
border: none;
border-radius: 50%;
width: 24px;
height: 24px;
cursor: pointer;
z-index: 10000;
font-size: 16px;
line-height: 1;
display: flex;
align-items: center;
justify-content: center;
}
#player-close:hover { background: rgba(236, 72, 153, 0.8); }
/* Fallback Link Overlay */
#yt-fallback {
position: absolute;
top: 0;
left: