@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Fraunces:opsz,wght@9..144,600;9..144,700&family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@500;700&display=swap";*{box-sizing:border-box}:root{--font-body: Inter, ui-sans-serif, system-ui, sans-serif;--font-brand: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;--bg-start: #0b1020;--bg-mid: #090d18;--bg-end: #05070d;--radial-accent: rgba(104, 86, 255, .22);--surface: rgba(10, 14, 28, .74);--surface-strong: rgba(14, 19, 36, .94);--border: rgba(173, 188, 255, .12);--shadow: rgba(0, 0, 0, .35);--text-main: #eef2ff;--text-muted: #9aa4c7;--text-soft: #c8d0ec;--chip-background: rgba(255, 255, 255, .04);--chip-border: rgba(173, 188, 255, .16);--tag-background: rgba(86, 106, 166, .28);--accent-from: #6956ff;--accent-to: #4cb8ff;color-scheme:dark;font-family:var(--font-body);background:radial-gradient(circle at top,var(--radial-accent),transparent 32%),linear-gradient(180deg,var(--bg-start) 0%,var(--bg-mid) 55%,var(--bg-end) 100%);color:var(--text-main)}html,body{margin:0;min-height:100vh;background:transparent}button,input,select{font:inherit}button{cursor:pointer}#root{min-height:100vh}.page-shell{width:min(1100px,calc(100vw - 32px));margin:0 auto;padding:40px 0 64px}.hero{display:grid;grid-template-columns:1.4fr 1fr;gap:20px;align-items:end;margin-bottom:24px}.metric-label,.filter-label,.meta-label,.story-source,.story-age,.story-date{color:var(--text-muted);font-size:.83rem;letter-spacing:.02em}.hero-copy{display:flex;flex-direction:column;align-items:flex-start}.brand-lockup{display:block;text-align:left}.hero h1{margin:0;font-family:var(--font-brand);font-size:clamp(2.6rem,5.5vw,4.4rem);line-height:.9;letter-spacing:.02em;text-align:left}.hero-description{margin:10px 0 0;padding-left:.16em;color:var(--text-soft);font-size:1.05rem;text-align:left;max-width:36rem}.hero-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.metric-card,.toolbar,.story-card,.state-card,.modal-panel{background:var(--surface);border:1px solid var(--border);box-shadow:0 14px 36px var(--shadow)}.toolbar,.modal-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.metric-card{padding:16px;border-radius:18px}.metric-card strong{display:block;margin-top:8px;line-height:1.35}.toolbar-shell{margin-bottom:24px}.filters-toggle{display:none;width:100%;border:1px solid var(--chip-border);background:var(--surface);color:var(--text-main);padding:14px 16px;border-radius:16px;margin-bottom:12px}.toolbar{position:sticky;top:12px;z-index:2;display:grid;gap:18px;padding:18px;border-radius:22px}.search-box,.source-select{display:grid;gap:8px}.source-select{position:relative}.search-box input,.source-select select{width:100%;border:1px solid var(--chip-border);background:var(--chip-background);color:var(--text-main);padding:14px 46px 14px 16px;border-radius:14px;outline:none}.source-select select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:none}.source-select:after{content:"";position:absolute;top:calc(50% + 14px);right:16px;width:18px;height:18px;transform:translateY(-50%);background-color:var(--text-muted);opacity:.9;pointer-events:none;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 7.5 5 5 5-5'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 7.5 5 5 5-5'/%3E%3C/svg%3E") center / contain no-repeat}.source-select select::-ms-expand{display:none}.chip-row,.tag-row{display:flex;flex-wrap:wrap;gap:10px}.chip,.tag,.source-link,.close-button{border-radius:999px}.chip{appearance:none;-webkit-appearance:none;border:1px solid var(--chip-border);background:var(--chip-background);background-clip:padding-box;box-shadow:none;color:var(--text-soft);padding:9px 13px}.chip.active{background:linear-gradient(135deg,var(--accent-from),var(--accent-to));background-clip:padding-box;color:#fff;border-color:transparent}.close-button,.source-link{background:color-mix(in srgb,var(--surface-strong) 92%,black);color:var(--text-main);border:1px solid color-mix(in srgb,var(--border) 85%,white 15%)}.story-list{display:grid;gap:16px}.story-card{width:100%;border-radius:22px;padding:18px;text-align:left;color:inherit;transition:border-color .12s ease,background .12s ease;content-visibility:auto;contain-intrinsic-size:320px}.story-card:hover{border-color:color-mix(in srgb,var(--accent-to) 45%,var(--border));background:var(--surface-strong)}.story-image-wrap,.modal-main-image-wrap{overflow:hidden;border-radius:18px;background:var(--chip-background)}.story-image{width:100%;display:block;aspect-ratio:16 / 7;max-height:220px;object-fit:cover;margin-bottom:0}.modal-main-image{width:100%;min-height:220px;max-height:420px;display:block;object-fit:cover}.story-topline,.story-footer,.modal-header{display:flex;gap:12px;align-items:center;justify-content:space-between}.story-meta-inline{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:12px}.story-topline.story-meta-inline{flex-direction:row;justify-content:flex-start}.inline-tags{display:inline-flex;gap:6px}.meta-separator{color:var(--text-muted)}.modal-actions{display:flex;justify-content:space-between;align-items:center;gap:16px}.modal-meta-line{min-width:0;margin-top:0}.modal-source-link{margin-right:auto}.modal-title{margin:18px 0 10px;line-height:1.18}.story-card h2,.modal-title{margin-bottom:10px;line-height:1.2}.story-card p,.modal-body{color:var(--text-soft);line-height:1.7}.story-card p{margin:12px 0 0}.tag{padding:4px 9px;font-size:.78rem;background:var(--tag-background);color:var(--text-main)}.story-card .story-meta-inline{margin-top:10px}.state-card{padding:24px;border-radius:20px}.state-card.error{border-color:#ff5f7866;color:#ffdbe2}.story-list-status{text-align:center;color:var(--text-soft)}.scroll-top-button{position:fixed;right:22px;bottom:22px;width:58px;height:58px;border:none;border-radius:999px;background:linear-gradient(135deg,var(--accent-from),var(--accent-to));color:#fff;font-size:1.5rem;box-shadow:0 12px 30px var(--shadow);z-index:18}.modal-backdrop{position:fixed;inset:0;padding:24px;background:#04060eb8;display:grid;place-items:center;z-index:20}.modal-panel{width:min(960px,100%);max-width:100%;max-height:min(88vh,960px);border-radius:28px;padding:24px;display:grid;gap:20px;min-width:0;overflow:hidden}.close-button,.source-link{padding:12px 16px;text-decoration:none}.modal-action-button{min-height:44px;transition:background .12s ease,border-color .12s ease,color .12s ease,transform .12s ease}.modal-action-button:hover{background:color-mix(in srgb,var(--surface-strong) 84%,black);border-color:color-mix(in srgb,var(--accent-to) 38%,var(--border))}.modal-action-button:active{transform:translateY(1px)}.modal-close-button{min-width:44px;padding:12px;font-size:1.2rem;line-height:1}.modal-scroll{width:100%;overflow-y:auto;overflow-x:hidden;max-height:52vh;padding-right:8px;min-width:0;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y}.modal-body,.modal-body *{min-width:0;max-width:100%;box-sizing:border-box}.modal-body{width:100%;overflow-wrap:anywhere;word-break:break-word}.modal-body img,.modal-body iframe,.modal-body video,.modal-body embed,.modal-body object{width:100%;height:auto;display:block}.modal-body table{display:block;width:100%;overflow-x:auto}.modal-body pre,.modal-body code{overflow-x:auto;white-space:pre-wrap}.modal-body figure{margin:0 0 1rem}.modal-body :is(p,ul,ol,blockquote){margin:0 0 1rem}.modal-body a{color:color-mix(in srgb,var(--accent-to) 80%,white)}@media(max-width:840px){.page-shell{width:min(100vw - 20px,1100px);padding-top:24px}.hero{grid-template-columns:1fr}.brand-lockup{gap:8px}.hero-description{margin-top:8px;padding-left:.16em}.hero-metrics{display:none}.filters-toggle{display:block}.toolbar{display:none;position:static}.toolbar.is-open{display:grid}.story-footer{align-items:flex-start;flex-direction:column}.story-topline.story-meta-inline{flex-direction:row;align-items:center;flex-wrap:wrap}.story-topline.story-meta-inline .inline-tags{display:inline-flex}.modal-actions{gap:12px}.modal-meta-line{gap:6px}.story-image{aspect-ratio:16 / 9;max-height:160px}.modal-main-image{min-height:180px;max-height:260px}.modal-backdrop{padding:10px}.modal-panel{width:100%;max-width:100%;max-height:94vh;padding:18px;gap:16px}.modal-scroll{max-height:52vh;padding-right:2px}.modal-source-link,.modal-close-button{flex:0 1 auto}.modal-close-button{margin-left:auto;align-self:center}}.hero-links{margin-top:16px}.monitor-link-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 16px;border-radius:999px;text-decoration:none;border:1px solid transparent;background:linear-gradient(135deg,var(--accent-from),var(--accent-to));color:#fff}.monitor-link-button.secondary{background:var(--chip-background);border-color:var(--chip-border);color:var(--text-main)}.monitor-page-shell{width:min(1240px,calc(100vw - 32px))}.monitor-hero{grid-template-columns:1.1fr 1fr;align-items:start}.monitor-hero-subline{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;color:var(--text-muted)}.monitor-hero-subline strong{color:var(--text-soft);word-break:break-all}.monitor-hero-metrics{grid-template-columns:repeat(3,1fr)}.monitor-status-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:24px}.monitor-section{margin-top:28px}.section-heading-row{display:flex;justify-content:space-between;gap:12px;align-items:baseline;margin-bottom:14px}.section-heading-row h2,.site-monitor-card h2,.monitor-story-card h3{margin:0}.section-subtitle{color:var(--text-muted);font-size:.92rem}.site-monitor-grid,.dual-column-section{display:grid;gap:16px}.site-monitor-grid,.dual-column-section{grid-template-columns:repeat(2,minmax(0,1fr))}.site-monitor-card,.leader-card,.monitor-story-card{background:var(--surface);border:1px solid var(--border);box-shadow:0 14px 36px var(--shadow);border-radius:22px}.site-monitor-card{padding:20px}.site-monitor-header,.site-monitor-title-row,.site-monitor-links,.monitor-story-topline,.monitor-story-footer{display:flex;gap:10px}.site-monitor-header,.site-monitor-links{justify-content:space-between}.site-monitor-header{align-items:start}.site-monitor-header p{margin:10px 0 0;color:var(--text-soft)}.site-monitor-title-row{align-items:center;flex-wrap:wrap}.status-pill{display:inline-flex;align-items:center;border-radius:999px;padding:5px 10px;font-size:.82rem;border:1px solid var(--chip-border);background:var(--chip-background)}.status-pill.is-healthy{color:#adffd5;border-color:#6effb442;background:#2f825c2e}.status-pill.is-degraded{color:#ffe3a6;border-color:#ffc95d3d;background:#a16d192e}.status-pill.is-down{color:#ffb6bb;border-color:#ff677a40;background:#8c22332e}.site-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px}.metric-card.compact{padding:14px}.site-monitor-meta{display:grid;gap:12px;margin-top:18px}.site-monitor-meta strong,.monitor-story-footer span{display:block;margin-top:4px;color:var(--text-soft)}.monitor-chip-section{margin-top:18px}.monitor-chip{background:var(--tag-background)}.source-chip{color:var(--text-main)}.monitor-error-list{margin-top:16px}.leader-list,.monitor-story-list{display:grid;gap:14px}.leader-card{display:flex;justify-content:space-between;gap:12px;padding:16px 18px}.monitor-story-card{display:block;padding:18px;color:inherit;text-decoration:none}.monitor-story-card p{color:var(--text-soft)}.monitor-story-topline,.monitor-story-footer{flex-wrap:wrap;align-items:center;color:var(--text-muted);font-size:.9rem}.monitor-story-footer{justify-content:space-between}.site-badge{display:inline-flex;align-items:center;border-radius:999px;padding:5px 10px;font-size:.78rem;color:#fff;background:linear-gradient(135deg,var(--accent-from),var(--accent-to))}.site-health{background:linear-gradient(135deg,#f28eb5,#e6c7a6)}.site-finance{background:linear-gradient(135deg,#3d83f6,#5db0ff)}@media(max-width:960px){.monitor-hero,.hero,.site-monitor-grid,.dual-column-section,.monitor-status-strip{grid-template-columns:1fr}.site-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.site-monitor-header,.site-monitor-links,.section-heading-row,.monitor-story-footer{flex-direction:column;align-items:flex-start}}@media(max-width:720px){.monitor-hero-metrics,.hero-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.site-metric-grid,.monitor-hero-metrics,.hero-metrics{grid-template-columns:1fr}}.list-card{background:var(--surface);border:1px solid var(--border);box-shadow:0 14px 36px var(--shadow);border-radius:22px;padding:20px}.traffic-row-card{align-items:center}.traffic-row-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px;color:var(--text-muted);font-size:.88rem}.timeline-card-shell{overflow:hidden}.timeline-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(62px,1fr));gap:10px;align-items:end}.timeline-bar-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 8px;border-radius:16px;background:color-mix(in srgb,var(--surface-strong) 88%,black);border:1px solid var(--border)}.timeline-bar-wrap{width:100%;height:140px;display:flex;align-items:end}.timeline-bar{width:100%;border-radius:10px 10px 6px 6px;background:linear-gradient(180deg,var(--accent-to),var(--accent-from))}.timeline-bar-card span{color:var(--text-muted);font-size:.82rem}