:root { --primary:#b30000; --primary-hover:#900000; --bg-main:#f4f6f9; --text-main:#0f172a; --text-muted:#475569; --card-bg:#ffffff; --radius:12px; --border-light:#e2e8f0; --shadow:0 4px 10px rgba(15,23,42,0.05),0 1px 3px rgba(15,23,42,0.03); }
body { margin:0; font-family:'Noto Sans Devanagari',system-ui,-apple-system,sans-serif; background:var(--bg-main); color:var(--text-main); padding-bottom:60px; overflow-x:hidden; -webkit-font-smoothing:antialiased; }
img { content-visibility:auto; }
a.scroll-card, a.side-item, a.hero-slide, a.menu-item, a.category-btn, a.big-card { text-decoration:none !important; color:inherit !important; display:flex; }
a.hero-slide { display:block; width:100%; height:100%; }
a.category-btn { display:inline-block; }
a.scroll-card { flex-direction:column; }
.super-top-ticker { background:#0f172a; color:#fff; padding:8px 16px; font-size:12px; display:flex; justify-content:space-between; align-items:center; max-width: 1200px; margin-left: auto !important; margin-right: auto !important; }
.ticker-badge { background:var(--primary); color:#fff; padding:2px 8px; border-radius:3px; font-weight:800; font-size:11px; text-transform:uppercase; margin-right:12px; }
.ticker-marq { flex:1; color:#e2e8f0; }
.topbar { background:var(--card-bg); padding:16px 20px; display:flex; justify-content:space-between; align-items:center; box-shadow:0 2px 4px rgba(0,0,0,0.03); position:sticky; top:0; z-index:2500; border-bottom:1px solid var(--border-light); }
.logo-area { display:flex; align-items:center; gap:24px; }
.logo { font-weight:900; color:var(--primary); font-size:26px; letter-spacing:-0.8px; cursor:pointer; text-transform:uppercase; }
.top-icons { display:flex; gap:18px; font-size:18px; color:var(--text-muted); align-items:center; }
.icon-btn { cursor:pointer; position:relative; display:flex; align-items:center; justify-content:center; user-select:none; }
.district-sub-nav { background:#fff; border-bottom:1px solid var(--border-light); padding:10px 16px; display:flex; gap:12px; overflow-x:auto; scrollbar-width:none; max-width: 1200px;margin-left: auto !important; margin-right: auto !important;}
.district-sub-nav::-webkit-scrollbar { display:none; }
.district-badge-label { background:#f8fafc; border:1px solid #cbd5e1; color:#ff1800; font-size:12px; font-weight:700; border-radius:4px; white-space:nowrap; text-transform:uppercase; }
.district-link { color:var(--text-muted); font-size:13px; font-weight:700; text-decoration:none; white-space:nowrap; transition:color 0.15s ease; }
.district-link:hover { color:var(--primary); }
.district-select-container { background:var(--card-bg); border:1px solid var(--border-light); border-radius:var(--radius); padding:16px; margin-bottom:20px; box-shadow:var(--shadow); }
.district-select-title { font-size:14px; font-weight:800; color:var(--text-main); margin:0 0 12px 0; border-left:4px solid var(--primary); padding-left:8px; text-transform:uppercase; }
.district-select-grid { display:flex; gap:8px; flex-wrap:wrap; }
.district-select-btn { background:#f1f5f9; border:1px solid #cbd5e1; color:var(--text-muted); padding:6px 14px; border-radius:20px; font-size:12.5px; font-weight:600; cursor:pointer; text-decoration:none; transition:all 0.15s ease; }
.district-select-btn:hover { background:var(--primary); color:#fff; border-color:var(--primary); }
.breadcrumb-trail { font-size:12px; color:var(--text-muted); margin-bottom:12px; display:flex; gap:6px; align-items:center; }
.breadcrumb-trail a { color:var(--primary); text-decoration:none; font-weight:700; }
.pc-nav { display:none; gap:16px; align-items:center; }
.pc-nav-link { font-size:14px; font-weight:700; color:var(--text-muted); text-decoration:none; transition:color 0.15s ease; cursor:pointer; }
.pc-nav-link:hover, .pc-nav-link.active { color:var(--primary); }
.search-container { position:fixed; top:0; left:0; right:0; height:56px; background:var(--card-bg); padding:0 20px; display:none; align-items:center; gap:10px; z-index:3100; box-shadow:0 2px 8px rgba(0,0,0,0.1); box-sizing:border-box; animation:slideDown 0.2s ease-out; }
@keyframes slideDown { from { transform:translateY(-10px); opacity:0; } to { transform:translateY(0); opacity:1; } }
.search-input { flex:1; border:1px solid #cbd5e1; border-radius:20px; padding:8px 16px; font-size:14px; outline:none; font-family:inherit; }
.search-input:focus { border-color:var(--primary); }
.search-close { font-size:14px; color:var(--text-muted); cursor:pointer; font-weight:bold; }
.noti-badge { position:absolute; top:-6px; right:-8px; background:var(--primary); color:#fff; font-size:10px; font-weight:700; min-width:16px; height:16px; border-radius:50%; display:none; align-items:center; justify-content:center; padding:0 2px; box-shadow:0 0 0 2px var(--card-bg); }
.noti-dropdown { position:fixed; top:60px; right:16px; width:320px; max-height:400px; background:var(--card-bg); border-radius:12px; box-shadow:0 10px 25px -5px rgba(0,0,0,0.1),0 8px 10px -6px rgba(0,0,0,0.1); border:1px solid #e2e8f0; display:none; flex-direction:column; z-index:3000; overflow:hidden; }
.info-ticker-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(130px,1fr)); gap:10px; background:#ffffff; padding:12px 16px; margin:12px 16px; border-radius:var(--radius); box-shadow:var(--shadow); border:1px solid var(--border-light); }
.info-card { display:flex; align-items:center; gap:8px; font-size:12px; }
.info-card i { font-size:16px; }
.info-val { font-weight:800; }
.info-val.up { color:#10b981; }
.info-val.down { color:#ef4444; }
.horoscope-scroll-row { display:flex; overflow-x:auto; gap:12px; padding:8px 2px; scrollbar-width:none; }
.horoscope-scroll-row::-webkit-scrollbar { display:none; }
.horoscope-card { min-width:90px; text-align:center; background:#fff; border:1px solid var(--border-light); border-radius:10px; padding:12px 6px; box-shadow:var(--shadow); cursor:pointer; }
.horoscope-card i { font-size:24px; color:#b30000; margin-bottom:6px; display:block; }
.horoscope-card p { margin:0; font-size:12px; font-weight:700; }
.stories-strip { display:flex; gap:16px; overflow-x:auto; padding:12px 16px; background:transparent; scrollbar-width:none; }
.stories-strip::-webkit-scrollbar { display:none; }
.story-avatar-container { display:flex; flex-direction:column; align-items:center; cursor:pointer; flex-shrink:0; }
.story-avatar-circle { width:68px; height:68px; border-radius:50%; padding:3px; background:linear-gradient(45deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); display:flex; align-items:center; justify-content:center; }
.story-avatar-circle img { width:100%; height:100%; border-radius:50%; object-fit:cover; background:#fff; border:2px solid #fff; }
.story-avatar-label { font-size:11px; font-weight:700; margin-top:6px; max-width:75px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:center; color:var(--text-main); }
.story-viewer-modal { position:fixed; top:0; left:0; width:100%; height:100%; background:#000; z-index:9000; display:none; align-items:center; justify-content:center; }
.story-viewer-container { width:100%; max-width:440px; height:100%; max-height:850px; position:relative; background:#111; overflow:hidden; box-shadow:0 10px 30px rgba(0,0,0,0.5); border-radius:12px; }
@media(max-width:480px) { .story-viewer-container { height:100%; max-height:100%; border-radius:0; } }
.story-progress-bar-container { position:absolute; top:15px; left:10px; right:10px; display:flex; gap:4px; z-index:100; }
.story-progress-bar { flex:1; height:3px; background:rgba(255,255,255,0.35); border-radius:2px; overflow:hidden; }
.story-progress-fill { width:0%; height:100%; background:#fff; }
.story-header-info { position:absolute; top:28px; left:15px; right:15px; display:flex; align-items:center; justify-content:space-between; z-index:100; }
.story-author { display:flex; align-items:center; gap:8px; color:#fff; font-weight:bold; font-size:13px; }
.story-author-img { width:30px; height:30px; border-radius:50%; border:1.5px solid #fff; }
.story-close-btn { background:transparent; border:none; color:#fff; font-size:20px; cursor:pointer; line-height:1; }
.story-slide-frame { width:100%; height:100%; position:relative; }
.story-slide-frame img { width:100%; height:100%; object-fit:cover; }
.story-text-overlay { position:absolute; bottom:60px; left:20px; right:20px; color:#fff; z-index:90; background:linear-gradient(transparent,rgba(0,0,0,0.8)); padding:20px 0 10px 0; }
.story-text-overlay h2 { margin:0 0 10px 0; font-size:20px; font-weight:800; line-height:1.3; }
.story-nav-tap-area { position:absolute; top:0; bottom:0; width:50%; z-index:80; }
.story-nav-left { left:0; } .story-nav-right { right:0; }
.opinion-poll-box { background:#f8fafc; border:1px solid var(--border-light); border-radius:10px; padding:14px; margin-top:10px; }
.opinion-question { font-size:13px; font-weight:800; color:var(--text-main); margin:0 0 12px 0; }
.poll-option-btn { width:100%; text-align:left; background:#fff; border:1px solid var(--border-light); padding:10px 14px; border-radius:8px; font-size:12.5px; font-weight:bold; margin-bottom:8px; cursor:pointer; transition:all 0.15s; }
.poll-option-btn:hover { background:var(--primary); color:#fff; border-color:var(--primary); }
.poll-result-bar-wrapper { display:none; flex-direction:column; gap:8px; }
.poll-result-row { font-size:12px; font-weight:bold; }
.poll-result-label { display:flex; justify-content:space-between; margin-bottom:4px; }
.poll-result-track { width:100%; height:8px; background:#e2e8f0; border-radius:4px; overflow:hidden; }
.poll-result-fill { height:100%; background:var(--primary); width:0%; transition:width 0.4s ease; }
.preview-reading-toolkit { display:flex; justify-content:space-between; align-items:center; background:#f1f5f9; border-radius:10px; padding:8px 12px; margin:14px 0; flex-wrap:wrap; gap:10px; }
.reading-toolkit-group { display:flex; align-items:center; gap:8px; }
.toolkit-label { font-size:11px; font-weight:700; color:var(--text-muted); }
.toolkit-btn { background:#fff; border:1px solid #cbd5e1; font-size:11.5px; font-weight:700; padding:4px 10px; border-radius:6px; cursor:pointer; }
.toolkit-btn:hover { background:#e2e8f0; }
.toolkit-color-circle { width:22px; height:22px; border-radius:50%; border:2px solid #cbd5e1; cursor:pointer; }
.bg-theme-default { background:#ffffff; } .bg-theme-sepia { background:#faf0e6; } .bg-theme-dark { background:#1e293b; color:#f1f5f9; }
.newsletter-widget-container { background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%); color:#fff; border-radius:12px; padding:16px; margin-top:15px; }
.newsletter-heading { font-size:14px; font-weight:800; margin:0 0 6px 0; color:#fff; }
.newsletter-desc { font-size:11px; color:#cbd5e1; line-height:1.4; margin-bottom:12px; }
.newsletter-form { display:flex; flex-direction:column; gap:8px; }
.newsletter-input { background:rgba(255,255,255,0.1); border:1px solid rgba(255,255,255,0.2); color:#fff; padding:8px 12px; border-radius:8px; font-size:12px; }
.newsletter-input::placeholder { color:#94a3b8; }
.newsletter-submit { background:var(--primary); color:#fff; border:none; padding:8px 12px; border-radius:8px; font-size:12px; font-weight:bold; cursor:pointer; }
.noti-dropdown-header { padding:12px 16px; font-weight:700; font-size:14px; border-bottom:1px solid #e2e8f0; background:#f8fafc; display:flex; justify-content:space-between; align-items:center; }
.noti-clear-btn { font-size:11px; color:var(--primary); cursor:pointer; }
.noti-list-container { overflow-y:auto; flex:1; }
.noti-item { display:flex; gap:12px; padding:12px 16px; border-bottom:1px solid #f1f5f9; align-items:center; cursor:pointer; transition:background 0.2s ease; }
.noti-item:hover { background:#f8fafc; }
.noti-item img { width:50px; height:40px; border-radius:6px; object-fit:cover; flex-shrink:0; }
.noti-item-details { display:flex; flex-direction:column; gap:2px; }
.noti-item-title { margin:0; font-size:12px; font-weight:600; line-height:1.4; color:var(--text-main); display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; }
.noti-item-time { font-size:10px; color:var(--text-muted); }
.noti-empty { padding:24px; text-align:center; color:var(--text-muted); font-size:13px; }
.profile-dropdown { position:fixed; top:60px; right:16px; width:320px; background:var(--card-bg); border-radius:12px; box-shadow:0 10px 25px -5px rgba(0,0,0,0.1),0 8px 10px -6px rgba(0,0,0,0.1); border:1px solid #e2e8f0; display:none; flex-direction:column; z-index:3000; overflow:hidden; padding:16px; box-sizing:border-box; }
.profile-header { text-align:center; margin-bottom:16px; }
.profile-avatar { width:64px; height:64px; background:#f1f5f9; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:32px; margin:0 auto 10px auto; border:2px solid var(--primary); }
.profile-name { font-size:16px; font-weight:700; margin:0 0 4px 0; }
.profile-email { font-size:12px; color:var(--text-muted); margin:0; word-break:break-all; }
.profile-stats-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:6px; background:#f8fafc; padding:10px; border-radius:12px; margin-bottom:16px; text-align:center; }
.stat-box h5 { margin:0 0 4px 0; font-size:13px; font-weight:800; color:var(--primary); }
.stat-box span { font-size:9px; color:var(--text-muted); font-weight:600; text-transform:uppercase; }
.profile-actions { display:flex; flex-direction:column; gap:8px; }
.profile-btn { width:100%; padding:10px; border-radius:20px; font-size:13px; font-weight:600; cursor:pointer; border:none; text-align:center; }
.btn-primary-action { background:var(--primary); color:#fff; }
.btn-secondary-action { background:#f1f5f9; color:var(--text-main); }
.btn-danger-action { background:#fee2e2; color:#dc2626; }
.breaking { background:#0f172a; color:#fff; padding:10px 15px; font-size:13px; font-weight:500; display:flex; align-items:center; gap:10px; }
.breaking-badge { background:var(--primary); padding:3px 8px; border-radius:4px; font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:0.5px; white-space:nowrap; }
.adsense-dynamic-slot { display:block; margin:16px auto; text-align:center; background:#f8fafc; border:1px solid #cbd5e1; border-radius:8px; padding:10px; max-width:100%; overflow:hidden; min-height:100px; }
.adsense-placeholder-tag { font-size:10px; text-transform:uppercase; color:#64748b; letter-spacing:1px; margin-bottom:4px; display:block; }
.dropdown-header-ad { background:#f1f5f9; border-bottom:2px solid #e2e8f0; position:relative; overflow:hidden; max-height:0; transition:max-height 0.4s ease-out,padding 0.4s ease-out; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; box-sizing:border-box; }
.dropdown-header-ad.show { max-height:150px; padding:12px; }
.sticky-footer-popup-ad { position:fixed; bottom:-150px; left:50%; transform:translate3d(-50%,0,0); width:100%; max-width:820px; background:#ffffff; box-shadow:0 -4px 15px rgba(0,0,0,0.15); border-top:3px solid var(--primary); border-radius:12px 12px 0 0; z-index:2400; transition:bottom 0.4s cubic-bezier(0.4,0,0.2,1); display:flex; flex-direction:column; padding:12px 12px 6px 12px; box-sizing:border-box; }
.sticky-footer-popup-ad.show { bottom:60px; }
.ad-close-btn { position:absolute; top:6px; right:6px; background:rgba(15,23,42,0.85); color:#ffffff; border:none; border-radius:50%; width:24px; height:24px; font-size:12px; font-weight:800; cursor:pointer; display:none; align-items:center; justify-content:center; z-index:100; box-shadow:0 2px 4px rgba(0,0,0,0.2); }
.hero { margin:16px; position:relative; border-radius:var(--radius); overflow:hidden; box-shadow:var(--shadow); cursor:pointer; height:auto; aspect-ratio:16/9;  background:#000; }
@media (max-width:600px) { .hero { aspect-ratio:16/10; } }
.hero-slider-track { display:flex; width:100%; height:100%; transition:transform 0.5s cubic-bezier(0.4,0,0.2,1); transform:translate3d(0,0,0); will-change:transform; }
.hero-slide { min-width:100%; width:100%; height:100%; position:relative; box-sizing:border-box; }
.hero-slide img { width:100%; height:100%; object-fit:contain; background-color:#050505; display:block; }
.hero-text { position:absolute; bottom:0; left:0; right:0; color:#fff; padding:24px 20px; background:linear-gradient(to top,rgba(0,0,0,0.9) 0%,rgba(0,0,0,0.5) 60%,transparent 100%); font-size:18px; font-weight:700; line-height:1.4; z-index:2; }
.slider-dots { position:absolute; bottom:12px; right:20px; display:flex; gap:6px; z-index:10; }
.dot { width:8px; height:8px; border-radius:50%; background:rgba(255,255,255,0.4); transition:all 0.2s ease; cursor:pointer; }
.dot.active { background:var(--primary); width:18px; border-radius:4px; }
.section { margin:0px 16px 20px 16px; }
.latest-header { display:flex; flex-direction:column; gap:8px; margin-bottom:8px; }
@media(min-width:600px) { .latest-header { flex-direction:row; justify-content:space-between; align-items:center; } }
.section-title { font-size:18px; font-weight:800; position:relative; padding-left:12px; color:var(--text-main); margin-bottom:4px !important; }
.section-title::before { content:''; position:absolute; left:0; top:3px; bottom:3px; width:4px; background:var(--primary); border-radius:2px; }
.category-bar { display:flex; gap:8px; overflow-x:auto; padding:2px 0; margin-bottom:6px !important; scrollbar-width:none; }
.category-bar::-webkit-scrollbar { display:none; }
.category-btn { background:#f1f5f9; border:none; color:var(--text-muted); padding:6px 14px; border-radius:20px; font-size:13px; font-weight:600; cursor:pointer; white-space:nowrap; transition:all 0.15s ease; }
.category-btn.active, .category-btn:hover { background:var(--primary); color:#fff; }
.scroll-row { display:flex; overflow-x:auto; gap:14px; padding:4px 2px; scrollbar-width:none; min-height:220px; }
.scroll-card { min-width:160px; width:160px; background:var(--card-bg); border-radius:var(--radius); overflow:hidden; box-shadow:var(--shadow); border:1px solid var(--border-light); transition:transform 0.15s ease; cursor:pointer; display:flex; flex-direction:column; }
.scroll-card:hover { transform:translateY(-2px); }
.scroll-card img { width:100%; height:105px; object-fit:cover; background:#f1f5f9; display:block; border-bottom:1px solid var(--border-light); }
.scroll-card p { margin:0; padding:10px 10px 2px 10px; font-size:13px; font-weight:700; line-height:1.4; color:var(--text-main); display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; min-height:36px; }
.scroll-card-stats { display:flex; gap:8px; padding:0 12px 12px 12px; font-size:11px; color:var(--text-muted); font-weight:600; align-items:center; flex-wrap:wrap; }
.top-wrapper { background:var(--card-bg); border-radius:var(--radius); padding:16px; box-shadow:var(--shadow); border:1px solid var(--border-light); margin-top:2px !important; min-height:400px; }
.big-card { display:flex; flex-direction:column; gap:16px; }
.big-left img { width:100%; height:auto; max-height:280px; aspect-ratio:16/9; border-radius:12px; object-fit:contain; background:#f1f5f9; cursor:pointer; display:block; }
.big-left h3 { margin:12px 0 6px 0; font-size:18px; font-weight:700; line-height:1.4; color:var(--text-main); cursor:pointer; }
.big-left p { margin:0; font-size:14px; color:var(--text-muted); line-height:1.5; }
#readMoreBtn { background:transparent; color:var(--primary); border:1px solid var(--primary); padding:6px 14px; border-radius:20px; font-size:12px; font-weight:600; margin-top:10px; cursor:pointer; display:none; transition:all 0.15s ease; }
#readMoreBtn:hover { background:var(--primary); color:#fff; }
#sideNews { border-top:1px solid #f1f5f9; padding-top:10px; margin-top:5px; }
.side-item { display:flex; gap:12px; padding:10px 0; border-bottom:1px solid #f8fafc; align-items:center; cursor:pointer; }
.side-item:last-child { border-bottom:none; }
.side-item img { width:75px; height:60px; border-radius:8px; object-fit:cover; background:#f1f5f9; }
.side-item p { margin:0; font-size:14px; font-weight:600; line-height:1.4; color:var(--text-main); }
#latestNewsContainer { min-height:400px; }
#dynamicCategorySections { margin-bottom:20px; }
.preview-modal { position:fixed; top:56px; left:0; right:0; bottom:61px; background:var(--bg-main); z-index:1500; display:none; overflow-y:auto; }
.preview-inner-header { background:var(--card-bg); padding:12px 16px; display:flex; align-items:center; justify-content:space-between; position:sticky; top:0; box-shadow:0 1px 3px rgba(0,0,0,0.05); z-index:20; border-bottom:1px solid #e2e8f0; }
.preview-header-left { display:flex; align-items:center; gap:10px; }
.back-btn { font-size:20px; cursor:pointer; color:var(--text-main); background:#f1f5f9; width:32px; height:32px; display:flex; align-items:center; justify-content:center; border-radius:50%; font-weight:bold; }
.back-txt { font-size:14px; font-weight:700; color:var(--text-muted); }
.preview-category-badge { background:rgba(179,0,0,0.1); color:var(--primary); padding:5px 12px; border-radius:20px; font-size:12px; font-weight:700; text-transform:uppercase; cursor:pointer; }
.preview-content { padding:16px; max-width:650px; margin:0 auto; }
.preview-layout-grid { display:block; }
.preview-main-column { width:100%; }
.preview-sidebar-column { display:none; }
.reporter-container { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:16px; background:var(--card-bg); padding:10px 14px; border-radius:12px; box-shadow:var(--shadow); }
.reporter-left-block { display:flex; align-items:center; gap:12px; border-right:1px solid #e2e8f0; padding-right:12px; }
.reporter-icon { width:44px; height:44px; border-radius:50%; object-fit:cover; border:2px solid var(--primary); }
.reporter-info h4 { margin:0; font-size:14px; font-weight:700; color:var(--text-main); }
.reporter-info span { font-size:11px; color:var(--text-muted); }
.ai-voice-container { margin:0; }
.ai-voice-btn { background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%); color:#fff; border:none; padding:8px 14px; border-radius:20px; font-size:12px; font-weight:700; cursor:pointer; display:flex; align-items:center; justify-content:center; gap:6px; box-shadow:0 2px 6px rgba(0, 0, 0, 0.12); transition:all 0.15s ease; white-space:nowrap; }
.ai-voice-btn:hover { background:linear-gradient(135deg,#334155 0%,#1e293b 100%); transform:translateY(-1px); }
.ai-wave-anim { display:flex; gap:2px; align-items:center; }
.ai-wave-bar { width:2px; height:10px; background:#f43f5e; border-radius:1px; animation:waveMotion 0.6s ease-in-out infinite alternate; display:none; }
.ai-wave-bar:nth-child(2) { animation-delay:0.15s; height:14px; background:#38bdf8; }
.ai-wave-bar:nth-child(3) { animation-delay:0.3s; height:8px; background:#a855f7; }
@keyframes waveMotion { from { transform:scaleY(0.4); } to { transform:scaleY(1.2); } }
.preview-title { font-size:22px; font-weight:800; line-height:1.4; margin:0 0 8px 0; color:var(--text-main); }
.preview-short-desc { font-size:14px; line-height:1.5; color:var(--text-muted); margin:0 0 16px 0; font-weight:500; }
.preview-img { width:100%; height:auto; max-height:380px; aspect-ratio:16/9; object-fit:contain; background:#f1f5f9; border-radius:var(--radius); box-shadow:var(--shadow); margin-bottom:20px; display:block; }
.action-bar { display:flex; justify-content:space-between; border-top:1px solid #e2e8f0; border-bottom:1px solid #e2e8f0; padding:12px 10px; margin-top:20px; background:var(--card-bg); border-radius:8px; }
.action-btn { display:flex; align-items:center; gap:6px; font-size:13px; font-weight:600; color:var(--text-muted); cursor:pointer; background:none; border:none; padding:6px 12px; border-radius:20px; transition:all 0.15s ease; }
.action-btn:hover { background:#f1f5f9; color:var(--primary); }
.action-btn span { font-size:18px; }
.count-badge { font-size:12px; background:#f1f5f9; color:var(--text-main); padding:2px 6px; border-radius:10px; font-weight:700; margin-left:2px; }
.ad-section { background:#f1f5f9; border:2px dashed #cbd5e1; border-radius:12px; padding:15px; text-align:center; margin:20px 0; }
.ad-badge { font-size:10px; color:var(--text-muted); text-transform:uppercase; letter-spacing:1px; display:block; margin-bottom:8px; }
.ad-content { font-size:14px; font-weight:700; color:#475569; }
.preview-desc { font-size:16px; line-height:1.6; color:#334155; margin-bottom:24px; white-space:pre-wrap; }
.post-navigation { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin:24px 0; }
.nav-box { background:var(--card-bg); padding:12px; border-radius:12px; box-shadow:var(--shadow); cursor:pointer; display:flex; flex-direction:column; gap:4px; border:1px solid #e2e8f0; transition:transform 0.15s ease,border-color 0.15s ease; }
.nav-box:hover { transform:translateY(-2px); border-color:var(--primary); }
.nav-box.prev-box { align-items:flex-start; text-align:left; }
.nav-box.next-box { align-items:flex-end; text-align:right; }
.nav-label { font-size:11px; font-weight:700; color:var(--text-muted); text-transform:uppercase; letter-spacing:0.5px; }
.nav-post-title { font-size:13px; font-weight:600; color:var(--text-main); line-height:1.4; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; margin:0; }
.comment-modal-overlay { position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(15,23,42,0.4); backdrop-filter:blur(4px); z-index:5000; display:none; align-items:center; justify-content:center; padding:16px; }
.comment-box-modal { background:var(--card-bg); width:100%; max-width:400px; border-radius:16px; padding:20px; box-shadow:0 20px 25px -5px rgba(0,0,0,0.1); display:flex; flex-direction:column; gap:14px; }
.comment-modal-title { font-size:16px; font-weight:700; margin:0; }
.comment-input-field { width:100%; box-sizing:border-box; border:1px solid #cbd5e1; border-radius:8px; padding:10px 12px; font-size:14px; font-family:inherit; resize:none; height:90px; }
.comment-input-field:focus { outline:none; border-color:var(--primary); }
.comment-modal-actions { display:flex; justify-content:flex-end; gap:10px; }
.comment-modal-btn { padding:8px 16px; border-radius:20px; font-size:13px; font-weight:600; cursor:pointer; border:none; }
.comment-btn-cancel { background:#f1f5f9; color:var(--text-muted); }
.comment-btn-submit { background:var(--primary); color:#fff; }
.share-sheet-overlay { position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(15,23,42,0.4); backdrop-filter:blur(4px); z-index:4000; display:none; }
.share-sheet { position:fixed; bottom:0; left:0; right:0; background:var(--card-bg); border-top-left-radius:24px; border-top-right-radius:24px; padding:24px; box-shadow:0 -10px 25px rgba(0,0,0,0.15); transform:translate3d(0,100%,0); transition:transform 0.25s cubic-bezier(0.4,0,0.2,1); z-index:4500; display:none; }
.share-sheet.open { transform:translate3d(0,0,0); }
.share-sheet-header { display:flex; justify-content:space-between; align-items:center; margin-bottom:20px; }
.share-sheet-title { font-size:16px; font-weight:700; color:var(--text-main); }
.share-close-btn { background:#f1f5f9; border:none; font-size:16px; width:28px; height:28px; border-radius:50%; cursor:pointer; display:flex; align-items:center; justify-content:center; }
.share-options-grid { display:flex; justify-content:space-around; align-items:center; gap:12px; padding:10px 0; }
.share-option { display:flex; flex-direction:column; align-items:center; gap:8px; cursor:pointer; background:none; border:none; font-size:12px; font-weight:600; color:var(--text-main); }
.share-icon-circle { width:50px; height:50px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:24px; color:white; transition:transform(0.15s); }
.share-option:hover .share-icon-circle { transform:scale(1.1); }
.bg-whatsapp { background-color:#25D366; } .bg-facebook { background-color:#1877F2; } .bg-twitter { background-color:#1DA1F2; } .bg-copy { background-color:#64748b; }
.bottom-menu { position:fixed; bottom:0; left:0; right:0; background:rgba(255,255,255,0.95); backdrop-filter:blur(10px); display:flex; justify-content:space-around; align-items:center; height:60px; box-sizing:border-box; box-shadow:0 -4px 16px rgba(0,0,0,0.06); border-top:1px solid #e2e8f0; z-index:2500; }
.menu-item { text-align:center; font-size:11px; font-weight:600; color:var(--text-muted); cursor:pointer; flex:1; display:flex; flex-direction:column; justify-content:center; align-items:center; height:100%; text-decoration:none; }
.menu-item span { display:block; font-size:20px; margin-bottom:2px; color:var(--text-main); line-height:1; }
.menu-item.active, .menu-item.active span { color:var(--primary); }
.main-footer { background:#0f172a; color:#cbd5e1; padding:50px 16px 24px 16px; margin-top:45px; border-top:4px solid var(--primary); font-family:inherit; box-sizing:border-box; }
.footer-container { max-width:650px; margin:0 auto; display:flex; flex-direction:column; gap:32px; }
.footer-brand { text-align:left; }
.footer-logo { font-size:22px; font-weight:800; color:#ffffff; margin-bottom:10px; letter-spacing:-0.5px; text-align:center; }
.footer-tagline { font-size:13.5px; line-height:1.6; margin:0 0 16px 0; color:#cbd5e1; text-align:justify; }
.footer-social-chips { display:flex; gap:8px; flex-wrap:wrap; }
.social-chip { background:#1e293b; color:#cbd5e1; font-size:11px; font-weight:600; padding:5px 12px; border-radius:12px; cursor:pointer; transition:all 0.15s ease; border:1px solid #334155; }
.social-chip:hover { background:var(--primary); color:#fff; border-color:var(--primary); }
.pwa-install-container { margin:20px auto; display:flex; justify-content:center; align-items:center; width:100%; text-align:center; }
#installAppBtn { background:linear-gradient(135deg,#e11d48 0%,#dc2626 50%,#991b1b 100%); color:#ffffff; border:none; padding:12px 28px; font-size:13.5px; font-weight:700; border-radius:25px; cursor:pointer; box-shadow:0 4px 15px rgba(220,38,38,0.35); transition:all 0.25s cubic-bezier(0.4,0,0.2,1); display:none; outline:none; text-transform:uppercase; letter-spacing:0.5px; }
#installAppBtn:hover { transform:scale(1.04); box-shadow:0 6px 20px rgba(220,38,38,0.55); }
.reporter-scroll-container, .leader-scroll-container { transform:translate3d(0,0,0); will-change:transform; }
@keyframes shimmer { 0% { background-position:-468px 0; } 100% { background-position:468px 0; } }
.skeleton { background:#f6f7f8; background-image:linear-gradient(to right,#f6f7f8 0%,#edeef1 20%,#f6f7f8 40%,#f6f7f8 100%); background-repeat:no-repeat; background-size:800px 104px; display:inline-block; animation:shimmer 1.2s infinite linear; }
.skeleton-card { pointer-events:none; }
.skeleton-img { width:100%; height:105px; border-radius:12px 12px 0 0; }
.skeleton-title { width:80%; height:16px; margin:10px; border-radius:4px; }
.skeleton-text { width:60%; height:12px; margin:0 10px 10px 10px; border-radius:4px; }
.skeleton-big-card { background:var(--card-bg); border-radius:var(--radius); padding:16px; box-shadow:var(--shadow); margin-bottom:20px; }
.skeleton-big-img { width:100%; height:240px; border-radius:12px; }
.skeleton-big-title { width:70%; height:22px; margin:15px 0 10px 0; border-radius:4px; }
.skeleton-big-text { width:90%; height:14px; margin-bottom:10px; border-radius:4px; }
.skeleton-leader-card { min-width:160px; width:160px; background:var(--card-bg); border-radius:var(--radius); box-shadow:var(--shadow); border:1px solid #e2e8f0; padding:16px 12px; text-align:center; display:flex; flex-direction:column; align-items:center; gap:10px; flex-shrink:0; box-sizing:border-box; }
.skeleton-leader-img { width:70px; height:70px; border-radius:50%; }
.skeleton-leader-text { width:80%; height:14px; border-radius:4px; }
.js-loaded .ssr-article-container { display:none !important; }
.js-loaded .seo-crawl-zone { display:none !important; }
.footer-links-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; width:100%; }
.footer-link-col { min-width:0; }
.footer-link-col h4 { color:#ffffff; font-size:13.5px; font-weight:700; margin:0 0 14px 0; letter-spacing:0.2px; border-bottom:1px solid #1e293b; padding-bottom:6px; white-space:nowrap; }
.footer-links-grid .footer-link-col ul { list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:11px; }
.footer-links-grid .footer-link-col ul li { width:100%; overflow:hidden; }
.footer-links-grid .footer-link-col ul li a { color:#cbd5e1; text-decoration:none; font-size:12px; line-height:1.4; transition:color 0.15s ease,padding-left 0.15s ease; display:block; cursor:pointer; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.footer-links-grid .footer-link-col ul li a:hover { color:#ffffff; padding-left:3px; }
.footer-bottom { max-width:650px; margin:36px auto 0 auto; padding-top:24px; border-top:1px solid #1e293b; }
.footer-notice-box { font-size:11px; line-height:1.5; color:#cbd5e1; text-align:justify; margin-bottom:10px; background:#0b1120; padding:12px; border-radius:8px; border:1px solid #1e293b; }
.footer-divider { height:1px; background:#1e293b; width:100%; margin:12px 0; }
.footer-copyright-row { display:flex; flex-direction:column; gap:6px; text-align:center; font-size:12px; }
.footer-copyright-row p { margin:0; }
.footer-legal-tag { color:#94a3b8; font-size:11px; font-weight:500; }
#globalLoadMoreBtn:hover { background:var(--primary-hover) !important; box-shadow:0 6px 10px -1px rgba(0,0,0,0.15); }
#globalLoadMoreBtn:active { transform:scale(0.98); }
.iframe-wrapper { position:relative; width:100%; height:calc(100vh - 200px); min-height:480px; overflow:hidden; border-radius:12px; box-shadow:var(--shadow); background:#fff; }
.policy-page-card { background:var(--card-bg); padding:24px; border-radius:var(--radius); box-shadow:var(--shadow); margin:16px; max-width:800px; margin-left:auto; margin-right:auto; }
.policy-page-card h2 { font-size:20px; font-weight:800; border-left:4px solid var(--primary); padding-left:10px; margin-top:0; margin-bottom:18px; color:var(--text-main); }
.policy-page-card p { font-size:14px; line-height:1.6; color:var(--text-muted); text-align:justify; }
.policy-page-card h3 { font-size:16px; font-weight:700; margin-top:20px; color:var(--text-main); }
.policy-page-card ul { padding-left:20px; font-size:14px; line-height:1.6; color:var(--text-muted); }
.category-view-container { background:var(--card-bg); border-radius:var(--radius); padding:24px; box-shadow:var(--shadow); margin:16px auto; max-width:900px; }
.category-view-header { border-bottom:2px solid #e2e8f0; padding-bottom:14px; margin-bottom:20px; }
.category-view-header h2 { font-size:22px; font-weight:800; color:var(--text-main); margin:0 0 6px 0; display:inline-block; position:relative; padding-left:14px; }
.category-view-header h2::before { content:''; position:absolute; left:0; top:4px; bottom:4px; width:4px; background:var(--primary); border-radius:2px; }
.category-view-header p { font-size:13px; color:var(--text-muted); margin:0; }
.category-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(280px,1fr)); gap:20px; }
.category-card { background:var(--card-bg); border-radius:12px; overflow:hidden; box-shadow:0 2px 8px rgba(0,0,0,0.04); border:1px solid #e2e8f0; transition:all 0.25s cubic-bezier(0.4,0,0.2,1); display:flex; flex-direction:column; cursor:pointer; text-decoration:none; color:inherit; }
.category-card:hover { transform:translateY(-4px); box-shadow:0 10px 20px rgba(0,0,0,0.08); border-color:#cbd5e1; }
.category-card-img-wrapper { position:relative; width:100%; aspect-ratio:16/9; overflow:hidden; background:#f1f5f9; }
.category-card-img-wrapper img { width:100%; height:100%; object-fit:cover; transition:transform 0.4s ease; }
.category-card:hover .category-card-img-wrapper img { transform:scale(1.05); }
.category-card-badge { position:absolute; top:12px; left:12px; background:var(--primary); color:#fff; font-size:10px; font-weight:800; padding:4px 10px; border-radius:20px; text-transform:uppercase; box-shadow:0 2px 4px rgba(0,0,0,0.1); }
.category-card-info { padding:16px; display:flex; flex-direction:column; flex:1; }
.category-card-info h3 { font-size:15px; font-weight:700; color:var(--text-main); line-height:1.4; margin:0 0 10px 0; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; height:42px; }
.category-card-info p { font-size:12.5px; color:var(--text-muted); line-height:1.5; margin:0 0 14px 0; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; height:38px; }
.category-meta { display:flex; justify-content:space-between; align-items:center; margin-top:auto; font-size:11px; color:#64748b; border-top:1px solid #f1f5f9; padding-top:10px; }
.reporter-scroll-wrapper { overflow:hidden; width:100%; position:relative; padding:10px 0; }
.reporter-scroll-container { display:flex; gap:16px; width:max-content; animation:reporterScrollAnimation 35s linear infinite; }
@keyframes reporterScrollAnimation { 0% { transform:translate3d(0,0,0); } 100% { transform:translate3d(-50%,0,0); } }
.reporter-card { min-width:150px; width:150px; background:var(--card-bg); border-radius:var(--radius); box-shadow:var(--shadow); border:1px solid #e2e8f0; padding:16px 12px; text-align:center; display:flex; flex-direction:column; align-items:center; gap:10px; flex-shrink:0; box-sizing:border-box; }
.reporter-card-img { width:70px; height:70px; border-radius:50%; object-fit:cover; border:3px solid var(--primary); box-shadow:0 2px 6px rgba(0,0,0,0.1); }
.reporter-card-box { background:#f8fafc; border-radius:8px; padding:8px; width:100%; box-sizing:border-box; display:flex; flex-direction:column; gap:4px; }
.reporter-card-name { font-size:13px; font-weight:700; color:var(--text-main); margin:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.reporter-card-role { font-size:11px; font-weight:600; color:var(--primary); margin:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.reporter-card-loc { font-size:10px; color:var(--text-muted); margin:0; font-weight:500; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.reporter-card-phone { font-size:10px; font-weight:700; color:#1e293b; margin:0; background:#e2e8f0; padding:4px 6px; border-radius:12px; display:inline-block; text-decoration:none; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.leader-scroll-wrapper { overflow:hidden; width:100%; position:relative; padding:10px 0; }
.leader-scroll-container { display:flex; gap:16px; width:max-content; animation:reporterScrollAnimation 35s linear infinite; }
.leader-card { min-width:160px; width:160px; background:var(--card-bg); border-radius:var(--radius); box-shadow:var(--shadow); border:1px solid #e2e8f0; padding:16px 12px; text-align:center; display:flex; flex-direction:column; align-items:center; gap:10px; flex-shrink:0; box-sizing:border-box; }
.leader-card-img { width:70px; height:70px; border-radius:50%; object-fit:cover; border:3px solid #1e3a8a; box-shadow:0 2px 6px rgba(0,0,0,0.1); }
.leader-card-role { font-size:11px; font-weight:700; color:#1e3a8a; margin:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-transform:uppercase; }
.leader-card-desc { font-size:11px; color:var(--text-muted); margin:4px 0 0 0; line-height:1.4; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; text-align:justify; }
.sidebar-column { display:none; }
@media (min-width:1024px) {
  .topbar, .main-footer, .breaking { max-width:1200px; margin-left:auto !important; margin-right:auto !important; }
  #main-content { max-width:1200px; margin:0 auto; padding:0 16px; }
  .pc-nav { display:flex; }
  .bottom-menu { display:none !important; }
  body { padding-bottom:0px !important; }
  .home-layout-grid { display:grid; grid-template-columns:1fr 320px; gap:24px; align-items:start; margin-top:16px; }
  .main-content-column { min-width:0; }
  .sidebar-column { display:flex; flex-direction:column; gap:20px; position:sticky; top:80px; max-height:calc(100vh - 100px); overflow-y:auto; scrollbar-width:none; padding-bottom:24px; }
  .sidebar-column::-webkit-scrollbar { display:none; }
  .sidebar-widget { background:var(--card-bg); border-radius:var(--radius); padding:18px; box-shadow:var(--shadow); border:1px solid #e2e8f0; text-align:left; }
  .widget-title { font-size:14px; font-weight:800; color:var(--text-main); display:block; margin-bottom:12px; border-left:4px solid var(--primary); padding-left:8px; text-transform:uppercase; }
  .sidebar-cat-list { list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:10px; }
  .sidebar-cat-list li a { color:var(--text-muted); font-size:13px; font-weight:600; text-decoration:none; display:block; padding:2px 0; transition:color 0.15s,padding-left 0.15s; }
  .sidebar-cat-list li a:hover { color:var(--primary); padding-left:4px; }
  .sidebar-social-grid { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
  .sidebar-social-link { display:flex; align-items:center; justify-content:center; gap:8px; padding:8px; border-radius:8px; font-size:12px; font-weight:700; text-decoration:none; color:#fff !important; transition:transform 0.15s; }
  .sidebar-social-link:hover { transform:translateY(-2px); }
  .sidebar-social-link.fb { background:#1877F2; } .sidebar-social-link.tw { background:#000000; } .sidebar-social-link.yt { background:#FF0000; } .sidebar-social-link.wa { background:#25D366; }
  .preview-modal { top:60px; bottom:0; background:var(--bg-main); }
  .preview-content { background:transparent; box-shadow:none; padding:30px 16px; margin:0 auto; max-width:1200px; box-sizing:border-box; }
  .preview-inner-header { max-width:1200px; margin:0 auto; border-radius:0 0 12px 12px; }
  .preview-layout-grid { display:grid; grid-template-columns:1fr 320px; gap:24px; align-items:start; }
  .preview-main-column { min-width:0; background:var(--card-bg); border-radius:var(--radius); padding:24px; box-shadow:var(--shadow); border:1px solid #e2e8f0; box-sizing:border-box; }
  .preview-sidebar-column { display:flex; flex-direction:column; gap:20px; position:sticky; top:80px; max-height:calc(100vh - 120px); overflow-y:auto; scrollbar-width:none; padding-bottom:24px; box-sizing:border-box; }
  .preview-sidebar-column::-webkit-scrollbar { display:none; }
  #relatedCategorySection { display:none !important; }
}
@media (max-width:600px) { .category-grid { grid-template-columns:1fr; } }
@media (min-width:601px) and (max-width:1024px) { .category-grid { grid-template-columns:repeat(2,1fr); } }
@media (min-width:1025px) { .category-grid { grid-template-columns:repeat(3,1fr); } }
.highlight-text { background-color:transparent !important; background:transparent !important; color:#cc0000 !important; display:inline !important; text-align:inherit !important; word-spacing:normal !important; letter-spacing:normal !important; padding:0 !important; margin:0 !important; font-weight:bold !important; font-size:100% !important; border-radius:0; }
.drop-cap { font-size:36px !important; line-height:32px !important; float:left !important; padding-right:6px !important; margin-top:3px !important; margin-bottom:-1px !important; font-weight:900 !important; font-family:'Noto Sans Devanagari',sans-serif !important; color:#111111; }
@keyframes pulse { 0% { transform:scale(0.95); box-shadow:0 0 0 0 rgba(16,185,129,0.7); } 70% { transform:scale(1); box-shadow:0 0 0 8px rgba(16,185,129,0); } 100% { transform:scale(0.95); box-shadow:0 0 0 0 rgba(16,185,129,0); } }
.floating-ai-icon-btn { position:fixed; bottom:80px; right:20px; width:56px; height:56px; border-radius:50%; background:linear-gradient(135deg,#b30000 0%,#1e293b 100%); color:white; display:flex; align-items:center; justify-content:center; font-size:24px; box-shadow:0 4px 15px rgba(0,0,0,0.25); cursor:pointer; z-index:4000; transition:transform 0.2s ease; }
.floating-ai-icon-btn:hover { transform:scale(1.08); }
@media (min-width:1024px) { .floating-ai-icon-btn { bottom:30px; } }