:root{--bg-app: #f4f5f6;--bg-surface: #ffffff;--bg-surface-hover: #f9fafb;--bg-surface-active: #f3f4f6;--bg-inverted: #111827;--bg-card: #ffffff;--border-light: rgba(0, 0, 0, .08);--border-medium: rgba(0, 0, 0, .15);--text-primary: #111827;--text-secondary: #4b5563;--text-tertiary: #9ca3af;--text-muted: #9ca3af;--text-inverted: #ffffff;--nav-bg: rgba(244, 245, 246, .65);--accent-primary: #6366f1;--accent-secondary: #06b6d4;--font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--font-family-mono: "JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;--font-size-xs: 11px;--font-size-sm: 13px;--font-size-md: 14px;--font-size-lg: 16px;--font-size-xl: 20px;--font-size-2xl: 32px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--radius-sm: 2px;--radius-md: 6px;--radius-lg: 8px}.dark-mode{--bg-app: #0a0a0a;--bg-surface: #141414;--bg-surface-hover: #1c1c1c;--bg-surface-active: #242424;--bg-inverted: #ffffff;--bg-card: #141414;--border-light: rgba(255, 255, 255, .08);--border-medium: rgba(255, 255, 255, .15);--text-primary: #f3f4f6;--text-secondary: #9ca3af;--text-tertiary: #6b7280;--text-muted: #6b7280;--text-inverted: #000000;--nav-bg: rgba(10, 10, 10, .8)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-app);color:var(--text-primary);-webkit-font-smoothing:antialiased;line-height:1.5}.top-nav{position:sticky;top:0;z-index:1000;height:56px;display:flex;align-items:center;justify-content:center;background:var(--nav-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-light)}.top-nav-inner{width:100%;max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:0 24px}.nav-brand{font-weight:700;font-size:15px;display:flex;align-items:center;gap:10px;width:220px}.global-search{flex:1;display:flex;justify-content:center}.global-search input{width:100%;max-width:480px;height:32px;padding:0 12px 0 34px;border:1px solid var(--border-medium);border-radius:var(--radius-md);background:var(--bg-surface);color:var(--text-primary);font-size:13px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' stroke='%239ca3af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='6' cy='6' r='4'/%3E%3Cpath d='m12 12-3-3'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:10px center;outline:none}.nav-actions{width:220px;display:flex;justify-content:flex-end;align-items:center}.app-layout{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:calc(100vh - 56px);width:100%;max-width:1400px;margin:0 auto;background:var(--bg-surface);overflow:hidden;transition:grid-template-columns .3s ease;border-left:1px solid var(--border-light);border-right:1px solid var(--border-light)}.app-layout.detail-open{grid-template-columns:220px minmax(0,1fr) 420px}.app-layout.view-about.detail-open{grid-template-columns:220px minmax(0,1fr) 320px}.sidebar{width:100%;border-right:1px solid var(--border-light);display:flex;flex-direction:column;background:var(--bg-surface);z-index:30}.sidebar-header{padding:24px 20px 12px;font-size:11px;font-weight:800;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.1em}.sidebar-nav{padding:8px;display:flex;flex-direction:column;gap:4px;flex:1}.nav-item{padding:10px 16px;border-radius:6px;color:var(--text-secondary);display:flex;align-items:center;gap:12px;cursor:pointer;border:none;background:transparent;font-size:14px;font-weight:500;text-align:left;transition:all .2s;width:100%}.nav-item:hover{background:var(--bg-surface-hover);color:var(--text-primary)}.nav-item.active{background:var(--bg-app);color:var(--accent-primary);font-weight:700}.nav-item .icon{width:8px;height:8px;border-radius:50%;border:2px solid currentColor}.main-content{min-width:0;padding:0;background:var(--bg-app);display:flex;flex-direction:column;height:100%;overflow:hidden}.feed-wrapper{width:100%;max-width:860px;margin:0 auto;display:flex;flex-direction:column;height:100%}.app-layout.detail-open .feed-wrapper{max-width:820px}.view-header{padding:24px 20px 16px;border-bottom:1px solid var(--border-light);background:transparent;flex-shrink:0}.view-title{font-size:18px;font-weight:700;color:var(--text-primary)}.list-container{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:6px;padding:12px 0 60px}.about-page-container{padding:60px 40px;max-width:100%;display:flex;flex-direction:column;gap:48px;overflow-y:auto;height:100%}.info-header{margin-bottom:24px}.info-title{font-size:32px;font-weight:800;margin-bottom:12px;letter-spacing:-.02em}.info-subtitle{font-size:18px;color:var(--text-tertiary);line-height:1.5}.info-label{font-size:11px;font-weight:800;color:var(--accent-secondary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px}.info-text{font-size:15px;color:var(--text-secondary);line-height:1.7}.info-section{display:flex;flex-direction:column;gap:12px}.diagram-container{display:flex;align-items:flex-start;justify-content:space-between;padding:32px 24px;background:var(--bg-surface-active);border-radius:8px;position:relative;border:1px solid var(--border-light)}.diagram-step{display:flex;flex-direction:column;align-items:center;gap:12px;flex:1;position:relative;z-index:1}.step-dot{width:10px;height:10px;border-radius:50%;background:var(--accent-secondary)}.step-title{font-size:12px;font-weight:700;text-transform:uppercase}.step-desc{font-size:11px;text-align:center;color:var(--text-tertiary);line-height:1.4}.diagram-line{position:absolute;top:36px;left:15%;right:15%;height:1px;background:var(--border-medium);z-index:0}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:12px}.feature-card{padding:20px;border:1px solid var(--border-light);border-radius:8px;background:var(--bg-surface)}.feature-card h4{font-size:14px;font-weight:700;margin-bottom:8px}.feature-card p{font-size:12px;color:var(--text-secondary);line-height:1.5}.limitations-panel{padding:20px;background:var(--bg-surface-active);border-radius:8px;border-left:4px solid var(--border-medium)}.limitations-list{list-style:none;display:flex;flex-direction:column;gap:10px}.limitations-list li{font-size:13px;color:var(--text-secondary);display:flex;gap:10px}.limitations-list li:before{content:"→";color:var(--text-tertiary)}.trend-row{position:relative;width:100%;display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:18px;align-items:center;padding:14px 20px 14px 24px;background:var(--bg-surface);border:0;border-bottom:1px solid var(--border-light);color:inherit;text-align:left;cursor:pointer;transition:all .18s cubic-bezier(.4,0,.2,1);outline:none}.trend-row:hover{background:var(--bg-surface-hover);transform:translate(2px)}.trend-row.is-selected{background:var(--bg-surface-active);border-bottom-color:var(--border-medium);box-shadow:inset 4px 0 0 var(--accent-secondary)}.trend-row__accent{position:absolute;left:0;top:12px;bottom:12px;width:3px;background:transparent;border-radius:0 4px 4px 0;transition:all .18s ease}.trend-row.is-selected .trend-row__accent{background:var(--accent-secondary)}.trend-row__main{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:24px;align-items:center}.trend-row__title-wrap{min-width:0;display:flex;flex-direction:column;gap:6px}.trend-row__title{margin:0;font-size:17px;font-weight:700;letter-spacing:-.02em;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trend-row.is-selected .trend-row__title{color:var(--accent-primary);font-weight:800}.trend-row__badge--rising{background:#10b9811a;color:#10b981;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:800;text-transform:uppercase}.trend-row__subline{font-size:12px;color:var(--text-tertiary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trend-row__signal{display:flex;flex-direction:column;gap:6px}.trend-row__signal-bar{width:100%;height:4px;background:var(--bg-app);border-radius:2px;overflow:hidden}.trend-row__signal-fill{display:block;height:100%;background:var(--accent-secondary);border-radius:2px}.trend-row__stats{display:grid;grid-template-columns:repeat(3,1fr) 20px;gap:8px;align-items:center}.trend-row__stat{display:flex;flex-direction:column;align-items:flex-end}.trend-row__stat-label{font-size:9px;font-weight:700;color:var(--text-tertiary);text-transform:uppercase}.trend-row__stat-value{font-size:15px;font-weight:700;color:var(--text-secondary);font-family:var(--font-family-mono)}.trend-row__stat-value--accent{color:#10b981}.detail-panel{display:none}.app-layout.detail-open .detail-panel{display:block;position:sticky;top:0;width:100%;height:100%;overflow-y:auto;background:var(--bg-surface);border-left:1px solid var(--border-light);z-index:20}.status-layer{padding:32px 24px;display:flex;flex-direction:column;gap:32px;height:100%;overflow-y:auto;background:var(--bg-surface)}.status-group{display:flex;flex-direction:column;gap:16px}.status-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-light);padding-bottom:10px}.status-badge{font-size:9px;font-weight:800;padding:2px 8px;border-radius:4px;text-transform:uppercase}.status-badge.fresh{background:#10b9811a;color:#10b981}.status-badge.aging{background:#f59e0b1a;color:#f59e0b}.status-badge.stale{background:#ef44441a;color:#ef4444}.status-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.status-card{padding:16px;background:var(--bg-app);border:1px solid var(--border-light);border-radius:6px;display:flex;flex-direction:column;gap:6px}.status-label{font-size:10px;font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.status-value{font-size:18px;font-weight:700;color:var(--text-primary);font-family:var(--font-family-mono)}.status-note{font-size:10px;color:var(--text-tertiary);margin-top:4px;line-height:1.3}.status-indicator{display:inline-block;width:8px;height:8px;border-radius:50%;background:#10b981;margin-right:8px}.status-indicator.pulse{animation:statusPulse 2s infinite}@keyframes statusPulse{0%{opacity:1;box-shadow:0 0 #10b98166}70%{opacity:.5;box-shadow:0 0 0 6px #10b98100}to{opacity:1;box-shadow:0 0 #10b98100}}.status-warning{padding:12px;background:#f59e0b0d;border:1px solid rgba(245,158,11,.2);border-radius:6px;font-size:12px;color:#f59e0b;display:flex;gap:8px}.topic-detail{min-height:100%;display:flex;flex-direction:column}.topic-detail__header{position:sticky;top:0;background:var(--bg-surface);z-index:2;padding:24px 24px 20px;border-bottom:1px solid var(--border-light)}.topic-detail__close{width:32px;height:32px;border:none;border-radius:50%;background:transparent;cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--text-secondary);transition:all .2s}.topic-detail__close:hover{background:var(--bg-surface-hover);color:var(--text-primary)}.topic-detail__title{font-size:28px;font-weight:800;line-height:1.1;letter-spacing:-.03em;text-transform:capitalize}.topic-detail__body{padding:24px;display:flex;flex-direction:column;gap:32px}.topic-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.topic-metric{padding:16px;border:1px solid var(--border-light);border-radius:8px;background:var(--bg-app)}.topic-metric__label{font-size:11px;font-weight:700;color:var(--text-tertiary);text-transform:uppercase}.topic-metric__value{font-size:22px;font-weight:700}.evidence-list{display:flex;flex-direction:column;gap:16px}.evidence-card{display:block;padding:14px 16px;background:var(--bg-app);border:1px solid var(--border-light);border-radius:8px;text-decoration:none;color:inherit;transition:all .2s}.evidence-card:hover{border-color:var(--accent-secondary);transform:translateY(-2px)}.evidence-card__title{font-size:15px;font-weight:700;line-height:1.35;margin:8px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.btn-show-more{width:100%;padding:12px;margin-top:8px;background:transparent;border:1px solid var(--border-light);border-radius:6px;font-size:12px;font-weight:700;color:var(--text-secondary);cursor:pointer}.btn-icon{padding:8px;border-radius:50%;border:none;background:transparent;cursor:pointer;color:var(--text-primary);transition:background .2s}.btn-icon:hover{background:var(--bg-surface-hover)}@media(max-width:1300px){.app-layout.detail-open{grid-template-columns:220px minmax(0,1fr)}.app-layout.detail-open .detail-panel{position:fixed;right:0;width:420px;box-shadow:-10px 0 30px #0000001a}}@media(max-width:900px){.app-layout,.app-layout.detail-open{grid-template-columns:1fr}.sidebar{display:none}.about-page-container{padding:40px 20px}.detail-panel{position:fixed;right:-100%;width:100%;transition:right .3s;z-index:2000}.detail-panel.open{right:0}}