.app-container{max-width:1440px;margin:0 auto;padding:2rem 1.5rem;z-index:10;position:relative}.app-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-glass)}.logo-section h1{font-size:2.2rem;font-weight:800;background:linear-gradient(135deg,var(--text-primary) 30%,var(--accent-cyan) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:flex;align-items:center;gap:.5rem}.logo-section p{color:var(--text-secondary);font-size:.95rem;margin-top:.25rem}.channel-buttons{display:flex;gap:.75rem}.btn-glass{background:var(--bg-card);border:1px solid var(--border-glass);color:var(--text-primary);padding:.6rem 1.2rem;border-radius:8px;font-family:inherit;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none;font-size:.9rem}.btn-glass:hover{background:var(--bg-card-hover);border-color:var(--accent-indigo);transform:translateY(-2px);box-shadow:0 4px 12px var(--accent-indigo-glow)}.headline-banner{background:linear-gradient(135deg,#6366f11a,#06b6d40d);border:1px solid var(--border-glass);border-radius:16px;padding:1.5rem 2rem;margin-bottom:2.5rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:relative;overflow:hidden}.headline-banner:before{content:"";position:absolute;left:0;top:0;height:100%;width:4px;background:linear-gradient(to bottom,var(--accent-indigo),var(--accent-cyan))}.headline-badge{background:#6366f133;border:1px solid rgba(99,102,241,.3);color:#c7d2fe;padding:.25rem .75rem;border-radius:50px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;display:inline-block;margin-bottom:.75rem}.headline-banner h2{font-size:1.6rem;font-weight:700;line-height:1.4;color:var(--text-primary)}.timeline-section{margin-bottom:2rem}.timeline-scroll{display:flex;gap:.75rem;overflow-x:auto;padding-bottom:.75rem}.timeline-btn{background:var(--bg-card);border:1px solid var(--border-glass);color:var(--text-secondary);padding:.5rem 1.2rem;border-radius:12px;cursor:pointer;white-space:nowrap;font-family:inherit;font-weight:500;transition:all .2s ease}.timeline-btn:hover{border-color:var(--accent-cyan);color:var(--text-primary)}.timeline-btn.active{background:#06b6d426;border-color:var(--accent-cyan);color:var(--text-primary);font-weight:600;box-shadow:0 0 12px var(--accent-cyan-glow)}.nav-filters{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;margin-bottom:2.5rem;border-bottom:1px solid var(--border-glass);padding-bottom:1rem}.category-tabs{display:flex;gap:.6rem;flex-wrap:wrap}.tab-btn{background:#ffffff05;border:1px solid var(--border-glass);color:var(--text-secondary);padding:.5rem 1.2rem;border-radius:50px;cursor:pointer;font-family:inherit;font-size:.9rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1)}.tab-btn:hover{color:var(--text-primary);border-color:var(--border-glass-hover);background:#ffffff0d}.tab-btn.active{color:var(--text-primary);background:#6366f11f;border-color:var(--accent-indigo);box-shadow:0 0 12px #6366f126}.refresh-btn{background:transparent;border:1px solid var(--border-glass);color:var(--text-secondary);padding:.4rem .8rem;border-radius:6px;cursor:pointer;font-size:.85rem;transition:all .2s ease}.refresh-btn:hover{border-color:var(--text-primary);color:var(--text-primary)}.stories-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-bottom:3rem}@media (min-width: 768px){.stories-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.stories-grid{grid-template-columns:repeat(3,1fr)}}.story-card{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:16px;padding:1.75rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;justify-content:space-between;cursor:pointer}.story-card:hover{background:var(--bg-card-hover);border-color:var(--border-glass-hover);transform:translateY(-4px);box-shadow:0 10px 20px #0000004d}.story-card:hover .card-img{transform:scale(1.05)}.card-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.sentiment-badge{font-size:.75rem;font-weight:700;text-transform:uppercase;padding:.25rem .6rem;border-radius:6px;border:1px solid currentColor}.sentiment-badge.positive{color:var(--sentiment-positive);background:#10b9811a}.sentiment-badge.neutral{color:var(--text-secondary);background:#94a3b81a}.sentiment-badge.warning{color:var(--sentiment-warning);background:#f59e0b1a}.story-card h3{font-size:1.3rem;font-weight:700;line-height:1.35;color:var(--text-primary);margin-bottom:1rem}.story-bullets{list-style:none;margin-bottom:1.25rem}.story-bullets li{position:relative;padding-left:1.25rem;color:var(--text-secondary);font-size:.95rem;line-height:1.5;margin-bottom:.5rem}.story-bullets li:before{content:"•";position:absolute;left:.25rem;color:var(--accent-indigo);font-weight:700}.why-matters-box{background:#6366f10d;border:1px solid rgba(99,102,241,.1);border-radius:8px;padding:.85rem 1rem;margin-bottom:1.25rem}.why-matters-box p{font-size:.9rem;line-height:1.45;color:var(--text-primary)}.why-matters-box strong{color:var(--accent-indigo);font-weight:700}.card-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border-glass);padding-top:1rem;margin-top:auto}.source-container{display:flex;gap:.5rem;flex-wrap:wrap}.source-pill{font-size:.75rem;font-weight:600;color:var(--text-muted);background:#ffffff0d;padding:.2rem .5rem;border-radius:4px}.btn-read-more{color:var(--accent-cyan);text-decoration:none;font-size:.85rem;font-weight:600;display:flex;align-items:center;gap:.25rem;transition:all .2s ease}.btn-read-more:hover{color:var(--text-primary);text-shadow:0 0 8px var(--accent-cyan-glow)}.broadcast-panel{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:20px;padding:2rem;margin-bottom:4rem;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;border-bottom:1px solid var(--border-glass);padding-bottom:1rem}.panel-header h3{font-size:1.4rem;font-weight:700;color:var(--text-primary)}.broadcast-tabs{display:flex;gap:.5rem}.btn-tab-sm{background:transparent;border:1px solid var(--border-glass);color:var(--text-secondary);padding:.35rem .8rem;border-radius:6px;font-family:inherit;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-tab-sm.active{background:var(--accent-indigo);border-color:var(--accent-indigo);color:var(--text-primary)}.panel-body{position:relative}.broadcast-textarea{width:100%;height:250px;background:#00000040;border:1px solid var(--border-glass);border-radius:12px;padding:1rem;color:#e2e8f0;font-family:Courier New,Courier,monospace;font-size:.9rem;line-height:1.5;resize:vertical}.broadcast-textarea:focus{outline:none;border-color:var(--accent-cyan)}.btn-copy{position:absolute;bottom:1rem;right:1rem;background:var(--bg-card);border:1px solid var(--border-glass);color:var(--text-primary);padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-weight:600;font-size:.8rem;display:flex;align-items:center;gap:.25rem;transition:all .2s ease}.btn-copy:hover{background:var(--accent-cyan);border-color:var(--accent-cyan);color:var(--bg-obsidian)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10rem 0;gap:1rem}.spinner{width:50px;height:50px;border:3px solid var(--border-glass);border-top-color:var(--accent-cyan);border-radius:50%;animation:spin 1s infinite linear}@keyframes spin{to{transform:rotate(360deg)}}.loading-container p{color:var(--text-secondary);font-weight:500}.app-footer{text-align:center;color:var(--text-muted);font-size:.85rem;border-top:1px solid var(--border-glass);padding:2rem 0;margin-top:4rem}.news-title-link{color:var(--text-primary)!important;text-decoration:none!important;transition:all .25s ease!important;display:block}.news-title-link:hover{color:var(--accent-cyan)!important;transform:translate(4px);text-shadow:0 0 10px rgba(6,182,212,.4)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#06080ce0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:1000;display:flex;justify-content:center;align-items:center;padding:1.5rem;animation:fadeIn .2s ease-out}.modal-content{background:linear-gradient(145deg,#11141cf5,#0b0d12fa);border:1px solid rgba(255,255,255,.08);border-radius:20px;width:100%;max-width:1050px;max-height:88vh;overflow-y:auto;box-shadow:0 25px 60px #000000bf,0 0 50px #6366f10a;position:relative;animation:slideUp .3s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column}.modal-close-btn{position:absolute;top:1.5rem;right:1.5rem;background:#ffffff08;border:1px solid rgba(255,255,255,.06);color:var(--text-secondary);border-radius:50%;width:38px;height:38px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:10}.modal-close-btn:hover{background:#ffffff14;color:var(--text-primary);transform:rotate(90deg)}.modal-body-layout{display:grid;grid-template-columns:1.7fr 1.3fr;gap:3rem;padding:3rem}@media (max-width: 768px){.modal-body-layout{grid-template-columns:1fr;gap:2rem;padding:2rem 1.5rem}.modal-content{max-height:92vh}}.modal-left-panel,.modal-right-panel{display:flex;flex-direction:column;gap:1.5rem}.modal-story-meta{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.modal-story-category{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--accent-cyan)}.modal-story-title{font-size:2.2rem;font-weight:800;line-height:1.25;color:var(--text-primary);font-family:Outfit,sans-serif;margin-top:.5rem}@media (max-width: 480px){.modal-story-title{font-size:1.7rem}}.modal-why-matters-box{background:linear-gradient(135deg,#6366f114,#06b6d40a);border:1px solid rgba(99,102,241,.15);border-radius:12px;padding:1.25rem}.modal-why-matters-title{font-size:.85rem;font-weight:700;text-transform:uppercase;color:#818cf8;margin-bottom:.5rem;letter-spacing:.05em}.modal-why-matters-content{font-size:.95rem;color:#cbd5e1;line-height:1.55}.modal-section-title{font-size:1.2rem;font-weight:700;color:var(--text-primary);margin-bottom:1.25rem;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.05)}.modal-bullets-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1.25rem}.modal-bullets-list li{position:relative;padding-left:1.75rem;font-size:1.05rem;line-height:1.6;color:#e2e8f0}.modal-bullets-list li:before{content:"•";position:absolute;left:.25rem;color:var(--accent-indigo);font-size:1.8rem;line-height:1;top:-3px}.modal-sources-list{display:flex;flex-direction:column;gap:.75rem}.modal-source-card{display:flex;align-items:center;gap:.85rem;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:1rem;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1)}.modal-source-card:hover{background:#ffffff0f;border-color:#6366f14d;transform:translateY(-2px)}.modal-source-favicon{width:22px;height:22px;border-radius:4px;background:#1e293b;display:flex;align-items:center;justify-content:center;flex-shrink:0}.modal-source-info{display:flex;flex-direction:column;gap:.15rem;flex:1;min-width:0}.modal-source-name{font-weight:600;font-size:.95rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.modal-source-meta{font-size:.75rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.modal-source-arrow{color:var(--text-muted);font-size:1.1rem;transition:transform .2s ease}.modal-source-card:hover .modal-source-arrow{color:var(--accent-cyan);transform:translate(2px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}:root{--bg-obsidian: #08090C;--bg-card: rgba(13, 15, 24, .45);--bg-card-hover: rgba(22, 25, 41, .6);--border-glass: rgba(255, 255, 255, .07);--border-glass-hover: rgba(255, 255, 255, .15);--accent-indigo: #6366F1;--accent-cyan: #06B6D4;--accent-cyan-glow: rgba(6, 182, 212, .15);--accent-indigo-glow: rgba(99, 102, 241, .25);--text-primary: #F8FAFC;--text-secondary: #94A3B8;--text-muted: #64748B;--sentiment-positive: #10B981;--sentiment-neutral: #64748B;--sentiment-warning: #F59E0B;--sentiment-alert: #EF4444}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Outfit,sans-serif;background-color:var(--bg-obsidian);color:var(--text-primary);min-height:100vh;overflow-x:hidden;position:relative}body:before{content:"";position:absolute;top:-10%;left:20%;width:400px;height:400px;background:radial-gradient(circle,var(--accent-indigo-glow) 0%,transparent 70%);z-index:-1;filter:blur(80px);pointer-events:none;animation:float-glow-1 25s infinite alternate ease-in-out}body:after{content:"";position:absolute;bottom:10%;right:15%;width:500px;height:500px;background:radial-gradient(circle,var(--accent-cyan-glow) 0%,transparent 70%);z-index:-1;filter:blur(100px);pointer-events:none;animation:float-glow-2 30s infinite alternate ease-in-out}@keyframes float-glow-1{0%{transform:translate(0) scale(1)}to{transform:translate(100px,80px) scale(1.2)}}@keyframes float-glow-2{0%{transform:translate(0) scale(1.1)}to{transform:translate(-120px,-50px) scale(.9)}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-obsidian)}::-webkit-scrollbar-thumb{background:var(--border-glass);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-indigo)}iframe.skiptranslate:not(.goog-te-menu-frame),.goog-te-banner-frame.skiptranslate,.goog-te-banner-frame,#goog-gt-tt,.goog-te-balloon-frame{display:none!important;visibility:hidden!important;height:0!important;width:0!important;border:none!important}html{margin-top:0!important;padding-top:0!important}body{top:0!important;margin-top:0!important}#google_translate_element{position:absolute!important;top:-9999px!important;left:-9999px!important;opacity:0!important;pointer-events:none!important;z-index:-9999!important}.goog-te-gadget{font-family:Outfit,sans-serif!important;color:transparent!important}.goog-te-gadget .goog-te-combo{background:var(--bg-card)!important;border:1px solid var(--border-glass)!important;color:var(--text-primary)!important;padding:.5rem 1.2rem!important;border-radius:8px!important;font-family:Outfit,sans-serif!important;font-size:.9rem!important;font-weight:600;cursor:pointer!important;outline:none!important;transition:all .3s ease!important}.goog-te-gadget .goog-te-combo:hover{border-color:var(--accent-indigo)!important;background:var(--bg-card-hover)!important}.goog-te-gadget span,.goog-te-banner-frame.skiptranslate,.goog-te-banner-frame,#goog-gt-tt,.goog-te-balloon-frame{display:none!important}.custom-lang-select{background:var(--bg-card)!important;border:1px solid var(--border-glass)!important;color:var(--text-primary)!important;padding:.5rem 1.2rem!important;border-radius:8px!important;font-family:Outfit,sans-serif!important;font-size:.9rem!important;font-weight:600;cursor:pointer!important;outline:none!important;transition:all .3s ease!important}.custom-lang-select:hover{border-color:var(--accent-indigo)!important;background:var(--bg-card-hover)!important}.custom-lang-select option{background-color:var(--bg-obsidian);color:var(--text-primary)}