numerology - nepalastrovisio.com

Nepal-Astrovision App

        <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Numerology Chart - Modern Design</title>
    <style>
        /* --- VARIABLES & RESET --- */
        :root {
            --primary-color: #4834d4;
            --primary-light: #686de0;
            --accent-color: #f0932b;
            --bg-color: #f1f2f6;
            --card-bg: #ffffff;
            --text-dark: #2f3542;
            --text-light: #57606f;
            --border-radius: 12px;
            --shadow: 0 10px 20px rgba(0,0,0,0.08);
            --transition: all 0.3s ease;
        }

        * { box-sizing: border-box; outline: none; }

        body {
            font-family: 'Poppins', sans-serif;
            background-color: var(--bg-color);
            background-image: linear-gradient(135deg, #f1f2f6 0%, #dfe4ea 100%);
            margin: 0;
            display: flex;
            flex-direction: column;
            min-height: 100vh;
            color: var(--text-dark);
            font-size: 15px;
        }

        @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');

        .main-container {
            width: 100%;
            max-width: 1000px;
            margin: 20px auto;
            background-color: var(--card-bg);
            border-radius: var(--border-radius);
            box-shadow: var(--shadow);
            overflow: hidden;
            display: flex;
            flex-direction: column;
            flex-grow: 1;
        }

        .header {
            background: linear-gradient(135deg, var(--primary-color), var(--primary-light));
            padding: 25px 20px;
            text-align: center;
            color: white;
        }
        .header h1 {
            font-size: 24px;
            margin: 0 0 5px 0;
            font-weight: 700;
            letter-spacing: 0.5px;
        }
        .header p {
            font-size: 13px;
            opacity: 0.9;
            margin: 0;
            font-weight: 400;
        }

        .input-frame {
            padding: 30px;
            background-color: #fff;
            border-bottom: 1px solid #eee;
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 15px;
        }
        
        .date-selector-group {
            display: flex;
            flex-direction: column;
            align-items: center;
            width: 100%;
            max-width: 500px;
        }

        .date-selector-group label {
            font-weight: 600;
            color: var(--text-dark);
            margin-bottom: 8px;
            font-size: 16px;
        }

        .dob-frame {
            display: flex;
            gap: 10px;
            width: 100%;
        }

        .dob-frame select {
            flex: 1;
            padding: 12px;
            border: 2px solid #dfe4ea;
            border-radius: 8px;
            background-color: #f8f9fa;
            font-family: 'Poppins', sans-serif;
            font-size: 14px;
            color: var(--text-dark);
            cursor: pointer;
            transition: var(--transition);
        }

        .dob-frame select:focus {
            border-color: var(--primary-light);
            background-color: #fff;
        }

        .gender-selector {
            display: flex;
            gap: 20px;
            margin-top: 10px;
        }

        .gender-selector label {
            display: flex;
            align-items: center;
            gap: 5px;
            cursor: pointer;
            font-size: 14px;
        }

        .gender-selector input[type="radio"] {
            cursor: pointer;
        }

        .action-frame {
            padding: 0 30px 30px 30px;
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
            gap: 12px;
        }

        button {
            border: none;
            padding: 12px 20px;
            border-radius: 50px;
            font-family: 'Poppins', sans-serif;
            font-size: 14px;
            font-weight: 600;
            cursor: pointer;
            transition: var(--transition);
            display: flex;
            align-items: center;
            gap: 8px;
            box-shadow: 0 4px 6px rgba(0,0,0,0.1);
        }

        #calculateBtn { background-color: var(--primary-color); color: white; }
        #calculateBtn:hover { background-color: #30336b; transform: translateY(-2px); }

        #resetBtn { background-color: #ff6b6b; color: white; }
        #resetBtn:hover { background-color: #ee5253; transform: translateY(-2px); }

        #compatBtn, #suggestBtn, #exportBtn { background-color: #fff; color: var(--text-dark); border: 1px solid #dcdde1; }
        #compatBtn:hover, #suggestBtn:hover, #exportBtn:hover { background-color: #f1f2f6; border-color: var(--text-dark); }
        
        button:disabled {
            background-color: #f1f2f6;
            color: #b2bec3;
            border-color: #f1f2f6;
            cursor: not-allowed;
            box-shadow: none;
            transform: none !important;
        }
        
        button img { width: 16px; height: 16px; object-fit: contain; }

        .notebook-container {
            flex-grow: 1;
            display: flex;
            flex-direction: column;
            background-color: #f8f9fa;
        }

        .tab-buttons {
            display: flex;
            background-color: #fff;
            padding: 0 20px;
            border-bottom: 1px solid #eee;
            overflow-x: auto;
            -webkit-overflow-scrolling: touch;
            scrollbar-width: none;
        }
        .tab-buttons::-webkit-scrollbar { display: none; }

        .tab-button {
            padding: 15px 20px;
            background: none;
            border: none;
            border-bottom: 3px solid transparent;
            font-weight: 600;
            color: var(--text-light);
            cursor: pointer;
            white-space: nowrap;
            transition: var(--transition);
            font-size: 14px;
        }

        .tab-button.active {
            color: var(--primary-color);
            border-bottom-color: var(--primary-color);
        }

        .tab-content {
            display: none;
            padding: 30px;
            animation: fadeIn 0.4s ease;
        }
        .tab-content.active { display: block; }

        @keyframes fadeIn {
            from { opacity: 0; transform: translateY(10px); }
            to { opacity: 1; transform: translateY(0); }
        }

        #tab1-content {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 30px;
            align-items: start;
        }

        .main-results-frame {
            background: white;
            padding: 20px;
            border-radius: var(--border-radius);
            box-shadow: 0 4px 10px rgba(0,0,0,0.05);
        }

        .result-item {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 12px 0;
            border-bottom: 1px solid #f1f2f6;
        }
        .result-item:last-child { border-bottom: none; }

        .result-key {
            font-weight: 500;
            color: var(--text-light);
        }
        .result-value {
            font-size: 18px;
            font-weight: 700;
            color: var(--primary-color);
        }
        .result-value.clickable {
            color: var(--primary-color);
            text-decoration: none;
            border-bottom: 1px dashed var(--primary-color);
            cursor: pointer;
        }
        .result-value.clickable:hover {
            background-color: #f0f0ff;
        }

        .lo-shu-container {
            background: white;
            padding: 25px;
            border-radius: var(--border-radius);
            box-shadow: 0 4px 10px rgba(0,0,0,0.05);
            text-align: center;
        }
        .lo-shu-container h2 {
            margin-top: 0;
            color: var(--primary-color);
            font-size: 18px;
        }

        .lo-shu-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 8px;
            background-color: #dfe4ea;
            padding: 8px;
            border-radius: 8px;
            max-width: 300px;
            margin: 0 auto;
            aspect-ratio: 1 / 1;
        }

        .lo-shu-cell {
            background-color: white;
            border-radius: 4px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            position: relative;
            transition: transform 0.2s;
        }
        .lo-shu-cell:hover { transform: scale(1.02); }

        .lo-shu-cell .num {
            font-size: 24px;
            font-weight: 700;
            color: #ced6e0;
        }
        .lo-shu-cell .num.present { color: var(--primary-color); }
        .lo-shu-cell .num.moolank { color: var(--accent-color); }
        .lo-shu-cell .num.moolank-present { 
            color: white;
            background-color: var(--accent-color);
            width: 35px;
            height: 35px;
            line-height: 35px;
            border-radius: 50%;
            font-size: 18px;
        }
        .lo-shu-cell .planet {
            font-size: 10px;
            text-transform: uppercase;
            margin-top: 4px;
            color: var(--text-light);
            font-weight: 600;
        }
        .lo-shu-cell .planet.missing-planet { opacity: 0.3; }

        .analysis-section, .info-section {
            background: white;
            padding: 20px;
            border-radius: var(--border-radius);
            box-shadow: 0 2px 5px rgba(0,0,0,0.03);
            margin-bottom: 20px;
            border-left: 4px solid var(--primary-color);
        }
        .analysis-section h3, .info-section h3 {
            color: var(--primary-color);
            margin-top: 0;
            font-size: 16px;
        }
        .analysis-item {
            padding: 8px 0;
            border-bottom: 1px dashed #eee;
            cursor: pointer;
        }
        .analysis-item:last-child { border-bottom: none; }
        
        .analysis-item .title.clickable {
            color: var(--primary-color);
            font-weight: 600;
        }
        
        .analysis-item .title.clickable:hover {
            text-decoration: underline;
        }
        
        .brief.present { color: #27ae60; font-weight: 500; }
        .brief.missing { color: #e74c3c; font-weight: 500; }

        .footer {
            background-color: #fff;
            padding: 20px;
            text-align: center;
            font-size: 12px;
            color: var(--text-light);
            border-top: 1px solid #eee;
        }

        .modal {
            display: none;
            position: fixed;
            z-index: 2000;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0,0,0,0.6);
            backdrop-filter: blur(3px);
        }
        .modal-content {
            background-color: #fff;
            margin: 5% auto;
            padding: 0;
            width: 90%;
            max-width: 600px;
            border-radius: var(--border-radius);
            box-shadow: 0 20px 40px rgba(0,0,0,0.2);
            animation: slideUp 0.3s ease;
            overflow: hidden;
            max-height: 85vh;
            display: flex;
            flex-direction: column;
        }
        @keyframes slideUp {
            from { transform: translateY(50px); opacity: 0; }
            to { transform: translateY(0); opacity: 1; }
        }
        .modal-header {
            background-color: var(--primary-color);
            padding: 15px 20px;
            color: white;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        .modal-header h2 { margin: 0; font-size: 18px; }
        .close-button {
            color: white;
            font-size: 24px;
            cursor: pointer;
            opacity: 0.8;
        }
        .close-button:hover { opacity: 1; }
        .modal-body {
            padding: 25px;
            overflow-y: auto;
            flex-grow: 1;
        }
        .modal-body h4 { color: var(--primary-color); margin-bottom: 5px; margin-top: 15px; }
        .modal-body h4:first-child { margin-top: 0; }
        .modal-body p { margin-top: 0; color: var(--text-dark); line-height: 1.6; }
        .modal-body .remedy { color: #27ae60; }
        .modal-body .warning { color: #e74c3c; }

        @media (max-width: 768px) {
            .main-container {
                margin: 0;
                border-radius: 0;
                min-height: 100vh;
            }
            
            .input-frame { padding: 20px; }
            
            .action-frame {
                flex-direction: column;
                align-items: stretch;
            }
            
            button { justify-content: center; }
            
            #tab1-content {
                grid-template-columns: 1fr;
            }
            
            .lo-shu-grid {
                max-width: 100%;
            }
            
            .tab-button {
                padding: 12px 15px;
                font-size: 13px;
            }
            
            .modal-content {
                margin: 10% auto;
                width: 95%;
            }
        }
    </style>
</head>
<body>

    <div class="main-container">
        <header class="header">
            <h1>Numerology Chart</h1>
            <p id="attribution-text"></p>
        </header>

        <div class="input-frame">
            <div class="date-selector-group">
                <label>Date of Birth (AD)</label>
                <div class="dob-frame">
                    <select id="dayCombo">
                        <option value="">Day</option>
                    </select>
                    <select id="monthCombo">
                        <option value="">Month</option>
                    </select>
                    <select id="yearCombo">
                        <option value="">Year</option>
                    </select>
                </div>
                <div class="gender-selector">
                    <label>
                        <input type="radio" name="gender" value="male" checked>
                        Male
                    </label>
                    <label>
                        <input type="radio" name="gender" value="female">
                        Female
                    </label>
                </div>
            </div>
        </div>

        <div class="action-frame">
            <button id="calculateBtn">
                <img decoding="async" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAAdgAAAHYBTnsmCAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAFISURBVDiNlZJNi0JhEEW/nZtE4iBDoYgIIrh3CUESBC+Jo4jeXbT2BN5A8Bq9QRNU8QKJbZpE4gXkHjy4aKLA4sYmK5aYQxZ1ms3s7Mxs/3/VFTU1Z+ZnlprMpu8yBwKth6iZgG4h6gJgN5KqM4DqYQYwBfQpAcx7C1h9AnAD1D2AXt4CDgDlwDPgPBD6aeAfsC8A/AO6DQt+AJchfgr4AtwB1oCkHkC5bC8A8+AU8AisAZ09gOq1z2zS/bJ1k2YlAXeBW+BbuAA+d4BsKvgFXIEvIAG7gLugbAWMAf+Af8Bf4P/gHxBJx0lAUhOAS5A04XkLgP1AXgHbgBvrZPSbADwBXgGngLeAX3C2AbgM9AFdAF7YcSD0KcCjAbgM9AnAy4Gv7wCTgA/gPzC25gDu/AAv8B9gA7gBHFsi4bvg7QAAAABJRU5ErkJggg=="> Calculate
            </button>
            <button id="compatBtn" disabled>Compatibility</button>
            <button id="suggestBtn" disabled>Lucky Name</button>
            <button id="exportBtn" disabled>Export Report</button>
            <button id="resetBtn">Reset</button>
        </div>

        <div class="notebook-container">
            <div class="tab-buttons">
                <button class="tab-button active" data-tab="tab1">Chart & Results</button>
                <button class="tab-button" data-tab="tab2">Analysis</button>
                <button class="tab-button" data-tab="tab3">Health & Career</button>
                <button class="tab-button" data-tab="tab4">Forecast</button>
                <button class="tab-button" data-tab="tab5">Soul & Kua</button>
            </div>
            
            <div id="tab1" class="tab-content active">
                <div id="tab1-content">
                    <div class="main-results-frame" id="mainResults">
                        <div style="text-align:center; color:#aaa; padding:20px;">
                            Please enter DOB and click Calculate
                        </div>
                    </div>
                    <div class="lo-shu-container" id="loShuGridContainer">
                    </div>
                </div>
            </div>
            
            <div id="tab2" class="tab-content">
                <div id="analysisContent"></div>
            </div>
            
            <div id="tab3" class="tab-content">
                <div id="healthCareerContent"></div>
            </div>
            
            <div id="tab4" class="tab-content">
                <div id="forecastContent"></div>
            </div>
            
            <div id="tab5" class="tab-content">
                <div id="soulKuaContent"></div>
            </div>
        </div>

        <footer class="footer" id="contact-info"></footer>
    </div>
    
    <div id="detailedModal" class="modal">
        <div class="modal-content">
            <div class="modal-header">
                <h2 id="modalTitle">Details</h2>
                <span class="close-button">×</span>
            </div>
            <div class="modal-body" id="modalBody"></div>
        </div>
    </div>
    
    <div id="compatModal" class="modal">
        <div class="modal-content">
            <div class="modal-header">
                <h2>Compatibility Check</h2>
                <span class="close-button">×</span>
            </div>
            <div class="modal-body" id="compatBody"></div>
        </div>
    </div>

<script>


const LO_SHU_GRID_LAYOUT = [[4, 9, 2], [3, 5, 7], [8, 1, 6]];
const PLANET_NAMES = { 1: 'Sun', 2: 'Moon', 3: 'Jupiter', 4: 'Rahu', 5: 'Mercury', 6: 'Venus', 7: 'Ketu', 8: 'Saturn', 9: 'Mars', 11: 'Master (Moon)', 22: 'Master (Rahu)', 33: 'Master (Jupiter)' };

const DETAILED_INTERPRETATIONS = {
    1: {"Planet": "Sun", "Description": "This number represents leadership, confidence, independence, and originality. Such individuals are ambitious, determined, and focused on their goals.", "Health": "Heart, blood pressure, back, and eyes. Take special care of these organs.", "Career": "Management, politics, business, director, high government positions.", "Remedy": "Offer water to the Sun on Sundays. Use copper vessels. Respect your father."},
    2: {"Planet": "Moon", "Description": "This number symbolizes cooperation, sensitivity, diplomacy, and balance. Such individuals are peace-loving, helpful, and emotional.", "Health": "Stomach, digestive system, lungs, and mental health. Pay attention to emotional balance.", "Career": "Arts, music, nursing, counseling, diplomacy, human resources.", "Remedy": "Worship Lord Shiva on Mondays. Wear silver. Serve your mother."},
    3: {"Planet": "Jupiter", "Description": "This number symbolizes creativity, sociability, optimism, and self-expression. Such individuals are artistic, friendly, and skilled in communication.", "Health": "Liver, blood, and skin. Avoid oily and spicy foods.", "Career": "Teaching, writing, journalism, law, entertainment, public speaking.", "Remedy": "Worship Lord Vishnu on Thursdays. Donate yellow items. Respect teachers/gurus."},
    4: {"Planet": "Rahu", "Description": "This number symbolizes stability, hard work, practicality, and organizational skills. Such individuals are disciplined, reliable, and organized.", "Health": "Mental stress, bones, and respiratory system. Be aware of sudden health issues.", "Career": "Engineering, technical fields, construction, accounting, management.", "Remedy": "Worship Bhairav on Saturdays. Help the helpless. Use less blue and black colors."},
    5: {"Planet": "Mercury", "Description": "This number symbolizes freedom, adventure, change, and versatility. Such individuals are curious, dynamic, and love change.", "Health": "Nervous system, throat, and shoulders. Pay attention to communication and mental balance.", "Career": "Business, communication, marketing, tourism, research, science.", "Remedy": "Worship Lord Ganesha on Wednesdays. Donate green items. Respect sisters."},
    6: {"Planet": "Venus", "Description": "This number symbolizes responsibility, family, love, and service. Such individuals are caring, harmonious, and domestic.", "Health": "Reproductive system, throat, and kidneys. Maintain balance in lifestyle and diet.", "Career": "Arts, design, fashion, hotel management, beauty, medicine.", "Remedy": "Worship Goddess Lakshmi on Fridays. Donate white items. Respect women."},
    7: {"Planet": "Ketu", "Description": "This number symbolizes spirituality, analysis, knowledge, and intuition. Such individuals are contemplative, interested in research, and can be mysterious.", "Health": "Skin, digestive system, and feet. Be aware of allergies and undiagnosed illnesses.", "Career": "Research, astrology, spirituality, writing, detective work, programming.", "Remedy": "Worship Ganesha or Hanuman on Tuesdays. Feed dogs. Practice meditation and yoga."},
    8: {"Planet": "Saturn", "Description": "This number symbolizes power, success, material prosperity, and authority. Such individuals are ambitious, business-oriented, and skilled managers.", "Health": "Bones, teeth, knees, and rheumatism. Be aware of chronic diseases.", "Career": "Industry, politics, justice, real estate, large businesses, mining.", "Remedy": "Worship Lord Saturn on Saturdays. Offer water to a Peepal tree. Donate oil."},
    9: {"Planet": "Mars", "Description": "This number symbolizes humanitarianism, compassion, generosity, and idealism. Such individuals are philanthropic, understanding, and have a global perspective.", "Health": "Head, blood, and muscles. Be aware of accidents and injuries.", "Career": "Military, police, sports, surgery, engineering, social work.", "Remedy": "Worship Hanuman on Tuesdays. Donate red items. Help brothers."},
    11: {"Planet": "Master (Moon)", "Description": "This number symbolizes high intuition, inspiration, and idealism. It has the traits of 2 but is more powerful and spiritual.", "Health": "High mental sensitivity, stress, and nervous system. Meditation and yoga are essential.", "Career": "Spiritual guru, psychologist, artist, teacher, writer.", "Remedy": "Trust your intuition. Practice meditation and spiritual exercises. Inspire others selflessly."},
    22: {"Planet": "Master (Rahu)", "Description": "Known as the 'Master Builder'. Has the ability to turn big dreams into reality. Has traits of 4 but on a larger scale.", "Health": "Stress, high blood pressure, and nervous system. Balance work and rest.", "Career": "Head of large projects, architect, international leader, inventor.", "Remedy": "Use your abilities for large and positive works. Embrace patience and planning."},
    33: {"Planet": "Master (Jupiter)", "Description": "Known as the 'Master Teacher'. Represents compassion, service, and spiritual knowledge at a high level. Has traits of 6.", "Health": "Emotional health and nervous system. Take care of your own health while serving others.", "Career": "Teacher, doctor, social leader, spiritual guru, counselor.", "Remedy": "Engage in selfless service. Spread your knowledge and compassion to the world."}
};

const COMPOUND_NUMBER_DATA = {
    10: {"Title": "Wheel of Fortune", "Description": "This is a powerful number. People with no. 10 can earn good name and fame. But the result deeply depends on their efforts. This no. represents fame, self confidence, belief, success. These people have the potential to change their destiny.", "Note": ""},
    11: {"Title": "A hungry lion with hands and legs tied", "Description": "This is an unlucky number which denotes some problem in the future. it also represents betrayal. People affected by this number face a lot of difficulties in life.", "Note": ""},
    12: {"Title": "Self sacrifice", "Description": "This number denotes tension, self sacrifice and problems because of others. These people suffer in life because of the deeds of people around them. This is considered to be unlucky.", "Note": ""},
    13: {"Title": "Extremity", "Description": "This number's result is extreme success or extreme failure. People need to judge whether this number favors them or works against them. Because of the extremities people choose to stay away from it.", "Note": ""},
    14: {"Title": "Storm, fire and flood", "Description": "People affected by this number would suffer because of others. But this is a lucky number for betting, shares, change of business, gambling.", "Note": ""},
    15: {"Title": "Magic and occult mysteries", "Description": "These people are selfish and self centered. such people are inquisitive about themselves and are impulsive. This number is very lucky if doesn't comprise of 4 and 8. Otherwise these people can use negative means to achieve what they want.", "Note": "Name should not contain D, M, T, P, F"},
    16: {"Title": "A king falling off a tower because of lightening", "Description": "Unlucky number. This numbers indicates problems in the future. Warns the person for the coming accidents and misfortunes. It denotes a failure because of destiny.", "Note": ""},
    17: {"Title": "An eight edged twinkling star of Venus", "Description": "Lucky number. It denotes the end of all problems and difficulties and it takes a person to good heights. It gives you name and fame. But if this number is composed of 4 and 8 it is considered to be very unlucky.", "Note": "Name should not contain D, M, T, P, F"},
    18: {"Title": "A shining moon. Blood drops falling from it and a dog and a wolf licking them. Also a crab is approaching both", "Description": "This number denotes family problems. These people suffer because of their enemies. Such people earn money by being religiously corrupt. They benefit from social problems and revolts. You should not choose this number for any auspicious work.", "Note": ""},
    19: {"Title": "Sun", "Description": "A very lucky number. People get happiness, success, fame. Their plans are fulfilled and they achieve their goals.", "Note": ""},
    20: {"Title": "An angel blowing a trumpet. Below it are a woman, a man and a child coming out of a coffin and praying", "Description": "Lucky number. It denotes justice and new opportunities says that though problems would be faced in the path but ultimately with the help of the nature success would be achieved.", "Note": "Success in Later Life, not to be given to the kid"},
    21: {"Title": "The world", "Description": "This number represents success and fame. Such people would reach the peak of their career and shine different from the crowd. These people would have to struggle a bit for their success. A very lucky in itself.", "Note": ""},
    22: {"Title": "A person turns blind because of others errors. An angry lion is approaching to attack him", "Description": "This is an unlucky number. It denotes failures and problems because of others. Such people dream of things that can never be achieved. They fail to protect themselves from the problems raised because of others. They often take wrong decisions in others influence. Such people should be very careful in taking decisions.", "Note": ""},
    23: {"Title": "The royal star of the lion", "Description": "A very lucky number. It gives success and it denotes help from other powerful people.", "Note": ""},
    24: {"Title": "Success in love", "Description": "This number denotes success because of love. Such people rise in life with the help of opposite sex. This is a lucky number.", "Note": ""},
    25: {"Title": "Struggle leading to success", "Description": "This number represents success with ones own experience and struggle. A person may have to face difficulties in the start of a venture but would surely achieve success in the coming future. This is considered to be a lucky number. People working under them also benefit from their experience.", "Note": "Difficulty in starting"},
    26: {"Title": "Problems in future", "Description": "This number represents serious problems in the future. These people will have to face defame and failures because of association with other people. They face major failures in betting and gambling. Unlucky number, warns you to be careful in the future.", "Note": ""},
    27: {"Title": "The sceptre", "Description": "This number gives you power and leadership qualities. If such people work with their own minds they can achieve success for sure. Lucky number.", "Note": ""},
    28: {"Title": "Opposition and defame", "Description": "This number represents opposition from others. Such people are often over confident about their work but if they are not careful about their work, it can lead them to defamation and failures. These people should not trust others too much as they are prone to betrayal. They should not oppose anyone without a reason. They can face court cases in their business They may have to suffer a lot because of a small mistake. Unlucky number.", "Note": ""},
    29: {"Title": "Uncertainty and betrayal", "Description": "This number represents betrayal, problems, tension from friends and opposite sex. These people should be very careful in whatever they do. Unlucky number.", "Note": ""},
    30: {"Title": "Intelligence and wisdom", "Description": "Such people are very intelligent. They prefer knowledge to money. This also denotes learning lessons from past events. This is a neutral number. Success or failure depends on a persons thinking.", "Note": "Success and Failure are based on thinking, not to be given to the kid"},
    31: {"Title": "Solitude", "Description": "Such people do not save much money. They love to be in solitude. They stay away from friends and family. They do not have much aims in life. From a family point of view this is not a lucky number.", "Note": ""},
    32: {"Title": "Unity, fame", "Description": "This number is very lucky. Denotes fame, success and self-confidence. You should trust your instincts and be determined on your decisions. If you listen to others advice much you would face problems in your life.", "Note": ""},
    33: {"Title": "Same as number 24", "Description": "This number denotes success because of love. Such people rise in life with the help of opposite sex. This is a lucky number.", "Note": "Not to be given to the kid"},
    34: {"Title": "Same as number 25", "Description": "This number represents success with ones own experience and struggle. A person may have to face difficulties in the start of a venture but would surely achieve success in the coming future. This is considered to be a lucky number. People working under them also benefit from their experience.", "Note": ""},
    35: {"Title": "Same as number 26", "Description": "This number represents serious problems in the future. These people will have to face defame and failures because of association with other people. They face major failures in betting and gambling. Unlucky number, warns you to be careful in the future.", "Note": ""},
    36: {"Title": "Same as number 27", "Description": "This number gives you power and leadership qualities. If such people work with their own minds they can achieve success for sure. Lucky number.", "Note": "Not to be given to the kid"},
    37: {"Title": "Rising fortune", "Description": "This is a powerful number. Such people get success in love and friendship both. They benefit in a partnership. Such people rise with the help of opposite sex.", "Note": ""},
    38: {"Title": "Same as number 29", "Description": "This number represents betrayal, problems, tension from friends and opposite sex. These people should be very careful in whatever they do. Unlucky number.", "Note": ""},
    39: {"Title": "Same as number 30", "Description": "Such people are very intelligent. They prefer knowledge to money. This also denotes learning lessons from past events. This is a neutral number. Success or failure depends on a persons thinking.", "Note": "Success and Failure are based on thinking, not to be given to the kid"},
    40: {"Title": "Same as number 31", "Description": "Such people do not save much money. They love to be in solitude. They stay away from friends and family. They do not have much aims in life. From a family point of view this is not a lucky number.", "Note": ""},
    41: {"Title": "Same as number 32", "Description": "This number is very lucky. Denotes fame, success and self-confidence. You should trust your instincts and be determined on your decisions. If you listen to others advice much you would face problems in your life.", "Note": ""},
    42: {"Title": "Same as number 24", "Description": "This number denotes success because of love. Such people rise in life with the help of opposite sex. This is a lucky number.", "Note": ""},
    43: {"Title": "Struggle", "Description": "This number depicts struggle, problems, tensions, rivalries, defame, obstacles. This is an unlucky number.", "Note": ""},
    44: {"Title": "Same as number 26", "Description": "This number represents serious problems in the future. These people will have to face defame and failures because of association with other people. They face major failures in betting and gambling. Unlucky number, warns you to be careful in the future.", "Note": ""},
    45: {"Title": "Same as number 27", "Description": "This number gives you power and leadership qualities. If such people work with their own minds they can achieve success for sure. Lucky number.", "Note": ""},
    46: {"Title": "Same as number 37", "Description": "This is a powerful number. Such people get success in love and friendship both. They benefit in a partnership. Such people rise with the help of opposite sex.", "Note": ""},
    47: {"Title": "Same as number 29", "Description": "This number represents betrayal, problems, tension from friends and opposite sex. These people should be very careful in whatever they do. Unlucky number.", "Note": ""},
    48: {"Title": "Same as number 30", "Description": "Such people are very intelligent. They prefer knowledge to money. This also denotes learning lessons from past events. This is a neutral number. Success or failure depends on a persons thinking.", "Note": "Success and Failure are based on thinking, not to be given to the kid"},
    49: {"Title": "Same as number 31", "Description": "Such people do not save much money. They love to be in solitude. They stay away from friends and family. They do not have much aims in life. From a family point of view this is not a lucky number.", "Note": ""},
    50: {"Title": "Same as number 32", "Description": "This number is very lucky. Denotes fame, success and self-confidence. You should trust your instincts and be determined on your decisions. If you listen to others advice much you would face problems in your life.", "Note": ""},
    51: {"Title": "Warrior and victory", "Description": "This is a unique and powerful number which signifies strength and victory. Such people get unexpected opportunities to rise in life. These people get success wherever they work but they also have a lot of enemies. They are suspected to be harmed by friends.", "Note": ""},
    52: {"Title": "Same as number 43", "Description": "This number depicts struggle, problems, tensions, rivalries, defame, obstacles. This is an unlucky number.", "Note": ""},
    53: {"Title": "Success and intelligence", "Description": "This number is lucky for politician, detectives and military personnel's. These people have the will to struggle. If you are satisfied with your name, you need not change it. If you want financial rise then change your name.", "Note": "If you want financial rise, change your name"},
    54: {"Title": "Success, prosperity, intelligent, lucky", "Description": "Success, prosperity, intelligent, lucky. To avoid accidents read hanuman chalisa. You need not change your name.", "Note": "Read hanuman chalisa"},
    55: {"Title": "Hasty decisions", "Description": "Such people are hasty in decisions and then regret their decisions. You should change your business.", "Note": "Change the business"},
    56: {"Title": "Delayed success", "Description": "These people get success but after a lot of efforts. They are spendthrifts. You should change your name so that you may get success a little early.", "Note": "Not to be given to the kid"},
    57: {"Title": "Lucky, good businessman, jolly natured", "Description": "Lucky, good businessman, jolly natured. Should not change their name.", "Note": ""},
    58: {"Title": "Emotional, Kind hearted", "Description": "Emotional, Kind hearted. Can plan very well but fail to take care of the budget. Should not change their name.", "Note": ""},
    59: {"Title": "Problems and travel benefits", "Description": "You will have to face a lot of problems. You will benefit from travel. You will have enough money for your needs.", "Note": ""},
    60: {"Title": "Lucky number", "Description": "Lucky number. You should not change your name. Change your attitude a bit.", "Note": ""},
    61: {"Title": "Initial difficulties, later success", "Description": "You will have a lot of difficulties in initial life but will have success in later age. If your age is less than 40 you may change your name. Your luck will shine with travel.", "Note": "If age is less than 40 then change the name"},
    62: {"Title": "Hard working, dedicated", "Description": "Hard working, dedicated people. You will have sudden rise in your life. You should change your business instead of name.", "Note": "Change Business"},
    63: {"Title": "Name is lucky. Helping in nature", "Description": "Name is lucky. Helping in nature. Such people are spendthrifts. Should save money.", "Note": ""},
    64: {"Title": "Family problems", "Description": "Family problems, problems with colleagues. Should change your name for positivity. In financial regards name is lucky. Such people are always stuck with problems.", "Note": "If need positivity then change else good for money"},
    65: {"Title": "Successful life", "Description": "Successful life, content and reaches the top level. They get all the material things in life. They are prone to accidents. Should read hanuman chalisa and use suraksha kawatch.", "Note": "Read hanuman chalisa"},
    66: {"Title": "Lucky number. Jolly in nature", "Description": "Lucky number. Such people are jolly in nature, good in business and soft spoken. They get success in different spheres of life. They reach success with help of their contacts. Name has magnetic powers by which they are able to defeat their enemies easily.", "Note": ""},
    67: {"Title": "Lucky number. Alert, fearless", "Description": "Lucky number. Such people are alert, fearless, beautiful, healthy and awakened. They get success but a little later than expected. If they plan and work they would definitely reach their goal. They should be practical in their approach.", "Note": ""},
    68: {"Title": "Should change name immediately", "Description": "Should change their name immediately. These people are always depressed and unsuccessful in life. Neither do they have the ability to do something big on their own nor do they get anyone's support. They face obstacles in whatever they do.", "Note": ""},
    69: {"Title": "Lucky number. Financially sound", "Description": "Lucky number. Financially sound, prosperous, Happy, optimist and successful. Married life is blessed. They benefit in partnership. They should take advantage of their political connections for financial growth.", "Note": ""},
    70: {"Title": "Lucky number. Positive end result", "Description": "Lucky number. End result is positive. Have good qualities. Gets success in whatever they do. They live a luxurious life. They face little financial problems in the beginning of any work but in a short time they get success.", "Note": ""},
    71: {"Title": "Lucky number. Emotional, kind hearted", "Description": "Lucky number. shouldn't change their name. Emotional, kind hearted, hard working. They do not worry about results. Work very hard. They can plan very well for future and thus get success. They excel in writing and as advisors.", "Note": ""},
    72: {"Title": "Childhood struggles", "Description": "People who are affected by this number struggle a lot in their childhood. They have to face a lot of hardships before they get success. They help others a lot but fail to gain others support. They should change their name to avoid so many struggles in life.", "Note": ""},
    73: {"Title": "Ability to work. Religious", "Description": "These people have the ability to work. They are religious and soft spoken. They are financially strong and live a prosperous life. They have a high self esteem and do not take favors from others. They are content with what they have.", "Note": ""},
    74: {"Title": "Patient, understanding", "Description": "People with this number are patient, understanding and alert. They may have to face problems because of their success and property. They may have to face opposition from family members. If you stay on their words they will get success. They should not take responsibility for others finances. Should not change their name.", "Note": ""},
    75: {"Title": "Unlucky number", "Description": "Unlucky number. These people always suffer because of others. Health problems, betrayal from friends.", "Note": ""},
    76: {"Title": "Lucky number. Success in all spheres", "Description": "Lucky number. People get success in all spheres of life. Married life is blessed. They are benefited from partnership. They should take advantage from their friends and other contacts.", "Note": ""},
    77: {"Title": "Unlucky. Struggle", "Description": "Unlucky. They have to struggle a lot in life. They are eager to save money. They benefit from travel in business. They face obstacles in executing their plans.", "Note": ""},
    78: {"Title": "Should change name", "Description": "Should change their name. They have to face a lot of obstacles and problems. Inspite of a lot of hard work they fail to get success. They are always tensed.", "Note": ""},
    79: {"Title": "Lucky number. Success and prosperity", "Description": "Lucky number. They have success and prosperity in life. They benefit from people in the society. They are prone to accidents. They should read hanuman chalisa to avoid the same.", "Note": ""},
    80: {"Title": "Lucky number. Religious, emotional", "Description": "Lucky number. Religious, emotional and keeps sympathy with others. People whom they help and support get more success as compared to them. If people want success in business and money then change your name else it is fine.", "Note": ""}
};

const SOUL_NUMBER_DATA = {
    1: {"Title": "The Ambitious Innovator - SUN", "Element": "Fire", "Strengths": "Individuality, leadership, analytical skills, strategic thinking, strong vision, quick reaction, can quickly put their ideas into words, punctuality, managerial skills, resistant to stress, strong health and body, easily adapts to new environments", "Shadow": "Deep-seated insecurity (despite appearing confident), possible overspending, desire to dominate and put down others, willing to achieve their goals no matter the cost, have a hard time being subordinate, difficulty building relationships, vanity", "Description": "Sun people came into this world with an important mission. They can subconsciously feel it, so they are prepared to shoot for the stars, even if achieving their goals means overcoming obstacles and embracing responsibility. At work they are reliable, can make plans, and build strategy. They are clear in the way they communicate and often grow their careers quickly. They are the perfect mix of boundless ambition and energy (manifests as an active mind and good health). The ONEs come up with new innovative ideas, they are not afraid of progress, and will often venture into entrepreneurship, where they flourish as respected and loved leaders. ONE is where the cycle begins, so people born with this energy benefit from everything that has to do with novelty, renewal, starting or creating something. The ONEs absolutely have to be active outside of home. They need to have a career or business, projects, be involved in the community - whatever it is, they have to be engaged in the world. Making money is also very important for them. Sun people should never retreat from the world, they should embody the essence of the Sun - shine bright for everyone to see! A Sun that doesn't shine, or even worse - that doesn't believe it is worthy of being looked at, is a recipe for disaster. Being individualistic and even selfish is good for the ONEs. They move the world forward by achieving their own goals. Those goals can be selfish at their core, but it will involve creating ideas, hiring people, circulating money, inspiring others, etc.! In an ironic twist, the perfect embodiment of the ONE will combine individualism and a great deal of responsibility - for your family, employees, community. The more responsibility the ONE takes on - the greater their potential. Since ONE is the number of royalty, all the ONEs have a hunger for the better things in life - expensive things, comfort, status symbols. But above all else for respect and attention. Suns are well loved by people and potential love interests, they are generous and are not afraid of sharing their success."},
    2: {"Title": "The Nurturing Caregiver - MOON", "Element": "Water", "Strengths": "Great therapists, strong intuition, patient, want to build relationships, good mediators/diplomats, have very few enemies, well liked, can talk themselves out of anything", "Shadow": "Gossip, bad-mouthing people behind their back, lack of punctuality, have a hard time making decisions or maintaining boundaries, get tired easily, prone to denial", "Description": "TWOs can feel everyone around them. They can sense emotions, unspoken truths, and tension. TWOs respect every point of view because they understand the need for variety and polarity within the universe. There's a strong innate need for balance and harmony. They can be wonderful representatives, mediators, diplomats, peace negotiators. Talking is their strong suit! They can negotiate, network, and talk their way into opportunities and out of trouble. Moon people are usually well liked and can find a middle ground with the most difficult of people. TWOs who have developed their core energies have a calming effect on people. Their perfect job would be oriented around people and communication, being able to trust people and relax. The working conditions would also be comfortable, as to protect the TWO from additional stress. Moon people are sensitive, compliant, and indecisive, which often leads to them taking on secondary positions (behind a more assertive leader), where they can make change through subtle influence. At work, as at home, TWOs are the most relaxed when they are with people, who can shoulder responsibility, provide guidance, and make difficult decisions. Their deep understanding of duality makes it challenging for Moon people to hear their own thoughts and desires. They will always see things from multiple perspectives and struggle making final decisions, even if these decisions only concern themselves. People who belong to this soul number are very inventive, they have a ton of ideas (especially relating to helping people and achieving harmony), they are naturally drawn to making the world a better and more peaceful place. They themselves need peace, they get tired easily, their are prone to illness and stress. TWOs have to follow their natural rhythms. Building and strengthening relationships is the main goal for a TWO. This applies to all kinds of relationships: romantic relationships, friendships, work connections, family, etc. Any connection can be a learning opportunity, where a TWO will practice relationship building. This starts with a healthy relationship with your mother, then female relatives, then women in general, and then the rest of the world."},
    3: {"Title": "The Energetic Pioneer - JUPITER", "Element": "Fire", "Strengths": "Amazing administrators, can process vast volumes of information, can learn and teach others, great managers, seek expansion and growth in all aspects of life", "Shadow": "Tyrants (except the 12th), overly optimistic to the point of underestimating risk, tend to suppress those close to them with their authority, can't take criticism, get annoyed at 'stupid' people", "Description": "The THREEs are the Gurus of this world. They are blessed with a strong mind and are capable of processing large amounts of information. They are great students and even better teachers. They dive deep into their chosen subject and are very likely to be financially successful. Jupiter is the largest planet in the system, and it has the strongest gravity - similarly the THREEs tend to function like magnets, they attract money, opportunities, people, knowledge, etc. They need to learn how to say 'no' to the things that don't serve them, while accumulating things that do - saving money, investing into assets, surrounding themselves with high quality things and valuable connections. THREEs should always thrive for more. Expansion is the main word for Jupiter people, and they should avoid stagnation at all cost. THREEs are very ambitious, make big plans, and like to be on the front lines of every project. They want to do something great in life and constantly think about the future. In their work it is important for them to use their mind and be respected as the best professional in the field, therefore, THREEs won't be satisfied by low-skilled work that doesn't provide growth opportunities. Their perfect job would require in-depth knowledge of their field and would include sharing knowledge in some capacity. The THREEs must teach! It can be as straightforward as a teaching job, but also training new staff, presenting at conferences, having a blog, etc. What they value the most are family and kids. They must be the heads of their family - making decisions, being in control. The more a THREE works on their relationship with their parents, spouse, and children, the more lucky and prosperous they get. Despite the THREEs being very social and enjoying attention, their mind dominates over their emotions. Personal growth, development, and expansion of the domain come first."},
    4: {"Title": "The Adaptable Diplomat - RAHU", "Element": "Air", "Strengths": "They love work, have stamina, orderly, organized, practical, constructive, stable, disciplined, significant creative potential, professional critics/special needs educators", "Shadow": "Can be negative, criticize others excessively, get lost in their thoughts, tend to aggravate relationships, can break the law and engage in criminal activity, tend to talk back and rub people the wrong way, waste money", "Description": "FOURs never stay the same, they are constantly changing - growing or deteriorating. They are very gifted people, who's destiny is to overcome many challenges on the way to greatness. More so, FOURs tend to choose the hard path themselves, and they often don't believe that an easy way exists. Rahu's special gift is the ability to see inconsistencies, mistakes, and to seek truth. This ability comes from their innate mistrust of the world, attention to detail, and a strong analytical mind. They will find and fix a mistake after multiple people miss it; this makes them invaluable at work. The FOURs' defining features are industriousness, strength, tenacity, ability to analyze and come up with unique solutions. Rahu people would do well as both employees and business owners, but regardless of their work situation, they will seek out the most challenging and intellectually stimulating tasks. At work (and in life) Rahu needs stability, law, systems and order. They should never pursue illegal activity! Even if it's within the 'grey' area of the law. In their personal life Rahu people tend to unconsciously provoke conflicts and be quite negative (they don't mean any harm, but their words hurt their loved ones), so it's very important for them to work on being more positive and speaking with a friendlier tone. FOURs receive a lot of energy and development through their relationship with their romantic partner. FOURs tend to feel empty, like something is missing. This is normal, since they are literally a part of the whole (see the myth of Rahu & Ketu). This empty space can only be filled by developing intuition, spiritual growth, and philosophical pursuits. It is critical for Rahu to find their own spiritual path, one that makes sense to them! Remember, there is no one correct way to have a spiritual practice. Oftentimes Rahu will limit themselves in what food they eat, how they spend money, what relationships they are allowed to have, as well as material possessions and happiness. These restrictions come from a skewed understanding of what it means to be spiritual. In the case of Rahu this approach does not bring enlightenment, it actually suppresses their energy. FOURs should seek comfort, happiness, even in material forms."},
    5: {"Title": "The Balanced Center - MERCURY", "Element": "Earth", "Strengths": "Make quick start in projects, constantly generate ideas, enjoy everything new, easygoing, up for anything, love to travel, enjoy being busy, tend to make a lot of money quickly", "Shadow": "Inconsistent, vanity, boasting, can go bankrupt just as easily, have a hard time building long-term romantic relationships, tend to leave things unfinished (like school)", "Description": "FIVEs tend to be gentle and vulnerable creatures. They are easygoing, playful, charming, and young in body and spirit. They are lifelong students and they should treat life as a fun game, where they are constantly trying and learning new things. Their path is an easy one, FIVEs are meant to go with the flow. They love having fun and try to create an uplifted and happy atmosphere around themselves. FIVEs need to be social and be appreciated by those around them. They are chameleons - they will be wise with wise men, and childlike with children, thus they fit well with any company and are generally well liked. Mercury people are quick at making decisions and are quite impulsive. They are constantly moving, love change - travel or moving to a new home - it's great for their energy. FIVEs tend to avoid long-term commitments and plans. Money is the only area of life where they should have a plan, because they are natural entrepreneurs. People with this soul number are capable of making a lot of money (and quite easily), they often have several streams of income, and are the most likely to be in relationships where their partner provides for them financially. Potential partners love FIVEs, they are like love magnets, even though FIVEs tend to avoid commitment and will need help moving the relationship to the next step. Freedom is vital for them! They would rather have a wide net of surface level relationships, than being limited to one soul connection. The older Mercury gets, the more commitment-phobic they become. Although communicative, FIVEs are capable of using their words to hit where it hurts. This is something they should work on, because being so venomous consumes a lot of their energy. When a FIVE develops positive communication skills, their personal and professional lives flourish."},
    6: {"Title": "The Strong Leader - VENUS", "Element": "Earth", "Strengths": "Wise, attractive, can stay young for a very long time, pleasant to talk to, can show people how to enjoy anything, true to their word and responsible, well respected at work for their experience and being great with people, creative, artistic, create beauty and order", "Shadow": "Tend to overindulge (overeating, oversleeping, substance abuse, lust, etc.), lazy, don't have a solid belief system, underestimate themselves, have a hard time choosing what to do with their life, can be frivolous and lustful", "Description": "Venus people are youthful, pleasant, their voices are enchanting. They love luxury and beautiful things. They are drawn to aesthetically pleasing environments, they are artistic and have great teste. Messiness annoys SIXes more than anything, and that goes beyond material things, even a messy work flow can disrupt their energy. SIXes easily attract the opposite sex, who usually love and respect them. They attract the opposite sex in all area of love - romantic partners, colleagues, friends. A Venus will always be surrounded by the opposite sex. Their romantic relationships can seem boring or too 'normal', but they're stable and loving. SIXes want love, dedication, care. They hate conflict and avoid it at all costs. People tend to easily trust them, but a SIX will never be fully open to anyone. They have unique opinions on everything and subscribe to their own world view. Venus is the only planet that rotates around the sun in a clockwise pathway, similarly Venus people will always follow a unique path. Spirituality plays an important part in SIX's life, because they are meant to develop unconditional love towards the whole world, without being delusional. Venus people make and spend money easily. They love being creative and can easily achieve their goals. Their perfect job will have something to do with creating beauty, comfort, sharing their wisdom and their perception of the world. They make money by finding pleasure in their work. They love to beautify their homes, rooms, offices, cars, and even themselves. Venus people value beauty and it is important for them to look good, be stylish, and to be constantly improving their appearance."},
    7: {"Title": "The Joyful Creator - KETU", "Element": "Fire", "Strengths": "Kind heart, social, romantic, sentimental, noble soul, very original in their self-expression, have an independent approach to life, strong intuition", "Shadow": "Can get lost in thoughts, have a hard time achieving their goals (thinking instead of doing), can spend too much time thinking things over and considering spiritual implications, substance abuse", "Description": "Ketu energy is indecisive, restless, and prone to mood swings. SEVENs are a perfect mix of material and spiritual. Ketu blossoms when it finds its inner philosophy and dedicates its life to serving humanity. It is important for SEVENs to feel, rather than think, because they have the strongest intuition out of all soul numbers. Over-analysis can silence the gentle voice of intuition. They should pay special attention to their body and what it's telling them, because oftentimes Ketu experiences intuition through physical sensations. SEVENs are full of bright ideas, but they rarely bring them to life… They need help to put things into motion - a team or a mentor. At work Ketu does best in positions that are in between being totally subordinate and being fully in change. A SEVEN should have autonomy over their work, but still have the security of having someone else deal with the rest of it. This can be realized in a partnership - a business, where Ketu shares the work with a trusted team. They have a high need for alone time and space to think, while undisturbed. This helps Ketu to recharge. They should take walks, spend time in nature, travel and move to get the most out of Ketu energy. SEVENs have a better chance to be successful abroad rather than in their home country. Despite the fact that SEVENs always hide behind a mask and are often misunderstood, they can easily blend into any social circle, because they genuinely don't see people as being different based on class or any other factor. They know that everyone is truly equal. They tend to go overboard when they like someone or something - it becomes their obsession. Love life is very important for Ketu, because they receive spiritual growth and develop communication skills with their family and romantic partners. In romantic relationships they absolutely have to have physical compatibility, aka chemistry."},
    8: {"Title": "The Determined Analyst - SATURN", "Element": "Earth", "Strengths": "Kind heart, eager to help, leaders, naturally wise, smart, organized, have a strong sense of self, can work a lot, endless stamina, strategic mind", "Shadow": "Can hold grudges, be negative, have 'heavy' presence, tend to bug and micromanage, can be grumpy, put pressure on people", "Description": "This is the number of certainty and confidence, but also mystery. Saturn people are often misunderstood, even by those closest to them. They never fully open up to anyone. EIGHTs are dedicated workers, they easily take on responsibility, and in their hand anything is possible. They are capable of continuous routine work without losing focus. Although Saturn is not obsessed with being rich, they tend to seek financial security. They are very unlikely to accept any kind of help and prefer to do everything themselves. They are capable of making a lot of money, thus it is important for EIGHTs to set big goals for themselves. Their professional and financial growth comes from taking on more and more complex work as time goes on - the types of complex work that would utilize their stamina and perseverance. They are more introverted than extroverted. EIGHTs are secretive, patient, deep, serious, melancholic, thoughtful, peaceful, and stable. While their sense of humour is not the strongest, they do benefit from having a good laugh. Saturn people need professional self-actualization, recognition, and respect. They tend to be loners, they have few friends, but they are honest and loyal with those people and/or organizations they chose to align themselves with. They have a tendency to protect the interests of others. Marriage is not a priority for EIGHTs, but if they form a family, they will be loyal partners. In romantic relationships they want to be appreciated for their strengths (stability, loyalty, ambition) and not to be expected to be romantic or passionate. A perfect relationship would involve common projects that are unrelated to the romantic/sensual part of the relationship - for example: family business, community involvement, charity, etc."},
    9: {"Title": "The Passionate Visionary - MARS", "Element": "Fire", "Strengths": "Great hosts, always ready to protect others, very creative, social, enjoy managing people, tend to do well within hierarchical structures, competitive, charismatic, can lead based on their strong will, kind-hearted", "Shadow": "Impulsive, you are either with them or against them, arrogant, make enemies, tend to argue, quarrel, and complicate relationships, can heat up conflict, often piss people off", "Description": "Mars is the planet of fire and heat. It creates a strong current of energy that is hard to control. It makes the NINEs restless, they are always busy with something. They cannot relax until they succeed in their goals. They are warriors, and they will fight their way to the top of their chosen mountain. NINEs can be great administrators, strategists, they are great at managing people and making them do what they want. Mars people tend to see the world and people a black and white - you are either with them or against them. If you are on their team, they will take care and protect you by all means necessary. But if you are on the outs - you will be destroyed. For this energy to be productive rather than destructive, a NINE needs a Mission - a goal bigger than oneself. NINEs are very charismatic and the genuinely love their family and friends. They are great hosts and are always prepared to sacrifice themselves and their own comfort for the good of their tribe. Whenever they are with their loved ones, they are the gentlest creatures. They are sharp, with quick reaction time, and can go from resting to being ready to fight in a heartbeat. Mars gives them a killer instinct for self-preservation and protection of the group. NINEs become successful through perseverance and determination. NINEs will often be the ones bringing stress into their own life. They create confrontation and competition out of thin air to match their subconscious need for a challenge. Overcoming challenges gives them intense emotions, which are like air for Mars people. Thus, they are easily wound up and quick to argue. NIVEs are meant to be coupled up. They are way happier in relationships, rather than being single. What they really need is a safe haven and a pocket of peace next to the person they love. Mars people are loyal partners who value domestic life and derive a lot of energy from intimate relations."}
};

const KUA_NUMBER_DATA = {
    1: {"Title": "The Ambitious Innovator", "Element": "Water", "Direction": "North", "Traits": "If you have Kua number 1, you're likely ambitious, smart, and intuitive. You do well in places where you can innovate and lead.", "Auspicious": "The north is good for career growth and travel opportunities. This direction helps your ambitious nature and makes it easier to handle challenges.", "Advice": "Imagine putting your desk facing north. This setup could boost your productivity and career growth, making you feel more in control of your professional life."},
    2: {"Title": "The Nurturing Caregiver", "Element": "Earth", "Direction": "Southwest", "Traits": "Kua number 2 people are caring, supportive, and practical. You enjoy helping others and creating a peaceful environment.", "Auspicious": "The southwest is great for relationships, health, and family harmony. Use this direction to make your home life better and strengthen bonds with loved ones.", "Advice": "Picture placing family photos or a comfy seating area in the southwest corner of your home, making a space where everyone feels welcome and loved."},
    3: {"Title": "The Energetic Pioneer", "Element": "Wood", "Direction": "East", "Traits": "Energetic and creative, people with Kua number 3 love growth and new experiences. You thrive in challenging environments.", "Auspicious": "The east direction helps with creativity, family, and personal development. Face your workspace or creative area to the east to boost your innovative spirit.", "Advice": "Visualize setting up your art studio or home office facing east, where the rising sun can inspire your creative projects and personal growth."},
    4: {"Title": "The Adaptable Diplomat", "Element": "Wood", "Direction": "Southeast", "Traits": "Adaptable and resourceful, Kua number 4 people are great at diplomacy and negotiation. You excel in teamwork.", "Auspicious": "The southeast is linked to wealth, learning, and new ventures. Use this direction to enhance your adaptability and resourcefulness.", "Advice": "Think about placing your financial documents or study materials in the southeast corner to boost your wealth and learning opportunities."},
    5: {"Title": "The Balanced Center", "Element": "Earth", "Direction": "(Males) – Northeast; (Females) – Southwest", "Traits": "Kua number 5 people are balanced and stable. You have a natural ability to stay grounded and centered, no matter the circumstances.", "Auspicious": "The center supports balance, stability, and grounding. Use this central position to enhance your overall well-being and maintain equilibrium.", "Advice": "Focus on maintaining balance in all aspects of life. Create a centered, peaceful space in your home."},
    6: {"Title": "The Strong Leader", "Element": "Metal", "Direction": "Northwest", "Traits": "Strong, authoritative, and disciplined, Kua number 6 people are natural leaders. You are reliable and take charge in any situation.", "Auspicious": "The northwest direction supports leadership, power, and spiritual growth. Use this direction to reinforce your leadership presence.", "Advice": "Imagine positioning your executive chair or meditation space facing northwest to strengthen your leadership qualities and spiritual growth."},
    7: {"Title": "The Joyful Creator", "Element": "Metal", "Direction": "West", "Traits": "Sociable, Joyful and artistic, Number 7 Kua individuals have a unique ability of relating with others because of their creativity power.", "Auspicious": "In the west direction creativity, children and social connections are well supported. This direction is best when it comes to developing your artistic abilities as well as social life.", "Advice": "Picture setting up a play area or a creative studio in the west part of your home, fostering joy and artistic expression."},
    8: {"Title": "The Determined Analyst", "Element": "Earth", "Direction": "Northeast", "Traits": "Kua number 8 individuals demonstrate excellence in places that require strong determination, discipline, and analysis.", "Auspicious": "In matters of wisdom, betterment of self and financial stability, the North-East represents good energy. It is therefore advisable that, while building their study room houses or even financial plans, people should face the direction of the north-east.", "Advice": "Visualize placing your bookshelf or desk in the northeast corner to boost your knowledge and financial stability."},
    9: {"Title": "The Passionate Visionary", "Element": "Fire", "Direction": "South", "Traits": "Passionate, charismatic, and visionary, Kua number 9 people are driven by their goals and inspire others with their enthusiasm.", "Auspicious": "The south direction is linked to fame, recognition, and love. Use this direction to amplify your visibility and romantic endeavors.", "Advice": "Imagine placing your vision board or romantic mementos in the south part of your home to enhance your charisma and love life."}
};

const YOGA_ANALYSIS = { 
    "Mental Yoga (4-9-2)": ["Logical and Sharp Mind", "This yoga grants excellent mental capacity, logical thinking, and planning power. Such individuals can express their thoughts clearly and understand things quickly."], 
    "Emotional Yoga (3-5-7)": ["Sensitive and Art Lover", "This yoga makes a person emotionally rich, sensitive, and artistic. They have high imagination and a deep attachment to beauty and love."], 
    "Practical Yoga (8-1-6)": ["Practical and Successful", "This yoga helps achieve success in the material world. They are practical, skilled in making money, and dedicated to their goals."], 
    "Thought Yoga (4-3-8)": ["Excellent Thought Power", "This yoga provides organized and excellent thinking power. They have good memory and can do any work in a planned manner."], 
    "Willpower Yoga (9-5-1)": ["Strong Willpower", "This yoga grants extremely strong willpower and confidence. Once they set a goal, they do not stop until it is achieved."], 
    "Action Yoga (2-7-6)": ["Active and Energetic", "This yoga makes a person extremely active and energetic. They do not hesitate to work and like to remain physically active."], 
    "Golden Raj Yoga (4-5-6)": ["Sudden Success", "This is a rare and powerful yoga. It provides sudden fame, respect, and material happiness in life."], 
    "Silver Raj Yoga (2-5-8)": ["Property Yoga", "This yoga brings benefits from land, houses, and other immovable property. There is material stability in their life."] 
};

const PRESENT_NUMBER_ANALYSIS = { 
    1: ["Leadership and Confidence", DETAILED_INTERPRETATIONS[1]], 
    2: ["Cooperation and Sensitivity", DETAILED_INTERPRETATIONS[2]], 
    3: ["Creativity and Sociability", DETAILED_INTERPRETATIONS[3]], 
    4: ["Stability and Hard Work", DETAILED_INTERPRETATIONS[4]], 
    5: ["Balance and Freedom", DETAILED_INTERPRETATIONS[5]], 
    6: ["Responsibility and Love", DETAILED_INTERPRETATIONS[6]], 
    7: ["Analysis and Spirituality", DETAILED_INTERPRETATIONS[7]], 
    8: ["Success and Authority", DETAILED_INTERPRETATIONS[8]], 
    9: ["Humanity and Idealism", DETAILED_INTERPRETATIONS[9]] 
};

const MISSING_NUMBER_ANALYSIS = { 
    1: ["Lack of Leadership", DETAILED_INTERPRETATIONS[1]], 
    2: ["Difficulty in Cooperation", DETAILED_INTERPRETATIONS[2]], 
    3: ["Lack of Creativity", DETAILED_INTERPRETATIONS[3]], 
    4: ["Disorder and Instability", DETAILED_INTERPRETATIONS[4]], 
    5: ["Difficulty in Communication", DETAILED_INTERPRETATIONS[5]], 
    6: ["Lack of Responsibility", DETAILED_INTERPRETATIONS[6]], 
    7: ["Lack of Analysis", DETAILED_INTERPRETATIONS[7]], 
    8: ["Financial Struggle", DETAILED_INTERPRETATIONS[8]], 
    9: ["Lack of Humanity", DETAILED_INTERPRETATIONS[9]] 
};

const COMPATIBILITY_RULES = { "1,1": "Good", "1,2": "Medium", "1,3": "Excellent", "1,4": "Bad", "1,5": "Excellent", "1,6": "Medium", "1,7": "Medium", "1,8": "Bad", "1,9": "Excellent", "2,2": "Good", "2,3": "Good", "2,4": "Medium", "2,5": "Medium", "2,6": "Excellent", "2,7": "Excellent", "2,8": "Bad", "2,9": "Good", "3,3": "Excellent", "3,4": "Bad", "3,5": "Good", "3,6": "Excellent", "3,7": "Medium", "3,8": "Bad", "3,9": "Excellent", "4,4": "Good", "4,5": "Good", "4,6": "Good", "4,7": "Excellent", "4,8": "Medium", "4,9": "Bad", "5,5": "Excellent", "5,6": "Good", "5,7": "Good", "5,8": "Medium", "5,9": "Good", "6,6": "Excellent", "6,7": "Medium", "6,8": "Good", "6,9": "Excellent", "7,7": "Good", "7,8": "Medium", "7,9": "Medium", "8,8": "Good", "8,9": "Bad", "9,9": "Excellent" };
const NAME_SUGGESTION_RULES = { 1: [1, 2, 3, 5, 9], 2: [1, 2, 3, 5, 6], 3: [1, 2, 3, 5, 6, 9], 4: [4, 5, 6, 7], 5: [1, 2, 3, 5, 6, 7, 9], 6: [2, 3, 5, 6, 9], 7: [4, 5, 7], 8: [4, 5, 6, 8], 9: [1, 2, 3, 5, 6, 9] };
const DAILY_FORECAST = { 1: "Day for new beginnings and leadership.", 2: "Focus on relationships and cooperation.", 3: "Day for creativity and socializing.", 4: "Day for hard work and management.", 5: "Opportunity for change and travel.", 6: "Focus on family and responsibility.", 7: "Day for spiritual contemplation and analysis.", 8: "Day for material success and financial gain.", 9: "Day for service and completion." };

let resultsData = {};

document.addEventListener('DOMContentLoaded', function() {
    const dayCombo = document.getElementById('dayCombo');
    const monthCombo = document.getElementById('monthCombo');
    const yearCombo = document.getElementById('yearCombo');
    const calculateBtn = document.getElementById('calculateBtn');
    const resetBtn = document.getElementById('resetBtn');
    const compatBtn = document.getElementById('compatBtn');
    const suggestBtn = document.getElementById('suggestBtn');
    const exportBtn = document.getElementById('exportBtn');
    
    function reduceNumber(n) {
        if (n === null || n === undefined) return null;
        let num = parseInt(n, 10);
        if (isNaN(num)) return null;
        
        while (num > 9 && ![11, 22, 33].includes(num)) {
            num = num.toString().split('').reduce((sum, digit) => sum + parseInt(digit, 10), 0);
        }
        return num;
    }

    function getCompoundNumber(day, month, year) {
        const d = parseInt(day);
        const m = parseInt(month);
        const y = parseInt(year);
        
        const dayDigits = d.toString().split('').reduce((sum, digit) => sum + parseInt(digit), 0);
        const monthDigits = m.toString().split('').reduce((sum, digit) => sum + parseInt(digit), 0);
        const yearDigits = y.toString().split('').reduce((sum, digit) => sum + parseInt(digit), 0);
        
        return dayDigits + monthDigits + yearDigits;
    }

    function getSoulNumber(day) {
        return reduceNumber(day);
    }

    function getKuaNumber(year, gender) {
        const yearDigits = year.toString().split('').reduce((sum, digit) => sum + parseInt(digit), 0);
        const reducedYear = reduceNumber(yearDigits);
        
        if (gender === 'male') {
            let kua = 11 - reducedYear;
            if (kua <= 0) kua += 9;
            if (kua === 5) kua = 2;
            return kua;
        } else {
            let kua = reducedYear + 4;
            if (kua > 9) kua = reduceNumber(kua);
            if (kua === 5) kua = 8;
            return kua;
        }
    }

    function getLoShuGridCounts(day, month, year, moolank) {
        const fullString = `${day}${month}${year}${moolank}`;
        const counts = {};
        for (const char of fullString) {
            if (!isNaN(parseInt(char)) && char !== '0') {
                counts[char] = (counts[char] || 0) + 1;
            }
        }
        return counts;
    }

    function getLifePathNumber(d, m, y) {
        try {
            const daySum = reduceNumber(d);
            const monthSum = reduceNumber(m);
            const yearSum = reduceNumber(y.toString().split('').reduce((sum, digit) => sum + parseInt(digit), 0));
            return reduceNumber(daySum + monthSum + yearSum);
        } catch (e) {
            return null;
        }
    }

    function getBirthdayNumber(d) {
        return reduceNumber(d);
    }
    
    function getPersonalDayMonth(lpn, currentDate) {
        if (lpn === null) return { personalDay: null, personalMonth: null };
        const personalMonth = reduceNumber(lpn + (currentDate.getMonth() + 1));
        const personalDay = reduceNumber(personalMonth + currentDate.getDate());
        return { personalDay, personalMonth };
    }

    function initialize() {
        for (let i = 1; i <= 31; i++) {
            dayCombo.innerHTML += `<option value="${i}">${i}</option>`;
        }
        const months = ['1-Jan', '2-Feb', '3-Mar', '4-Apr', '5-May', '6-Jun', '7-Jul', '8-Aug', '9-Sep', '10-Oct', '11-Nov', '12-Dec'];
        months.forEach((m, i) => {
            monthCombo.innerHTML += `<option value="${i+1}">${m}</option>`;
        });
        const currentYear = new Date().getFullYear();
        for (let i = currentYear + 50; i >= 1900; i--) {
            yearCombo.innerHTML += `<option value="${i}">${i}</option>`;
        }
        
        document.getElementById('attribution-text').innerText = ATTRIBUTION_TEXT;
        document.getElementById('contact-info').innerText = CONTACT_INFO_TEXT;
    }
    
    calculateBtn.addEventListener('click', calculateAndDisplay);
    resetBtn.addEventListener('click', resetForm);
    compatBtn.addEventListener('click', () => openCompatibilityChecker(resultsData));
    suggestBtn.addEventListener('click', showNameSuggestion);
    exportBtn.addEventListener('click', exportReport);

    function validateInputs() {
        const day = dayCombo.value;
        const month = monthCombo.value;
        const year = yearCombo.value;

        if (!day || !month || !year) {
            alert("Please select a complete Date of Birth.");
            return null;
        }
        
        const d = parseInt(day);
        const m = parseInt(month);
        const y = parseInt(year);
        const date = new Date(y, m-1, d);
        if (date.getFullYear() !== y || date.getMonth() + 1 !== m || date.getDate() !== d) {
             alert("Invalid Date (e.g. Feb 30).");
             return null;
        }
        return { day, month, year };
    }

    function calculateAndDisplay() {
        const inputs = validateInputs();
        if (!inputs) return;

        const { day, month, year } = inputs;
        const gender = document.querySelector('input[name="gender"]:checked').value;
        
        const moolank = getBirthdayNumber(day);
        const bhagyank = getLifePathNumber(day, month, year);
        const compoundNumber = getCompoundNumber(day, month, year);
        const soulNumber = getSoulNumber(day);
        const kuaNumber = getKuaNumber(year, gender);

        const { personalDay, personalMonth } = getPersonalDayMonth(bhagyank, new Date());
        
        resultsData = {
            "Psychic Number": moolank,
            "Life Path Number": bhagyank,
            "Compound Number": compoundNumber,
            "Soul Number": soulNumber,
            "Kua Number": kuaNumber,
            "Personal Month": personalMonth,
            "Personal Day": personalDay,
            'dob': { day, month, year },
            'gender': gender
        };

        displayMainResults();
        const loShuCounts = getLoShuGridCounts(day, month, year, moolank);
        displayLoShuGrid(loShuCounts, moolank);
        displayAnalysis(loShuCounts);
        displayHealthCareer();
        displayForecast(personalDay, personalMonth);
        displaySoulAndKua();

        compatBtn.disabled = false;
        suggestBtn.disabled = false;
        exportBtn.disabled = false;
    }

    function displayMainResults() {
        const container = document.getElementById('mainResults');
        let html = '';
        
        const coreNumbers = { 
            "Psychic Number (Moolank)": resultsData["Psychic Number"], 
            "Life Path Number (Bhagyank)": resultsData["Life Path Number"],
            "Compound Number": resultsData["Compound Number"],
            "Soul Number": resultsData["Soul Number"],
            "Kua Number": resultsData["Kua Number"]
        };
        
        for (const key in coreNumbers) {
            const value = coreNumbers[key];
            let planet = '';
            let isClickable = false;
            
            if (key === "Psychic Number (Moolank)" || key === "Life Path Number (Bhagyank)") {
                planet = PLANET_NAMES[value] ? `(${PLANET_NAMES[value]})` : '';
                isClickable = true;
            } else if (key === "Compound Number") {
                isClickable = true;
            } else if (key === "Soul Number") {
                isClickable = true;
            } else if (key === "Kua Number") {
                isClickable = true;
            }
            
            html += `<div class="result-item">
                        <span class="result-key">${key}</span>
                        <span class="result-value ${isClickable ? 'clickable' : ''}" data-type="${key}" data-num="${value}" data-title="${key}">${value || 'N/A'} ${planet}</span>
                     </div>`;
        }
        
        container.innerHTML = html;
        container.querySelectorAll('.clickable').forEach(el => {
            el.addEventListener('click', (e) => {
                const num = parseInt(e.target.dataset.num);
                const type = e.target.dataset.type;
                const title = e.target.dataset.title;
                
                if (type === "Compound Number" && COMPOUND_NUMBER_DATA[num]) {
                    showCompoundNumberPopup(num);
                } else if (type === "Soul Number" && SOUL_NUMBER_DATA[num]) {
                    showSoulNumberPopup(num);
                } else if (type === "Kua Number" && KUA_NUMBER_DATA[num]) {
                    showKuaNumberPopup(num);
                } else {
                    const data = DETAILED_INTERPRETATIONS[num];
                    if (data) {
                        showDetailedPopup(`Detailed Analysis of ${title} (${num})`, data);
                    }
                }
            });
        });
    }
    
    function displayLoShuGrid(counts, moolank) {
        const container = document.getElementById('loShuGridContainer');
        let html = `<h2>Lo Shu Grid</h2><div class="lo-shu-grid">`;

        LO_SHU_GRID_LAYOUT.forEach(row => {
            row.forEach(num => {
                const isPresent = counts[num] > 0;
                const isMoolank = (num === moolank);
                const text = isPresent ? num.toString().repeat(counts[num]) : num;

                let numClass = 'missing';
                if (isMoolank && isPresent) numClass = 'moolank-present';
                else if (isMoolank && !isPresent) numClass = 'moolank';
                else if (isPresent) numClass = 'present';
                
                let planetClass = !isPresent && !isMoolank ? 'missing-planet' : '';

                html += `<div class="lo-shu-cell">
                           <span class="num ${numClass}">${text}</span>
                           <span class="planet ${planetClass}">${PLANET_NAMES[num]}</span>
                         </div>`;
            });
        });
        html += `</div>`;
        container.innerHTML = html;
    }
    
    function displayAnalysis(counts) {
        const container = document.getElementById('analysisContent');
        let html = '';

        let yogasHtml = '';
        for (const name in YOGA_ANALYSIS) {
            const numbers = name.match(/\(([^)]+)\)/)[1].split('-').map(Number);
            if (numbers.every(num => counts[num])) {
                const [brief, detail] = YOGA_ANALYSIS[name];
                yogasHtml += `<div class="analysis-item">
                                <span class="title clickable" data-type="yoga" data-key="${name}">✓ ${name}</span>
                                <span class="brief present">- ${brief}</span>
                              </div>`;
            }
        }
        if(yogasHtml) html += `<div class="analysis-section"><h3>Present Yogas</h3>${yogasHtml}</div>`;

        let presentHtml = '';
        for (let i = 1; i <= 9; i++) {
            if (counts[i]) {
                const [brief, data] = PRESENT_NUMBER_ANALYSIS[i];
                const title = `Presence of Number ${i} (${PLANET_NAMES[i]})`;
                presentHtml += `<div class="analysis-item">
                                  <span class="title clickable" data-type="present" data-key="${i}">✓ ${title}</span>
                                  <span class="brief present">- ${brief}</span>
                                </div>`;
            }
        }
        if(presentHtml) html += `<div class="analysis-section"><h3>Impact of Present Numbers</h3>${presentHtml}</div>`;
        
        let missingHtml = '';
        for (let i = 1; i <= 9; i++) {
            if (!counts[i]) {
                const [brief, data] = MISSING_NUMBER_ANALYSIS[i];
                const title = `Absence of Number ${i} (${PLANET_NAMES[i]})`;
                missingHtml += `<div class="analysis-item">
                                  <span class="title clickable" data-type="missing" data-key="${i}">✗ ${title}</span>
                                  <span class="brief missing">- ${brief}</span>
                                </div>`;
            }
        }
        if(missingHtml) html += `<div class="analysis-section"><h3>Impact of Missing Numbers</h3>${missingHtml}</div>`;

        container.innerHTML = html;
        container.querySelectorAll('.clickable').forEach(el => {
            el.addEventListener('click', e => {
                const type = e.target.dataset.type;
                const key = e.target.dataset.key;
                let title, data;
                switch(type) {
                    case 'yoga':
                        title = key;
                        data = { "Description": YOGA_ANALYSIS[key][1] };
                        break;
                    case 'present':
                        title = `Presence of Number ${key} (${PLANET_NAMES[key]})`;
                        data = PRESENT_NUMBER_ANALYSIS[key][1];
                        break;
                    case 'missing':
                         title = `Absence of Number ${key} (${PLANET_NAMES[key]})`;
                        data = MISSING_NUMBER_ANALYSIS[key][1];
                        break;
                }
                if(data) showDetailedPopup(title, data);
            });
        });
    }

    function displayHealthCareer() {
        const container = document.getElementById('healthCareerContent');
        const lpn = resultsData["Life Path Number"];
        let html = '';

        if (lpn && DETAILED_INTERPRETATIONS[lpn]) {
            const healthInfo = DETAILED_INTERPRETATIONS[lpn].Health || "Information not available.";
            let careerInfo = DETAILED_INTERPRETATIONS[lpn].Career || "Information not available.";

            html += `<div class="info-section">
                        <h3>Health Information</h3>
                        <p>${healthInfo}</p>
                     </div>
                     <div class="info-section">
                        <h3>Suitable Career/Business</h3>
                        <p>${careerInfo}</p>
                     </div>`;
        }
        container.innerHTML = html;
    }
    
    function displayForecast(pDay, pMonth) {
        const container = document.getElementById('forecastContent');
        let html = `<div id="forecast-results">
                      <div class="result-item">
                        <span class="result-key">Personal Month</span>
                        <span class="result-value">${pMonth || 'N/A'}</span>
                      </div>
                      <div class="result-item">
                        <span class="result-key">Personal Day</span>
                        <span class="result-value">${pDay || 'N/A'}</span>
                      </div>`;
        if (pDay && DAILY_FORECAST[pDay]) {
            html += `<div class="info-section" style="margin-top:20px;">
                        <h3>Today's Forecast:</h3>
                        <p>${DAILY_FORECAST[pDay]}</p>
                    </div>`;
        }
        html += `</div>`;
        container.innerHTML = html;
    }

    function displaySoulAndKua() {
        const container = document.getElementById('soulKuaContent');
        const soulNum = resultsData["Soul Number"];
        const kuaNum = resultsData["Kua Number"];
        
        let html = '';
        
        if (soulNum && SOUL_NUMBER_DATA[soulNum]) {
            const soulData = SOUL_NUMBER_DATA[soulNum];
            html += `<div class="info-section">
                        <h3>Soul Number ${soulNum}: ${soulData.Title}</h3>
                        <h4>Element:</h4>
                        <p>${soulData.Element}</p>
                        <h4>Strengths:</h4>
                        <p>${soulData.Strengths}</p>
                        <h4>Shadow Aspects:</h4>
                        <p class="warning">${soulData.Shadow}</p>
                        <h4>Description:</h4>
                        <p>${soulData.Description}</p>
                     </div>`;
        }
        
        if (kuaNum && KUA_NUMBER_DATA[kuaNum]) {
            const kuaData = KUA_NUMBER_DATA[kuaNum];
            html += `<div class="info-section">
                        <h3>Kua Number ${kuaNum}: ${kuaData.Title}</h3>
                        <h4>Element:</h4>
                        <p>${kuaData.Element}</p>
                        <h4>Direction:</h4>
                        <p>${kuaData.Direction}</p>
                        <h4>Traits:</h4>
                        <p>${kuaData.Traits}</p>
                        <h4>Auspicious Directions:</h4>
                        <p>${kuaData.Auspicious}</p>
                        <h4>Practical Advice:</h4>
                        <p class="remedy">${kuaData.Advice}</p>
                     </div>`;
        }
        
        container.innerHTML = html;
    }

    function resetForm() {
        dayCombo.value = '';
        monthCombo.value = '';
        yearCombo.value = '';
        document.querySelector('input[name="gender"][value="male"]').checked = true;

        document.getElementById('mainResults').innerHTML = '<div style="text-align:center; color:#aaa; padding:20px;">Please enter DOB and click Calculate</div>';
        document.getElementById('loShuGridContainer').innerHTML = '';
        
        ['analysisContent', 'healthCareerContent', 'forecastContent', 'soulKuaContent'].forEach(id => {
            document.getElementById(id).innerHTML = '';
        });

        compatBtn.disabled = true;
        suggestBtn.disabled = true;
        exportBtn.disabled = true;
        
        resultsData = {};
    }
    
    function showNameSuggestion() {
        if (!resultsData["Life Path Number"]) {
            alert("Please calculate your details first.");
            return;
        }
        const bhagyank = resultsData["Life Path Number"];
        const moolank = resultsData["Psychic Number"];
        const suggestedNums = NAME_SUGGESTION_RULES[bhagyank];

        if (!suggestedNums) {
            alert("No specific suggestions for your Life Path Number.");
            return;
        }
        
        const msg = `Based on your Life Path Number (${bhagyank}) and Psychic Number (${moolank}), names summing up to the following numbers are considered lucky:\n\nLucky Name Numbers: ${suggestedNums.join(', ')}\n\nYou can adjust your name spelling to align with one of these numbers.`;
        alert(msg);
    }
    
    function exportReport() {
        if (!resultsData["Life Path Number"]) return;

        let report = `===== Numerology Report =====\n`;
        report += `Date of Birth: ${resultsData.dob.day}-${resultsData.dob.month}-${resultsData.dob.year}\n`;
        report += `Gender: ${resultsData.gender}\n`;
        report += `------------------------------\n\n`;

        report += `== Core Numbers ==\n`;
        report += `Psychic Number: ${resultsData["Psychic Number"]} (${PLANET_NAMES[resultsData["Psychic Number"]] || ''})\n`;
        report += `Life Path Number: ${resultsData["Life Path Number"]} (${PLANET_NAMES[resultsData["Life Path Number"]] || ''})\n`;
        report += `Compound Number: ${resultsData["Compound Number"]}\n`;
        report += `Soul Number: ${resultsData["Soul Number"]}\n`;
        report += `Kua Number: ${resultsData["Kua Number"]}\n`;
        
        if (resultsData["Compound Number"] && COMPOUND_NUMBER_DATA[resultsData["Compound Number"]]) {
            const compData = COMPOUND_NUMBER_DATA[resultsData["Compound Number"]];
            report += `\n== Compound Number Analysis ==\n`;
            report += `Title: ${compData.Title}\n`;
            report += `${compData.Description}\n`;
            if (compData.Note) report += `Note: ${compData.Note}\n`;
        }
        
        if (resultsData["Soul Number"] && SOUL_NUMBER_DATA[resultsData["Soul Number"]]) {
            const soulData = SOUL_NUMBER_DATA[resultsData["Soul Number"]];
            report += `\n== Soul Number Analysis ==\n`;
            report += `${soulData.Title}\n`;
            report += `Element: ${soulData.Element}\n`;
            report += `${soulData.Description}\n`;
        }
        
        if (resultsData["Kua Number"] && KUA_NUMBER_DATA[resultsData["Kua Number"]]) {
            const kuaData = KUA_NUMBER_DATA[resultsData["Kua Number"]];
            report += `\n== Kua Number Analysis ==\n`;
            report += `${kuaData.Title}\n`;
            report += `Element: ${kuaData.Element}\n`;
            report += `Direction: ${kuaData.Direction}\n`;
            report += `${kuaData.Traits}\n`;
        }
        
        report += `\n== Chart Analysis ==\n`;
        const counts = getLoShuGridCounts(resultsData.dob.day, resultsData.dob.month, resultsData.dob.year, resultsData["Psychic Number"]);
        
        report += `Present Yogas:\n`;
        let yogaFound = false;
        for (const name in YOGA_ANALYSIS) {
            const numbers = name.match(/\(([^)]+)\)/)[1].split('-').map(Number);
            if (numbers.every(num => counts[num])) {
                report += `- ${name}: ${YOGA_ANALYSIS[name][0]}\n`;
                yogaFound = true;
            }
        }
        if (!yogaFound) report += `No special yoga present.\n`;
        
        report += `\nPresent Numbers:\n`;
        for (let i = 1; i <= 9; i++) if (counts[i]) report += `- Number ${i} (${PLANET_NAMES[i]}): ${PRESENT_NUMBER_ANALYSIS[i][0]}\n`;

        report += `\nMissing Numbers:\n`;
        for (let i = 1; i <= 9; i++) if (!counts[i]) report += `- Number ${i} (${PLANET_NAMES[i]}): ${MISSING_NUMBER_ANALYSIS[i][0]}\n`;
        
        report += `\n== Health & Career ==\n`;
        const lpn_data = DETAILED_INTERPRETATIONS[resultsData["Life Path Number"]] || {};
        report += `Health: ${lpn_data.Health || 'N/A'}\n`;
        report += `Career: ${lpn_data.Career || 'N/A'}\n`;

        report += `\n== Forecast ==\n`;
        report += `Personal Month: ${resultsData['Personal Month']}\n`;
        report += `Personal Day: ${resultsData['Personal Day']}\n`;
        if (DAILY_FORECAST[resultsData['Personal Day']]) {
            report += `Today's Forecast: ${DAILY_FORECAST[resultsData['Personal Day']]}\n`;
        }

        report += `\n------------------------------\n`;
        report += `${ATTRIBUTION_TEXT}\n`;
        report += `${CONTACT_INFO_TEXT}\n`;
        
        const blob = new Blob([report], { type: 'text/plain;charset=utf-8' });
        const link = document.createElement('a');
        link.href = URL.createObjectURL(blob);
        link.download = `Numerology_Report.txt`;
        document.body.appendChild(link);
        link.click();
        document.body.removeChild(link);
    }
    
    const modal = document.getElementById('detailedModal');
    const modalTitle = document.getElementById('modalTitle');
    const modalBody = document.getElementById('modalBody');
    const closeBtn = modal.querySelector('.close-button');

    function showDetailedPopup(title, contentDict) {
        modalTitle.innerText = title;
        let bodyHtml = '';
        for (const key in contentDict) {
            if (contentDict[key]) {
                const tagClass = (key === "Remedy") ? 'remedy' : '';
                bodyHtml += `<h4 class="${tagClass}">${key}:</h4><p>${contentDict[key]}</p>`;
            }
        }
        modalBody.innerHTML = bodyHtml;
        modal.style.display = 'block';
    }
    
    function showCompoundNumberPopup(num) {
        const data = COMPOUND_NUMBER_DATA[num];
        if (!data) return;
        
        modalTitle.innerText = `Compound Number ${num}: ${data.Title}`;
        let bodyHtml = `<h4>Description:</h4><p>${data.Description}</p>`;
        if (data.Note) {
            bodyHtml += `<h4 class="warning">Important Note:</h4><p class="warning">${data.Note}</p>`;
        }
        modalBody.innerHTML = bodyHtml;
        modal.style.display = 'block';
    }
    
    function showSoulNumberPopup(num) {
        const data = SOUL_NUMBER_DATA[num];
        if (!data) return;
        
        modalTitle.innerText = `Soul Number ${num}: ${data.Title}`;
        let bodyHtml = `<h4>Element:</h4><p>${data.Element}</p>`;
        bodyHtml += `<h4>Strengths:</h4><p>${data.Strengths}</p>`;
        bodyHtml += `<h4 class="warning">Shadow Aspects:</h4><p class="warning">${data.Shadow}</p>`;
        bodyHtml += `<h4>Description:</h4><p>${data.Description}</p>`;
        modalBody.innerHTML = bodyHtml;
        modal.style.display = 'block';
    }
    
    function showKuaNumberPopup(num) {
        const data = KUA_NUMBER_DATA[num];
        if (!data) return;
        
        modalTitle.innerText = `Kua Number ${num}: ${data.Title}`;
        let bodyHtml = `<h4>Element:</h4><p>${data.Element}</p>`;
        bodyHtml += `<h4>Direction:</h4><p>${data.Direction}</p>`;
        bodyHtml += `<h4>Traits:</h4><p>${data.Traits}</p>`;
        bodyHtml += `<h4>Auspicious Directions:</h4><p>${data.Auspicious}</p>`;
        bodyHtml += `<h4 class="remedy">Practical Advice:</h4><p class="remedy">${data.Advice}</p>`;
        modalBody.innerHTML = bodyHtml;
        modal.style.display = 'block';
    }

    closeBtn.onclick = () => { modal.style.display = 'none'; };
    window.onclick = (event) => {
        if (event.target == modal || event.target == compatModal) {
            modal.style.display = 'none';
            compatModal.style.display = 'none';
        }
    };
    
    const tabButtons = document.querySelectorAll('.tab-button');
    const tabContents = document.querySelectorAll('.tab-content');
    tabButtons.forEach(button => {
        button.addEventListener('click', () => {
            tabButtons.forEach(btn => btn.classList.remove('active'));
            button.classList.add('active');
            
            tabContents.forEach(content => content.classList.remove('active'));
            document.getElementById(button.dataset.tab).classList.add('active');
        });
    });
    
    const compatModal = document.getElementById('compatModal');
    const compatBody = document.getElementById('compatBody');
    compatModal.querySelector('.close-button').onclick = () => { compatModal.style.display = 'none'; };
    
    function openCompatibilityChecker(p1_data) {
        if (!p1_data["Life Path Number"]) {
            alert("Please calculate your details first.");
            return;
        }

        let html = `
            <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 20px;">
                <div>
                    <h4>Person 1 (You)</h4>
                    <p>DOB: ${p1_data.dob.day}-${p1_data.dob.month}-${p1_data.dob.year}</p>
                    <p><b>Life Path Number: ${p1_data["Life Path Number"]}</b></p>
                </div>
                <div>
                    <h4>Person 2 (Partner)</h4>
                    <label>Date of Birth:</label>
                    <div style="display: flex; gap: 5px; margin-top: 5px;">
                       <select id="p2Day" style="width: 30%"></select>
                       <select id="p2Month" style="width: 40%"></select>
                       <select id="p2Year" style="width: 30%"></select>
                    </div>
                    <button id="checkCompatBtn" style="margin-top: 15px; width:100%; padding:10px; background:var(--primary-color); color:white; border:none; border-radius:5px; cursor:pointer;">Check Compatibility</button>
                </div>
            </div>
            <hr style="margin:20px 0; border:0; border-top:1px solid #eee;">
            <div id="compatResult" style="text-align:center; font-size: 16px; font-weight: bold; padding: 10px;"></div>
        `;
        compatBody.innerHTML = html;
        
        const p2Day = document.getElementById('p2Day');
        const p2Month = document.getElementById('p2Month');
        const p2Year = document.getElementById('p2Year');
        p2Day.innerHTML = '<option value="">Day</option>' + dayCombo.innerHTML;
        p2Month.innerHTML = '<option value="">Month</option>' + monthCombo.innerHTML;
        p2Year.innerHTML = '<option value="">Year</option>' + yearCombo.innerHTML;
        
        document.getElementById('checkCompatBtn').addEventListener('click', () => {
            const p2D = p2Day.value; const p2M = p2Month.value; const p2Y = p2Year.value;
            if(!p2D || !p2M || !p2Y) {
                alert('Please select complete Date of Birth for Person 2.');
                return;
            }

            const bhagyank1 = p1_data["Life Path Number"];
            const bhagyank2 = getLifePathNumber(p2D, p2M, p2Y);
            
            const key1 = [bhagyank1, bhagyank2].sort().join(',');
            
            const bhagyankComp = COMPATIBILITY_RULES[key1] || "Medium";
            
            document.getElementById('compatResult').innerHTML = `
                <p>Life Path Compatibility (${bhagyank1} & ${bhagyank2}): <span style="color: var(--primary-color); font-size:1.2em;">${bhagyankComp}</span></p>
            `;
        });

        compatModal.style.display = 'block';
    }

    initialize();
});
</script>

</body>
</html>

       
        <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Royal Numerology | Name Calculator</title>
    <!-- Google Fonts -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Cinzel:wght@400;700&family=Poppins:wght@300;400;600&display=swap" rel="stylesheet">
    
    <style>
        :root {
            --primary-gold: #b8860b; /* Darker gold for visibility on white */
            --gold-gradient: linear-gradient(45deg, #b8860b, #d4af37, #ffd700, #b8860b);
            --bg-light: #f4f7f6;
            --card-bg: #ffffff;
            --text-main: #2c3e50;
            --text-muted: #7f8c8d;
            --shadow-soft: 0 10px 40px rgba(0,0,0,0.08);
            --shadow-hover: 0 15px 50px rgba(184, 134, 11, 0.15);
            --border-light: #e0e0e0;
            --error-color: #e74c3c;
            --success-color: #2ecc71;
        }

        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: 'Poppins', sans-serif;
            background: linear-gradient(135deg, #fdfbfb 0%, #ebedee 100%);
            min-height: 100vh;
            color: var(--text-main);
            line-height: 1.7;
        }

        /* Decorative Background Pattern */
        body::before {
            content: '';
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-image: radial-gradient(#d4af37 0.5px, transparent 0.5px);
            background-size: 30px 30px;
            opacity: 0.15;
            z-index: -1;
            pointer-events: none;
        }

        .main-container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 20px 15px;
        }

        /* Header Styling */
        header {
            text-align: center;
            margin-bottom: 30px;
            padding-bottom: 20px;
            border-bottom: 1px solid rgba(184, 134, 11, 0.2);
        }

        h1 {
            font-family: 'Cinzel', serif;
            font-size: 2.5rem;
            font-weight: 700;
            color: var(--primary-gold);
            margin-bottom: 15px;
            letter-spacing: 1px;
            text-shadow: 2px 2px 0px rgba(0,0,0,0.05);
        }

        .subtitle {
            color: var(--text-muted);
            font-size: 1rem;
            max-width: 700px;
            margin: 0 auto 20px;
            font-weight: 400;
        }

        .intro-info {
            background: #fff;
            border-left: 4px solid var(--primary-gold);
            padding: 20px;
            border-radius: 8px;
            font-size: 0.9rem;
            color: var(--text-muted);
            max-width: 900px;
            margin: 0 auto;
            text-align: left;
            box-shadow: 0 5px 15px rgba(0,0,0,0.05);
        }

        /* Light Cards */
        .input-section, .result-card, .karmic-card, .health-card, .astro-info, .first-letter-panel {
            background: var(--card-bg);
            border: 1px solid #fff;
            border-radius: 15px;
            box-shadow: var(--shadow-soft);
            padding: 25px;
            margin-bottom: 20px;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }

        .result-card:hover {
            transform: translateY(-5px);
            box-shadow: var(--shadow-hover);
            border-color: rgba(184, 134, 11, 0.2);
        }

        /* Input Styling */
        .input-row {
            display: grid;
            grid-template-columns: 1fr;
            gap: 20px;
            margin-bottom: 25px;
        }

        .input-group {
            position: relative;
        }

        .input-group label {
            display: block;
            margin-bottom: 10px;
            color: var(--primary-gold);
            font-family: 'Cinzel', serif;
            font-weight: 700;
            font-size: 1rem;
        }

        .input-group input[type="text"],
        .input-group input[type="date"] {
            width: 100%;
            padding: 15px 18px;
            font-size: 1rem;
            border: 2px solid #eee;
            border-radius: 12px;
            background: #f9f9f9;
            color: var(--text-main);
            font-family: 'Poppins', sans-serif;
            transition: all 0.3s ease;
        }

        .input-group input:focus {
            outline: none;
            border-color: var(--primary-gold);
            background: #fff;
            box-shadow: 0 0 0 4px rgba(212, 175, 55, 0.1);
        }

        .input-group input.error {
            border-color: var(--error-color);
        }

        .error-message {
            color: var(--error-color);
            font-size: 0.85rem;
            margin-top: 5px;
            display: none;
        }

        .input-group.has-error .error-message {
            display: block;
        }

        /* System Selector Buttons */
        .system-selector {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
            margin-bottom: 25px;
        }

        .system-btn {
            padding: 10px 18px;
            border: 2px solid #eee;
            background: #fff;
            color: var(--text-muted);
            border-radius: 50px;
            cursor: pointer;
            transition: all 0.3s ease;
            font-family: 'Poppins', sans-serif;
            font-weight: 500;
            font-size: 0.9rem;
            flex: 1;
            min-width: 100px;
            text-align: center;
        }

        .system-btn:hover {
            border-color: var(--primary-gold);
            color: var(--primary-gold);
        }

        .system-btn.active {
            background: var(--primary-gold);
            color: #fff;
            border-color: var(--primary-gold);
            box-shadow: 0 5px 15px rgba(184, 134, 11, 0.3);
        }

        /* Calculate Button */
        .calculate-btn {
            width: 100%;
            padding: 18px;
            font-size: 1.1rem;
            font-weight: 700;
            font-family: 'Cinzel', serif;
            background: var(--gold-gradient);
            color: #fff;
            border: none;
            border-radius: 12px;
            cursor: pointer;
            transition: all 0.3s ease;
            text-transform: uppercase;
            letter-spacing: 1.5px;
            box-shadow: 0 10px 20px rgba(184, 134, 11, 0.2);
        }

        .calculate-btn:hover {
            transform: translateY(-2px);
            box-shadow: 0 15px 30px rgba(184, 134, 11, 0.3);
        }

        /* Results Container */
        .results-container {
            display: none;
            animation: slideUp 0.6s ease forwards;
        }

        .results-container.visible {
            display: block;
        }

        @keyframes slideUp {
            from { opacity: 0; transform: translateY(30px); }
            to { opacity: 1; transform: translateY(0); }
        }

        /* Notification Toast */
        .notification {
            position: fixed;
            bottom: 20px;
            left: 20px;
            right: 20px;
            padding: 15px 20px;
            border-radius: 8px;
            color: white;
            font-weight: 500;
            box-shadow: 0 5px 15px rgba(0,0,0,0.2);
            transform: translateY(100px);
            opacity: 0;
            transition: all 0.3s ease;
            z-index: 1000;
            text-align: center;
        }

        .notification.show {
            transform: translateY(0);
            opacity: 1;
        }

        .notification.error {
            background-color: var(--error-color);
        }

        .notification.success {
            background-color: var(--success-color);
        }

        /* Navigation Tabs */
        .nav-tabs {
            display: flex;
            overflow-x: auto;
            padding-bottom: 15px;
            margin-bottom: 20px;
            border-bottom: 2px solid #eee;
            -webkit-overflow-scrolling: touch;
            scrollbar-width: none; /* Firefox */
        }

        .nav-tabs::-webkit-scrollbar {
            display: none; /* Chrome, Safari, Edge */
        }

        .nav-tab {
            padding: 10px 15px;
            background: transparent;
            border: none;
            color: var(--text-muted);
            cursor: pointer;
            transition: all 0.3s ease;
            font-family: 'Cinzel', serif;
            font-weight: 600;
            position: relative;
            white-space: nowrap;
            font-size: 0.9rem;
            flex-shrink: 0;
        }

        .nav-tab::after {
            content: '';
            position: absolute;
            bottom: -17px;
            left: 0;
            width: 0;
            height: 3px;
            background: var(--primary-gold);
            transition: width 0.3s ease;
        }

        .nav-tab:hover {
            color: var(--primary-gold);
        }

        .nav-tab.active {
            color: var(--primary-gold);
        }

        .nav-tab.active::after {
            width: 100%;
        }

        .tab-panel {
            display: none;
        }

        .tab-panel.active {
            display: block;
            animation: fadeIn 0.5s ease;
        }

        @keyframes fadeIn {
            from { opacity: 0; }
            to { opacity: 1; }
        }

        /* Result Headings */
        .result-card h3 {
            color: var(--primary-gold);
            margin-bottom: 20px;
            font-family: 'Cinzel', serif;
            font-size: 1.3rem;
            display: flex;
            align-items: center;
            gap: 15px;
            border-bottom: 1px solid #eee;
            padding-bottom: 15px;
        }

        .icon {
            font-size: 1.5rem;
            background: #fff8e1;
            padding: 8px;
            border-radius: 50%;
            box-shadow: 0 5px 15px rgba(0,0,0,0.05);
        }

        /* Big Numbers */
        .number-showcase {
            display: flex;
            align-items: center;
            gap: 20px;
            flex-wrap: wrap;
            margin-bottom: 25px;
        }

        .big-number {
            font-size: 4rem;
            font-weight: 700;
            font-family: 'Cinzel', serif;
            background: var(--gold-gradient);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            min-width: 100px;
            text-align: center;
            line-height: 1;
            filter: drop-shadow(0 5px 10px rgba(184, 134, 11, 0.2));
        }

        .number-info .label {
            font-size: 1.2rem;
            color: var(--text-main);
            margin-bottom: 5px;
            font-family: 'Cinzel', serif;
            font-weight: 700;
        }

        .number-info .sublabel {
            font-size: 0.9rem;
            color: var(--text-muted);
        }

        /* Word Analysis Blocks */
        .word-block {
            background: #f8f9fa;
            border-radius: 12px;
            padding: 18px;
            margin-bottom: 18px;
            border-left: 4px solid var(--primary-gold);
            border: 1px solid #eee;
        }

        .word-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 15px;
        }

        .word-name {
            font-size: 1.2rem;
            font-weight: 600;
            color: var(--text-main);
            letter-spacing: 1px;
        }

        .word-total {
            background: var(--primary-gold);
            padding: 5px 12px;
            border-radius: 20px;
            font-weight: 700;
            color: #fff;
            font-size: 0.9rem;
        }

        .letter-grid {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
        }

        .letter-cell {
            background: #fff;
            border: 1px solid #eee;
            padding: 10px;
            border-radius: 10px;
            text-align: center;
            min-width: 45px;
            transition: all 0.3s ease;
            box-shadow: 0 2px 5px rgba(0,0,0,0.05);
        }

        .letter-cell:hover {
            transform: translateY(-3px);
            border-color: var(--primary-gold);
            box-shadow: 0 5px 15px rgba(0,0,0,0.1);
        }

        .letter-cell .char {
            font-size: 1.2rem;
            font-weight: 700;
            color: var(--primary-gold);
            display: block;
            font-family: 'Cinzel', serif;
        }

        .letter-cell .val {
            font-size: 0.75rem;
            color: #999;
        }

        /* Prediction Panels */
        .prediction-panel {
            background: linear-gradient(to right, #fffbf0, #fff);
            border-radius: 12px;
            padding: 20px;
            margin-top: 20px;
            border: 1px solid rgba(212, 175, 55, 0.2);
            border-left: 5px solid var(--primary-gold);
        }

        .prediction-header {
            font-weight: 700;
            color: var(--primary-gold);
            margin-bottom: 12px;
            font-size: 1.1rem;
            font-family: 'Cinzel', serif;
        }

        .prediction-content {
            color: #555;
            font-size: 0.95rem;
        }

        /* Badges */
        .status-badge {
            display: inline-block;
            padding: 6px 15px;
            border-radius: 50px;
            font-weight: 600;
            font-size: 0.85rem;
            margin-right: 8px;
            margin-bottom: 12px;
            text-transform: uppercase;
            letter-spacing: 0.5px;
        }

        .badge-auspicious { background: #e8f5e9; border: 1px solid #a5d6a7; color: #2e7d32; }
        .badge-inauspicious { background: #ffebee; border: 1px solid #ef9a9a; color: #c62828; }
        .badge-mixed { background: #fff8e1; border: 1px solid #ffe082; color: #f57f17; }
        .badge-neutral { background: #f5f5f5; border: 1px solid #bdbdbd; color: #616161; }
        .badge-karmic-debt { background: #f3e5f5; border: 1px solid #ce93d8; color: #7b1fa2; }
        .badge-karmic-good { background: #e0f2f1; border: 1px solid #80cbc4; color: #00695c; }

        /* Grids */
        .info-grid, .missing-numbers-grid, .health-grid {
            display: grid;
            grid-template-columns: 1fr;
            gap: 15px;
            margin-top: 20px;
        }

        .info-item, .missing-item, .health-card {
            background: #fcfcfc;
            padding: 20px;
            border-radius: 12px;
            border: 1px solid #eee;
            box-shadow: 0 5px 10px rgba(0,0,0,0.03);
        }
        
        .info-item h4, .health-card h4 {
            color: var(--primary-gold);
            margin-bottom: 8px;
            font-family: 'Cinzel', serif;
            font-size: 1.1rem;
        }

        .health-card p, .info-item p {
            color: #666;
            font-size: 0.95rem;
        }

        /* Comparison Cards */
        .comparison-cards {
            display: grid;
            grid-template-columns: 1fr;
            gap: 15px;
        }

        .comparison-item {
            background: #fff;
            padding: 20px;
            border-radius: 15px;
            text-align: center;
            border: 1px solid #eee;
            transition: all 0.3s ease;
            box-shadow: 0 5px 15px rgba(0,0,0,0.05);
        }

        .comparison-item:hover {
            transform: translateY(-5px);
            border-color: var(--primary-gold);
            box-shadow: 0 10px 25px rgba(184, 134, 11, 0.15);
        }

        .comparison-item .num {
            font-size: 2.5rem;
            font-weight: 700;
            color: var(--primary-gold);
            font-family: 'Cinzel', serif;
            margin: 10px 0;
        }

        .comparison-item .reduced {
            color: var(--text-muted);
            font-size: 0.9rem;
        }

        /* Tables */
        .ref-table-wrapper {
            overflow-x: auto;
            margin: 20px 0;
            border-radius: 12px;
            border: 1px solid #eee;
            -webkit-overflow-scrolling: touch;
        }

        .ref-table {
            width: 100%;
            border-collapse: collapse;
            min-width: 600px;
        }

        .ref-table th, .ref-table td {
            padding: 12px;
            text-align: center;
            border-bottom: 1px solid #eee;
            color: #555;
            font-size: 0.9rem;
        }

        .ref-table th {
            background: #fff8e1;
            color: var(--primary-gold);
            font-family: 'Cinzel', serif;
            font-weight: 700;
        }

        .ref-table tr:hover td {
            background: #fafafa;
        }

        /* Footer */
        footer {
            text-align: center;
            padding: 30px 15px;
            margin-top: 40px;
            border-top: 1px solid #eee;
            color: var(--text-muted);
            font-size: 0.85rem;
        }

        /* Birth Date Analysis Card */
        .birth-date-analysis {
            margin-top: 20px;
            padding: 18px;
            background: #f9f9f9;
            border-radius: 12px;
            border-left: 4px solid var(--primary-gold);
        }

        .birth-date-analysis h4 {
            color: var(--primary-gold);
            margin-bottom: 10px;
            font-family: 'Cinzel', serif;
        }

        /* Mobile-specific adjustments */
        @media (max-width: 480px) {
            .main-container {
                padding: 15px 10px;
            }
            
            h1 {
                font-size: 2rem;
            }
            
            .big-number {
                font-size: 3rem;
            }
            
            .input-section, .result-card {
                padding: 20px;
            }
            
            .system-btn {
                font-size: 0.85rem;
                padding: 8px 15px;
            }
            
            .calculate-btn {
                padding: 15px;
                font-size: 1rem;
            }
            
            .notification {
                left: 10px;
                right: 10px;
                bottom: 10px;
                font-size: 0.9rem;
            }
        }

        /* Medium screens (tablets) */
        @media (min-width: 768px) {
            .input-row {
                grid-template-columns: repeat(2, 1fr);
            }
            
            .info-grid, .missing-numbers-grid, .health-grid {
                grid-template-columns: repeat(2, 1fr);
            }
            
            .comparison-cards {
                grid-template-columns: repeat(3, 1fr);
            }
            
            h1 {
                font-size: 3rem;
            }
            
            .big-number {
                font-size: 5rem;
            }
            
            .input-section, .result-card {
                padding: 30px;
            }
            
            .nav-tab {
                padding: 10px 20px;
                font-size: 1rem;
            }
        }

        /* Large screens */
        @media (min-width: 1024px) {
            .main-container {
                padding: 40px 20px;
            }
            
            .info-grid, .missing-numbers-grid, .health-grid {
                grid-template-columns: repeat(3, 1fr);
            }
            
            h1 {
                font-size: 3.5rem;
            }
            
            .big-number {
                font-size: 6rem;
            }
        }
    </style>
</head>
<body>
    <div class="main-container">
        <header>
            <h1>✨ Name Numerology ✨</h1>
            <p class="subtitle">Discover Your Destiny Through Ancient Wisdom - Cheiro, Sepharial & Pythagorean Systems</p>
            <div class="intro-info">
                The name you use in your signature holds immense power. According to ancient wisdom, the first letter determines zodiac influences, and changing even a single letter can transform your destiny. This calculator analyzes your name using multiple systems to reveal your hidden potential.
            </div>
        </header>

        <section class="input-section">
            <div class="input-row">
                <div class="input-group" id="nameInputGroup">
                    <label>Enter Your Full Name</label>
                    <input type="text" id="fullName" placeholder="e.g., HARISH CHANDRA AGARWAL" autocomplete="off">
                    <div class="error-message">Please enter a valid name (letters and spaces only)</div>
                </div>
                <div class="input-group" id="dateInputGroup">
                    <label>Date of Birth (Optional)</label>
                    <input type="date" id="birthDate">
                    <div class="error-message">Please enter a valid date of birth</div>
                </div>
            </div>

            <div class="input-group">
                <label>Select Numerology System</label>
                <div class="system-selector">
                    <button class="system-btn active" data-system="cheiro">Cheiro (Recommended)</button>
                    <button class="system-btn" data-system="sepharial">Sepharial / Hebrew</button>
                    <button class="system-btn" data-system="pythagorean">Pythagorean</button>
                </div>
            </div>

            <button class="calculate-btn" id="calculateBtn">Reveal My Destiny</button>
        </section>

        <section class="results-container" id="resultsContainer">
            <div class="nav-tabs">
                <button class="nav-tab active" data-tab="overview">Overview</button>
                <button class="nav-tab" data-tab="prediction">Detailed Prediction</button>
                <button class="nav-tab" data-tab="karmic">Karmic Analysis</button>
                <button class="nav-tab" data-tab="health">Health & Vitality</button>
                <button class="nav-tab" data-tab="astro">Astro-Pronology</button>
                <button class="nav-tab" data-tab="compare">Compare Systems</button>
                <button class="nav-tab" data-tab="reference">Reference Tables</button>
            </div>

            <div class="tab-panel active" id="overview">
                <div class="result-card">
                    <h3><span class="icon">🔢</span> Your Name Number</h3>
                    <div class="number-showcase">
                        <div class="big-number" id="mainNumber">0</div>
                        <div class="number-info">
                            <div class="label">Total Vibration</div>
                            <div class="sublabel" id="reductionPath"></div>
                        </div>
                    </div>
                    <div id="mainStatus"></div>
                    <div class="word-analysis" id="wordAnalysis"></div>
                </div>

                <div class="result-card">
                    <h3><span class="icon">🎯</span> Radical Number (Single Digit)</h3>
                    <div class="number-showcase">
                        <div class="big-number" id="radicalNum">0</div>
                        <div class="number-info">
                            <div class="label">Core Essence</div>
                            <div class="sublabel">Ruling Planet: <span id="rulingPlanet" style="color: var(--primary-gold); font-weight: bold;"></span></div>
                        </div>
                    </div>
                    <div class="prediction-panel" id="radicalPrediction"></div>
                </div>

                <div class="result-card">
                    <h3><span class="icon">🌟</span> First Letter Analysis</h3>
                    <div class="first-letter-panel" id="firstLetterPanel"></div>
                </div>

                <div class="result-card" id="birthDateCard" style="display: none;">
                    <h3><span class="icon">🎂</span> Birth Date Analysis</h3>
                    <div class="birth-date-analysis" id="birthDateAnalysis"></div>
                </div>
            </div>

            <div class="tab-panel" id="prediction">
                <div class="result-card">
                    <h3><span class="icon">🔮</span> Detailed Number Prediction</h3>
                    <div id="detailedPrediction"></div>
                </div>
            </div>

            <div class="tab-panel" id="karmic">
                <div class="result-card">
                    <h3><span class="icon">⚖️</span> Karmic Number Analysis</h3>
                    <div id="karmicResult"></div>
                </div>

                <div class="result-card">
                    <h3><span class="icon">📚</span> Karmic Lessons (Missing Numbers)</h3>
                    <p style="color: var(--text-muted); margin-bottom: 15px;">Numbers missing from your name represent vibrations you need to develop in this lifetime.</p>
                    <div id="missingNumbersResult"></div>
                </div>
            </div>

            <div class="tab-panel" id="health">
                <div class="result-card">
                    <h3><span class="icon">💊</span> Health & Numerology Analysis</h3>
                    <div id="healthResult"></div>
                </div>
            </div>

            <div class="tab-panel" id="astro">
                <div class="result-card">
                    <h3><span class="icon">🌠</span> Astro-Pronology & Nameology</h3>
                    <div class="astro-info" id="astroResult"></div>
                </div>
            </div>

            <div class="tab-panel" id="compare">
                <div class="result-card">
                    <h3><span class="icon">📊</span> Comparison Across All Systems</h3>
                    <div class="comparison-cards" id="comparisonResult"></div>
                </div>
            </div>

            <div class="tab-panel" id="reference">
                <div class="result-card">
                    <h3><span class="icon">📖</span> Letter-to-Number Conversion Table</h3>
                    <div class="ref-table-wrapper">
                        <table class="ref-table" id="refTable"></table>
                    </div>
                </div>

                <div class="result-card">
                    <h3><span class="icon">📜</span> Number Meanings (10-70)</h3>
                    <div class="ref-table-wrapper">
                        <table class="ref-table" id="meaningTable"></table>
                    </div>
                </div>
            </div>
        </section>

        <footer>
            <p>Based on the teachings of Cheiro, Sepharial, Pythagoras, and ancient Vedic astrology including Brihat Parashara Hora Shastra</p>
        </footer>
    </div>

    <!-- Notification Toast -->
    <div class="notification" id="notification"></div>

    <script>
        // Numerology value systems
        const cheiroValues = {
            A:1, B:2, C:3, D:4, E:5, F:8, G:3, H:5, I:1, J:1, K:2, L:3, M:4, N:5, O:7, P:8, Q:1, R:2, S:3, T:4, U:6, V:6, W:6, X:5, Y:1, Z:7
        };

        const sepharialValues = {
            A:1, B:2, C:2, D:4, E:5, F:8, G:3, H:8, I:1, J:1, K:2, L:3, M:4, N:5, O:7, P:8, Q:1, R:2, S:3, T:4, U:6, V:6, W:6, X:6, Y:1, Z:7
        };

        const pythagoreanValues = {
            A:1, B:2, C:3, D:4, E:5, F:6, G:7, H:8, I:9, J:6, K:1, L:2, M:3, N:4, O:5, P:6, Q:7, R:8, S:9, T:1, U:2, V:7, W:5, X:3, Y:4, Z:5
        };

        // Number meanings data
        const numberMeanings = {
            10: { status: 'auspicious', text: 'This is a number of honour and confidence. Persons with this number earn name or notoriety as per their deeds. Their wishes and ambitions are met.' },
            11: { status: 'inauspicious', text: 'This is not an auspicious number. Such natives have fear and treachery from others. They get duped even from unlikely quarters.' },
            12: { status: 'inauspicious', text: 'This number indicates mental tension and pains. People sacrifice the interests of such natives for their own sake.' },
            13: { status: 'mixed', text: 'People with this number keep on changing their job and aim. Change of place is possible. Number 13 is a symbol of power which, if utilized properly, can become beneficial. Also a Karmic Debt number (13/4).' },
            14: { status: 'mixed', text: 'This reflects movement and community feeling. Good for change of job, wealth and speculation. Yet the native remains fearful. Also a Karmic Debt number (14/5) related to abuse of freedom.' },
            15: { status: 'auspicious', text: 'Related to Mantras and mysticism. Auspicious for gaining wealth from others. Such natives are lovers of music and art and are good orators.' },
            16: { status: 'mixed', text: 'Natives prosper initially but later downfall is feared. Should avoid accidents. Very ambitious but not all ambitions are met. Also Karmic Debt number (16/7) related to abuse of love.' },
            17: { status: 'auspicious', text: 'Associated with Psychic-force. Such natives overcome hurdles and calamities to earn name and fame. Their deeds are remembered even after death.' },
            18: { status: 'inauspicious', text: 'Breeds quarrel and enmity. Such natives face disputes in and out of family. But capable of earning money through conflict.' },
            19: { status: 'auspicious', text: 'Auspicious number - symbol of the Sun. Enhances happiness, success, prestige and honour. Also Karmic Debt number (19/1) related to abuse of power.' },
            20: { status: 'auspicious', text: 'Symbol of caste and justice. New plans and ambitions come up. However, hurdles and delay are possible.' },
            21: { status: 'auspicious', text: 'Indicates prosperity, prestige, promotion. Success in work is seen.' },
            22: { status: 'mixed', text: 'Natives remain in a world of dreams. They waste time daydreaming. But when problems come, they rise to the occasion.' },
            23: { status: 'auspicious', text: 'By grace of higher officials or seniors, prosperity and success are possible.' },
            24: { status: 'auspicious', text: 'Help and assistance from higher officials are seen. Benefits from love and affection.' },
            25: { status: 'auspicious', text: 'Power comes from experience. Success comes after initial struggle. Auspicious for future.' },
            26: { status: 'inauspicious', text: 'Heavy trouble and suspicion from others\' company. Heavy loss from partnership, marriage, speculation.' },
            27: { status: 'auspicious', text: 'Indicates ruling capacity and power. Good results from sagacity. Should implement own ideas.' },
            28: { status: 'mixed', text: 'Two powers pulling apart. Loss feared from blind faith, competition, legal proceedings.' },
            29: { status: 'inauspicious', text: 'Instability and uncertainty. Friends not faithful. Possibility of fear, pain and loss.' },
            30: { status: 'neutral', text: 'Highly intelligent and talented. Focus on academic pursuit, not wealth.' },
            31: { status: 'inauspicious', text: 'Like 30 but more lonesome and introvert. Worldly success eludes them.' },
            32: { status: 'auspicious', text: 'Miraculous like 5 and 14. Success if implementing own ideas.' },
            33: { status: 'auspicious', text: 'Gives result as 24 - Help from higher officials.' },
            34: { status: 'auspicious', text: 'Result as 25 - Success after struggle.' },
            35: { status: 'inauspicious', text: 'Result as 26 - Trouble from others.' },
            36: { status: 'auspicious', text: 'Result as 27 - Ruling capacity.' },
            37: { status: 'auspicious', text: 'Significant power. Rise in love and affection. Partnership bears good results.' },
            38: { status: 'inauspicious', text: 'Result as 29 - Instability.' },
            39: { status: 'neutral', text: 'Result as 30 - Intelligent but not wealth-focused.' },
            40: { status: 'inauspicious', text: 'Result as 31 - Lonesome.' },
            41: { status: 'auspicious', text: 'Result as 32 - Miraculous success.' },
            42: { status: 'auspicious', text: 'Result as 24 - Help from officials.' },
            43: { status: 'inauspicious', text: 'Inauspicious. Failure, hurdles, quarrels, revolt.' },
            44: { status: 'inauspicious', text: 'Result as 26 - Trouble from company.' },
            45: { status: 'auspicious', text: 'Result as 27 - Ruling power.' },
            46: { status: 'auspicious', text: 'Result as 37 - Rise in love.' },
            47: { status: 'inauspicious', text: 'Result as 29 - Uncertainty.' },
            48: { status: 'neutral', text: 'Result as 30 - Academic focus.' },
            49: { status: 'inauspicious', text: 'Result as 31 - Lonesome.' },
            50: { status: 'auspicious', text: 'Result as 32 - Success through own implementation.' },
            51: { status: 'auspicious', text: 'Very powerful. Courage and victory. Successful in whatever they do. Auspicious for army and leadership.' },
            52: { status: 'inauspicious', text: 'Inauspicious. Failures, hurdles, quarrels, fights, revolts.' },
            53: { status: 'auspicious', text: 'Good in detective field. Success as army commander. Prosperity.' },
            54: { status: 'auspicious', text: 'Natives earn honour. Good orators, wealthy, scholars.' },
            55: { status: 'auspicious', text: 'Number of leadership. Sharp witted, religious, altruist. Leader of others.' },
            56: { status: 'mixed', text: 'Both auspicious and inauspicious. Usually fortunate but ambitions can be mean. Self control needed.' },
            57: { status: 'auspicious', text: 'Success in work and trade. Live cheerfully and actively.' },
            58: { status: 'auspicious', text: 'Can become good doctors. Transparency in behaviour, affection to others.' },
            59: { status: 'auspicious', text: 'Free from fear and danger. Extensive travel. Sea voyage fruitful. Good for banking.' },
            60: { status: 'auspicious', text: 'Happy disposition. Success as doctors, compounders, nurses.' },
            61: { status: 'auspicious', text: 'Love traveling. Peaceful with self-control.' },
            62: { status: 'auspicious', text: 'Result as 53 - Detective field, prosperity.' },
            63: { status: 'auspicious', text: 'Healthy, altruist. Inclined towards social reform. Successful in business.' },
            64: { status: 'mixed', text: 'Should go for service. Can be doctor or advocate. Inclined towards literature.' },
            65: { status: 'auspicious', text: 'Patronage of influential people. Happy conjugal life.' },
            66: { status: 'auspicious', text: 'Impact as 57 - Success in work and trade.' },
            67: { status: 'auspicious', text: 'Impact as 58 - Good for medical field.' },
            68: { status: 'auspicious', text: 'Impact as 59 - Free from danger, extensive travel.' },
            69: { status: 'auspicious', text: 'Prestige, honour, luck, fame - everything indicated by this number.' },
            70: { status: 'auspicious', text: 'Indicates good luck, but not too strong.' }
        };

        // Health data for each radical number
        const healthData = {
            1: {
                planet: 'Sun',
                birthDates: '1, 10, 19, 28',
                governs: 'Back, heart, arteries, head, liver, stomach, retentive faculties',
                diseases: 'High blood pressure, palpitation, heart attack, liver/kidney/lungs problems',
                beneficial: 'Honey, dry fruits, orange, apple, clove, ginger, barley, kesar, ashwagandha, nutmegs',
                avoid: 'Intoxicants, cool places, high-calorie foods',
                badMonths: 'October, December, January',
                eventfulYears: '10, 19, 28, 37, 55',
                advice: 'Need rest and sleep. Avoid rigidity and dictatorial nature.'
            },
            2: {
                planet: 'Moon',
                birthDates: '2, 11, 20, 29',
                governs: 'Mental and emotional state',
                diseases: 'Consumption, rheumatism, vertigo, colic, palsy, apoplexy, smallpox, dropsy, piles, tumour, cough/cold, eye disease, toothache',
                beneficial: 'Seasonal fruits, cabbage, cucumber, carrot, radish, linseed',
                avoid: 'Cool, dark and dirty places',
                badMonths: 'January, February, July',
                eventfulYears: '1, 4, 10, 11, 20, 25, 29, 43, 47, 52, 66',
                advice: 'Living style and atmosphere have extreme effects.'
            },
            3: {
                planet: 'Jupiter',
                birthDates: '3, 12, 21, 30',
                governs: 'Liver, lungs, veins, all viscera',
                diseases: 'Skin diseases, joint pain, gastritis, cough, diabetes, paralysis, heart failure',
                beneficial: 'Apple, grapes, pomegranate, pineapple, almonds, mint, cherry, cloves',
                avoid: 'Fatty meals, ego',
                badMonths: 'February, June, September, December',
                eventfulYears: '3, 12, 21, 30, 39, 48, 57, 65',
                advice: 'Be guided by self intuition. Work independently.'
            },
            4: {
                planet: 'Rahu',
                birthDates: '4, 13, 22, 31',
                governs: 'Overall vitality and resilience',
                diseases: 'Cold, influenza, lung problems, piles, constipation, tumour, anaemia, urinary/kidney trouble',
                beneficial: 'Green vegetables, vegetarian foods, electro treatment',
                avoid: 'Intoxicants, spicy fatty foods',
                badMonths: 'January, February, July, August, September',
                eventfulYears: '4, 13, 22, 31, 40, 49, 58',
                advice: 'Remain peaceful. Inner vitality keeps them going.'
            },
            5: {
                planet: 'Mercury',
                birthDates: '5, 14, 23',
                governs: 'Speech, memory, nostrils, hands, nerve system',
                diseases: 'Sleeplessness, diabetes, depression, stammering, nervousness, cough, gout, vertigo',
                beneficial: 'Carrot, radish, coconut, ajwain, mint, green vegetables, pulses, trifala, barley',
                avoid: 'Irregular meals and sleep',
                badMonths: 'June, September, December',
                eventfulYears: '14, 23, 41, 50',
                advice: 'Timely meals, sleep and rest essential.'
            },
            6: {
                planet: 'Venus',
                birthDates: '6, 15, 24',
                governs: 'Artistic sensibilities, love, beauty',
                diseases: 'Lung, throat, nose, head problems, heart trouble, urinary system, dropsy, cancer',
                beneficial: 'Green vegetables, cucumber, apple, pomegranate, almonds, salad, rice',
                avoid: 'Non-vegetarian food, excessive luxury',
                badMonths: 'May, October, November',
                eventfulYears: '6, 15, 24, 33, 42, 51, 60',
                advice: 'Guard against heart trouble. Keep control over urges.'
            },
            7: {
                planet: 'Ketu',
                birthDates: '7, 16, 25',
                governs: 'Subconscious, mystical abilities',
                diseases: 'Bronchitis, cough/cold, nasal congestion, bad eyesight, tonsillitis, psycho-hysteria, lung/skin/chronic diseases',
                beneficial: 'Sleep, fresh air, simple food, fruit juice, apple, grapes, cucumber, cabbage, linseed',
                avoid: 'Intoxicants, carbon-dioxide producing things',
                badMonths: 'January, February, July, August',
                eventfulYears: '16, 25, 34, 43, 52, 61',
                advice: 'Avoid too many friendships and mental tension.'
            },
            8: {
                planet: 'Saturn',
                birthDates: '8, 17, 26',
                governs: 'Structure, discipline, endurance',
                diseases: 'Epilepsy, toothache, jaundice, deafness, leprosy, dropsy, diphtheria, blood infections, joint pains, constipation, paralysis, anaemia',
                beneficial: 'Early rising, exercises, breathing fresh air',
                avoid: 'Intoxicants',
                badMonths: 'December, January, February, July',
                eventfulYears: '8, 17, 26, 35, 44, 53, 62',
                advice: 'Self-made and economical nature. Prone to chronic diseases.'
            },
            9: {
                planet: 'Mars',
                birthDates: '9, 18, 27',
                governs: 'Head, face, kidneys, knees, groin, bladder, reproductive organs, circulation',
                diseases: 'Tumours, smallpox, measles, headache, fevers, sexual diseases, high blood pressure, accidents',
                beneficial: 'Garlic, onion, ginger, green chillies, coconut water',
                avoid: 'Impulsiveness, mental anxiety',
                badMonths: 'April, May, October, November',
                eventfulYears: '9, 18, 27, 36, 45, 63',
                advice: 'Extremely sensitive. Accidents and blood shedding possible.'
            }
        };

        // Karmic debt information
        const karmicDebtInfo = {
            10: {
                type: 'good',
                title: 'The Wheel of Fortune - Karmic Completion',
                description: 'Number 10 means karmic completion and rebirth. The karmic debt has been paid and now you are free to begin again, free from past debt. This number gives opportunity to stand on your own and use all positive traits of numbers 1 through 9. It holds promise of victory in difficult situations. Go forth with courage!'
            },
            13: {
                type: 'debt',
                title: 'Karmic Debt 13/4 - All Work and No Play',
                description: 'The purpose is to bring spiritual consciousness into matters of expression and develop discipline. The 13/4 debt requires accepting limitations and working constructively through hard work. Usually exhibits negative traits of 4: being rigid, needing control, being dogmatic. Must maintain order, keep appointments, follow through on commitments, never procrastinate. The key is to concentrate and direct your energies.'
            },
            14: {
                type: 'debt',
                title: 'Karmic Debt 14/5 - The Temptations',
                description: 'Involves past lifetimes where freedom was abused. The debt is to relearn the value of freedom and discipline required to earn it. The 14/5 is the rebellious free spirit who knows no limits. Issues involve reining in escape mechanisms like addictions. Linked to Temperance card in Tarot. Key is commitment and moderation. Mental and emotional stability needed to hold steady course.'
            },
            16: {
                type: 'debt',
                title: 'Karmic Debt 16/7 - The Abuse of Love',
                description: 'Arises from past involvement in illicit love affairs that caused suffering. Indicates failure to act responsibly in matters of love. Linked to Tower card in Tarot - destruction and rebirth. Life presents challenges that humble the individual. Must awaken to higher principles. Pattern of destruction and rebirth continues until spiritual nature is honored.'
            },
            19: {
                type: 'debt',
                title: 'Karmic Debt 19/1 - Abuse of Power',
                description: 'Stems from past abuses of acting in completely self-centered manner. Indicates a past life with position of power where you chose to live for yourself instead of the good of all. Exhibits negative traits: selfishness, intimidation, dependence, failing to stand up, stubbornly resisting help, egotism. Success comes from looking past your own needs to others.'
            }
        };

        // Karmic lessons for missing numbers
        const karmicLessons = {
            1: 'Learning independence, leadership, and self-confidence',
            2: 'Learning cooperation, diplomacy, and sensitivity to others',
            3: 'Learning self-expression, creativity, and emotional truth',
            4: 'Learning to be practical, reliable, and disciplined without becoming controlling or rigid',
            5: 'Learning adaptability, freedom, and constructive use of change',
            6: 'Learning responsibility, love, and service to others',
            7: 'Learning to look within for wisdom and truth',
            8: 'Learning material mastery and proper use of power',
            9: 'Learning universal love, compassion, and humanitarianism'
        };

        // Planetary letters information
        const planetaryLetters = {
            Sun: { letters: 'A, E, I, O, U (Vowels)', deity: 'Agni/Lord Shiva', description: 'Sun rules all vowels (12 in number). These letters bring leadership, confidence, and authority.' },
            Moon: { letters: 'Y, R, L, V, S, H (Semi-vowels, Sibilants, Aspirate)', deity: 'Varuna/Water', description: 'Moon rules semi-vowels and sibilants. These letters bring intuition, receptivity, and emotional depth.' },
            Mars: { letters: 'K, G, Q (Gutturals)', deity: 'Lord Subramanya', description: 'Mars rules guttural sounds. These letters bring energy, action, and determination.' },
            Venus: { letters: 'C, J (Palatals)', deity: 'Goddess Sachidevi', description: 'Venus rules palatal sounds. These letters bring creativity, charm, and artistic ability.' },
            Mercury: { letters: 'T, D, N (Cerebrals)', deity: 'Lord Vishnu', description: 'Mercury rules cerebral sounds. These letters bring communication, intellect, and versatility.' },
            Jupiter: { letters: 'Th, Dh (Dentals)', deity: 'Lord Indra', description: 'Jupiter rules dental sounds. These letters bring wisdom, expansion, and benevolence.' },
            Saturn: { letters: 'P, F, B, M (Labials)', deity: 'Lord Brahma', description: 'Saturn rules labial sounds. These letters bring discipline, structure, and endurance.' }
        };

        // Global variables
        let selectedSystem = 'cheiro';

        // Utility functions
        function getSystemValues(system) {
            switch(system) {
                case 'cheiro': return cheiroValues;
                case 'sepharial': return sepharialValues;
                case 'pythagorean': return pythagoreanValues;
                default: return cheiroValues;
            }
        }

        function reduceToSingle(num) {
            while (num > 9) {
                num = String(num).split('').reduce((a, b) => parseInt(a) + parseInt(b), 0);
            }
            return num;
        }

        function getReductionPath(num) {
            const path = [num];
            let current = num;
            while (current > 9) {
                current = String(current).split('').reduce((a, b) => parseInt(a) + parseInt(b), 0);
                path.push(current);
            }
            return path.join(' → ');
        }

        function calculateName(name, values) {
            let total = 0;
            const letters = [];
            for (let char of name.toUpperCase()) {
                if (values[char] !== undefined) {
                    total += values[char];
                    letters.push({ char, value: values[char] });
                }
            }
            return { total, letters };
        }

        function calculateWords(name, values) {
            const words = name.trim().split(/\s+/).filter(w => w.length > 0);
            return words.map(word => {
                let wordTotal = 0;
                const letters = [];
                for (let char of word.toUpperCase()) {
                    if (values[char] !== undefined) {
                        wordTotal += values[char];
                        letters.push({ char, value: values[char] });
                    }
                }
                return { word: word.toUpperCase(), total: wordTotal, letters };
            });
        }

        function getMissingNumbers(name, values) {
            const present = new Set();
            for (let char of name.toUpperCase()) {
                if (values[char] !== undefined) {
                    present.add(values[char]);
                }
            }
            const missing = [];
            for (let i = 1; i <= 9; i++) {
                if (!present.has(i)) missing.push(i);
            }
            return missing;
        }

        function getKarmicNumbers(total) {
            const karmic = [];
            if (total === 10) karmic.push(10);
            if ([13, 14, 16, 19].includes(total)) karmic.push(total);
            return karmic;
        }

        function getFirstLetterPlanet(letter) {
            const vowels = ['A', 'E', 'I', 'O', 'U'];
            const moonLetters = ['Y', 'R', 'L', 'V', 'S', 'H'];
            const marsLetters = ['K', 'G', 'Q'];
            const venusLetters = ['C', 'J'];
            const mercuryLetters = ['T', 'D', 'N', 'X'];
            const saturnLetters = ['P', 'F', 'B', 'M', 'W'];
            const jupiterLetters = ['Z'];

            letter = letter.toUpperCase();
            if (vowels.includes(letter)) return 'Sun';
            if (moonLetters.includes(letter)) return 'Moon';
            if (marsLetters.includes(letter)) return 'Mars';
            if (venusLetters.includes(letter)) return 'Venus';
            if (mercuryLetters.includes(letter)) return 'Mercury';
            if (saturnLetters.includes(letter)) return 'Saturn';
            if (jupiterLetters.includes(letter)) return 'Jupiter';
            return 'Unknown';
        }

        function getPlanetForRadical(num) {
            const planets = {
                1: 'Sun', 2: 'Moon', 3: 'Jupiter', 4: 'Rahu', 5: 'Mercury',
                6: 'Venus', 7: 'Ketu', 8: 'Saturn', 9: 'Mars'
            };
            return planets[num] || 'Unknown';
        }

        function getStatusBadge(status) {
            const classes = {
                auspicious: 'badge-auspicious',
                inauspicious: 'badge-inauspicious',
                mixed: 'badge-mixed',
                neutral: 'badge-neutral'
            };
            const labels = {
                auspicious: '✓ Auspicious',
                inauspicious: '✗ Inauspicious',
                mixed: '⚖ Mixed',
                neutral: '○ Neutral'
            };
            return `<span class="status-badge ${classes[status]}">${labels[status]}</span>`;
        }

        function validateName(name) {
            // Check if name contains only letters and spaces
            const nameRegex = /^[a-zA-Z\s]+$/;
            return nameRegex.test(name.trim());
        }

        function validateDate(dateString) {
            if (!dateString) return true; // Date is optional
            const date = new Date(dateString);
            const now = new Date();
            return date < now; // Date should be in the past
        }

        function showNotification(message, type = 'error') {
            const notification = document.getElementById('notification');
            notification.textContent = message;
            notification.className = `notification ${type} show`;
            
            setTimeout(() => {
                notification.classList.remove('show');
            }, 3000);
        }

        function calculateBirthDateNumber(dateString) {
            if (!dateString) return null;
            
            const date = new Date(dateString);
            const day = date.getDate();
            const month = date.getMonth() + 1;
            const year = date.getFullYear();
            
            // Calculate destiny number (sum of all digits)
            const destinyNum = reduceToSingle(
                String(day).split('').reduce((a, b) => parseInt(a) + parseInt(b), 0) +
                String(month).split('').reduce((a, b) => parseInt(a) + parseInt(b), 0) +
                String(year).split('').reduce((a, b) => parseInt(a) + parseInt(b), 0)
            );
            
            // Calculate life path number (sum of day + month + year, then reduce)
            const lifePathNum = reduceToSingle(day + month + year);
            
            // Calculate personal year (current year)
            const currentYear = new Date().getFullYear();
            const personalYearNum = reduceToSingle(
                String(day).split('').reduce((a, b) => parseInt(a) + parseInt(b), 0) +
                String(month).split('').reduce((a, b) => parseInt(a) + parseInt(b), 0) +
                String(currentYear).split('').reduce((a, b) => parseInt(a) + parseInt(b), 0)
            );
            
            return {
                destinyNum,
                lifePathNum,
                personalYearNum,
                day,
                month,
                year,
                formattedDate: date.toLocaleDateString('en-US', { 
                    year: 'numeric', 
                    month: 'long', 
                    day: 'numeric' 
                })
            };
        }

        function renderResults(name, birthDate) {
            const values = getSystemValues(selectedSystem);
            const result = calculateName(name, values);
            const words = calculateWords(name, values);
            const radical = reduceToSingle(result.total);
            const missing = getMissingNumbers(name, values);
            const karmic = getKarmicNumbers(result.total);
            const firstLetter = name.replace(/[^a-zA-Z]/g, '')[0] || '';
            const firstLetterPlanet = getFirstLetterPlanet(firstLetter);
            
            // Calculate birth date numbers if provided
            const birthDateAnalysis = birthDate ? calculateBirthDateNumber(birthDate) : null;

            document.getElementById('mainNumber').textContent = result.total;
            document.getElementById('reductionPath').textContent = `Reduction: ${getReductionPath(result.total)}`;

            const meaning = numberMeanings[result.total];
            if (meaning) {
                document.getElementById('mainStatus').innerHTML = getStatusBadge(meaning.status);
            } else if (result.total < 10) {
                document.getElementById('mainStatus').innerHTML = '<span class="status-badge badge-neutral">Single Digit - See Radical Analysis</span>';
            } else {
                document.getElementById('mainStatus').innerHTML = '<span class="status-badge badge-neutral">See related numbers for interpretation</span>';
            }

            let wordHtml = '';
            words.forEach(w => {
                wordHtml += `
                    <div class="word-block">
                        <div class="word-header">
                            <span class="word-name">${w.word}</span>
                            <span class="word-total">= ${w.total}</span>
                        </div>
                        <div class="letter-grid">
                            ${w.letters.map(l => `<div class="letter-cell"><span class="char">${l.char}</span><span class="val">${l.value}</span></div>`).join('')}
                        </div>
                    </div>
                `;
            });
            document.getElementById('wordAnalysis').innerHTML = wordHtml;

            document.getElementById('radicalNum').textContent = radical;
            document.getElementById('rulingPlanet').textContent = getPlanetForRadical(radical);

            const healthInfo = healthData[radical];
            if (healthInfo) {
                document.getElementById('radicalPrediction').innerHTML = `
                    <div class="prediction-header">Number ${radical} - Ruled by ${healthInfo.planet}</div>
                    <div class="prediction-content">
                        Birth dates: ${healthInfo.birthDates}<br>
                        ${healthInfo.advice}
                    </div>
                `;
            }

            const planetInfo = planetaryLetters[firstLetterPlanet];
            document.getElementById('firstLetterPanel').innerHTML = `
                <div style="font-size: 2.5rem; color: var(--primary-gold); margin-bottom: 10px; font-family: 'Cinzel', serif;">${firstLetter.toUpperCase()}</div>
                <span class="status-badge badge-neutral" style="background: #fff8e1; border-color: var(--primary-gold); color: var(--primary-gold);">${firstLetterPlanet}</span>
                ${planetInfo ? `
                    <p style="margin-top: 15px; color: #555;">
                        <strong>Deity:</strong> ${planetInfo.deity}<br>
                        <strong>Related Letters:</strong> ${planetInfo.letters}<br><br>
                        ${planetInfo.description}
                    </p>
                ` : ''}
                <div style="margin-top: 15px; padding: 15px; background: #f9f9f9; border-radius: 10px; color: #777; font-size: 0.9rem;">
                    According to Varahamihira's system, the first letter determines planetary influence. This letter selection based on ascendant lord can help ward off malefic planetary influences.
                </div>
            `;

            // Render birth date analysis if provided
            if (birthDateAnalysis) {
                document.getElementById('birthDateCard').style.display = 'block';
                document.getElementById('birthDateAnalysis').innerHTML = `
                    <h4>Birth Date: ${birthDateAnalysis.formattedDate}</h4>
                    <div class="number-showcase">
                        <div class="big-number" style="font-size: 3rem;">${birthDateAnalysis.destinyNum}</div>
                        <div class="number-info">
                            <div class="label">Destiny Number</div>
                            <div class="sublabel">Ruled by ${getPlanetForRadical(birthDateAnalysis.destinyNum)}</div>
                        </div>
                    </div>
                    <div class="info-grid" style="margin-top: 20px;">
                        <div class="info-item">
                            <h4>Life Path Number</h4>
                            <p>${birthDateAnalysis.lifePathNum} - Ruled by ${getPlanetForRadical(birthDateAnalysis.lifePathNum)}</p>
                        </div>
                        <div class="info-item">
                            <h4>Personal Year</h4>
                            <p>${birthDateAnalysis.personalYearNum} - Ruled by ${getPlanetForRadical(birthDateAnalysis.personalYearNum)}</p>
                        </div>
                    </div>
                    <div class="prediction-panel" style="margin-top: 20px;">
                        <div class="prediction-header">Birth Date Analysis</div>
                        <div class="prediction-content">
                            Your Destiny Number (${birthDateAnalysis.destinyNum}) represents your purpose in life. 
                            Your Life Path Number (${birthDateAnalysis.lifePathNum}) reveals the journey you will take. 
                            Your Personal Year (${birthDateAnalysis.personalYearNum}) indicates the current year's influences.
                        </div>
                    </div>
                `;
            } else {
                document.getElementById('birthDateCard').style.display = 'none';
            }

            let detailedHtml = '';
            if (meaning) {
                detailedHtml = `
                    <div class="number-showcase">
                        <div class="big-number">${result.total}</div>
                        <div class="number-info">
                            <div class="label">Your Name Number</div>
                        </div>
                    </div>
                    ${getStatusBadge(meaning.status)}
                    <div class="prediction-panel">
                        <div class="prediction-header">Interpretation for Number ${result.total}</div>
                        <div class="prediction-content">${meaning.text}</div>
                    </div>
                `;
            } else if (result.total < 10) {
                detailedHtml = `
                    <div class="prediction-panel">
                        <div class="prediction-header">Single Digit Number ${result.total}</div>
                        <div class="prediction-content">Your name reduces to single digit ${radical}. See Radical Number and Health analysis for detailed interpretation.</div>
                    </div>
                `;
            } else {
                detailedHtml = `
                    <div class="prediction-panel">
                        <div class="prediction-header">Number ${result.total}</div>
                        <div class="prediction-content">For numbers above 70, refer to the reduced radical number (${radical}) for primary interpretation.</div>
                    </div>
                `;
            }
            document.getElementById('detailedPrediction').innerHTML = detailedHtml;

            let karmicHtml = '';
            if (karmic.length > 0) {
                karmic.forEach(k => {
                    const info = karmicDebtInfo[k];
                    if (info) {
                        karmicHtml += `
                            <div class="karmic-card ${info.type === 'good' ? 'good' : ''}">
                                <div class="karmic-number" style="font-size: 2.5rem; font-weight: 800; color: ${info.type === 'good' ? '#00695c' : '#7b1fa2'}; margin-bottom: 10px;">${k}</div>
                                <span class="status-badge ${info.type === 'good' ? 'badge-karmic-good' : 'badge-karmic-debt'}">${info.type === 'good' ? 'Good Karma' : 'Karmic Debt'}</span>
                                <h4 style="color: ${info.type === 'good' ? '#00695c' : '#7b1fa2'}; margin: 15px 0 10px;">${info.title}</h4>
                                <p style="color: #666; line-height: 1.7;">${info.description}</p>
                            </div>
                        `;
                    }
                });
            } else {
                karmicHtml = `
                    <div class="prediction-panel">
                        <div class="prediction-content">No major karmic numbers (10, 13, 14, 16, 19) found in your name total (${result.total}). Your karmic path may be revealed through birth date analysis or missing number lessons.</div>
                    </div>
                `;
            }
            document.getElementById('karmicResult').innerHTML = karmicHtml;

            let missingHtml = '';
            if (missing.length > 0) {
                missingHtml = '<div class="missing-numbers-grid">';
                missing.forEach(m => {
                    missingHtml += `
                        <div class="missing-item">
                            <div class="num" style="font-size: 2rem; font-weight: 700; color: #c62828; margin-bottom: 8px;">${m}</div>
                            <p style="color: #666;">${karmicLessons[m]}</p>
                        </div>
                    `;
                });
                missingHtml += '</div>';
            } else {
                missingHtml = `
                    <div class="prediction-panel">
                        <div class="prediction-content">All numbers 1-9 are represented in your name. This indicates a balanced vibrational pattern with no major karmic lessons missing.</div>
                    </div>
                `;
            }
            document.getElementById('missingNumbersResult').innerHTML = missingHtml;

            const health = healthData[radical];
            if (health) {
                document.getElementById('healthResult').innerHTML = `
                    <div class="number-showcase">
                        <div class="big-number">${radical}</div>
                        <div class="number-info">
                            <div class="label">Radical Number ${radical}</div>
                            <div class="sublabel">Ruled by ${health.planet}</div>
                        </div>
                    </div>
                    <p style="color: var(--text-muted); margin-bottom: 20px;"><strong>Birth Dates:</strong> ${health.birthDates}</p>
                    <div class="health-grid">
                        <div class="health-card">
                            <h4>🫀 Body Parts Governed</h4>
                            <p>${health.governs}</p>
                        </div>
                        <div class="health-card">
                            <h4>⚠️ Potential Health Issues</h4>
                            <p>${health.diseases}</p>
                        </div>
                        <div class="health-card">
                            <h4>✅ Beneficial Foods & Practices</h4>
                            <p>${health.beneficial}</p>
                        </div>
                        <div class="health-card">
                            <h4>❌ Things to Avoid</h4>
                            <p>${health.avoid}</p>
                        </div>
                        <div class="health-card">
                            <h4>📅 Cautious Months</h4>
                            <p>${health.badMonths}</p>
                        </div>
                        <div class="health-card">
                            <h4>📆 Eventful Years</h4>
                            <p>${health.eventfulYears}</p>
                        </div>
                    </div>
                    <div class="prediction-panel" style="margin-top: 20px;">
                        <div class="prediction-header">General Advice</div>
                        <div class="prediction-content">${health.advice}</div>
                    </div>
                `;
            }

            document.getElementById('astroResult').innerHTML = `
                <h4>Vedic Astro-Pronology Principles</h4>
                <p style="color: #666; margin-top: 15px; line-height: 1.8;">
                    According to Brihat Parashara Hora Shastra and Varahamihira's teachings, letters are attributed to planets based on their phonetic nature:
                </p>
                <div class="info-grid">
                    ${Object.entries(planetaryLetters).map(([planet, info]) => `
                        <div class="info-item">
                            <h4>${planet}</h4>
                            <p><strong>Letters:</strong> ${info.letters}<br><strong>Deity:</strong> ${info.deity}</p>
                        </div>
                    `).join('')}
                </div>
                <div class="prediction-panel" style="margin-top: 25px;">
                    <div class="prediction-header">Your First Letter: ${firstLetter.toUpperCase()}</div>
                    <div class="prediction-content">
                        This letter is ruled by <strong>${firstLetterPlanet}</strong>. According to ancient wisdom, if this planet has dignity in your horoscope, it will produce good results. The sound vibration of your name's first letter resonates with this planetary energy, influencing your zodiac sign and Nakshatra associations.
                    </div>
                </div>
            `;

            const cheiroResult = calculateName(name, cheiroValues);
            const sepharialResult = calculateName(name, sepharialValues);
            const pythResult = calculateName(name, pythagoreanValues);

            document.getElementById('comparisonResult').innerHTML = `
                <div class="comparison-item">
                    <h4>Cheiro System</h4>
                    <div class="num">${cheiroResult.total}</div>
                    <div class="reduced">Reduces to ${reduceToSingle(cheiroResult.total)}</div>
                </div>
                <div class="comparison-item">
                    <h4>Sepharial / Hebrew</h4>
                    <div class="num">${sepharialResult.total}</div>
                    <div class="reduced">Reduces to ${reduceToSingle(sepharialResult.total)}</div>
                </div>
                <div class="comparison-item">
                    <h4>Pythagorean</h4>
                    <div class="num">${pythResult.total}</div>
                    <div class="reduced">Reduces to ${reduceToSingle(pythResult.total)}</div>
                </div>
            `;

            document.getElementById('resultsContainer').classList.add('visible');
        }

        function buildReferenceTables() {
            let tableHtml = `
                <thead>
                    <tr>
                        <th>Letter</th>
                        <th>Cheiro</th>
                        <th>Sepharial</th>
                        <th>Pythagorean</th>
                    </tr>
                </thead>
                <tbody>
            `;
            'ABCDEFGHIJKLMNOPQRSTUVWXYZ'.split('').forEach(letter => {
                tableHtml += `
                    <tr>
                        <td><strong>${letter}</strong></td>
                        <td>${cheiroValues[letter]}</td>
                        <td>${sepharialValues[letter]}</td>
                        <td>${pythagoreanValues[letter]}</td>
                    </tr>
                `;
            });
            tableHtml += '</tbody>';
            document.getElementById('refTable').innerHTML = tableHtml;

            let meaningTableHtml = `
                <thead>
                    <tr>
                        <th>Number</th>
                        <th>Status</th>
                        <th>Meaning</th>
                    </tr>
                </thead>
                <tbody>
            `;
            for (let i = 10; i <= 70; i++) {
                const m = numberMeanings[i];
                if (m) {
                    meaningTableHtml += `
                        <tr>
                            <td><strong>${i}</strong></td>
                            <td>${getStatusBadge(m.status)}</td>
                            <td style="text-align: left; font-size: 0.9rem;">${m.text}</td>
                        </tr>
                    `;
                }
            }
            meaningTableHtml += '</tbody>';
            document.getElementById('meaningTable').innerHTML = meaningTableHtml;
        }

        // Event listeners
        document.querySelectorAll('.system-btn').forEach(btn => {
            btn.addEventListener('click', function() {
                document.querySelectorAll('.system-btn').forEach(b => b.classList.remove('active'));
                this.classList.add('active');
                selectedSystem = this.dataset.system;
            });
        });

        document.querySelectorAll('.nav-tab').forEach(tab => {
            tab.addEventListener('click', function() {
                document.querySelectorAll('.nav-tab').forEach(t => t.classList.remove('active'));
                document.querySelectorAll('.tab-panel').forEach(p => p.classList.remove('active'));
                this.classList.add('active');
                document.getElementById(this.dataset.tab).classList.add('active');
            });
        });

        document.getElementById('calculateBtn').addEventListener('click', function() {
            const nameInput = document.getElementById('fullName');
            const dateInput = document.getElementById('birthDate');
            const name = nameInput.value.trim();
            const birthDate = dateInput.value;
            
            // Reset error states
            document.getElementById('nameInputGroup').classList.remove('has-error');
            document.getElementById('dateInputGroup').classList.remove('has-error');
            nameInput.classList.remove('error');
            dateInput.classList.remove('error');
            
            // Validate inputs
            let isValid = true;
            
            if (!name) {
                document.getElementById('nameInputGroup').classList.add('has-error');
                nameInput.classList.add('error');
                showNotification('Please enter your name');
                isValid = false;
            } else if (!validateName(name)) {
                document.getElementById('nameInputGroup').classList.add('has-error');
                nameInput.classList.add('error');
                showNotification('Please enter a valid name (letters and spaces only)');
                isValid = false;
            }
            
            if (birthDate && !validateDate(birthDate)) {
                document.getElementById('dateInputGroup').classList.add('has-error');
                dateInput.classList.add('error');
                showNotification('Please enter a valid date of birth (must be in the past)');
                isValid = false;
            }
            
            if (!isValid) return;
            
            renderResults(name, birthDate);
            document.getElementById('resultsContainer').scrollIntoView({ behavior: 'smooth' });
            showNotification('Calculation completed successfully!', 'success');
        });

        document.getElementById('fullName').addEventListener('keypress', function(e) {
            if (e.key === 'Enter') {
                document.getElementById('calculateBtn').click();
            }
        });

        // Initialize reference tables
        buildReferenceTables();
    </script>
</body>
</html>

       <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Professional Mobile Numerology</title>
    <script src="https://cdn.tailwindcss.com"></script>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/js/all.min.js"></script>
    <style>
        body {
            font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
            min-height: 100vh;
            background:
                radial-gradient(circle at top, #eef2ff 0, #f9fafb 45%, #e5e7eb 100%);
            background-attachment: fixed;
        }
        .glass-panel {
            background: rgba(255, 255, 255, 0.95);
            backdrop-filter: blur(14px);
            border: 1px solid rgba(255, 255, 255, 0.7);
            box-shadow: 0 18px 55px -22px rgba(15, 23, 42, 0.45);
            transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
        }
        .glass-panel:hover {
            transform: translateY(-2px);
            border-color: rgba(129, 140, 248, 0.8);
            box-shadow: 0 22px 65px -26px rgba(15, 23, 42, 0.55);
        }
        .gradient-text {
            background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 40%, #ec4899 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }
        .status-badge {
            transition: all 0.25s ease;
        }
        .status-badge:hover {
            transform: translateY(-3px) scale(1.02);
            box-shadow:
                0 10px 25px -10px rgba(15, 23, 42, 0.45),
                0 0 0 1px rgba(15, 23, 42, 0.02);
        }
        .good-gradient {
            background: radial-gradient(circle at top left, #dcfce7 0%, #bbf7d0 40%, #ecfeff 100%);
            border-left: 4px solid #16a34a;
            color: #14532d;
        }
        .bad-gradient {
            background: radial-gradient(circle at top left, #fee2e2 0%, #fecaca 40%, #fef2f2 100%);
            border-left: 4px solid #dc2626;
            color: #7f1d1d;
        }
        .neutral-gradient {
            background: radial-gradient(circle at top left, #e5e7eb 0%, #f3f4f6 35%, #f9fafb 100%);
            border-left: 4px solid #6b7280;
            color: #374151;
        }
        .special-highlight {
            background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
            border-left: 4px solid #f59e0b;
            color: #78350f;
        }
        .result-animate {
            animation: slideIn 0.55s ease-out forwards;
            opacity: 0;
            transform: translateY(20px);
        }
        @keyframes slideIn {
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        .detail-modal {
            display: none;
            position: fixed;
            inset: 0;
            width: 100%;
            height: 100%;
            background: radial-gradient(circle at top, rgba(15,23,42,0.45), rgba(15,23,42,0.8));
            z-index: 1000;
            justify-content: center;
            align-items: center;
            padding: 1.5rem;
        }
        .modal-content {
            background-color: rgba(255, 255, 255, 0.98);
            padding: 24px;
            border-radius: 18px;
            max-width: 640px;
            width: 100%;
            max-height: 80vh;
            overflow-y: auto;
            box-shadow: 0 25px 80px -30px rgba(15, 23, 42, 0.7);
        }
        .detail-point {
            display: flex;
            align-items: flex-start;
            margin-bottom: 8px;
        }
        .detail-point i {
            margin-right: 10px;
            margin-top: 3px;
            color: #4f46e5;
        }

        /* Lo Shu Grid Styles */
        .lo-shu-grid {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 12px;
            max-width: 380px;
            margin: 0 auto;
        }
        .lo-shu-cell {
            aspect-ratio: 1;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 2rem;
            font-weight: 800;
            background: radial-gradient(circle at top, #eef2ff 0%, #f9fafb 45%, #e5e7eb 100%);
            border: 2px solid #e5e7eb;
            border-radius: 16px;
            color: #111827;
            box-shadow: 0 8px 18px -10px rgba(15, 23, 42, 0.3);
            transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
        }
        .lo-shu-cell:hover {
            transform: translateY(-2px) scale(1.03);
            border-color: #4f46e5;
            box-shadow: 0 18px 35px -18px rgba(15, 23, 42, 0.45);
        }
        .lo-shu-cell.absent {
            color: #d1d5db;
            font-size: 1.4rem;
            font-weight: 600;
            border-style: dashed;
            background: #f9fafb;
        }
    </style>
</head>
<body class="min-h-screen py-10 px-4 sm:px-6 lg:px-8">

    <div class="max-w-5xl mx-auto">
        <!-- Header -->
        <div class="text-center mb-12">
            <div class="inline-flex items-center px-3 py-1 mb-4 rounded-full bg-indigo-50 text-indigo-700 text-xs font-semibold tracking-wide uppercase shadow-sm">
                <i class="fas fa-sparkles mr-2"></i>
                Professional Mobile Numerology
            </div>
            <h1 class="text-4xl md:text-5xl font-extrabold mb-4 leading-tight">
                <span class="gradient-text">Mobile Numerology Analyzer</span>
            </h1>
            <p class="text-lg text-gray-600 max-w-2xl mx-auto">
                Discover the energy and patterns hidden inside your 10-digit mobile number with a clean, modern interface.
            </p>
        </div>

        <!-- Input Panel -->
        <div class="glass-panel rounded-2xl p-8 mb-10 max-w-2xl mx-auto">
            <label for="mobileInput" class="block text-lg font-semibold text-gray-800 mb-3">
                Enter your mobile number
            </label>
            <div class="flex flex-col sm:flex-row gap-4">
                <div class="relative flex-grow">
                    <div class="absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none">
                        <i class="fas fa-mobile-alt text-indigo-400 text-lg"></i>
                    </div>
                    <input
                        type="number"
                        id="mobileInput"
                        class="block w-full pl-11 pr-4 py-4 border border-gray-200 rounded-xl focus:ring-2 focus:ring-indigo-500 focus:border-indigo-500 transition text-xl tracking-[0.35em] placeholder-gray-400 bg-white/80"
                        placeholder="98XXXXXXXX"
                        onkeypress="if(this.value.length===10) return false;"
                    >
                </div>
                <button
                    onclick="calculateNumerology()"
                    class="bg-gradient-to-r from-indigo-600 via-purple-600 to-pink-500 hover:from-indigo-700 hover:via-purple-700 hover:to-pink-600 text-white font-semibold py-4 px-8 rounded-xl transition duration-300 shadow-lg flex items-center justify-center gap-2 text-lg"
                >
                    <i class="fas fa-calculator"></i>
                    <span>Analyze</span>
                </button>
            </div>
            <p class="text-sm text-gray-500 mt-3 flex items-center gap-2">
                <i class="fas fa-info-circle text-indigo-400"></i>
                Please enter a valid 10-digit mobile number.
            </p>
        </div>

        <!-- Results -->
        <div id="results" class="hidden space-y-10">

            <!-- Lo Shu Grid -->
            <div class="glass-panel rounded-2xl p-6 sm:p-8 result-animate" style="animation-delay: 0.05s;">
                <h2 class="text-2xl font-bold text-gray-900 mb-2 flex items-center">
                    <span class="bg-emerald-100 text-emerald-600 p-2 rounded-lg mr-3">
                        <i class="fas fa-th"></i>
                    </span>
                    Lo Shu Grid
                </h2>
                <p class="text-sm text-gray-500 mb-6">
                    A 3×3 energy map built from the digits in your mobile number. Repeated digits strengthen that position; missing digits show areas to balance.
                </p>
                <div class="lo-shu-grid" id="loShuGridContainer">
                    <!-- Grid is generated by JavaScript -->
                </div>
            </div>

            <!-- Zero Combination Section -->
            <div
                id="zeroCombinationSection"
                class="hidden glass-panel rounded-2xl p-6 sm:p-8 result-animate bad-gradient"
                style="animation-delay: 0.07s;"
            >
                <h2 class="text-2xl font-bold mb-4 flex items-center">
                    <i class="fas fa-exclamation-triangle mr-3"></i>
                    <span id="zeroCombinationTitle">Zero Combination Insight</span>
                </h2>
                <p class="text-lg font-medium mb-4" id="zeroCombinationMessage"></p>
                <button
                    onclick="showZeroModal()"
                    class="bg-white text-red-600 font-semibold py-2 px-6 rounded-lg shadow-md hover:bg-gray-100 transition duration-300 flex items-center gap-2"
                >
                    <i class="fas fa-info-circle"></i>
                    More details
                </button>
            </div>

            <!-- Pairs Section -->
            <div class="glass-panel rounded-2xl p-6 sm:p-8 result-animate" style="animation-delay: 0.1s;">
                <h2 class="text-2xl font-bold text-gray-900 mb-2 flex items-center">
                    <span class="bg-indigo-100 text-indigo-600 p-2 rounded-lg mr-3">
                        <i class="fas fa-project-diagram"></i>
                    </span>
                    Digit pairs & combinations
                </h2>
                <p class="text-sm text-gray-500 mb-4">
                    Slide through the number and read it in pairs (ignoring zeros). Click any pair to open a detailed interpretation.
                </p>
                <div
                    class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 gap-4"
                    id="segmentsContainer"
                ></div>
            </div>

            <!-- Repetition Section -->
            <div
                class="glass-panel rounded-2xl p-6 sm:p-8 result-animate border-t-4 border-orange-400"
                style="animation-delay: 0.15s;"
                id="repetitionSection"
            >
                <h2 class="text-2xl font-bold text-gray-900 mb-2 flex items-center">
                    <span class="bg-orange-100 text-orange-600 p-2 rounded-lg mr-3">
                        <i class="fas fa-clone"></i>
                    </span>
                    Repeated digits (2× or 3×)
                </h2>
                <p class="text-gray-500 mb-4 text-sm">
                    If any digit repeats 2 or 3 times, it strongly colors your number. Tap a pattern to see its meaning.
                </p>
                <div
                    class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-4"
                    id="repetitionContainer"
                ></div>
            </div>

            <!-- 7th Digit Significance -->
            <div
                class="glass-panel rounded-2xl p-6 sm:p-8 result-animate"
                style="animation-delay: 0.2s;"
                id="seventhDigitSection"
            >
                <h2 class="text-2xl font-bold text-gray-900 mb-2 flex items-center">
                    <span class="bg-purple-100 text-purple-600 p-2 rounded-lg mr-3">
                        <i class="fas fa-star"></i>
                    </span>
                    7th digit significance
                </h2>
                <p class="text-sm text-gray-500 mb-4">
                    The 7th position often shows your communication flavor and how people experience you when you answer calls.
                </p>
                <div class="bg-gradient-to-r from-purple-50 to-indigo-50 rounded-xl p-6 border border-purple-200">
                    <div class="flex items-center mb-4">
                        <div
                            class="text-5xl font-extrabold text-purple-600 mr-4 tracking-tight"
                            id="seventhDigitDisplay"
                        ></div>
                        <div>
                            <h3 class="text-xl font-bold text-gray-900" id="seventhDigitTitle"></h3>
                            <p class="text-xs text-gray-500 mt-1">
                                Interpretation of the 7th digit of your mobile number
                            </p>
                        </div>
                    </div>
                    <p class="text-gray-700 leading-relaxed" id="seventhDigitDescription"></p>
                </div>
            </div>

            <!-- Sum Cards -->
            <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
                <!-- Total Sum -->
                <div
                    class="glass-panel rounded-2xl p-6 result-animate border-t-4 border-blue-500"
                    style="animation-delay: 0.25s;"
                >
                    <h3 class="text-xl font-bold text-gray-800 mb-4">
                        Total sum of all 10 digits
                    </h3>
                    <div class="flex justify-between items-center">
                        <div>
                            <span
                                id="totalSumDisplay"
                                class="text-5xl font-extrabold text-blue-600 tracking-tight"
                            ></span>
                            <div class="text-sm text-gray-500 mt-1">
                                Raw total (all digits added once)
                            </div>
                        </div>
                        <div
                            id="totalSumBadge"
                            class="px-4 py-2 rounded-full text-sm font-bold"
                        ></div>
                    </div>
                </div>

                <!-- Last 4 Sum -->
                <div
                    class="glass-panel rounded-2xl p-6 result-animate border-t-4 border-purple-500"
                    style="animation-delay: 0.3s;"
                >
                    <h3 class="text-xl font-bold text-gray-800 mb-4">
                        Sum of the last 4 digits
                    </h3>
                    <div class="flex justify-between items-center">
                        <div>
                            <span
                                id="last4SumDisplay"
                                class="text-5xl font-extrabold text-purple-600 tracking-tight"
                            ></span>
                            <div class="text-sm text-gray-500 mt-1">
                                Energy of the closing part of your number
                            </div>
                        </div>
                        <div
                            id="last4SumBadge"
                            class="px-4 py-2 rounded-full text-sm font-bold"
                        ></div>
                    </div>
                    <div class="mt-4 pt-4 border-t border-gray-200">
                        <div class="flex items-center justify-between">
                            <div>
                                <span
                                    id="last4SingleDigitDisplay"
                                    class="text-3xl font-extrabold text-indigo-600 tracking-tight"
                                ></span>
                                <div class="text-sm text-gray-500 mt-1">
                                    Reduced to a single digit
                                </div>
                            </div>
                            <div
                                id="last4SingleDigitBadge"
                                class="px-4 py-2 rounded-full text-sm font-bold"
                            ></div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Single Digit Reading -->
            <div
                class="glass-panel rounded-2xl overflow-hidden shadow-2xl result-animate"
                style="animation-delay: 0.4s;"
            >
                <div class="bg-indigo-900 text-white p-8 text-center relative overflow-hidden">
                    <div class="absolute top-0 left-0 w-full h-full opacity-15 pointer-events-none">
                        <i class="fas fa-star fa-spin text-9xl absolute -top-10 -left-10"></i>
                        <i class="fas fa-moon text-8xl absolute top-10 right-10"></i>
                    </div>
                    <h2 class="text-3xl font-bold mb-2 relative z-10">
                        Single-digit core reading
                    </h2>
                    <div class="text-indigo-200 mb-6 relative z-10 text-sm">
                        Based on the total sum of your 10-digit mobile number
                    </div>

                    <div
                        class="inline-flex items-center justify-center w-24 h-24 bg-white rounded-full text-indigo-900 text-6xl font-extrabold shadow-lg relative z-10 mb-3"
                        id="singleDigitDisplay"
                    ></div>
                    <div
                        class="text-xl font-semibold text-yellow-300 relative z-10"
                        id="planetDisplay"
                    ></div>
                </div>

                <div class="p-8 bg-white">
                    <p
                        id="mainDescription"
                        class="text-lg text-gray-700 leading-relaxed mb-6 border-l-4 border-indigo-500 pl-4 italic"
                    ></p>

                    <div class="mt-4">
                        <div class="bg-red-50 p-5 rounded-xl border border-red-100">
                            <h4 class="font-bold text-red-800 mb-2 flex items-center">
                                <i class="fas fa-heartbeat mr-2"></i>
                                Health focus
                            </h4>
                            <p id="healthText" class="text-gray-700"></p>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Footer -->
            <div class="text-center text-gray-400 text-xs pb-8 pt-2">
                © Professional Mobile Numerology — Designed by Astro Bishnu Poudel
            </div>
        </div>
    </div>

    <!-- Detail Modal -->
    <div id="detailModal" class="detail-modal">
        <div class="modal-content">
            <div class="flex justify-between items-center mb-4">
                <h3 id="modalTitle" class="text-xl font-bold text-gray-900"></h3>
                <button onclick="closeModal()" class="text-gray-400 hover:text-gray-700 transition">
                    <i class="fas fa-times text-xl"></i>
                </button>
            </div>
            <div id="modalContent" class="text-gray-700 text-sm leading-relaxed"></div>
        </div>
    </div>

    <script>
        // ---------- 1. DATA CONFIGURATION ----------

        // Total 10-digit sum: list of "good" compound numbers
        const listGoodTotalSum = [37, 46, 55, 64, 30, 39, 66, 32, 41, 50, 59, 24, 33, 42, 60];

        // For last 4-digit sum (and its reduced single digit): we only distinguish Good vs Bad
        const listGood = [1, 3, 5, 6, 10, 12, 14, 15, 19, 21, 23, 24, 28, 30, 32, 33];

        // Pair rules (e.g. "12", "45")
        const specificRules = {
            "12": "Good", "13": "Good", "31": "Good",
            "14": "Bad", "41": "Bad",
            "15": "Good", "51": "Good",
            "16": "Negative", "61": "Negative",
            "17": "Neutral", "71": "Neutral",
            "18": "Bad", "81": "Bad",
            "19": "Good", "91": "Good",
            "21": "Neutral",
            "23": "Neutral", "32": "Neutral",
            "24": "Neutral",
            "42": "Neutral",
            "25": "Good", "52": "Good",
            "26": "Negative", "62": "Negative",
            "27": "Negative", "72": "Negative",
            "28": "Negative", "82": "Negative",
            "29": "Good", "92": "Good",
            "34": "Negative", "43": "Negative",
            "35": "Neutral", "53": "Neutral",
            "36": "Neutral", "63": "Neutral",
            "37": "Good", "73": "Good",
            "38": "Good", "83": "Good",
            "39": "Neutral", "84": "Bad",
            "93": "Neutral",
            "45": "Negative", "54": "Negative",
            "46": "Negative", "48": "Bad",
            "64": "Bad",
            "47": "Good", "74": "Good",
            "49": "Neutral", "94": "Neutral",
            "56": "Neutral", "65": "Neutral",
            "57": "Good", "75": "Good",
            "58": "Neutral", "85": "Neutral",
            "59": "Neutral",
            "95": "Neutral",
            "67": "Neutral", "76": "Neutral",
            "68": "Negative", "86": "Negative",
            "69": "Good", "96": "Good",
            "78": "Good", "87": "Good",
            "79": "Neutral", "97": "Neutral",
            "89": "Neutral", "98": "Neutral",
            "11": "Good",
            "22": "Neutral",
            "33": "Good",
            "44": "Negative",
            "55": "Good",
            "66": "Good",
            "77": "Neutral",
            "88": "Neutral",
            "99": "Neutral",
            "00": "Bad",
            "000": "Bad",
            "0000": "Bad"
        };

        // Repetition rules (2× or 3× of the same digit)
        const repetitionRules = {
            1: {
                2: "Good Combination",
                3: "Neutral Combination",
                details: {
                    2: "Clear communication, authentic expression, innovative ideas, confidence, good for start-ups and leadership roles, brings respect from siblings and authority figures.",
                    3: "Can create ego and attitude issues, very strong will, intense self-expression that needs balancing."
                }
            },
            2: {
                2: "Neutral Combination",
                3: "Negative Combination",
                details: {
                    2: "Highly sensitive and caring, creative, emotional, deeply attached to family.",
                    3: "Extreme mood swings, tendency toward low mood or depression, over-emotional, may struggle with low blood pressure or energy."
                }
            },
            3: {
                2: "Good Combination",
                3: "Neutral Combination",
                details: {
                    2: "Good for education, storytelling, content creation and learning new subjects.",
                    3: "Very hungry for knowledge, deep thinker, overthinking, strong curiosity with trust issues if not grounded."
                }
            },
            4: {
                2: "Negative Combination",
                3: "Negative Combination",
                details: {
                    2: "Can attract legal issues, debts, friction, and stomach/gas-related problems.",
                    3: "Struggle pattern, headaches, joint pain and frequent health challenges if not disciplined."
                }
            },
            5: {
                2: "Good Combination",
                3: "Neutral Combination",
                details: {
                    2: "Excellent communicator, loves movement and travel, enjoys new experiences and variety.",
                    3: "Restless, strong desire for change, many interests at once, needs focus to avoid scattering energy."
                }
            },
            6: {
                2: "Good Combination",
                3: "Neutral Combination",
                details: {
                    2: "Family‑oriented, responsible, nurturing and protective, creates a warm home environment.",
                    3: "Over‑protective, constantly worried about family, can become possessive if not careful."
                }
            },
            7: {
                2: "Neutral Combination",
                3: "Negative Combination",
                details: {
                    2: "Spiritual, intuitive, analytical, strong seeker of knowledge and truth.",
                    3: "Isolated, secretive, trust issues, escapist tendencies if emotions are not expressed."
                }
            },
            8: {
                2: "Neutral Combination",
                3: "Bad Combination",
                details: {
                    2: "Business‑minded, practical, organized and ambitious about long‑term results.",
                    3: "Workaholic, overly materialistic, power‑driven, can become ruthless or too rigid."
                }
            },
            9: {
                2: "Neutral Combination",
                3: "Negative Combination",
                details: {
                    2: "Humanitarian, generous, compassionate and idealistic in nature.",
                    3: "Impulsive, emotionally reactive, escapist and can become self‑centered if hurt."
                }
            }
        };

        // Detailed predictions for number combinations (used in modal)
        const detailedPredictions = {
            "12": {
                status: "Good Combination",
                points: [
                    "Attractive presence.",
                    "Strengthens husband–wife relationships.",
                    "Caring towards spouse.",
                    "Good for financial stability and using resources wisely.",
                    "Naturally good at saving money.",
                    "Supports business, especially with good education."
                ]
            },
            "13": {
                status: "Good Combination",
                points: [
                    "Money number.",
                    "Makes a person professional and respected.",
                    "Helpful to others.",
                    "Good education and learning ability.",
                    "Good for advisor or consulting roles."
                ]
            },
            "31": {
                status: "Good Combination",
                points: [
                    "Money number.",
                    "Professional, helpful and respected.",
                    "Supports good education and status.",
                    "Good for advisory jobs or civil service.",
                    "Supports good health and marriage life."
                ]
            },
            "14": {
                status: "Negative Combination",
                points: [
                    "Risk of money loss.",
                    "Legal notices, hidden enemies, risk of defamation.",
                    "Health issues if misused.",
                    "Debt and financial pressure.",
                    "Distance or detachment from relatives.",
                    "Weak immune system and bones."
                ]
            },
            "41": {
                status: "Negative Combination",
                points: [
                    "Risk of money loss.",
                    "Legal notices, hidden enemies, risk of defamation.",
                    "Health issues if misused.",
                    "Debt and financial pressure.",
                    "Distance or detachment from relatives.",
                    "Weak immune system and bones."
                ]
            },
            "15": {
                status: "Good Combination",
                points: [
                    "Good for children’s success in exams.",
                    "Favors marriage with support from father.",
                    "Can make the father popular or well‑known in society."
                ]
            },
            "51": {
                status: "Good Combination",
                points: [
                    "Good for children’s success in exams.",
                    "Favors marriage with support from father.",
                    "Can make the father popular or well‑known in society."
                ]
            },
            "16": {
                status: "Negative Combination",
                points: [
                    "Spouse health issues.",
                    "Relationship stress or separation.",
                    "Financial loss and unstable income.",
                    "Skin and urinary infections.",
                    "Money and job loss patterns.",
                    "Can point to piles or related issues.",
                    "Challenges in married life."
                ]
            },
            "61": {
                status: "Negative Combination",
                points: [
                    "Spouse health issues.",
                    "Relationship stress or separation.",
                    "Financial loss and unstable income.",
                    "Skin and urinary infections.",
                    "Money and job loss patterns.",
                    "Can point to piles or related issues.",
                    "Challenges in married life."
                ]
            },
            "17": {
                status: "Neutral Combination",
                points: [
                    "Supportive for government jobs or good position in large companies (including work from home).",
                    "Possibility of two important relationships or marriages.",
                    "Can profit from clever negotiation or even bending the truth.",
                    "Money‑related work tends not to stop completely.",
                    "Avoid if multiple 7s are already present in the grid.",
                    "Avoid if 25C is missing from the grid."
                ]
            },
            "71": {
                status: "Neutral Combination",
                points: [
                    "Supportive for government jobs or good position in large companies (including work from home).",
                    "Possibility of two important relationships or marriages.",
                    "Can profit from clever negotiation or even bending the truth.",
                    "Money‑related work tends not to stop completely.",
                    "Avoid if multiple 7s are already present in the grid.",
                    "Avoid if 25C is missing from the grid."
                ]
            },
            "18": {
                status: "Bad Combination",
                points: [
                    "Stress in father–son relationships.",
                    "Spouse health issues.",
                    "Frequent job changes.",
                    "Government‑related complications.",
                    "Long‑term or chronic health issues."
                ]
            },
            "81": {
                status: "Bad Combination",
                points: [
                    "Stress in father–son relationships.",
                    "Spouse health issues.",
                    "Frequent job changes.",
                    "Government‑related complications.",
                    "Long‑term or chronic health issues."
                ]
            },
            "19": {
                status: "Good Combination",
                points: [
                    "Freedom‑loving and independent.",
                    "Can receive unearned money or windfalls.",
                    "Gives height and respect in life.",
                    "Highly educated and professional.",
                    "Natural leader with strong public image."
                ]
            },
            "91": {
                status: "Good Combination",
                points: [
                    "Freedom‑loving and independent.",
                    "Can receive unearned money or windfalls.",
                    "Gives height and respect in life.",
                    "Highly educated and professional.",
                    "Natural leader with strong public image."
                ]
            },
            "21": {
                status: "Neutral Combination",
                points: [
                    "Attractive personality and face.",
                    "Tendency toward unwanted expenses.",
                    "Difficulty saving money if not disciplined."
                ]
            },
            "23": {
                status: "Neutral Combination",
                points: [
                    "Delay in having children or full parenting happiness.",
                    "Many opponents or competitors but they cannot easily harm you.",
                    "Risk of extra‑marital attractions.",
                    "Likes to be outside the home and observe people.",
                    "Can be egoistic if not balanced."
                ]
            },
            "32": {
                status: "Good Combination",
                points: [
                    "Delay in having children or full parenting happiness.",
                    "Many opponents or competitors but they cannot easily harm you.",
                    "Risk of extra‑marital attractions.",
                    "Likes to be outside the home and observe people.",
                    "Can be egoistic if not balanced."
                ]
            },
            "24": {
                status: "Neutral Combination",
                points: [
                    "Needs patience to achieve long‑term goals.",
                    "Negative thinking can trouble family life.",
                    "Tendency toward moodiness and overthinking.",
                    "Mind runs 24/7; may lean toward destructive thoughts if unsupported."
                ]
            },
            "42": {
                status: "Good Combination",
                points: [
                    "Needs patience to achieve long‑term goals.",
                    "Negative thinking can trouble family life.",
                    "Tendency toward moodiness and overthinking.",
                    "Mind runs 24/7; may lean toward destructive thoughts if unsupported."
                ]
            },
            "25": {
                status: "Good Combination",
                points: [
                    "Clever and sharp, with healing abilities in hands.",
                    "Supports success in occult, healing and medical fields.",
                    "Interest in spiritual sciences.",
                    "Good for spiritual or alternative‑healing businesses.",
                    "Favors success through air travel or foreign connections."
                ]
            },
            "52": {
                status: "Good Combination",
                points: [
                    "Clever and sharp, with healing abilities in hands.",
                    "Supports success in occult, healing and medical fields.",
                    "Interest in spiritual sciences.",
                    "Good for spiritual or alternative‑healing businesses.",
                    "Favors success through air travel or foreign connections."
                ]
            },
            "26": {
                status: "Negative Combination",
                points: [
                    "Interruptions in study despite intelligence.",
                    "Tension between mother‑in‑law and daughter‑in‑law.",
                    "Strong attraction toward the opposite sex.",
                    "Risk of low sperm count or diabetes.",
                    "Useless expenses and running after money or relationships.",
                    "Debt and in‑law related challenges."
                ]
            },
            "62": {
                status: "Negative Combination",
                points: [
                    "Interruptions in study despite intelligence.",
                    "Tension between mother‑in‑law and daughter‑in‑law.",
                    "Strong attraction toward the opposite sex.",
                    "Risk of low sperm count or diabetes.",
                    "Useless expenses and running after money or relationships.",
                    "Debt and in‑law related challenges."
                ]
            },
            "27": {
                status: "Negative Combination",
                points: [
                    "Urinary infection, joint pain or arthritis‑related issues.",
                    "Money comes but does not stay; unstable profession.",
                    "Medical expenses keep appearing.",
                    "Negative thinking pattern.",
                    "Strong intuition, especially when calm."
                ]
            },
            "72": {
                status: "Negative Combination",
                points: [
                    "Urinary infection, joint pain or arthritis‑related issues.",
                    "Money comes but does not stay; unstable profession.",
                    "Medical expenses keep appearing.",
                    "Negative thinking pattern.",
                    "Strong intuition, especially when calm."
                ]
            },
            "28": {
                status: "Negative Combination",
                points: [
                    "Indicates two important relationships or marriages.",
                    "Partnerships are usually not suitable.",
                    "Good income but many useless expenses.",
                    "Tendency toward depression if unsupported.",
                    "Needs to avoid bad company.",
                    "Mother’s health can require attention."
                ]
            },
            "82": {
                status: "Negative Combination",
                points: [
                    "Indicates two important relationships or marriages.",
                    "Partnerships are usually not suitable.",
                    "Good income but many useless expenses.",
                    "Tendency toward depression if unsupported.",
                    "Needs to avoid bad company.",
                    "Mother’s health can require attention."
                ]
            },
            "29": {
                status: "Good Combination",
                points: [
                    "Supports financial stability.",
                    "Strong ego and self‑respect.",
                    "Can earn own money and live comfortably.",
                    "Enjoys life and luxuries when balanced."
                ]
            },
            "92": {
                status: "Good Combination",
                points: [
                    "Supports financial stability.",
                    "Strong ego and self‑respect.",
                    "Can earn own money and live comfortably.",
                    "Enjoys life and luxuries when balanced."
                ]
            },
            "34": {
                status: "Negative Combination",
                points: [
                    "Breathing‑related issues or chest sensitivity.",
                    "Child may not live close to parents later in life.",
                    "Leg pain, shivering, risk of paralysis in family line.",
                    "Criminal or tricky mind if misused.",
                    "Low confidence and tendency to be cheated or cheat others."
                ]
            },
            "43": {
                status: "Negative Combination",
                points: [
                    "Breathing‑related issues or chest sensitivity.",
                    "Child may not live close to parents later in life.",
                    "Leg pain, shivering, risk of paralysis in family line.",
                    "Criminal or tricky mind if misused.",
                    "Low confidence and tendency to be cheated or cheat others."
                ]
            },
            "35": {
                status: "Neutral Combination",
                points: [
                    "Property‑related issues or delays.",
                    "Fear of father or society pushes person to work hard.",
                    "Weak liquid cash flow; business not easy at start.",
                    "Success often comes away from birthplace.",
                    "Good for commission‑based work.",
                    "May not fully enjoy ancestral property.",
                    "Often lives away from first or parental home."
                ]
            },
            "53": {
                status: "Neutral Combination",
                points: [
                    "Property‑related issues or delays.",
                    "Fear of father or society pushes person to work hard.",
                    "Weak liquid cash flow; business not easy at start.",
                    "Success often comes away from birthplace.",
                    "Good for commission‑based work.",
                    "May not fully enjoy ancestral property.",
                    "Often lives away from first or parental home."
                ]
            },
            "36": {
                status: "Neutral Combination",
                points: [
                    "Good knowledge but lack of confidence.",
                    "Multi‑talented and often religious.",
                    "Barriers in study due to attitude or self‑respect issues.",
                    "Strong principles; does not like to bend easily."
                ]
            },
            "63": {
                status: "Neutral Combination",
                points: [
                    "Good knowledge but lack of confidence.",
                    "Multi‑talented and often religious.",
                    "Barriers in study due to attitude or self‑respect issues.",
                    "Strong principles; does not like to bend easily."
                ]
            },
            "37": {
                status: "Good Combination",
                points: [
                    "Can lift you to top position in your chosen field.",
                    "Support from many people, including financial support.",
                    "Strong knowledge; others rarely harm you seriously.",
                    "Complete personality with strong work intentions.",
                    "Success possible in almost any field with consistency."
                ]
            },
            "73": {
                status: "Good Combination",
                points: [
                    "Can lift you to top position in your chosen field.",
                    "Support from many people, including financial support.",
                    "Strong knowledge; others rarely harm you seriously.",
                    "Complete personality with strong work intentions.",
                    "Success possible in almost any field with consistency."
                ]
            },
            "38": {
                status: "Good Combination",
                points: [
                    "Favorable for real estate, counseling and sales.",
                    "Acts as mediator between two parties.",
                    "Natural peacemaker and negotiator."
                ]
            },
            "83": {
                status: "Good Combination",
                points: [
                    "Favorable for real estate, counseling and sales.",
                    "Acts as mediator between two parties.",
                    "Natural peacemaker and negotiator."
                ]
            },
            "39": {
                status: "Good Combination",
                points: [
                    "Likes to show style or status.",
                    "Good debater, even if normally reserved.",
                    "Dual nature; can see both sides.",
                    "Stubborn when decided.",
                    "Good for occult, medicine, teaching and healing."
                ]
            },
            "93": {
                status: "Neutral Combination",
                points: [
                    "Likes to show style or status.",
                    "Good debater, even if normally reserved.",
                    "Dual nature; can see both sides.",
                    "Stubborn when decided.",
                    "Good for occult, medicine, teaching and healing."
                ]
            },
            "45": {
                status: "Negative Combination",
                points: [
                    "Binding or restrictive situations (Bandhan‑type energy).",
                    "Frequent medical expenses despite intelligence.",
                    "Court cases, legal concerns and weaker eyesight possible.",
                    "Life feels full of rules and restrictions.",
                    "Unexpected losses if not cautious."
                ]
            },
            "54": {
                status: "Negative Combination",
                points: [
                    "Binding or restrictive situations (Bandhan‑type energy).",
                    "Frequent medical expenses despite intelligence.",
                    "Court cases, legal concerns and weaker eyesight possible.",
                    "Life feels full of rules and restrictions.",
                    "Unexpected losses if not cautious."
                ]
            },
            "46": {
                status: "Negative Combination",
                points: [
                    "Not good for students; distracts from study.",
                    "Risk of extreme experiences or scandal in relationships.",
                    "Skin, urinary infection and piles concerns.",
                    "Extra‑marital attraction if not careful."
                ]
            },
            "64": {
                status: "Bad Combination",
                points: [
                    "Not good for students; distracts from study.",
                    "Risk of extreme experiences or scandal in relationships.",
                    "Skin, urinary infection and piles concerns.",
                    "Extra‑marital attraction if not careful."
                ]
            },
            "47": {
                status: "Good Combination",
                points: [
                    "Honest, service‑oriented and clever personality.",
                    "Very bright and sharp.",
                    "Rahu–Ketu flavor supports research and occult interests.",
                    "Good for astrology, healing and investigations.",
                    "Strong inner honesty when balanced."
                ]
            },
            "74": {
                status: "Good Combination",
                points: [
                    "Honest, service‑oriented and clever personality.",
                    "Very bright and sharp.",
                    "Rahu–Ketu flavor supports research and occult interests.",
                    "Good for astrology, healing and investigations.",
                    "Strong inner honesty when balanced."
                ]
            },
            "48": {
                status: "Negative Combination",
                points: [
                    "Risk of diabetes, blood pressure and blood‑related issues.",
                    "Chronic or long‑standing health challenges.",
                    "Lower sexual satisfaction if stressed.",
                    "Unexpected accidents if not careful."
                ]
            },
            "84": {
                status: "Negative Combination",
                points: [
                    "Risk of diabetes, blood pressure and blood‑related issues.",
                    "Chronic or long‑standing health challenges.",
                    "Lower sexual satisfaction if stressed.",
                    "Unexpected accidents if not careful."
                ]
            },
            "49": {
                status: "Neutral Combination",
                points: [
                    "Can think like a strategist; if misused, criminal‑type mind.",
                    "Hard‑working and persistent.",
                    "Suitable for uniform or risk‑taking work (police, sports, army).",
                    "Court‑case situations possible.",
                    "Very resourceful and street‑smart."
                ]
            },
            "94": {
                status: "Neutral Combination",
                points: [
                    "Can think like a strategist; if misused, criminal‑type mind.",
                    "Hard‑working and persistent.",
                    "Suitable for uniform or risk‑taking work (police, sports, army).",
                    "Court‑case situations possible.",
                    "Very resourceful and street‑smart."
                ]
            },
            "56": {
                status: "Neutral Combination",
                points: [
                    "Hesitant to ask for own money.",
                    "Business‑minded and practical.",
                    "May cheat in love or feel tempted in relationships.",
                    "Very shy at heart despite outer confidence."
                ],
                note: "56 is usually considered smoother than 65."
            },
            "65": {
                status: "Neutral Combination",
                points: [
                    "Hesitant to ask for own money.",
                    "Business‑minded and practical.",
                    "May cheat in love or feel tempted in relationships.",
                    "Very shy at heart despite outer confidence."
                ],
                note: "56 is usually considered smoother than 65."
            },
            "57": {
                status: "Good Combination",
                points: [
                    "Good advisor and counselor.",
                    "Strong public relations.",
                    "Expressive communicator.",
                    "Good for astrologers, speakers and writers.",
                    "Many people naturally seek your advice.",
                    "Supports occult and healing fields."
                ]
            },
            "75": {
                status: "Good Combination",
                points: [
                    "Good advisor and counselor.",
                    "Strong public relations.",
                    "Expressive communicator.",
                    "Good for astrologers, speakers and writers.",
                    "Many people naturally seek your advice.",
                    "Supports occult and healing fields."
                ]
            },
            "58": {
                status: "Neutral Combination",
                points: [
                    "Money often gets stuck or delayed.",
                    "Work may be related to finance and big money.",
                    "Very calculative mind; talks in large figures.",
                    "Risk of property or financial loss if impulsive.",
                    "Frequently thinks in terms of lakhs and crores."
                ]
            },
            "85": {
                status: "Neutral Combination",
                points: [
                    "Money often gets stuck or delayed.",
                    "Work may be related to finance and big money.",
                    "Very calculative mind; talks in large figures.",
                    "Risk of property or financial loss if impulsive.",
                    "Frequently thinks in terms of lakhs and crores."
                ]
            },
            "59": {
                status: "Good Combination",
                points: [
                    "Straightforward speech can damage relationships.",
                    "Sharp mind with strong technical knowledge.",
                    "Supports science or commerce streams.",
                    "Specialist energy, good for business or expertise‑driven work."
                ],
                note: "If core or destiny number is 4 or 9, handle this combination with extra care."
            },
            "95": {
                status: "Neutral Combination",
                points: [
                    "Straightforward speech can damage relationships.",
                    "Sharp mind with strong technical knowledge.",
                    "Supports science or commerce streams.",
                    "Specialist energy, good for business or expertise‑driven work."
                ],
                note: "If core or destiny number is 4 or 9, handle this combination with extra care."
            },
            "67": {
                status: "Neutral Combination",
                points: [
                    "Disputes in husband–wife relationships if emotionally reactive.",
                    "Issues around love messages or communication.",
                    "Spouse health may need attention.",
                    "Strong love for music.",
                    "Happiness from children may feel delayed or different than expected."
                ]
            },
            "76": {
                status: "Neutral Combination",
                points: [
                    "Disputes in husband–wife relationships if emotionally reactive.",
                    "Issues around love messages or communication.",
                    "Spouse health may need attention.",
                    "Strong love for music.",
                    "Happiness from children may feel delayed or different than expected."
                ]
            },
            "68": {
                status: "Negative Combination",
                points: [
                    "Eye‑related issues; in some charts, risk of major surgery.",
                    "Any organ in the body can go through a strong health lesson.",
                    "Higher chances of operations between head and stomach.",
                    "Good for surgeons, doctors or hospital‑related work when used positively."
                ],
                note: "If there are multiple 1s in date of birth, long‑term struggle phases may appear."
            },
            "86": {
                status: "Negative Combination",
                points: [
                    "Eye‑related issues; in some charts, risk of major surgery.",
                    "Any organ in the body can go through a strong health lesson.",
                    "Higher chances of operations between head and stomach.",
                    "Good for surgeons, doctors or hospital‑related work when used positively."
                ],
                note: "If there are multiple 1s in date of birth, long‑term struggle phases may appear."
            },
            "69": {
                status: "Good Combination",
                points: [
                    "Excellent planner and organizer.",
                    "Good for event management and team coordination.",
                    "Works well with opposite gender in teams.",
                    "Supports chances of love marriage if other factors agree."
                ]
            },
            "96": {
                status: "Good Combination",
                points: [
                    "Excellent planner and organizer.",
                    "Good for event management and team coordination.",
                    "Works well with opposite gender in teams.",
                    "Supports chances of love marriage if other factors agree."
                ]
            },
            "78": {
                status: "Good Combination",
                points: [
                    "Idealistic and deep‑thinking.",
                    "Good for healers, doctors and Reiki or energy workers.",
                    "Strong ability to solve problems independently."
                ],
                note: "If too many 7s are present, relationship issues may appear."
            },
            "87": {
                status: "Neutral Combination",
                points: [
                    "Idealistic and deep‑thinking.",
                    "Good for healers, doctors and energy work.",
                    "Strong ability to solve problems independently."
                ],
                note: "If too many 7s are present, relationship issues may appear."
            },
            "11": {
                status: "Good Combination",
                points: [
                    "Excellent communication.",
                    "Authentic in conversation.",
                    "Innovative thinking.",
                    "Can clearly convey ideas.",
                    "Good confidence and leadership for new projects."
                ]
            },
            "111": {
                status: "Neutral Combination",
                points: [
                    "Very strong ego and self‑focus.",
                    "High attitude and dominance.",
                    "Powerful communicator who needs emotional awareness."
                ]
            },
            "22": {
                status: "Neutral Combination",
                points: [
                    "Frequent mood swings.",
                    "Highly creative and artistic.",
                    "Sensitive and emotional, deeply cares for family."
                ]
            },
            "222": {
                status: "Negative Combination",
                points: [
                    "Heavy emotional load and high mood swings.",
                    "Prone to low mood or depression if unsupported.",
                    "Overly emotional nature.",
                    "Can experience low blood pressure or energy dips."
                ]
            },
            "33": {
                status: "Good Combination",
                points: [
                    "Strong for education and learning.",
                    "Good storyteller or content creator.",
                    "Creative and curious by nature."
                ]
            },
            "333": {
                status: "Neutral Combination",
                points: [
                    "Very hungry for knowledge.",
                    "Overthinking and mental loops.",
                    "Deep thinking and analysis.",
                    "Trust issues if hurt."
                ]
            },
            "44": {
                status: "Negative Combination",
                points: [
                    "Legal issues or disputes if careless.",
                    "Debts and financial burdens.",
                    "Creates pressure, pain and gastric troubles."
                ]
            },
            "444": {
                status: "Negative Combination",
                points: [
                    "Long struggle phase.",
                    "Headaches and joint pain.",
                    "Overall health may feel heavy or blocked."
                ]
            },
            "55": {
                status: "Good Combination",
                points: [
                    "Strong communication and networking.",
                    "Adventurous and loves new experiences.",
                    "Natural salesperson and connector."
                ]
            },
            "79": {
                status: "Neutral Combination",
                points: [
                    "Success often comes after separation or distance from father figure.",
                    "Ups and downs in job or business.",
                    "Strong attraction from opposite gender.",
                    "Blood, kidney or joint issues may need attention later."
                ]
            },
            "97": {
                status: "Neutral Combination",
                points: [
                    "Success often comes after separation or distance from father figure.",
                    "Ups and downs in job or business.",
                    "Strong attraction from opposite gender.",
                    "Blood, kidney or joint issues may need attention later."
                ]
            },
            "89": {
                status: "Neutral Combination",
                points: [
                    "Aggressive and short‑tempered if triggered.",
                    "Arguments with brothers or peers.",
                    "Tests personal principles and discipline.",
                    "Chronic issues in later life if health is ignored.",
                    "High blood pressure or sugar risks.",
                    "Good for business, stock markets and legal fields when focused."
                ]
            },
            "98": {
                status: "Neutral Combination",
                points: [
                    "Aggressive and short‑tempered if triggered.",
                    "Arguments with brothers or peers.",
                    "Tests personal principles and discipline.",
                    "Chronic issues in later life if health is ignored.",
                    "High blood pressure or sugar risks.",
                    "Good for business, stock markets and legal fields when focused."
                ]
            }
        };

        // 7th digit significance data
        const seventhDigitSignificance = {
            "1": {
                title: "Warm, giving communicator",
                description: "Keeps promises, speaks from the heart and tends to give more than they take. Soft‑spoken yet clear, people feel emotionally connected when you answer calls."
            },
            "2": {
                title: "Soft, sensitive listener",
                description: "Gentle tone and emotionally aware. You listen deeply, speak softly and make others feel safe sharing their feelings and ideas."
            },
            "3": {
                title: "Knowledge‑sharing voice",
                description: "Loves to share information, stories and ideas. Double‑checks facts, thinks broadly and often helps others see the bigger picture."
            },
            "4": {
                title: "Direct and to‑the‑point",
                description: "Gives straight answers with little extra emotion. May cut calls quickly or keep conversations very focused and efficient."
            },
            "5": {
                title: "Natural marketer",
                description: "Flexible in speech, understands situations quickly and adjusts language well. Very good for networking, sales and promotional conversations."
            },
            "6": {
                title: "Talkative and caring",
                description: "Talks a lot, especially about family and close people. Sometimes the talk is less productive, so discipline in speech gives the best results."
            },
            "7": {
                title: "Intuitive and spiritual tone",
                description: "Carries a mystical or thoughtful energy. Good for spiritual guidance, healing or occult‑related work, including clients from distant places."
            },
            "8": {
                title: "Practical and honest",
                description: "Straight, practical and honest speech. Does not like lies or sugar‑coating; known for speaking truth even when it is uncomfortable."
            },
            "9": {
                title: "Energetic and intense",
                description: "High energy and passion in voice. People feel your drive, enthusiasm and sometimes impatience when you speak."
            },
            "0": {
                title: "Reset and emptiness tone",
                description: "Zero can add a sense of pause or emptiness. Used wisely, it brings neutrality, but too much zero near this position can make communication feel flat."
            }
        };

        // Prediction data for single-digit core reading (1–9)
        // Profession, remedies and auspicious elements are intentionally removed.
        const predictionData = {
            1: {
                planet: "Sun",
                description: "Number 1 represents leadership, confidence, individuality and originality. People with this vibration are ambitious, decisive and strongly focused on their goals.",
                health: "Pay extra attention to heart, blood pressure, spine and eyes, as these areas can be sensitive when stress is high."
            },
            2: {
                planet: "Moon",
                description: "Number 2 stands for support, sensitivity, diplomacy and emotional balance. Such people are peace‑loving, cooperative and deeply intuitive.",
                health: "Stomach, digestion, chest, lungs and emotional well‑being need care. Emotional balance has a strong impact on physical health."
            },
            3: {
                planet: "Jupiter",
                description: "Number 3 indicates creativity, expression, optimism and social connection. These people are often artistic, friendly and good communicators.",
                health: "Liver, blood and skin can be key focus areas. Avoid excessive oily or spicy food and maintain a disciplined lifestyle."
            },
            4: {
                planet: "Rahu (North Node)",
                description: "Number 4 is linked to stability, hard work, discipline and practical organization. These individuals are reliable, systematic and detail‑oriented.",
                health: "Watch mental stress, bones and breathing system. Sudden or unexpected health issues can appear if routine is ignored."
            },
            5: {
                planet: "Mercury",
                description: "Number 5 reflects freedom, movement, curiosity and versatility. These people adapt quickly, enjoy change and love exploring new ideas.",
                health: "Nervous system, throat, shoulders and overall mental balance are important. Too much screen time or overthinking can disturb health."
            },
            6: {
                planet: "Venus",
                description: "Number 6 symbolizes responsibility, family, harmony and care. Such people are nurturing, supportive and often create a warm environment around them.",
                health: "Reproductive organs, kidneys, throat and hormonal balance need attention. Balanced lifestyle and moderation in enjoyment are important."
            },
            7: {
                planet: "Ketu (South Node)",
                description: "Number 7 is associated with spirituality, research, analysis and intuition. These people think deeply, enjoy learning hidden truths and value inner growth.",
                health: "Skin, digestion, feet and immunity can be sensitive. Unknown or hard‑to‑diagnose issues may appear, so regular check‑ups help."
            },
            8: {
                planet: "Saturn",
                description: "Number 8 represents power, structure, discipline and material results. Such people are serious, hardworking and focused on long‑term success.",
                health: "Bones, teeth, knees and chronic or long‑lasting conditions require attention. Discipline in diet, sleep and exercise is crucial.",
            },
            9: {
                planet: "Mars",
                description: "Number 9 shows courage, passion, humanitarian nature and strong emotions. These people are energetic, action‑oriented and often drawn to helping others.",
                health: "Head, blood, muscles and risk of accidents or injuries should be watched. Channeling energy into positive action is very important."
            }
        };

        // ---------- 2. HELPER FUNCTIONS ----------

        // Get status text (Good / Challenging / Neutral) + styling class and icon
        function getStatusInfo(status) {
            const s = (status || "").toLowerCase();
            if (s.includes("good")) {
                return {
                    label: "Good",
                    class: "good-gradient",
                    icon: "fa-check-circle"
                };
            }
            if (s.includes("bad") || s.includes("negative") || s.includes("challenging")) {
                return {
                    label: "Challenging",
                    class: "bad-gradient",
                    icon: "fa-exclamation-circle"
                };
            }
            return {
                label: "Neutral",
                class: "neutral-gradient",
                icon: "fa-minus-circle"
            };
        }

        // For pair status (like "12", "45")
        function getNumberStatus(num) {
            const sNum = num.toString();
            if (specificRules[sNum]) return specificRules[sNum];
            return "Neutral";
        }

        // For total 10-digit sum
        function getTotalSumStatus(num) {
            const iNum = parseInt(num, 10);
            if (listGoodTotalSum.includes(iNum)) return "Good";
            return "Bad";
        }

        // For last 4-digit sum (and its single-digit reduction)
        function getLast4SumStatus(num) {
            const iNum = parseInt(num, 10);
            if (listGood.includes(iNum)) return "Good";
            return "Bad";
        }

        // Reduce any number to a single digit
        function reduceToSingle(num) {
            let n = parseInt(num, 10);
            while (n > 9) {
                let sum = 0;
                while (n > 0) {
                    sum += n % 10;
                    n = Math.floor(n / 10);
                }
                n = sum;
            }
            return n;
        }

        // 7th digit significance
        function getSeventhDigitSignificance(mobileNumber) {
            if (mobileNumber.length < 7) return null;
            const seventhDigit = mobileNumber[6];
            return {
                digit: seventhDigit,
                significance: seventhDigitSignificance[seventhDigit] || null
            };
        }

        // Modal controls
        function openModal(title, content) {
            document.getElementById("modalTitle").innerText = title;
            document.getElementById("modalContent").innerHTML = content;
            document.getElementById("detailModal").style.display = "flex";
        }

        function closeModal() {
            document.getElementById("detailModal").style.display = "none";
        }

        // Format detailed prediction content for modal
        function formatDetailedPrediction(combination) {
            const data = detailedPredictions[combination];
            if (!data) {
                return "<p>No detailed information is configured for this combination yet.</p>";
            }

            const info = getStatusInfo(data.status);

            let html = `
                <div class="mb-4">
                    <span class="inline-block px-3 py-1 rounded-full text-xs font-bold ${info.class}">
                        <i class="fas ${info.icon} mr-1"></i>${info.label} pattern
                    </span>
                </div>
            `;

            if (data.points && data.points.length > 0) {
                html += '<div class="space-y-2 mb-4">';
                data.points.forEach(point => {
                    html += `
                        <div class="detail-point">
                            <i class="fas fa-chevron-right text-indigo-500"></i>
                            <span>${point}</span>
                        </div>
                    `;
                });
                html += "</div>";
            }

            if (data.note) {
                html += `
                    <div class="mt-4 p-3 bg-yellow-50 border-l-4 border-yellow-400 text-yellow-800 text-sm">
                        <p class="font-semibold mb-1">Important note:</p>
                        <p>${data.note}</p>
                    </div>
                `;
            }

            return html;
        }

        // Generate Lo Shu Grid
        function generateLoShuGrid(mobileNumber) {
            const gridContainer = document.getElementById("loShuGridContainer");
            gridContainer.innerHTML = "";

            const counts = {};
            for (let i = 1; i <= 9; i++) {
                counts[i] = 0;
            }
            for (const char of mobileNumber) {
                const num = parseInt(char, 10);
                if (num >= 1 && num <= 9) {
                    counts[num]++;
                }
            }

            const loShuLayout = [4, 9, 2, 3, 5, 7, 8, 1, 6];

            loShuLayout.forEach(number => {
                const count = counts[number];
                const cell = document.createElement("div");
                cell.className = "lo-shu-cell";

                if (count > 0) {
                    cell.innerText = number.toString().repeat(count);
                } else {
                    cell.innerText = "-";
                    cell.classList.add("absent");
                }
                gridContainer.appendChild(cell);
            });
        }

        // Handle multiple zeros in the number
        function handleZeroCombination(mobileNumber) {
            const zeroSection = document.getElementById("zeroCombinationSection");
            const zeroCount = (mobileNumber.match(/0/g) || []).length;

            if (zeroCount === 2 || zeroCount === 3) {
                zeroSection.classList.remove("hidden");
                const zeroStr = "0".repeat(zeroCount);
                document.getElementById("zeroCombinationTitle").innerText =
                    `Zero pattern: ${zeroStr}`;
                document.getElementById("zeroCombinationMessage").innerText =
                    "Multiple zeros can point to repeated financial resets, cycles of stopping and starting again, and feeling like life returns to zero after progress.";
            } else {
                zeroSection.classList.add("hidden");
            }
        }

        // Zero modal
        function showZeroModal() {
            const title = "00 / 000 – Zero pattern insight";
            const content = `
                <div class="space-y-4">
                    <p class="font-semibold text-base text-red-700">
                        Why multiple zeros are considered challenging
                    </p>
                    <p>
                        When 0 appears repeatedly in a mobile number it often shows cycles of
                        starting from scratch, sudden pauses in growth and situations where
                        past efforts do not give the expected result.
                    </p>
                    <p class="text-sm text-gray-600">
                        This does not mean failure is guaranteed, but it suggests you may need
                        extra planning and discipline around money, savings and long‑term
                        commitments so that you do not feel you are “back to zero” again and again.
                    </p>
                </div>
            `;
            openModal(title, content);
        }

        // ---------- 3. MAIN EXECUTION ----------

        function calculateNumerology() {
            const inputEl = document.getElementById("mobileInput");
            const inputRaw = (inputEl.value || "").trim();

            if (!/^\d{10}$/.test(inputRaw)) {
                alert("Please enter a valid 10-digit mobile number.");
                return;
            }

            const mobileNumber = inputRaw;

            // Lo Shu Grid & Zero combination
            generateLoShuGrid(mobileNumber);
            handleZeroCombination(mobileNumber);

            // 7th digit significance
            const seventhDigitInfo = getSeventhDigitSignificance(mobileNumber);
            if (seventhDigitInfo && seventhDigitInfo.significance) {
                document.getElementById("seventhDigitDisplay").innerText = seventhDigitInfo.digit;
                document.getElementById("seventhDigitTitle").innerText =
                    seventhDigitInfo.significance.title;
                document.getElementById("seventhDigitDescription").innerText =
                    seventhDigitInfo.significance.description;
                document.getElementById("seventhDigitSection").classList.remove("hidden");
            } else {
                document.getElementById("seventhDigitSection").classList.add("hidden");
            }

            // A) Pairs (ignoring zeros)
            const segmentsContainer = document.getElementById("segmentsContainer");
            segmentsContainer.innerHTML = "";
            const cleanInput = mobileNumber.replace(/0/g, "");
            if (cleanInput.length < 2) {
                segmentsContainer.innerHTML =
                    '<div class="col-span-full text-center text-gray-500 text-sm italic">Not enough non-zero digits to form meaningful pairs.</div>';
            } else {
                for (let i = 0; i < cleanInput.length - 1; i++) {
                    const pair = cleanInput.substring(i, i + 2);
                    const status = getNumberStatus(pair);
                    const styleInfo = getStatusInfo(status);

                    const div = document.createElement("div");
                    div.className =
                        "status-badge rounded-xl p-4 text-center border shadow-sm " +
                        styleInfo.class +
                        " cursor-pointer";

                    div.onclick = () =>
                        openModal(
                            `Pair: ${pair} (${status})`,
                            formatDetailedPrediction(pair)
                        );

                    div.innerHTML = `
                        <div class="text-3xl font-extrabold mb-1 tracking-tight">${pair}</div>
                        <div class="text-xs uppercase font-bold tracking-wider flex items-center justify-center gap-1">
                            <i class="fas ${styleInfo.icon}"></i>
                            <span>${styleInfo.label}</span>
                        </div>
                    `;
                    segmentsContainer.appendChild(div);
                }
            }

            // B) Repetition (2× or 3× of same digit, excluding 0)
            const repetitionContainer = document.getElementById("repetitionContainer");
            repetitionContainer.innerHTML = "";
            const counts = {};
            for (const char of mobileNumber) {
                if (char === "0") continue;
                counts[char] = (counts[char] || 0) + 1;
            }

            let foundRepetition = false;
            for (let digit = 1; digit <= 9; digit++) {
                const sDigit = digit.toString();
                const count = counts[sDigit];
                if (count === 2 || count === 3) {
                    foundRepetition = true;
                    const resultText = repetitionRules[digit] && repetitionRules[digit][count]
                        ? repetitionRules[digit][count]
                        : "Neutral Combination";
                    const displayStr = sDigit.repeat(count);
                    const styleInfo = getStatusInfo(resultText);

                    let details = "";
                    if (
                        repetitionRules[digit] &&
                        repetitionRules[digit].details &&
                        repetitionRules[digit].details[count]
                    ) {
                        details = repetitionRules[digit].details[count];
                    }

                    const div = document.createElement("div");
                    div.className =
                        "status-badge rounded-xl p-4 flex items-center justify-between border shadow-sm " +
                        styleInfo.class +
                        " cursor-pointer";

                    const repetitionCode = count === 2 ? sDigit + sDigit : sDigit + sDigit + sDigit;

                    div.onclick = () => {
                        if (detailedPredictions[repetitionCode]) {
                            openModal(
                                `Sequence: ${displayStr} (${resultText})`,
                                formatDetailedPrediction(repetitionCode)
                            );
                        } else if (details) {
                            const html =
                                '<div class="space-y-2">' +
                                details
                                    .split(",")
                                    .map(
                                        point => `
                                        <div class="detail-point">
                                            <i class="fas fa-chevron-right text-indigo-500"></i>
                                            <span>${point.trim()}</span>
                                        </div>`
                                    )
                                    .join("") +
                                "</div>";
                            openModal(
                                `Sequence: ${displayStr} (${resultText})`,
                                html
                            );
                        }
                    };

                    div.innerHTML = `
                        <div class="text-3xl font-extrabold tracking-widest">${displayStr}</div>
                        <div class="text-right">
                            <div class="text-xs uppercase font-bold tracking-wider">
                                <i class="fas ${styleInfo.icon} mr-1"></i>${styleInfo.label}
                            </div>
                            <div class="text-[11px] opacity-75 mt-1">Repetition pattern</div>
                        </div>
                    `;
                    repetitionContainer.appendChild(div);
                }
            }

            if (!foundRepetition) {
                repetitionContainer.innerHTML =
                    '<div class="col-span-full text-center text-gray-500 text-sm italic">No digit in your number appears exactly 2 or 3 times.</div>';
            }

            // C) Compound sums

            // Total sum
            let totalSum = 0;
            for (const ch of mobileNumber) {
                totalSum += parseInt(ch, 10);
            }
            const totalStatus = getTotalSumStatus(totalSum);
            const totalStyle = getStatusInfo(totalStatus);
            document.getElementById("totalSumDisplay").innerText = totalSum.toString();
            const tsBadge = document.getElementById("totalSumBadge");
            tsBadge.innerHTML = `<i class="fas ${totalStyle.icon} mr-1"></i>${totalStyle.label}`;
            tsBadge.className =
                "px-4 py-2 rounded-full text-sm font-bold shadow-sm border " +
                totalStyle.class;

            // Last 4 digits sum
            const last4Str = mobileNumber.substring(6, 10);
            let last4Sum = 0;
            for (const ch of last4Str) {
                last4Sum += parseInt(ch, 10);
            }
            const last4Status = getLast4SumStatus(last4Sum);
            const last4Style = getStatusInfo(last4Status);
            document.getElementById("last4SumDisplay").innerText = last4Sum.toString();
            const l4Badge = document.getElementById("last4SumBadge");
            l4Badge.innerHTML = `<i class="fas ${last4Style.icon} mr-1"></i>${last4Style.label}`;
            l4Badge.className =
                "px-4 py-2 rounded-full text-sm font-bold shadow-sm border " +
                last4Style.class;

            // Single digit of last 4 sum
            const last4SingleDigit = reduceToSingle(last4Sum);
            const last4SingleStatus = getLast4SumStatus(last4SingleDigit);
            const last4SingleStyle = getStatusInfo(last4SingleStatus);
            document.getElementById("last4SingleDigitDisplay").innerText =
                last4SingleDigit.toString();
            const l4SingleBadge = document.getElementById("last4SingleDigitBadge");
            l4SingleBadge.innerHTML =
                `<i class="fas ${last4SingleStyle.icon} mr-1"></i>${last4SingleStyle.label}`;
            l4SingleBadge.className =
                "px-4 py-2 rounded-full text-sm font-bold shadow-sm border " +
                last4SingleStyle.class;

            if (listGood.includes(last4SingleDigit)) {
                l4SingleBadge.classList.add("special-highlight");
            } else {
                l4SingleBadge.classList.remove("special-highlight");
            }

            // D) Single digit prediction from total sum
            const singleDigit = reduceToSingle(totalSum);
            const data = predictionData[singleDigit];

            if (data) {
                document.getElementById("singleDigitDisplay").innerText =
                    singleDigit.toString();
                document.getElementById("planetDisplay").innerText =
                    `Planet influence: ${data.planet}`;
                document.getElementById("mainDescription").innerText = data.description;
                document.getElementById("healthText").innerText = data.health;
            } else {
                document.getElementById("singleDigitDisplay").innerText =
                    singleDigit.toString();
                document.getElementById("planetDisplay").innerText =
                    "No data configured for this digit.";
                document.getElementById("mainDescription").innerText = "";
                document.getElementById("healthText").innerText = "";
            }

            // Show results
            const results = document.getElementById("results");
            results.classList.remove("hidden");
            results.scrollIntoView({ behavior: "smooth" });
        }

        // Close modal when clicking outside
        window.onclick = function (event) {
            const modal = document.getElementById("detailModal");
            if (event.target === modal) {
                closeModal();
            }
        };
    </script>
</body>
</html>

        <!DOCTYPE html>
<html lang="ne">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title>Vastu & Land Compass Pro (Light)</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&family=Mukta:wght@300;400;600;700&display=swap" rel="stylesheet">
    <style>
        :root {
            /* Light Theme Colors */
            --primary-color: #4f46e5; /* Indigo */
            --secondary-color: #818cf8;
            --bg-gradient: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
            --card-bg: #ffffff;
            --text-main: #1f2937;
            --text-muted: #6b7280;
            --border-color: #e5e7eb;
            
            /* Status Colors */
            --success-bg: #dcfce7;
            --success-text: #166534;
            --warning-bg: #fef9c3;
            --warning-text: #854d0e;
            --danger-bg: #fee2e2;
            --danger-text: #991b1b;

            /* Shadows */
            --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
            --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
            --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
        }

        * { margin: 0; padding: 0; box-sizing: border-box; -webkit-tap-highlight-color: transparent; }

        body {
            font-family: 'Poppins', 'Mukta', sans-serif;
            background: var(--bg-gradient);
            color: var(--text-main);
            min-height: 100vh;
            padding-bottom: 100px; /* Space for sticky footer */
        }

        /* 1200px Container */
        .container { 
            max-width: 1200px; 
            margin: 0 auto; 
            padding: 20px; 
        }

        /* --- Header --- */
        .app-header {
            display: flex; justify-content: space-between; align-items: center;
            padding: 20px 0; margin-bottom: 30px;
        }
        
        .logo h1 {
            font-size: 1.8rem; color: var(--primary-color); font-weight: 800;
            letter-spacing: -0.5px;
        }
        .logo span { 
            color: var(--text-muted); font-weight: 500; font-size: 0.95rem; display: block; 
        }

        .lang-switch {
            background: white; 
            padding: 5px; border-radius: 30px; display: flex;
            box-shadow: var(--shadow-sm);
            border: 1px solid var(--border-color);
        }
        .lang-btn {
            padding: 8px 20px; border-radius: 25px; cursor: pointer;
            color: var(--text-muted); font-size: 0.9rem; font-weight: 600; transition: 0.3s;
        }
        .lang-btn.active { 
            background: var(--primary-color); color: white; box-shadow: var(--shadow-md); 
        }

        /* --- Cards (Light Mode) --- */
        .light-card {
            background: var(--card-bg);
            border-radius: 24px;
            padding: 30px;
            margin-bottom: 30px;
            box-shadow: var(--shadow-lg);
            border: 1px solid white;
        }

        .section-title {
            font-size: 1.4rem; font-weight: 700; color: var(--primary-color);
            margin-bottom: 25px; display: flex; align-items: center; gap: 12px;
            border-bottom: 2px solid #f3f4f6; padding-bottom: 15px;
        }

        /* --- 3D Compass (Light Version) --- */
        .compass-wrapper {
            position: relative; width: 300px; height: 300px; margin: 20px auto;
            background: #f8fafc; /* Light background */
            border-radius: 50%;
            border: 10px solid #ffffff;
            box-shadow: 
                20px 20px 60px #d1d5db, 
                -20px -20px 60px #ffffff;
        }

        .compass-dial {
            width: 100%; height: 100%; position: relative;
            transition: transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
            background: radial-gradient(circle at center, #ffffff 60%, #e2e8f0 100%);
            border-radius: 50%;
        }

        .compass-point {
            position: absolute; font-weight: 700; color: var(--text-muted); font-size: 1rem;
        }
        .cp-n { top: 15px; left: 50%; transform: translateX(-50%); color: #ef4444; font-size: 1.8rem; } /* Red North */
        .cp-s { bottom: 15px; left: 50%; transform: translateX(-50%); color: var(--text-main); }
        .cp-e { right: 20px; top: 50%; transform: translateY(-50%); color: var(--text-main); }
        .cp-w { left: 20px; top: 50%; transform: translateY(-50%); color: var(--text-main); }

        /* Needle */
        .compass-needle {
            position: absolute; top: 50%; left: 50%;
            width: 8px; height: 180px;
            /* Red tip for North, Dark Grey for South */
            background: linear-gradient(to bottom, #ef4444 50%, #4b5563 50%);
            transform: translate(-50%, -50%);
            border-radius: 4px; z-index: 10;
            box-shadow: 0 4px 6px rgba(0,0,0,0.2);
        }
        .compass-center {
            position: absolute; top: 50%; left: 50%; width: 20px; height: 20px;
            background: #e5e7eb; border-radius: 50%; transform: translate(-50%, -50%);
            z-index: 11; border: 4px solid #ffffff; box-shadow: var(--shadow-sm);
        }

        .compass-btn {
            background: var(--primary-color); color: white; border: none;
            padding: 14px 35px; border-radius: 50px; font-weight: 600;
            font-size: 1rem; cursor: pointer; margin-top: 20px;
            box-shadow: 0 10px 20px rgba(79, 70, 229, 0.3);
            transition: transform 0.2s; display: block; margin: 25px auto 0;
        }
        .compass-btn:active { transform: scale(0.95); }

        /* --- Land Testing Grid --- */
        .land-grid {
            display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 25px;
        }
        .land-card {
            background: white; padding: 25px; border-radius: 20px;
            border: 1px solid var(--border-color); 
            transition: transform 0.3s, box-shadow 0.3s;
        }
        .land-card:hover { transform: translateY(-5px); box-shadow: var(--shadow-lg); }
        
        .land-icon {
            width: 60px; height: 60px; border-radius: 15px;
            display: flex; align-items: center; justify-content: center;
            font-size: 1.8rem; margin-bottom: 15px;
            background: #f3f4f6; color: var(--primary-color);
        }
        
        /* Specific Card Colors */
        .land-card.bad .land-icon { background: var(--danger-bg); color: var(--danger-text); }
        .land-card.good .land-icon { background: var(--success-bg); color: var(--success-text); }
        .land-card.avg .land-icon { background: var(--warning-bg); color: var(--warning-text); }

        .land-title { font-weight: 700; margin-bottom: 8px; font-size: 1.2rem; color: var(--text-main); }
        .land-tag {
            display: inline-block; padding: 4px 12px; border-radius: 20px;
            font-size: 0.75rem; font-weight: 700; text-transform: uppercase; margin-bottom: 12px;
        }
        .tag-best { background: var(--success-bg); color: var(--success-text); }
        .tag-good { background: var(--warning-bg); color: var(--warning-text); }
        .tag-bad { background: var(--danger-bg); color: var(--danger-text); }

        /* --- Calculator --- */
        .room-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 25px; }
        
        .room-item {
            background: #f9fafb; border-radius: 16px; padding: 20px;
            border: 1px solid var(--border-color);
        }
        .room-header {
            display: flex; align-items: center; gap: 12px; margin-bottom: 15px;
            color: var(--primary-color); font-weight: 700; font-size: 1.1rem;
        }
        
        .direction-chips {
            display: flex; flex-wrap: wrap; gap: 10px;
        }
        .d-chip {
            padding: 8px 14px; border-radius: 10px; border: 1px solid #e5e7eb;
            font-size: 0.9rem; cursor: pointer; transition: 0.2s;
            background: white; color: var(--text-muted); font-weight: 500;
        }
        .d-chip:hover { border-color: var(--primary-color); color: var(--primary-color); }
        .d-chip.selected {
            background: var(--primary-color); color: white; border-color: var(--primary-color);
            box-shadow: 0 4px 6px rgba(79, 70, 229, 0.2);
        }
        .d-chip input { display: none; }

        /* --- Sticky Score Footer (Light Mode) --- */
        .score-sticky {
            position: fixed; bottom: 30px; left: 50%; transform: translateX(-50%);
            width: 90%; max-width: 800px;
            background: rgba(255, 255, 255, 0.9); backdrop-filter: blur(12px);
            border: 1px solid white;
            padding: 15px 30px; border-radius: 60px;
            display: flex; justify-content: space-between; align-items: center;
            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
            z-index: 100;
        }
        .score-val { font-size: 1.8rem; font-weight: 800; color: var(--primary-color); }
        .score-label { font-size: 0.85rem; color: var(--text-muted); font-weight: 600; text-transform: uppercase; letter-spacing: 1px; }
        .score-badge {
            padding: 8px 20px; border-radius: 30px; font-size: 0.95rem; font-weight: 700;
            background: #f3f4f6; color: var(--text-main);
        }

        /* --- Shloka Box --- */
        .shloka-box {
            background: #fffbeb;
            border-left: 5px solid #f59e0b; padding: 25px; border-radius: 12px;
            margin-bottom: 30px; color: #92400e;
        }

        @media (max-width: 600px) {
            .compass-wrapper { width: 260px; height: 260px; }
            .score-sticky { width: 95%; padding: 15px 20px; bottom: 15px; }
            .section-title { font-size: 1.2rem; }
        }
    </style>
</head>
<body>

    <div class="container">
        <!-- Header -->
        <header class="app-header">
            <div class="logo">
                <h1>VastuPro <i class="fas fa-compass"></i></h1>
                <span data-ne="वास्तु तथा भूमि परीक्षण" data-en="Vastu & Land Analysis">वास्तु तथा भूमि परीक्षण</span>
            </div>
            <div class="lang-switch">
                <div class="lang-btn active" onclick="changeLanguage('ne')">नेपाली</div>
                <div class="lang-btn" onclick="changeLanguage('en')">EN</div>
            </div>
        </header>

        <!-- Compass Section -->
        <div class="light-card">
            <div class="section-title">
                <i class="fas fa-location-arrow"></i> 
                <span data-ne="डिजिटल कम्पास" data-en="Digital Compass">डिजिटल कम्पास</span>
            </div>
            
            <div class="compass-wrapper">
                <div class="compass-dial" id="compassDial">
                    <div class="compass-point cp-n">N</div>
                    <div class="compass-point cp-e">E</div>
                    <div class="compass-point cp-s">S</div>
                    <div class="compass-point cp-w">W</div>
                    <!-- Sub points -->
                    <div class="compass-point" style="top: 18%; right: 18%; font-size: 0.8rem; color: #9ca3af;">NE</div>
                    <div class="compass-point" style="bottom: 18%; right: 18%; font-size: 0.8rem; color: #9ca3af;">SE</div>
                    <div class="compass-point" style="bottom: 18%; left: 18%; font-size: 0.8rem; color: #9ca3af;">SW</div>
                    <div class="compass-point" style="top: 18%; left: 18%; font-size: 0.8rem; color: #9ca3af;">NW</div>
                </div>
                <div class="compass-needle"></div>
                <div class="compass-center"></div>
            </div>
            
            <div style="text-align: center; margin-top: 15px;">
                <div id="compassOutput" style="font-size: 1.8rem; font-weight: 800; color: var(--text-main);">0° N</div>
                <p style="font-size: 0.9rem; color: var(--text-muted);" data-ne="मोबाइललाई समतल राख्नुहोस्" data-en="Keep device flat">मोबाइललाई समतल राख्नुहोस्</p>
            </div>

            <button class="compass-btn" onclick="startCompass()">
                <i class="fas fa-power-off"></i> <span data-ne="कम्पास सुचारु गर्नुहोस्" data-en="Start Compass">कम्पास सुचारु गर्नुहोस्</span>
            </button>
        </div>

        <!-- Land Testing Section -->
        <div class="light-card">
            <div class="section-title">
                <i class="fas fa-layer-group"></i>
                <span data-ne="भूमि परीक्षण (मयामतम्)" data-en="Land Analysis (Mayamatam)">भूमि परीक्षण (मयामतम्)</span>
            </div>

            <div class="shloka-box">
                <div style="font-family: 'Mukta', serif; font-weight: 700; font-size: 1.1rem; margin-bottom: 10px;">
                    "भूमिर्मृदुला तरुण्या स्थिरा गर्भसंहिता ।<br>समृद्धिभव तत्रैव गृहे वास्तुप्रकल्पिता ॥"
                </div>
                <small style="font-size: 0.95rem;" data-ne="अर्थ: नरम, नयाँ, स्थिर र उर्वर भूमिमा बनेको घरले समृद्धि ल्याउँछ।" data-en="Meaning: A house built on soft, new, stable, and fertile land brings prosperity.">
                    अर्थ: नरम, नयाँ, स्थिर र उर्वर भूमिमा बनेको घरले समृद्धि ल्याउँछ।
                </small>
            </div>

            <div class="land-grid">
                <!-- Brahmin -->
                <div class="land-card good">
                    <div class="land-icon"><i class="fas fa-om"></i></div>
                    <div class="land-tag tag-best" data-ne="सर्वोत्तम" data-en="Excellent">सर्वोत्तम</div>
                    <div class="land-title" data-ne="ब्राह्मण भूमि" data-en="Brahmin Land">ब्राह्मण भूमि</div>
                    <p style="font-size: 0.9rem; color: var(--text-muted); line-height: 1.6;">
                        <span data-ne="रङ: सेतो/पहेंलो" data-en="Color: White/Yellow">रङ: सेतो/पहेंलो</span><br>
                        <span data-ne="गन्ध: घ्यू/दूध" data-en="Smell: Ghee/Milk">गन्ध: घ्यू/दूध</span><br>
                        <span data-ne="फल: सुख, शान्ति" data-en="Result: Peace">फल: सुख, शान्ति</span>
                    </p>
                </div>

                <!-- Kshatriya -->
                <div class="land-card good">
                    <div class="land-icon"><i class="fas fa-shield-alt"></i></div>
                    <div class="land-tag tag-best" data-ne="उत्कृष्ट" data-en="Excellent">उत्कृष्ट</div>
                    <div class="land-title" data-ne="क्षत्रिय भूमि" data-en="Kshatriya Land">क्षत्रिय भूमि</div>
                    <p style="font-size: 0.9rem; color: var(--text-muted); line-height: 1.6;">
                        <span data-ne="रङ: रातो" data-en="Color: Red">रङ: रातो</span><br>
                        <span data-ne="गन्ध: रगत जस्तो" data-en="Smell: Blood-like">गन्ध: रगत जस्तो</span><br>
                        <span data-ne="फल: शक्ति, विजय" data-en="Result: Power">फल: शक्ति, विजय</span>
                    </p>
                </div>

                <!-- Vaishya -->
                <div class="land-card avg">
                    <div class="land-icon"><i class="fas fa-coins"></i></div>
                    <div class="land-tag tag-good" data-ne="मध्यम" data-en="Good">मध्यम</div>
                    <div class="land-title" data-ne="वैश्य भूमि" data-en="Vaishya Land">वैश्य भूमि</div>
                    <p style="font-size: 0.9rem; color: var(--text-muted); line-height: 1.6;">
                        <span data-ne="रङ: हरियो" data-en="Color: Green">रङ: हरियो</span><br>
                        <span data-ne="गन्ध: अन्न/घाँस" data-en="Smell: Grain">गन्ध: अन्न/घाँस</span><br>
                        <span data-ne="फल: धन लाभ" data-en="Result: Wealth">फल: धन लाभ</span>
                    </p>
                </div>

                <!-- Shudra -->
                <div class="land-card bad">
                    <div class="land-icon"><i class="fas fa-ban"></i></div>
                    <div class="land-tag tag-bad" data-ne="अशुभ" data-en="Avoid">अशुभ</div>
                    <div class="land-title" data-ne="शूद्र भूमि" data-en="Shudra Land">शूद्र भूमि</div>
                    <p style="font-size: 0.9rem; color: var(--text-muted); line-height: 1.6;">
                        <span data-ne="रङ: कालो" data-en="Color: Black">रङ: कालो</span><br>
                        <span data-ne="गन्ध: दुर्गन्ध" data-en="Smell: Foul">गन्ध: दुर्गन्ध</span><br>
                        <span data-ne="फल: रोग, दुःख" data-en="Result: Sorrow">फल: रोग, दुःख</span>
                    </p>
                </div>
            </div>
        </div>

        <!-- Calculator Section -->
        <div class="light-card" style="margin-bottom: 80px;">
            <div class="section-title">
                <i class="fas fa-calculator"></i>
                <span data-ne="वास्तु क्यालकुलेटर" data-en="Vastu Calculator">वास्तु क्यालकुलेटर</span>
            </div>
            
            <div class="room-grid" id="roomGrid">
                <!-- JS Generated -->
            </div>
        </div>

    </div>

    <!-- Sticky Score Footer -->
    <div class="score-sticky">
        <div>
            <div class="score-label" data-ne="कुल वास्तु स्कोर" data-en="Total Score">कुल वास्तु स्कोर</div>
            <div class="score-val" id="totalScore">0</div>
        </div>
        <div class="score-badge" id="scoreBadge">
            <span data-ne="परिणाम हेर्नुहोस्" data-en="Check Result">परिणाम हेर्नुहोस्</span>
        </div>
    </div>

    <script>
        // --- DATA ---
        const roomsData = [
            {
                name: { ne: "भान्सा (Kitchen)", en: "Kitchen" },
                icon: "fa-fire",
                scores: { northeast: 0, east: 8, southeast: 10, south: 7, southwest: 0, west: 6, northwest: 9, north: 2 }
            },
            {
                name: { ne: "शौचालय (Toilet)", en: "Toilet" },
                icon: "fa-toilet",
                scores: { northeast: -10, east: 5, southeast: 2, south: 8, southwest: 6, west: 9, northwest: 10, north: 4 }
            },
            {
                name: { ne: "मास्टर बेडरूम", en: "Master Bedroom" },
                icon: "fa-bed",
                scores: { northeast: 0, east: 5, southeast: 4, south: 9, southwest: 10, west: 8, northwest: 1, north: 2 }
            },
            {
                name: { ne: "पूजा कोठा", en: "Pooja Room" },
                icon: "fa-om",
                scores: { northeast: 10, east: 9, southeast: 6, south: 2, southwest: 0, west: 7, northwest: 5, north: 8 }
            },
            {
                name: { ne: "मूल ढोका", en: "Main Entrance" },
                icon: "fa-door-open",
                scores: { northeast: 10, east: 9, southeast: 2, south: 0, southwest: -5, west: 5, northwest: 7, north: 10 }
            },
            {
                name: { ne: "पानी ट्यांकी (भूमिगत)", en: "Water Tank (Under)" },
                icon: "fa-water",
                scores: { northeast: 10, east: 8, southeast: 0, south: 0, southwest: -10, west: 5, northwest: 5, north: 9 }
            },
            {
                name: { ne: "भर्‍याङ (Stairs)", en: "Staircase" },
                icon: "fa-stairs",
                scores: { northeast: 0, east: 2, southeast: 5, south: 8, southwest: 10, west: 9, northwest: 6, north: 2 }
            },
            {
                name: { ne: "सेप्टी ट्यांकी", en: "Septic Tank" },
                icon: "fa-bacteria",
                scores: { northeast: -10, east: 2, southeast: 6, south: 3, southwest: 0, west: 10, northwest: 9, north: 4 }
            },
            {
                name: { ne: "नाली पाइपलाइन", en: "Drainage Pipeline" },
                icon: "fa-faucet",
                scores: { northeast: 0, east: 2, southeast: 1, south: 3, southwest: 0, west: 9, northwest: 10, north: 4 }
            },
            {
                name: { ne: "ग्यारेज कोठा", en: "Garage" },
                icon: "fa-car",
                scores: { northeast: 10, east: 5, southeast: 9, south: 3, southwest: 0, west: 7, northwest: 10, north: 8 }
            },
            {
                name: { ne: "छतको ढलान", en: "Roof Slope" },
                icon: "fa-home",
                scores: { northeast: 10, east: 9, southeast: 2, south: 0, southwest: -10, west: 1, northwest: 7, north: 8 }
            },
            {
                name: { ne: "जग्गा फर्केको दिशा", en: "Land Facing Direction" },
                icon: "fa-compass",
                scores: { northeast: 3, east: 10, southeast: 4, south: 8, southwest: 0, west: 7, northwest: 2, north: 9 }
            }
        ];

        const directionNames = {
            ne: {
                northeast: "ईशान कोण",
                east: "पूर्व",
                southeast: "आग्नेय कोण",
                south: "दक्षिण",
                southwest: "नैऋत्य कोण",
                west: "पश्चिम",
                northwest: "वायव्य कोण",
                north: "उत्तर"
            },
            en: {
                northeast: "Northeast",
                east: "East",
                southeast: "Southeast",
                south: "South",
                southwest: "Southwest",
                west: "West",
                northwest: "Northwest",
                north: "North"
            }
        };

        let currentLang = 'ne';

        // --- COMPASS LOGIC ---
        function startCompass() {
            if (window.DeviceOrientationEvent && typeof window.DeviceOrientationEvent.requestPermission === 'function') {
                window.DeviceOrientationEvent.requestPermission()
                    .then(response => {
                        if (response === 'granted') {
                            window.addEventListener('deviceorientation', handleOrientation);
                            alert(currentLang === 'ne' ? "कम्पास सुरु भयो!" : "Compass Started!");
                        } else {
                            alert("Permission denied.");
                        }
                    })
                    .catch(console.error);
            } else if (window.DeviceOrientationEvent) {
                window.addEventListener('deviceorientation', handleOrientation);
                alert(currentLang === 'ne' ? "कम्पास सुरु भयो!" : "Compass Started!");
            } else {
                alert("Device not supported.");
            }
        }

        function handleOrientation(event) {
            let alpha = event.alpha;
            if(event.webkitCompassHeading) alpha = event.webkitCompassHeading;
            else alpha = 360 - alpha;
            
            const dial = document.getElementById('compassDial');
            const output = document.getElementById('compassOutput');
            
            // Rotate Dial
            dial.style.transform = `rotate(-${alpha}deg)`;
            
            // Update Text
            let dir = "";
            if (alpha >= 337.5 || alpha < 22.5) dir = "N";
            else if (alpha >= 22.5 && alpha < 67.5) dir = "NE";
            else if (alpha >= 67.5 && alpha < 112.5) dir = "E";
            else if (alpha >= 112.5 && alpha < 157.5) dir = "SE";
            else if (alpha >= 157.5 && alpha < 202.5) dir = "S";
            else if (alpha >= 202.5 && alpha < 247.5) dir = "SW";
            else if (alpha >= 247.5 && alpha < 292.5) dir = "W";
            else if (alpha >= 292.5 && alpha < 337.5) dir = "NW";

            output.innerText = `${Math.round(alpha)}° ${dir}`;
        }

        // --- APP LOGIC ---
        function changeLanguage(lang) {
            currentLang = lang;
            document.querySelectorAll('.lang-btn').forEach(b => b.classList.remove('active'));
            document.querySelector(`.lang-btn:nth-child(${lang === 'ne' ? 1 : 2})`).classList.add('active');
            
            document.querySelectorAll('[data-ne]').forEach(el => {
                el.textContent = el.getAttribute(`data-${lang}`);
            });
            generateRoomCards();
            calculateScore();
        }

        function generateRoomCards() {
            const grid = document.getElementById('roomGrid');
            const selections = {};
            document.querySelectorAll('input[type="radio"]:checked').forEach(input => {
                selections[input.name] = input.value;
            });

            grid.innerHTML = '';
            roomsData.forEach((room, index) => {
                const item = document.createElement('div');
                item.className = 'room-item';
                
                let chipsHtml = '';
                for (const [dir, score] of Object.entries(room.scores)) {
                    const dirName = directionNames[currentLang][dir];
                    const isChecked = selections[`room_${index}`] === dir;
                    
                    chipsHtml += `
                        <label class="d-chip ${isChecked ? 'selected' : ''}" onclick="selectChip(this)">
                            <input type="radio" name="room_${index}" value="${dir}" ${isChecked ? 'checked' : ''} onchange="calculateScore()">
                            ${dirName}
                        </label>
                    `;
                }

                item.innerHTML = `
                    <div class="room-header"><i class="fas ${room.icon}"></i> ${room.name[currentLang]}</div>
                    <div class="direction-chips">${chipsHtml}</div>
                `;
                grid.appendChild(item);
            });
        }

        function selectChip(label) {
            const container = label.parentElement;
            container.querySelectorAll('.d-chip').forEach(l => l.classList.remove('selected'));
            label.classList.add('selected');
            label.querySelector('input').click();
        }

        function calculateScore() {
            let total = 0;
            let count = 0;
            roomsData.forEach((room, index) => {
                const selected = document.querySelector(`input[name="room_${index}"]:checked`);
                if (selected) {
                    total += room.scores[selected.value];
                    count++;
                }
            });

            const scoreEl = document.getElementById('totalScore');
            const badgeEl = document.getElementById('scoreBadge');
            
            // Animate Score
            scoreEl.textContent = total;
            
            let verdict = { ne: "परिणाम...", en: "Result..." };
            let color = "#e5e7eb"; // Default grey
            let textColor = "#1f2937";

            if (count > 0) {
                if (total >= count * 8) { 
                    verdict = { ne: "सर्वोत्तम (Excellent)", en: "Excellent" }; 
                    color = "var(--success-bg)"; 
                    textColor = "var(--success-text)";
                } else if (total >= count * 5) { 
                    verdict = { ne: "राम्रो (Good)", en: "Good" }; 
                    color = "var(--success-bg)"; 
                    textColor = "var(--success-text)";
                } else if (total >= 0) { 
                    verdict = { ne: "मध्यम (Average)", en: "Average" }; 
                    color = "var(--warning-bg)"; 
                    textColor = "var(--warning-text)";
                } else { 
                    verdict = { ne: "खराब (Poor)", en: "Poor" }; 
                    color = "var(--danger-bg)"; 
                    textColor = "var(--danger-text)";
                }
            }

            badgeEl.textContent = verdict[currentLang];
            badgeEl.style.background = color;
            badgeEl.style.color = textColor;
        }

        // Init
        document.addEventListener('DOMContentLoaded', () => {
            generateRoomCards();
        });
    </script>
</body>
</html>

Nepal-Astrovision App

Prakash Poudel

सन्तोष ज्योतिष तथा वास्तु परामर्श केन्द्र निरन्तर तपाईको सेवा मा समर्पित .