@import "https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;600;700&family=Barlow+Condensed:wght@400;500;600&display=swap";.mon{--bg:oklch(12% .008 195);--surface:oklch(16% .01 195);--surface-raised:oklch(19% .012 195);--border:oklch(25% .01 195);--border-subtle:oklch(22% .008 195);--text-primary:oklch(92% .01 195);--text-secondary:oklch(68% .01 195);--text-tertiary:oklch(50% .008 195);--accent:oklch(75% .12 80);--accent-dim:oklch(55% .08 80);--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:24px;--space-2xl:32px;--space-3xl:48px;--font-body:"Barlow", system-ui, sans-serif;--font-condensed:"Barlow Condensed", "Barlow", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--text-xs:.6875rem;--text-sm:.8125rem;--text-base:.9375rem;--text-lg:1.1875rem;--text-xl:1.5rem;font-family:var(--font-body);font-size:var(--text-base);color:var(--text-primary);background:var(--bg);flex-direction:column;min-height:100vh;line-height:1.55;display:flex}.mon-status{align-items:center;gap:var(--space-xl);padding:var(--space-md) var(--space-xl);background:var(--surface);border-bottom:1px solid var(--border-subtle);font-family:var(--font-condensed);font-size:var(--text-sm);letter-spacing:.02em;display:flex}.mon-title{font-weight:700;font-size:var(--text-lg);color:var(--text-primary);letter-spacing:.08em;text-transform:uppercase;margin-right:auto}.mon-stat{color:var(--text-tertiary);font-weight:500}.mon-live{font-size:var(--text-xs);letter-spacing:.1em;color:oklch(72% .15 145);text-transform:uppercase;font-weight:600}.mon-domains{align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);scrollbar-width:none;background:var(--surface);border-bottom:1px solid var(--border);display:flex;overflow-x:auto}.mon-domains::-webkit-scrollbar{display:none}.mon-domain-chip{border:1px solid var(--border-subtle);color:var(--text-secondary);font-family:var(--font-condensed);font-size:var(--text-sm);cursor:pointer;white-space:nowrap;background:0 0;border-radius:4px;align-items:center;gap:6px;padding:6px 12px;font-weight:500;transition:color .15s,border-color .15s;display:flex;position:relative;overflow:hidden}.mon-domain-chip:hover{color:var(--text-primary);border-color:var(--border)}.mon-domain-chip.active{color:var(--text-primary);border-color:var(--dc,var(--border));background:color-mix(in oklch, var(--dc,transparent) 6%, transparent)}.mon-domain-dot{background:var(--dc);border-radius:50%;flex-shrink:0;width:7px;height:7px}.mon-domain-label{font-weight:500}.mon-domain-count{color:var(--text-tertiary);font-size:var(--text-xs)}.mon-domain-bar{background:var(--dc);opacity:.4;height:2px;transition:width .3s;position:absolute;bottom:0;left:0}.mon-ingest-btn{border:1px solid var(--border-subtle);color:var(--text-tertiary);font-family:var(--font-condensed);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:4px;margin-left:auto;padding:6px 14px;font-weight:600;transition:color .15s,border-color .15s}.mon-ingest-btn:hover{color:var(--accent);border-color:var(--accent-dim)}.mon-main{background:var(--border-subtle);flex:1;grid-template-columns:1fr 380px;gap:1px;min-height:0;display:grid}.mon-section-head{align-items:baseline;gap:var(--space-md);padding:var(--space-lg) var(--space-xl) var(--space-md);display:flex}.mon-section-head h2{font-family:var(--font-condensed);font-size:var(--text-base);letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary);margin:0;font-weight:600}.mon-section-count{font-family:var(--font-condensed);font-size:var(--text-xs);color:var(--text-tertiary);letter-spacing:.04em}.mon-signals{background:var(--bg);flex-direction:column;min-height:0;display:flex}.mon-signal-list{padding:0 var(--space-xl) var(--space-xl);scrollbar-width:thin;scrollbar-color:var(--border) transparent;flex:1;overflow-y:auto}.mon-signal{align-items:flex-start;gap:var(--space-md);padding:var(--space-md) var(--space-sm);border-bottom:1px solid var(--border-subtle);transition:background .1s;display:flex}.mon-signal:last-child{border-bottom:none}.mon-signal:hover{background:var(--surface)}.mon-signal.elevated{background:var(--dc,transparent)}.mon-sig-dot{cursor:pointer;border-radius:50%;flex-shrink:0;width:7px;height:7px;margin-top:7px}.mon-sig-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.mon-sig-title{font-size:var(--text-sm);color:var(--text-primary);font-weight:500;line-height:1.45;text-decoration:none}a.mon-sig-title:hover{color:var(--accent)}.mon-sig-desc{font-size:var(--text-xs);color:var(--text-tertiary);text-overflow:ellipsis;white-space:nowrap;max-width:65ch;line-height:1.4;overflow:hidden}.mon-sig-meta{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:2px;padding-top:2px;display:flex}.mon-sig-source{font-family:var(--font-condensed);font-size:var(--text-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em}.mon-sig-time{font-family:var(--font-condensed);font-size:var(--text-xs);color:var(--text-tertiary)}.mon-empty{padding:var(--space-3xl) var(--space-xl);color:var(--text-tertiary);font-size:var(--text-sm);text-align:center}.mon-clusters{background:var(--surface);flex-direction:column;min-height:0;display:flex}.mon-cluster-list{padding:0 var(--space-xl) var(--space-xl);gap:var(--space-sm);scrollbar-width:thin;scrollbar-color:var(--border) transparent;flex-direction:column;flex:1;display:flex;overflow-y:auto}.mon-cluster{background:var(--surface-raised);border-radius:4px;transition:background .1s;overflow:hidden}.mon-cluster.open{background:color-mix(in oklch, var(--accent) 4%, var(--surface-raised))}.mon-cluster-head{width:100%;padding:var(--space-md) var(--space-lg);color:var(--text-primary);cursor:pointer;font-family:var(--font-body);background:0 0;border:none;justify-content:space-between;align-items:center;display:flex}.mon-cluster-head:hover{background:color-mix(in oklch, var(--accent) 3%, transparent)}.mon-cluster-name{font-weight:600;font-size:var(--text-sm);text-transform:capitalize}.mon-cluster-stats{font-family:var(--font-condensed);font-size:var(--text-xs);color:var(--text-tertiary);letter-spacing:.02em}.mon-cluster.strong .mon-cluster-name{color:oklch(78% .12 25)}.mon-cluster.moderate .mon-cluster-name{color:var(--accent)}.mon-cluster.emerging .mon-cluster-name{color:oklch(72% .1 195)}.mon-cluster-detail{padding:0 var(--space-lg) var(--space-lg)}.mon-cluster-domains{margin-bottom:var(--space-md);flex-wrap:wrap;gap:6px;display:flex}.mon-cd-tag{font-family:var(--font-condensed);font-size:var(--text-xs);color:var(--text-secondary);align-items:center;gap:4px;display:inline-flex}.mon-cd-dot{background:var(--dc);border-radius:50%;width:6px;height:6px}.mon-cluster-signals{flex-direction:column;gap:2px;display:flex}.mon-cs-row{align-items:center;gap:var(--space-sm);font-size:var(--text-xs);padding:4px 0;display:flex}.mon-cs-dot{border-radius:50%;flex-shrink:0;width:5px;height:5px}.mon-cs-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text-secondary);flex:1;overflow:hidden}.mon-cs-source{font-family:var(--font-condensed);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em;flex-shrink:0}.mon-forecast{background:var(--surface);border-top:1px solid var(--border)}.mon-forecast-row{gap:var(--space-md);padding:0 var(--space-xl) var(--space-lg);scrollbar-width:none;display:flex;overflow-x:auto}.mon-forecast-row::-webkit-scrollbar{display:none}.mon-fc-card{padding:var(--space-sm) var(--space-lg);background:var(--surface-raised);border-radius:4px;flex-direction:column;flex-shrink:0;gap:2px;min-width:160px;display:flex}.mon-fc-label{font-size:var(--text-sm);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;max-width:200px;font-weight:500;overflow:hidden}.mon-fc-type{font-family:var(--font-condensed);font-size:var(--text-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em}@media (width<=860px){.mon-main{grid-template-rows:1fr auto;grid-template-columns:1fr}.mon-clusters{border-top:1px solid var(--border);max-height:300px}.mon-signal-list{max-height:50vh}}@media (width<=560px){.mon-status{padding:var(--space-sm) var(--space-md);gap:var(--space-md)}.mon-title{font-size:var(--text-base)}.mon-domains{padding:var(--space-sm) var(--space-md)}.mon-section-head{padding:var(--space-md) var(--space-md) var(--space-sm)}.mon-signal-list,.mon-cluster-list{padding:0 var(--space-md) var(--space-md)}}
