:root{--bg: #18181b;--text: #f1f5f9;--card: #27272a;--border: #3f3f46;--muted: #a1a1aa;--nav-bg: var(--card)}[data-theme=light]{--bg: #f8f9fa;--text: #111827;--card: #ffffff;--border: #e5e7eb;--muted: #6b7280}body{background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;font-display:swap}.logo-font{font-family:Space Grotesk,sans-serif;font-display:swap}nav{background:var(--card);border-bottom:1px solid var(--border)}.mobile-menu{transform:translate(100%);transition:transform .3s ease-in-out;background:var(--card);color:var(--text)}.mobile-menu.open{transform:translate(0)}.mobile-menu-overlay{opacity:0;pointer-events:none;transition:opacity .3s ease-in-out}.mobile-menu-overlay.open{opacity:1;pointer-events:auto}input{background:var(--card);border-color:var(--border);color:var(--text)}.th-bg{background:var(--bg)}.th-text{color:var(--text)}.th-card{background:var(--card);border:1px solid var(--border)}.th-nav{background:var(--nav-bg, var(--card));border-color:var(--border)}.th-input{background:var(--input-bg, var(--card));border-color:var(--input-border, var(--border));color:var(--text)}.th-muted{color:var(--muted)}.th-border{border-color:var(--border)}.th-hover:hover{background:var(--card-hover, var(--border))}.admin-card,.article-card{background:var(--card);border:1px solid var(--border)}.article-card:hover{background:var(--card-hover, var(--border))}.nav-back-btn{background:var(--card);border:1px solid var(--border);color:var(--text)}.nav-back-btn:hover{background:var(--card-hover, var(--border))}[data-theme=light] .stat-icon-bg{opacity:.15}[data-theme=dark] .stat-icon-bg{opacity:.2}[data-theme=dark] .category-badge{background:#4c1d95;color:#ddd6fe}[data-theme=light] .category-badge{background:#ddd6fe;color:#6b21a8}.modal-card{background:var(--card);border:1px solid var(--border)}.cookie-banner{background:var(--card);border-top:1px solid var(--border);box-shadow:0 -10px 40px #0000004d;visibility:hidden;height:0;overflow:hidden;opacity:0;transition:visibility .3s ease-out,height .3s ease-out,opacity .3s ease-out}.cookie-banner.shown{visibility:visible;height:auto;opacity:1}[data-theme=light] .cookie-banner{box-shadow:0 -10px 40px #0000001a}.toggle-switch{position:relative;width:52px;height:28px;appearance:none;background:var(--border);border-radius:9999px;cursor:pointer;transition:background .3s ease}.toggle-switch:checked{background:#7c3aed}.toggle-switch:before{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;background:#fff;border-radius:50%;transition:transform .3s ease}.toggle-switch:checked:before{transform:translate(24px)}.toggle-switch:disabled{opacity:.5;cursor:not-allowed}.cookie-modal{background:#000000b3;backdrop-filter:blur(4px)}[data-theme=light] .cookie-modal{background:#00000080}.cookie-modal-card{background:var(--card);color:var(--text)}.cookie-modal-header{background:var(--card);border-bottom:1px solid var(--border)}.cookie-modal-section{background:var(--border)}.cookie-modal-text,.cookie-modal-muted{color:var(--muted)}.cookie-modal-close-btn{background:transparent;color:var(--text)}.cookie-modal-close-btn:hover{background:var(--border)}.cookie-modal-btn-secondary{background:transparent;border:1px solid var(--border);color:var(--text)}.cookie-modal-btn-secondary:hover{background:var(--border)}.cookie-badge-always{background:#10b981;color:#fff}.cookie-badge-optional{background:#f59e0b;color:#fff}.cookie-policy-link{color:#7c3aed}.cookie-policy-link:hover{opacity:.8}.newsletter-card{background:var(--card);border:1px solid var(--border);color:var(--text)}.newsletter-muted-text{color:var(--muted)}.newsletter-input{background:var(--card);border:1px solid var(--border);color:var(--text)}.newsletter-input::placeholder{color:var(--muted)}.news-card{background:var(--card);border:1px solid var(--border);display:flex;flex-direction:column;height:100%;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;contain:layout style paint;content-visibility:auto;contain-intrinsic-size:0 420px}.news-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px -12px #00000038;border-color:#7c3aed55}.category-scroll-wrapper{position:relative}.category-scroll-wrapper:after{content:"";position:absolute;right:0;top:0;bottom:0;width:48px;background:linear-gradient(to left,var(--bg) 20%,transparent);pointer-events:none;z-index:1}.category-scroll{overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;padding-bottom:6px;padding-top:4px;padding-right:4rem}.category-btn{background:var(--card);border:1px solid var(--border);color:var(--text);white-space:nowrap;transition:background .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease;font-weight:500;font-size:.8rem;flex-shrink:0;min-height:34px;min-width:0}.category-btn:hover{border-color:#7c3aed;color:#7c3aed;box-shadow:0 2px 12px -2px #7c3aed44}[data-theme=dark] .category-btn.active,[data-theme=light] .category-btn.active{background:#7c3aed;border-color:#7c3aed;color:#fff}.category-scroll{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;padding-bottom:6px;padding-top:4px;padding-right:3rem}.category-scroll::-webkit-scrollbar{display:none}@media(min-width:640px){.category-scroll{overflow-x:visible;flex-wrap:wrap;padding-right:0;padding-bottom:4px}.category-scroll-wrapper:after{display:none}}.ad-placeholder{background:repeating-linear-gradient(45deg,#27272a,#27272a 10px,#18181b 10px 20px);border:2px dashed #4b5563;display:flex;align-items:center;justify-content:center;flex-shrink:0}[data-theme=light] .ad-placeholder{background:repeating-linear-gradient(45deg,#e5e7eb,#e5e7eb 10px,#f3f4f6 10px 20px);border:2px dashed #cbd5e1}.news-card-image{width:100%;height:11rem;object-fit:cover;display:block;transition:transform .35s ease;aspect-ratio:16 / 9;content-visibility:auto}.news-card:hover .news-card-image{transform:scale(1.03)}.news-card-image-wrap{overflow:hidden;position:relative;flex-shrink:0;aspect-ratio:16 / 9}#news-container{contain:layout style}#trending,#trending-desktop{scrollbar-width:none;-ms-overflow-style:none}#trending::-webkit-scrollbar,#trending-desktop::-webkit-scrollbar{display:none}.lg\:sticky{scrollbar-width:none;-ms-overflow-style:none}.lg\:sticky::-webkit-scrollbar{display:none}.scroll-top-btn{opacity:0!important;visibility:hidden!important;transform:translateY(20px)!important;transition:opacity .3s ease,visibility .3s ease,transform .3s ease;pointer-events:none!important;display:flex!important}.scroll-top-btn.visible{opacity:1!important;visibility:visible!important;transform:translateY(0)!important;pointer-events:auto!important}.scroll-top-btn.hidden-scroll{opacity:0!important;visibility:hidden!important;transform:translateY(20px)!important;pointer-events:none!important}@media(max-width:1023px){.scroll-top-btn{display:flex!important}}
