:root {
–bg-main: #0f0f0f;
–gold: #FFD700;
–silver: #C0C0C0;
–shubh-bg: #1b4d2e;
–shubh-text: #2ecc71;
–ashubh-bg: #4d1b1b;
–ashubh-text: #e74c3c;
–chal-bg: #4d3d1b;
–chal-text: #f1c40f;
–card-bg: #1a1a1a;
}

body {
background-color: var(–bg-main);
color: #e0e0e0;
font-family: ‘Segoe UI’, Roboto, sans-serif;
margin: 0; padding: 0;
}

/* Progress Bar */
#vh-progress { position: fixed; top: 0; z-index: 9999; width: 100%; height: 4px; background: transparent; }
#vh-bar { height: 4px; background: linear-gradient(to right, var(–gold), #fff); width: 0%; }

.main-wrapper { max-width: 850px; margin: auto; padding: 25px; border: 1px solid #333; }

/* Heading Styles */
h1 { color: var(–gold); text-align: center; border-bottom: 2px solid var(–gold); padding-bottom: 10px; font-size: 2.2em; text-shadow: 2px 2px 4px #000; }
h2 { color: var(–gold); border-left: 5px solid var(–gold); padding-left: 15px; margin-top: 30px; }

/* Table of Contents */
.vh-toc { background: #222; border: 1px ridge var(–gold); padding: 20px; border-radius: 10px; margin: 20px 0; }
.vh-toc h4 { margin: 0 0 10px 0; color: var(–gold); text-transform: uppercase; }
.vh-toc a { color: #ddd; text-decoration: none; display: block; margin: 8px 0; transition: 0.3s; }
.vh-toc a:hover { color: var(–gold); padding-left: 5px; }

/* Aesthetic Tables */
.table-container { overflow-x: auto; margin: 25px 0; box-shadow: 0 10px 30px rgba(0,0,0,0.5); }
table { width: 100%; border-collapse: collapse; background: var(–card-bg); border: 1px solid #444; }
th { background: #222; color: var(–gold); padding: 15px; border: 1px solid #333; text-transform: uppercase; }
td { padding: 15px; border: 1px solid #333; text-align: center; font-weight: 500; }

/* Conditional Coloring */
.res-shubh { background: var(–shubh-bg); color: var(–shubh-text); }
.res-ashubh { background: var(–ashubh-bg); color: var(–ashubh-text); }
.res-chal { background: var(–chal-bg); color: var(–chal-text); }

/* Interactive Features */
.copy-section { text-align: center; margin: 30px 0; }
.btn-copy { background: linear-gradient(45deg, var(–gold), #b8860b); color: #000; padding: 12px 30px; border: none; border-radius: 25px; font-weight: bold; cursor: pointer; transition: 0.3s; }
.btn-copy:hover { transform: scale(1.05); box-shadow: 0 0 15px var(–gold); }

/* Author Bio */
.vh-author { background: #111; border: 1px solid #333; padding: 20px; display: flex; align-items: center; margin-top: 50px; border-radius: 0 50px 0 50px; }
.vh-author-info h4 { margin: 0; color: var(–gold); }

@media (max-width: 600px) { h1 { font-size: 1.6em; } }

// 1. Dynamic Date & Reading Time
const now = new Date();
document.getElementById(‘display-date’).innerText = now.toLocaleDateString(‘hi-IN’, { weekday: ‘long’, year: ‘numeric’, month: ‘long’, day: ‘numeric’ });
document.getElementById(‘read-time’).innerText = “4”;

// 2. Progress Bar Logic
window.onscroll = () => {
let winScroll = document.body.scrollTop || document.documentElement.scrollTop;
let height = document.documentElement.scrollHeight – document.documentElement.clientHeight;
document.getElementById(“vh-bar”).style.width = (winScroll / height) * 100 + “%”;
};

// 3. Automated Choghadiya Logic
const dayNames = [“Sunday”, “Monday”, “Tuesday”, “Wednesday”, “Thursday”, “Friday”, “Saturday”];
const sequences = {
“Sunday”: [“उद्वेग”, “चल”, “लाभ”, “अमृत”, “काल”, “शुभ”, “रोग”, “उद्वेग”],
“Monday”: [“अमृत”, “काल”, “शुभ”, “रोग”, “उद्वेग”, “चल”, “लाभ”, “अमृत”],
“Tuesday”: [“रोग”, “उद्वेग”, “चल”, “लाभ”, “अमृत”, “काल”, “शुभ”, “रोग”],
“Wednesday”: [“लाभ”, “अमृत”, “काल”, “शुभ”, “रोग”, “उद्वेग”, “चल”, “लाभ”],
“Thursday”: [“शुभ”, “रोग”, “उद्वेग”, “चल”, “लाभ”, “अमृत”, “काल”, “शुभ”],
“Friday”: [“चल”, “लाभ”, “अमृत”, “काल”, “शुभ”, “रोग”, “उद्वेग”, “चल”],
“Saturday”: [“काल”, “शुभ”, “रोग”, “उद्वेग”, “चल”, “लाभ”, “अमृत”, “काल”]
};

function buildTables() {
const today = dayNames[now.getDay()];
const daySeq = sequences[today];
let dayHtml = “”, nightHtml = “”;

// Day logic (6:00 to 18:00)
let time = 6.0;
daySeq.forEach(m => {
let cls = (m==’अमृत’||m==’शुभ’||m==’लाभ’) ? ‘res-shubh’ : (m==’चल’ ? ‘res-chal’ : ‘res-ashubh’);
dayHtml += `

${formatTime(time)} – ${formatTime(time+1.5)} ${m} ${cls==’res-shubh’?’अति शुभ’:’सावधान’}

`;
time += 1.5;
});
document.getElementById(‘day-table-body’).innerHTML = dayHtml;

// Night logic (Simplified Sequence)
let nTime = 18.0;
daySeq.reverse().forEach(m => {
let cls = (m==’अमृत’||m==’शुभ’||m==’लाभ’) ? ‘res-shubh’ : (m==’चल’ ? ‘res-chal’ : ‘res-ashubh’);
nightHtml += `

${formatTime(nTime)} – ${formatTime(nTime+1.5)} ${m} ${cls==’res-shubh’?’अति शुभ’:’सावधान’}

`;
nTime += 1.5;
});
document.getElementById(‘night-table-body’).innerHTML = nightHtml;
}

function formatTime(t) {
let h = Math.floor(t % 24);
let m = (t % 1 === 0) ? “00” : “30”;
return `${h}:${m}`;
}

// 4. Table of Contents Generator
function genTOC() {
const headers = document.querySelectorAll(‘h2’);
let toc = “”;
headers.forEach(h => { toc += `${h.innerText}`; });
document.getElementById(‘toc-list’).innerHTML = toc;
}

function copyPrompt() {
const t = document.getElementById(‘dyn-title’).innerText;
navigator.clipboard.writeText(t + ” की पूरी जानकारी vhoriginal.com पर उपलब्ध है।”);
alert(“मुहूर्त की जानकारी कॉपी हुई!”);
}

buildTables();
genTOC();

{
“@context”: “https://schema.org”,
“@type”: “Article”,
“headline”: “Aaj Ka Choghadiya – Full Analysis”,
“description”: “आज का चौघड़िया मुहूर्त दिन और रात की सटीक गणना। अमृत, शुभ और लाभ मुहूर्त की जानकारी।”,
“author”: { “@type”: “Organization”, “name”: “Vhoriginal Editorial Team” },
“datePublished”: “2026-01-20”,
“publisher”: { “@type”: “Organization”, “name”: “VHOriginal” }
}