@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}.brand-lockup{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;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 p{margin:0;color:var(--text-soft);font-size:1.05rem;text-align:right;align-self:flex-start;padding-top:2px}.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}.source-select:after{content:"▾";position:absolute;right:16px;bottom:13px;color:var(--text-muted);font-size:.95rem;line-height:1;pointer-events:none}.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{border:1px solid var(--chip-border);background:var(--chip-background);color:var(--text-soft);padding:10px 14px}.chip.active,.close-button,.source-link{background:linear-gradient(135deg,var(--accent-from),var(--accent-to));color:#fff;border-color:transparent}.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:8px;flex-wrap:wrap;margin-top:12px}.story-topline.story-meta-inline{flex-direction:row}.inline-tags{display:inline-flex}.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:6px 10px;font-size:.78rem;background:var(--tag-background);color:var(--text-main)}.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:52px;height:52px;border:none;border-radius:999px;background:linear-gradient(135deg,var(--accent-from),var(--accent-to));color:#fff;font-size:1.35rem;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{border:none;padding:12px 16px;text-decoration:none}.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{flex-direction:column;gap:8px}.hero p{text-align:left;padding-top:0}.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}}