@import url("https://fonts.googleapis.com/css2?family=Host+Grotesk:wght@300;400;500;600;700;800&family=Playfair+Display:wght@400;500;600;700;800;900&family=IBM+Plex+Mono:wght@300;400;500&display=swap");:root,[data-theme=dark]{--bg-primary:#000F08;--bg-surface:#050b08;--glass-surface:rgba(5,15,10,0.78);--text-primary:#F7F7FF;--text-secondary:#b7b7c4;--text-muted:#777784;--accent-red:#FB3640;--accent-soft:rgba(251,54,64,0.12);--glass-border:rgba(251,54,64,0.12);--timeline-line:rgba(251,54,64,0.16);--glow-red:rgba(251,54,64,0.36);--header-bg:rgba(0,15,8,0.96);--header-fade:rgba(0,15,8,0);--footer-bg:rgba(0,15,8,0.88);--mobile-nav-bg:rgba(0,15,8,0.96);--overlay-bg:rgba(0,15,8,0.84);--scrollbar-thumb:rgba(251,54,64,0.22);--skeleton-a:rgba(255,255,255,0.025);--skeleton-b:rgba(255,255,255,0.07);--cat-hover-bg:rgba(251,54,64,0.06);--cat-nav-bg:rgba(255,255,255,0.025);--beam-color-a:rgba(251,54,64,0.18);--beam-color-b:rgba(251,54,64,0.72);--beam-trail-a:rgba(247,247,255,0.06);--beam-trail-b:rgba(247,247,255,0.18)}[data-theme=light]{--bg-primary:#F7F7FF;--bg-surface:#ffffff;--glass-surface:rgba(255,255,255,0.86);--text-primary:#101014;--text-secondary:#4f4f5f;--text-muted:#858596;--accent-red:#27187E;--accent-soft:rgba(39,24,126,0.10);--glass-border:rgba(39,24,126,0.12);--timeline-line:rgba(39,24,126,0.14);--glow-red:rgba(39,24,126,0.24);--header-bg:rgba(247,247,255,0.96);--header-fade:rgba(247,247,255,0);--footer-bg:rgba(247,247,255,0.92);--mobile-nav-bg:rgba(247,247,255,0.96);--overlay-bg:rgba(247,247,255,0.88);--scrollbar-thumb:rgba(39,24,126,0.18);--skeleton-a:rgba(39,24,126,0.035);--skeleton-b:rgba(39,24,126,0.085);--cat-hover-bg:rgba(39,24,126,0.055);--cat-nav-bg:rgba(39,24,126,0.035);--beam-color-a:rgba(39,24,126,0.22);--beam-color-b:rgba(39,24,126,0.70);--beam-trail-a:rgba(39,24,126,0.08);--beam-trail-b:rgba(39,24,126,0.24)}*,:after,:before{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--bg-primary);color:var(--text-primary);font-family:Host Grotesk,system-ui,sans-serif;overflow-x:hidden;min-height:100vh;transition:background .4s ease,color .4s ease}::selection{background:var(--accent-red);color:white}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:2px}.font-display{font-family:Playfair Display,Georgia,serif}.font-mono{font-family:IBM Plex Mono,monospace}.noise-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:2;pointer-events:none;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E");background-repeat:repeat}[data-theme=light] .noise-overlay{display:none}@keyframes timelineBeamFlow{0%{transform:translateX(-50%) translateY(-15%);opacity:0}15%{opacity:.35}50%{opacity:.55}85%{opacity:.25}to{transform:translateX(-50%) translateY(115%);opacity:0}}@keyframes timelineBeamBreaking{0%{transform:translateX(-50%) translateY(-20%);opacity:0}10%{opacity:.65}50%{opacity:1}90%{opacity:.55}to{transform:translateX(-50%) translateY(120%);opacity:0}}@keyframes timelineGlowPulse{0%,to{opacity:.28}50%{opacity:.38}}@keyframes flashPulse{0%{opacity:0}15%{opacity:1}to{opacity:0}}@keyframes nodeBreak{0%,to{box-shadow:0 0 20px var(--glow-red)}50%{box-shadow:0 0 40px var(--glow-red),0 0 60px var(--glow-red)}}@keyframes livePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.7)}}@keyframes breakPulse{0%{opacity:.5;transform:scale(.8)}to{opacity:1;transform:scale(1.2)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes cardReveal{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes themeToggleSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes timelineLineFill{to{transform:scaleY(1)}}@keyframes timelineMarkerLight{0%,to{border-color:var(--glass-border);background:var(--bg-primary);box-shadow:none}50%,to{border-color:var(--accent-red);background:var(--accent-red);box-shadow:0 0 18px 4px var(--glow-red)}}@keyframes timelineCardView{0%{opacity:0;transform:translateY(36px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.breaking-flash{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,var(--glow-red),transparent 70%);z-index:50;pointer-events:none;opacity:0}.breaking-flash.active{animation:flashPulse 2.5s ease-out forwards}.breaking-banner{position:fixed;top:80px;left:50%;transform:translateX(-50%) translateY(-20px);z-index:200;background:linear-gradient(135deg,var(--accent-red),color-mix(in srgb,var(--accent-red) 55%,var(--bg-primary) 45%));border:1px solid var(--glass-border);border-radius:8px;padding:12px 28px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);opacity:0;pointer-events:none;transition:all .6s cubic-bezier(.16,1,.3,1);display:flex;align-items:center;gap:12px;box-shadow:none}.breaking-banner.active{opacity:1;transform:translateX(-50%) translateY(0)}.breaking-dot{width:8px;height:8px;background:#fff;border-radius:50%;animation:breakPulse .6s ease-in-out infinite alternate}.breaking-text{font-family:Host Grotesk,sans-serif;font-weight:700;font-size:13px;letter-spacing:2px;color:white;text-transform:uppercase}.sound-toggle{position:fixed;bottom:24px;right:24px;z-index:300;width:44px;height:44px;border-radius:50%;background:var(--glass-surface);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;color:var(--text-muted);font-size:18px}.sound-toggle:hover{border-color:var(--glass-border);color:var(--text-primary)}.sound-toggle.active{border-color:var(--accent-red);color:var(--accent-red);box-shadow:0 0 20px var(--glow-red)}.header{position:fixed;top:0;left:0;right:0;z-index:100;padding:16px 32px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(180deg,var(--header-bg) 0,rgba(0,15,8,.68) 70%,var(--header-fade) 100%);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:background .4s ease}[data-theme=light] .header{background:linear-gradient(180deg,var(--header-bg) 0,rgba(247,247,255,.72) 70%,var(--header-fade) 100%)}.nav-logo{display:flex;align-items:center;gap:10px;font-family:Host Grotesk,sans-serif;font-weight:700;font-size:15px;letter-spacing:4px;color:var(--text-primary);text-transform:uppercase}.nav-logo img{height:28px;width:auto;transition:filter .3s ease}[data-theme=dark] .nav-logo img{filter:brightness(1.1)}[data-theme=light] .nav-logo img{filter:brightness(.2)}.nav-right{gap:16px}.live-badge,.nav-right{display:flex;align-items:center}.live-badge{gap:8px;padding:6px 14px;background:var(--accent-soft);border:1px solid var(--glass-border);border-radius:20px}.live-dot{width:6px;height:6px;background:var(--accent-red);border-radius:50%;animation:livePulse 2s ease-in-out infinite;box-shadow:0 0 8px var(--glow-red)}.live-text{font-size:10px;font-weight:500;letter-spacing:2px;color:var(--accent-red);text-transform:uppercase}.live-text,.nav-clock{font-family:IBM Plex Mono,monospace}.nav-clock{font-size:12px;color:var(--text-muted);letter-spacing:1px}.theme-switch-wrap{display:flex;align-items:center;gap:8px}.theme-switch-label{font-family:IBM Plex Mono,monospace;font-size:10px;letter-spacing:1.5px;color:var(--text-muted);text-transform:uppercase;-webkit-user-select:none;-moz-user-select:none;user-select:none}.theme-switch{position:relative;width:44px;height:24px;cursor:pointer}.theme-switch input{opacity:0;width:0;height:0;position:absolute}.theme-switch-track{position:absolute;inset:0;border-radius:12px;background:var(--glass-border);border:1px solid var(--glass-border);transition:background .35s ease,border-color .35s ease}[data-theme=light] .theme-switch-track{background:rgba(39,24,126,.12);border-color:rgba(39,24,126,.22)}.theme-switch-thumb{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:var(--text-muted);transition:transform .35s cubic-bezier(.16,1,.3,1),background .35s ease;display:flex;align-items:center;justify-content:center;font-size:9px;line-height:1}.theme-switch input:checked~.theme-switch-thumb{transform:translateX(20px);background:var(--accent-red)}.theme-icon{pointer-events:none}.category-nav-desktop{position:fixed;top:14px;left:50%;transform:translateX(-50%);z-index:101}.category-nav-mobile{display:none}.category-nav{display:flex;gap:6px;padding:4px;background:var(--cat-nav-bg);border-radius:20px;border:1px solid var(--glass-border)}.cat-pill{padding:7px 16px;border-radius:16px;font-size:12px;font-weight:500;letter-spacing:.5px;color:var(--text-muted);cursor:pointer;transition:all .4s cubic-bezier(.16,1,.3,1);border:1px solid transparent;background:transparent;white-space:nowrap}.cat-pill:hover{color:var(--text-secondary);background:var(--cat-hover-bg)}.cat-pill.active{color:var(--text-primary);background:var(--accent-soft);border-color:var(--glass-border);box-shadow:0 0 20px var(--glow-red)}.timeline-title-section{padding-top:100px;padding-bottom:40px;text-align:center;position:relative;z-index:10}.timeline-subtitle{font-family:IBM Plex Mono,monospace;font-size:11px;letter-spacing:4px;color:var(--accent-red);text-transform:uppercase;margin-bottom:16px}.timeline-main-title{font-family:Playfair Display,serif;font-size:clamp(28px,5vw,48px);font-weight:700;color:var(--text-primary);letter-spacing:-.5px}.timeline-main-title .accent{color:var(--accent-red)}.timeline-container{position:relative;z-index:10;max-width:1100px;margin:0 auto;padding:0 24px 120px}.timeline-line{position:absolute;top:0;bottom:0;left:50%;width:2px;background:var(--timeline-line);transform:translateX(-50%);z-index:1;overflow:hidden}.timeline-line:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,var(--beam-color-a),var(--beam-color-b),var(--accent-red));transform-origin:top;transform:scaleY(0);animation:timelineLineFill linear forwards;animation-timeline:scroll(root)}.timeline-glow{position:absolute;top:0;bottom:0;left:50%;width:22px;transform:translateX(-50%);background:linear-gradient(180deg,transparent 0,var(--beam-color-a) 25%,var(--beam-color-b) 50%,var(--beam-color-a) 75%,transparent 100%);filter:blur(12px);pointer-events:none;z-index:1;opacity:.22;animation:none}.timeline-beam-wrap{display:none}.timeline-item{position:relative;display:flex;align-items:flex-start;margin-bottom:48px;opacity:0;transform:translateY(36px) scale(.97);animation:timelineCardView linear forwards;animation-timeline:view();animation-range:entry 18% cover 42%}.timeline-item.visible{opacity:1;transform:translateY(0) scale(1)}.timeline-item.left{justify-content:flex-start;padding-right:calc(50% + 40px);padding-left:0}.timeline-item.right{justify-content:flex-end;padding-left:calc(50% + 40px);padding-right:0}.timeline-item.left .news-card,.timeline-item.right .news-card{width:100%;max-width:480px}.timeline-node{position:absolute;left:50%;top:24px;width:14px;height:14px;background:var(--bg-primary);border:2px solid var(--glass-border);border-radius:50%;transform:translateX(-50%);z-index:5;animation:timelineMarkerLight linear forwards;animation-timeline:view();animation-range:contain 38% contain 62%}.timeline-node.breaking{border-color:var(--accent-red);background:var(--accent-red);box-shadow:0 0 24px var(--glow-red)}.news-card{background:var(--glass-surface);border:1px solid var(--glass-border);border-radius:16px;overflow:hidden;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .5s cubic-bezier(.16,1,.3,1);cursor:pointer;width:100%;max-width:480px}.news-card:hover{transform:translateY(-4px);border-color:var(--glass-border);box-shadow:0 20px 60px rgba(0,0,0,.15),0 0 40px var(--glow-red)}[data-theme=light] .news-card:hover{box-shadow:0 20px 40px rgba(39,24,126,.1),0 0 30px rgba(39,24,126,.08)}.news-card.breaking-card{border-color:var(--glass-border);box-shadow:0 0 30px var(--glow-red)}.card-image{object-fit:cover}.card-fallback,.card-image{width:100%;height:180px;border-bottom:1px solid var(--glass-border);display:block}.card-body{padding:20px}.card-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.card-category{font-size:10px;font-weight:500;letter-spacing:2px;color:var(--accent-red);text-transform:uppercase;padding:3px 8px;background:var(--accent-soft);border-radius:4px}.card-category,.card-time{font-family:IBM Plex Mono,monospace}.card-time{font-size:11px;color:var(--text-muted)}.card-title{font-family:Playfair Display,serif;font-size:18px;font-weight:700;line-height:1.35;color:var(--text-primary);margin-bottom:10px;-webkit-line-clamp:3}.card-description,.card-title{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.card-description{font-size:13px;line-height:1.6;color:var(--text-secondary);-webkit-line-clamp:2;margin-bottom:14px}.card-footer{display:flex;align-items:center;justify-content:space-between}.card-ago,.card-source{font-family:IBM Plex Mono,monospace;font-size:11px;color:var(--text-muted)}.skeleton-card{background:var(--glass-surface);border:1px solid var(--glass-border);border-radius:16px;overflow:hidden;width:100%;max-width:480px}.skeleton-image{width:100%;height:180px;background:linear-gradient(90deg,var(--skeleton-a) 25%,var(--skeleton-b) 50%,var(--skeleton-a) 75%);background-size:200% 100%;animation:shimmer 2s ease-in-out infinite}.skeleton-body{padding:20px}.skeleton-line{height:12px;border-radius:6px;background:linear-gradient(90deg,var(--skeleton-a) 25%,var(--skeleton-b) 50%,var(--skeleton-a) 75%);background-size:200% 100%;animation:shimmer 2s ease-in-out infinite;margin-bottom:10px}.skeleton-line.w75{width:75%}.skeleton-line.w100{width:100%}.skeleton-line.w60{width:60%}.skeleton-line.w40{width:40%}.article-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:500;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .5s cubic-bezier(.16,1,.3,1)}.article-overlay.active{opacity:1;pointer-events:all}.overlay-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--overlay-bg);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px)}.overlay-content{position:relative;width:90%;max-width:680px;max-height:85vh;background:var(--glass-surface);border:1px solid var(--glass-border);border-radius:20px;overflow-y:auto;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);transform:translateY(30px) scale(.95);transition:transform .5s cubic-bezier(.16,1,.3,1)}.article-overlay.active .overlay-content{transform:translateY(0) scale(1)}.overlay-close{position:absolute;top:16px;right:16px;width:36px;height:36px;border-radius:50%;background:var(--glass-surface);border:1px solid var(--glass-border);color:var(--text-secondary);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:all .3s ease}.overlay-close:hover{color:var(--text-primary);border-color:var(--accent-red)}.overlay-image{width:100%;height:300px;object-fit:cover}.overlay-body{padding:32px}.overlay-category{font-family:IBM Plex Mono,monospace;font-size:11px;letter-spacing:2px;color:var(--accent-red);text-transform:uppercase;margin-bottom:16px}.overlay-title{font-family:Playfair Display,serif;font-size:clamp(22px,4vw,32px);font-weight:700;line-height:1.3;color:var(--text-primary);margin-bottom:16px}.overlay-meta{display:flex;align-items:center;gap:16px;margin-bottom:24px;font-family:IBM Plex Mono,monospace;font-size:12px;color:var(--text-muted)}.overlay-description{font-size:15px;line-height:1.8;color:var(--text-secondary);margin-bottom:24px}.overlay-link{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:var(--accent-soft);border:1px solid var(--glass-border);border-radius:8px;color:var(--accent-red);font-size:13px;font-weight:500;text-decoration:none;transition:all .3s ease}.overlay-link:hover{background:var(--accent-soft);box-shadow:0 0 24px var(--glow-red)}.reading-progress{position:absolute;top:0;left:0;height:2px;background:var(--accent-red);transition:width .1s linear;z-index:10}.bottom-hero{position:relative;z-index:10;padding:120px 24px;text-align:center;background:transparent;border-top:1px solid var(--glass-border)}.hero-title{font-size:clamp(32px,6vw,56px);font-weight:700;letter-spacing:12px;color:var(--text-primary);text-transform:uppercase;margin-bottom:20px}.hero-subtitle,.hero-title{font-family:Host Grotesk,sans-serif}.hero-subtitle{font-size:clamp(14px,2vw,18px);font-weight:300;color:var(--text-secondary);letter-spacing:3px;margin-bottom:40px}.hero-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 36px;background:transparent;border:1px solid var(--glass-border);border-radius:30px;color:var(--text-primary);font-family:IBM Plex Mono,monospace;font-size:12px;letter-spacing:3px;text-transform:uppercase;cursor:pointer;transition:all .5s cubic-bezier(.16,1,.3,1)}.hero-btn:hover{background:var(--accent-soft);border-color:var(--glass-border);box-shadow:0 0 40px var(--glow-red)}.site-footer{position:relative;z-index:10;padding:32px;text-align:center;border-top:1px solid var(--glass-border);background:var(--footer-bg)}.footer-logo{display:inline-flex;align-items:center;gap:8px;font-family:IBM Plex Mono,monospace;font-size:11px;letter-spacing:3px;color:var(--text-muted);text-transform:uppercase;margin-bottom:8px}.footer-logo img{height:22px;width:auto;opacity:.5}[data-theme=light] .footer-logo img{filter:brightness(0)}.footer-copy{font-size:11px;color:var(--text-muted);opacity:.5}.stream-end{padding:0 24px 56px;margin-top:-6px}.error-state,.stream-end{text-align:center;position:relative;z-index:10}.error-state{padding:80px 24px}.error-icon{font-size:48px;margin-bottom:16px;opacity:.3}.error-title{font-family:IBM Plex Mono,monospace;font-size:14px;color:var(--text-secondary);letter-spacing:2px;margin-bottom:8px}.error-sub{font-size:13px;color:var(--text-muted);margin-bottom:24px}.retry-btn{padding:10px 24px;border:1px solid var(--glass-border);border-radius:8px;color:var(--accent-red);font-size:13px;cursor:pointer;transition:all .3s ease}.retry-btn,.retry-btn:hover{background:var(--accent-soft)}.retry-btn:hover{box-shadow:0 0 24px var(--glow-red)}@media (max-width:768px){.header{padding:12px 16px}.category-nav-desktop,.nav-clock{display:none}.category-nav-mobile{display:flex!important;position:fixed;bottom:0;left:0;right:0;z-index:100;padding:8px 12px;background:var(--mobile-nav-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--glass-border);overflow-x:auto;gap:4px;-ms-overflow-style:none;scrollbar-width:none}.category-nav-mobile::-webkit-scrollbar{display:none}.timeline-beam-wrap,.timeline-glow,.timeline-line,.timeline-node{left:20px}.timeline-item.left,.timeline-item.right{padding-left:48px;padding-right:0;justify-content:flex-start}.timeline-container{padding:0 8px 140px}.bottom-hero{padding:80px 16px}}