@import"https://fonts.googleapis.com/css2?family=Newsreader:opsz,wght@6..72,400;500;600;700&family=Space+Grotesk:wght@400;500;600&display=swap";:root{--font-sans: "Space Grotesk", "Segoe UI", sans-serif;--font-serif: "Newsreader", "Georgia", serif;--ink: #141414;--muted: #4b5563;--accent: #0f766e;--accent-strong: #0b3b36;--accent-warm: #c2410c;--surface: #ffffff;--surface-alt: #f8f4ee;--border: #e7dfd5;--shadow: 0 20px 50px rgba(20, 22, 28, .12);--scroll-track: #e8e2da;--scroll-thumb: #cbbfb2}:root[data-theme=dark]{--ink: #f8fafc;--muted: #cbd5f5;--accent: #5eead4;--accent-strong: #0f766e;--accent-warm: #f59e0b;--surface: #0f172a;--surface-alt: #111827;--border: #1f2937;--shadow: 0 20px 50px rgba(2, 6, 23, .55);background-color:#0b1120;--scroll-track: #0b1120;--scroll-thumb: #374151}*{box-sizing:border-box}body{margin:0;font-family:var(--font-sans);color:var(--ink);background:radial-gradient(circle at 15% 10%,rgba(15,118,110,.12),transparent 40%),radial-gradient(circle at 85% 0%,rgba(194,65,12,.12),transparent 45%),#f4f1ec;min-height:100vh;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}:root[data-theme=dark] body{background:radial-gradient(circle at 15% 10%,rgba(45,212,191,.2),transparent 45%),radial-gradient(circle at 85% 0%,rgba(250,204,21,.18),transparent 40%),#0b1120}*{scrollbar-width:thin;scrollbar-color:var(--scroll-thumb) var(--scroll-track)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--scroll-track)}::-webkit-scrollbar-thumb{background-color:var(--scroll-thumb);border-radius:999px;border:3px solid var(--scroll-track)}a{color:inherit;text-decoration:none}#root{min-height:100vh}.news-app{width:min(1200px,100%);margin:0 auto;padding:clamp(1.5rem,3vw,3rem);display:grid;gap:2.5rem}.news-header{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap}.news-brand{display:flex;align-items:center;gap:.9rem}.news-brand-mark{width:46px;height:46px;border-radius:16px;background:var(--accent);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:700;text-transform:uppercase}.news-brand-mark-text{font-size:.72rem;letter-spacing:.12rem;line-height:1;font-kerning:none;display:inline-block;transform:translate(.04rem)}.news-brand-name{font-family:var(--font-serif);font-size:1.25rem;font-weight:600}.news-brand-tag{display:flex;align-items:center;gap:.6rem;font-size:.62rem;text-transform:uppercase;letter-spacing:.18rem;color:var(--muted)}.news-header-actions{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap;justify-content:flex-end}.news-theme-toggle{border:1px solid var(--border);background:var(--surface);color:var(--ink);border-radius:999px;width:36px;height:36px;font-weight:600;cursor:pointer;box-shadow:var(--shadow);display:inline-flex;align-items:center;justify-content:center;padding:0}.news-theme-toggle:hover{transform:translateY(-1px)}.news-theme-icon{width:18px;height:18px;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;fill:none}@media(max-width:720px){.news-header-actions{width:100%;justify-content:flex-start}.news-theme-toggle{width:32px;height:32px}}.news-nav{display:flex;gap:1rem;flex-wrap:wrap}.news-nav-link{font-size:.95rem;color:var(--muted);position:relative;padding-bottom:.25rem}.news-nav-link:after{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;background:var(--accent-warm);transition:width .16s ease}.news-nav-link:hover:after{width:100%}.news-cta{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border:1px solid var(--border);background:var(--surface);color:var(--ink);border-radius:999px;padding:.6rem 1.2rem;font-weight:600;cursor:pointer;box-shadow:var(--shadow);line-height:1;white-space:nowrap;transition:transform .14s ease,box-shadow .14s ease,background-color .14s ease}.news-cta:hover{transform:translateY(-1px)}.news-cta.primary{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 18px 40px #0f766e40}.news-cta.ghost{background:transparent;box-shadow:none}.news-main{display:grid;grid-template-columns:1fr;gap:1.5rem;align-items:start}.news-hero{background:var(--surface);border:1px solid var(--border);border-radius:24px;padding:clamp(1.8rem,3vw,2.6rem);box-shadow:var(--shadow);position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:1.6rem;align-items:center}.news-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 10% 10%,rgba(15,118,110,.2),transparent 45%);opacity:.8;pointer-events:none}.news-hero>*{position:relative;z-index:1}.news-hero-content{display:grid;gap:1.1rem}.news-hero-media{align-self:start;display:grid}.news-hero-media img,.news-hero-media-placeholder{width:100%;height:auto;aspect-ratio:4 / 5;min-height:240px;max-height:360px;border-radius:20px;border:1px solid var(--border);box-shadow:0 16px 32px #14161c1f;object-fit:cover;object-position:center}.news-hero-media-placeholder{background:linear-gradient(135deg,#0f766e33,#c2410c26)}.news-kicker{margin:0;text-transform:uppercase;letter-spacing:.3rem;font-size:.7rem;color:var(--accent);font-weight:600}.news-hero-title{margin:0;font-family:var(--font-serif);font-size:clamp(2rem,3vw,3rem);line-height:1.1}.news-hero-summary{margin:0;color:var(--muted);font-size:1.05rem;max-width:52ch;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.news-hero-actions{display:flex;gap:.8rem;flex-wrap:wrap;align-items:center}.news-hero-meta{grid-column:1 / -1;display:flex;gap:1.5rem;color:var(--muted);font-size:.9rem;flex-wrap:wrap}.news-status{display:inline-flex;align-items:center;gap:.4rem;font-weight:600;text-transform:uppercase;letter-spacing:.08rem;font-size:.55rem}.news-status-dot{width:8px;height:8px;border-radius:999px;background:#94a3b8;box-shadow:0 0 0 2px #94a3b833}.news-status.loading .news-status-dot{background:#f59e0b;box-shadow:0 0 0 3px #f59e0b40;animation:statusPulse 1.2s ease-in-out infinite}.news-status.live .news-status-dot{background:#22c55e;box-shadow:0 0 0 3px #22c55e33}.news-status.offline .news-status-dot{background:#ef4444;box-shadow:0 0 0 3px #ef444433}@keyframes statusPulse{0%{transform:scale(1);opacity:.7}50%{transform:scale(1.2);opacity:1}to{transform:scale(1);opacity:.7}}.news-sidebar{display:grid;gap:1.2rem}.news-sidebar-card{background:var(--surface-alt);border:1px solid var(--border);border-radius:20px;padding:1.4rem;box-shadow:var(--shadow);display:grid;gap:1rem}.news-card-title{margin:0;font-family:var(--font-serif);font-size:1.25rem}.news-trending-list{display:grid;gap:.9rem}.news-trending-item{display:flex;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--border);padding-bottom:.7rem}.news-trending-item:last-child{border-bottom:none;padding-bottom:0}.news-trending-item p{margin:0 0 .35rem;font-weight:600}.news-trending-item span{color:var(--muted);font-size:.85rem}.news-trending-time{font-weight:600;color:var(--accent-warm)}.news-pulse-grid{display:grid;gap:.75rem}.news-pulse-card{padding:.8rem 1rem;border-radius:14px;background:var(--surface);border:1px solid var(--border);display:grid;gap:.2rem}.news-pulse-card p{margin:0;color:var(--muted);font-size:.85rem}.news-pulse-card strong{font-size:1.2rem}.news-pulse-card span{color:var(--accent-warm);font-size:.85rem;font-weight:600}.news-latest{display:grid;gap:1.2rem}.news-section-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.news-section-header h2{margin:0;font-family:var(--font-serif);font-size:1.6rem}.news-link{border:none;background:transparent;color:var(--accent);font-weight:600;cursor:pointer}.news-toplist{list-style:none;padding:0;margin:0;display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr))}.news-top-item{display:grid;grid-template-columns:auto 1fr auto;gap:1rem;padding:1rem 1.2rem;border-radius:10px;border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);align-items:center}.news-rank{font-family:var(--font-serif);font-size:1.1rem;color:var(--accent)}.news-top-body{display:grid;gap:.35rem}.news-top-thumb{width:72px;height:72px;border-radius:14px;overflow:hidden;border:1px solid var(--border);box-shadow:0 10px 20px #14161c1a;background:var(--surface-alt);display:grid;place-items:center}.news-top-thumb img{width:100%;height:100%;object-fit:cover}.news-top-title{font-family:var(--font-serif);font-size:1.1rem;color:var(--ink)}.news-top-meta{display:flex;gap:1rem;color:var(--muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.12rem;align-items:center}.news-thumb-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#0f766e33,#c2410c26)}:root[data-theme=dark] .news-top-item{background:#0f172a;border-color:#1f2937;box-shadow:0 18px 40px #02061799}:root[data-theme=dark] .news-top-title{color:#f8fafc}:root[data-theme=dark] .news-top-meta{color:#94a3b8}:root[data-theme=dark] .news-rank{color:#5eead4}:root[data-theme=dark] .news-top-thumb{background:#0b1120;border-color:#1f2937;box-shadow:0 10px 24px #02061799}:root[data-theme=dark] .news-thumb-placeholder{background:linear-gradient(135deg,#2dd4bf2e,#facc151f)}@keyframes riseIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:980px){.news-main{grid-template-columns:1fr}.news-hero{grid-template-columns:1fr;align-items:start}.news-hero-media img,.news-hero-media-placeholder{aspect-ratio:16 / 9;max-height:280px}.news-toplist{grid-template-columns:1fr}.news-sentiment-summary{width:100%;justify-content:flex-start}}@media(max-width:720px){.news-header{flex-direction:column;align-items:flex-start}.news-app{padding:1.25rem 1rem 2rem}.news-brand-mark{width:40px;height:40px;border-radius:12px}.news-brand-name{font-size:1.1rem}.news-brand-tag{letter-spacing:.12rem;gap:.4rem}.news-hero-title{font-size:1.75rem}.news-hero-actions{flex-direction:column;align-items:stretch}.news-top-item{grid-template-columns:auto 1fr auto;align-items:start;gap:.6rem;padding:.85rem .9rem}.news-rank{font-size:.95rem}.news-top-title{font-size:1rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.news-top-meta{font-size:.7rem;letter-spacing:.08rem;gap:.6rem;flex-wrap:wrap}.news-top-thumb{width:48px;height:48px}.news-sentiment{font-size:.52rem;padding:.15rem .4rem}.news-sentiment-summary{justify-content:flex-start}}
