@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Source+Serif+4:opsz,wght@8..60,500;8..60,600;8..60,700&display=swap";:root{--navy-950:#060a14;--navy-900:#0b1220;--navy-800:#121a2e;--navy-700:#1b2740;--bg:#f3f5f9;--surface:#fff;--surface-sunken:#f7f8fb;--border:#e2e6ee;--border-strong:#cbd2e0;--text-h:#0f1626;--text-body:#384156;--text-muted:#6b7386;--text-faint:#96a0b3;--text-on-navy:#eef1f8;--text-on-navy-muted:#93a0bd;--accent:#1f4bd8;--accent-hover:#1a3fb8;--accent-soft:#eaf0ff;--accent-soft-border:#c9d9ff;--accent-ink:#16309c;--good:#0f9d58;--warn:#b45309;--bad:#d92d20;--shadow-sm:0 1px 2px #0f16260f;--shadow-md:0 4px 16px #0f162614;--shadow-lg:0 16px 40px #0f162624;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--font-ui:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-serif:"Source Serif 4", Georgia, "Times New Roman", serif}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-ui);background-color:var(--bg);color:var(--text-body);-webkit-font-smoothing:antialiased;min-height:100vh;font-size:15px;line-height:1.5}a{color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::selection{background:var(--accent-soft-border)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border:2px solid var(--bg);border-radius:8px}.app-layout{min-height:100vh;display:flex}.sidebar{background:linear-gradient(180deg, var(--navy-900) 0%, var(--navy-950) 100%);flex-direction:column;flex-shrink:0;width:248px;height:100vh;padding:1.5rem 1rem;display:flex;position:sticky;top:0}.sidebar-header{border-bottom:1px solid #ffffff14;align-items:center;gap:.65rem;margin-bottom:.75rem;padding:.25rem .75rem 1.75rem;display:flex}.sidebar-logo-mark{color:#fff;background:linear-gradient(135deg,#3b6dff,#1f4bd8);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex;box-shadow:0 4px 12px #1f4bd873}.sidebar-header h2{color:var(--text-on-navy);letter-spacing:-.01em;font-size:1.15rem;font-weight:700;line-height:1.15}.sidebar-header p{color:var(--text-on-navy-muted);letter-spacing:.12em;text-transform:uppercase;margin-top:.15rem;font-size:.68rem}.sidebar-scroll{flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.sidebar-scroll::-webkit-scrollbar{width:6px}.sidebar-scroll::-webkit-scrollbar-thumb{background:#ffffff26;border:none}.sidebar-section-label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-on-navy-muted);margin:.5rem 0 .6rem;padding:0 .75rem;font-size:.68rem;font-weight:600}.sidebar-nav{flex-direction:column;gap:.15rem;display:flex}.nav-item{color:var(--text-on-navy-muted);border-radius:var(--radius-sm);align-items:center;gap:.8rem;padding:.6rem .75rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:flex}.nav-item svg{opacity:.85;flex-shrink:0}.nav-item:hover{color:var(--text-on-navy);background:#ffffff0f}.nav-item.active{color:#a9c0ff;background:#3b6dff2e;font-weight:600}.nav-item.active svg{opacity:1}.sidebar-footer{border-top:1px solid #ffffff14;align-items:center;gap:.5rem;margin-top:auto;padding:.85rem .75rem .25rem;display:flex}.status-dot{background:var(--good);border-radius:50%;flex-shrink:0;width:8px;height:8px;box-shadow:0 0 0 3px #0f9d582e}.sidebar-footer-text{color:var(--text-on-navy-muted);font-size:.72rem;line-height:1.3}.sidebar-footer-text strong{color:var(--text-on-navy);font-size:.78rem;font-weight:600;display:block}.main-content{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{background:var(--surface);border-bottom:1px solid var(--border);z-index:10;justify-content:space-between;align-items:center;padding:1.1rem 2.5rem;display:flex;position:sticky;top:0}.topbar-breadcrumb{color:var(--text-muted);font-size:.78rem;font-weight:500}.topbar-breadcrumb span{color:var(--text-h);font-weight:600}.topbar-meta{color:var(--text-muted);align-items:center;gap:1.25rem;font-size:.78rem;display:flex}.topbar-live{color:var(--good);align-items:center;gap:.4rem;font-weight:600;display:flex}.topbar-live .status-dot{box-shadow:none}.content-inner{flex:1;width:100%;max-width:1180px;margin:0 auto;padding:2.5rem}.page-content{flex-direction:column;gap:1.75rem;display:flex}header.page-header h1{font-family:var(--font-serif);color:var(--text-h);letter-spacing:-.01em;margin-bottom:.35rem;font-size:2.1rem;font-weight:600}.subtitle{color:var(--text-muted);font-size:.98rem}.result-count{color:var(--text-muted);align-items:center;gap:.4rem;font-size:.85rem;font-weight:500;display:flex}.result-count strong{color:var(--text-h);font-weight:700}.surface-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.dark-panel{background:linear-gradient(160deg, var(--navy-800) 0%, var(--navy-950) 100%);border:1px solid var(--navy-700);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.search-container{align-items:center;gap:.75rem;padding:.4rem .4rem .4rem 1rem;transition:border-color .15s,box-shadow .15s;display:flex;position:relative}.search-container:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.search-icon{color:var(--text-faint);flex-shrink:0}.search-clear{color:var(--text-faint);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:.45rem;transition:color .15s,background .15s;display:flex}.search-clear:hover{color:var(--text-body);background:var(--surface-sunken)}.search-input{font-size:1rem;font-family:var(--font-ui);color:var(--text-h);background:0 0;border:none;outline:none;flex:1;padding:.85rem .25rem}.search-input::placeholder{color:var(--text-faint)}.btn{background:var(--surface);border:1px solid var(--border-strong);color:var(--text-body);border-radius:var(--radius-sm);cursor:pointer;font-size:.88rem;font-weight:600;font-family:var(--font-ui);padding:.65rem 1.1rem;transition:all .15s}.btn:hover:not(:disabled){border-color:var(--text-faint);background:var(--surface-sunken)}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.btn:disabled{opacity:.5;cursor:not-allowed}.filter-bar{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.filter-bar-label{color:var(--text-muted);font-size:.78rem;font-weight:600}.filter-chip{background:var(--accent-soft);border:1px solid var(--accent-soft-border);color:var(--accent-ink);font-size:.8rem;font-weight:600;font-family:var(--font-ui);cursor:pointer;border-radius:9999px;align-items:center;gap:.4rem;padding:.3rem .75rem;transition:background .15s,border-color .15s;display:inline-flex}.filter-chip:hover{border-color:var(--accent);background:#dde7ff}.filter-chip svg{opacity:.7;flex-shrink:0}.dimmed{opacity:.45}.trend-panel{flex-direction:column;gap:1.1rem;padding:1.25rem 1.4rem;display:flex}.trend-panel-header{color:var(--text-h);align-items:center;gap:.5rem;font-size:.82rem;font-weight:700;display:flex}.trend-panel-header svg{color:var(--accent)}.trend-panel-total{color:var(--text-muted);margin-left:auto;font-size:.78rem;font-weight:500}.trend-panel-body{grid-template-columns:1.6fr 1fr;align-items:end;gap:1.75rem;display:grid}.trend-chart,.trend-sources{min-width:0}.trend-chart-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);align-items:center;gap:.6rem;margin-bottom:.6rem;font-size:.68rem;font-weight:700;display:flex}.trend-back{border-radius:var(--radius-sm);font:inherit;color:var(--accent);cursor:pointer;background:0 0;border:none;align-items:center;gap:.1rem;padding:.1rem .4rem .1rem .15rem;transition:background .15s;display:inline-flex}.trend-back:hover{background:var(--accent-soft)}.trend-bars{align-items:flex-end;gap:.4rem;height:84px;display:flex}.trend-bar-col{cursor:pointer;flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:.35rem;height:100%;transition:opacity .15s;display:flex}.trend-bar{background:linear-gradient(180deg, #3b6dff, var(--accent));border-radius:3px 3px 0 0;width:100%;min-height:4px;transition:opacity .15s}.trend-bar-col:hover .trend-bar{opacity:.8}.trend-bar-year{color:var(--text-faint);font-variant-numeric:tabular-nums;font-size:.65rem}.trend-sources{flex-direction:column;display:flex}.trend-source-bar{background:var(--surface-sunken);border-radius:9999px;width:100%;height:10px;margin-bottom:.75rem;display:flex;overflow:hidden}.trend-source-legend{flex-direction:column;gap:.4rem;list-style:none;display:flex}.trend-source-legend li{color:var(--text-body);cursor:pointer;align-items:center;gap:.45rem;font-size:.8rem;transition:opacity .15s;display:flex}.trend-source-legend li:hover{color:var(--text-h)}.trend-source-legend strong{color:var(--text-h);font-variant-numeric:tabular-nums;margin-left:auto}.trend-source-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}@media (width<=640px){.trend-panel-body{grid-template-columns:1fr}}.results-list{flex-direction:column;gap:.85rem;transition:opacity .15s;display:flex}.results-list.is-loading{opacity:.5;pointer-events:none}.article-card{cursor:pointer;color:inherit;flex-direction:column;gap:.6rem;padding:1.25rem 1.4rem;text-decoration:none;transition:border-color .15s,box-shadow .15s;display:flex;position:relative}.article-card:hover{border-color:var(--accent-soft-border);box-shadow:var(--shadow-md)}.article-title{font-family:var(--font-serif);color:var(--text-h);font-size:1.15rem;font-weight:600;line-height:1.4}.article-card:hover .article-title{color:var(--accent-ink)}.article-meta{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:1rem;font-size:.8rem;display:flex}.meta-chip{align-items:center;gap:.35rem;display:flex}.meta-chip.clickable{cursor:pointer;transition:color .15s,opacity .15s}.meta-chip.clickable:hover{color:var(--accent-ink)}.source-chip{background:var(--accent-soft);color:var(--accent-ink);letter-spacing:.01em;cursor:pointer;border-radius:4px;align-items:center;gap:.3rem;padding:.15rem .5rem;font-size:.75rem;font-weight:600;transition:background .15s,opacity .15s;display:inline-flex}.source-chip:hover{background:#dde7ff}.score-chip{font-variant-numeric:tabular-nums;color:var(--text-faint);margin-left:auto;font-size:.75rem}.article-desc{color:var(--text-body);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.92rem;line-height:1.55;display:-webkit-box;overflow:hidden}.clusters-grid{grid-template-columns:repeat(auto-fill,minmax(min(360px,100%),1fr));gap:1.1rem;display:grid}.cluster-card{flex-direction:column;gap:1.1rem;padding:1.4rem;transition:border-color .3s,box-shadow .3s;display:flex}.cluster-card:hover{border-color:var(--accent-soft-border);box-shadow:var(--shadow-md)}.cluster-card.highlighted{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.cluster-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.cluster-title{font-family:var(--font-serif);color:var(--text-h);flex:1;font-size:1.1rem;font-weight:600;line-height:1.4}.cluster-badge{background:var(--accent-soft);color:var(--accent-ink);white-space:nowrap;border-radius:9999px;flex-shrink:0;align-items:center;gap:.3rem;padding:.3rem .6rem;font-size:.72rem;font-weight:700;display:flex}.cluster-stats{background:var(--surface-sunken);border:1px solid var(--border);border-radius:var(--radius-sm);flex-direction:column;gap:.5rem;padding:.85rem 1rem;font-size:.83rem;display:flex}.stat-item{color:var(--text-body);align-items:center;gap:.5rem;display:flex}.stat-item svg{color:var(--text-faint);flex-shrink:0}.stat-label{color:var(--text-muted)}.cluster-articles h4{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.65rem;font-size:.72rem;font-weight:700}.cluster-articles ul{flex-direction:column;gap:.5rem;list-style:none;display:flex}.cluster-articles li a{color:var(--text-body);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.88rem;font-weight:500;line-height:1.45;text-decoration:none;transition:color .15s;display:-webkit-box;overflow:hidden}.cluster-articles li a:hover{color:var(--accent);text-decoration:underline}.more-articles{color:var(--text-faint);margin-top:.1rem;font-size:.82rem;font-style:italic}.news-section{margin-bottom:2.4rem}.news-section-header{margin-bottom:1.1rem}.news-section-header h2{font-family:var(--font-serif);color:var(--text-h);align-items:center;gap:.55rem;font-size:1.35rem;font-weight:600;display:flex}.news-section-header h2 svg{color:var(--accent);flex-shrink:0}.news-section-header .section-desc{color:var(--text-muted);margin-top:.25rem;font-size:.88rem}.article-source{color:var(--text-faint);margin-top:.1rem;font-size:.72rem;display:block}.pagination{justify-content:center;align-items:center;gap:1rem;margin-top:.5rem;display:flex}.pagination span{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:.85rem;font-weight:500}.pagination .btn{align-items:center;padding:.55rem .7rem;display:flex}.loader{border:3px solid var(--border);border-left-color:var(--accent);border-radius:50%;width:34px;height:34px;margin:2.5rem auto;animation:.8s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-block{text-align:center;padding:2.5rem}.loading-block p{color:var(--text-muted);margin-top:.75rem;font-size:.9rem}.no-results{text-align:center;color:var(--text-muted);background:var(--surface);border:1px dashed var(--border-strong);border-radius:var(--radius-md);padding:3.5rem 2rem;font-size:1rem}.error-block{text-align:center;color:var(--bad);border-radius:var(--radius-md);background:#fef2f2;border:1px solid #fecaca;padding:1.5rem;font-size:.9rem;font-weight:500}.timelinejs-wrapper{padding:1.5rem 1.5rem 0;overflow:hidden}.timeline-title{color:var(--text-on-navy-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:1rem;font-size:.78rem;font-weight:700}.timeline-embed{width:100%;height:520px}.mobile-nav{display:none}@media (width<=960px){.sidebar{align-items:stretch;width:64px;padding:1.25rem .6rem}.sidebar-header{justify-content:center;padding:.25rem 0 1.25rem}.sidebar-header>div:last-child,.sidebar-section-label{display:none}.nav-item{justify-content:center;padding:.65rem}.nav-item span{display:none}.sidebar-footer{justify-content:center;padding:.85rem 0 .25rem}.sidebar-footer-text{display:none}.topbar{padding:1rem 1.25rem}.content-inner{padding:1.5rem 1.25rem}}@media (width<=640px){.sidebar{display:none}.mobile-nav{z-index:30;background:var(--navy-950);padding-bottom:env(safe-area-inset-bottom);border-top:1px solid #ffffff1a;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-nav-item{color:var(--text-on-navy-muted);letter-spacing:.02em;flex-direction:column;flex:1;align-items:center;gap:.25rem;padding:.6rem 0 .5rem;font-size:.66rem;font-weight:600;text-decoration:none;display:flex}.mobile-nav-item.active{color:#a9c0ff}.main-content{padding-bottom:calc(60px + env(safe-area-inset-bottom))}.topbar{padding:.85rem 1rem}.topbar-date{display:none}.content-inner{padding:1.25rem 1rem 2rem}.page-content{gap:1.25rem}header.page-header h1{font-size:1.55rem}.subtitle{font-size:.9rem}.search-container{flex-wrap:wrap}.search-container .btn-primary{flex:100%}.trend-panel{padding:1rem}.trend-bars{gap:2px;height:72px}.trend-bar-col{min-width:0}.trend-bar-year{font-size:.55rem}.trend-bar-col:not(:nth-child(3n+1)) .trend-bar-year{visibility:hidden}.article-card,.cluster-card{padding:1rem}.article-title{font-size:1.05rem}.timelinejs-wrapper{padding:1rem 1rem 0}.timeline-embed{height:400px}}