@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--bg:oklch(14% .012 235);--surface:oklch(18% .012 235);--surface-raised:oklch(22% .012 235);--fg:oklch(92% .005 85);--fg-muted:oklch(60% .01 80);--border:oklch(24% .012 240);--border-light:oklch(30% .012 240);--accent:oklch(75% .16 55);--accent-dark:oklch(65% .16 55);--accent-soft:color-mix(in oklch, var(--accent) 16%, transparent);--warning:oklch(62% .19 22);--warning-soft:color-mix(in oklch, var(--warning) 14%, transparent);--success:oklch(65% .16 150);--success-soft:color-mix(in oklch, var(--success) 12%, transparent);--error:oklch(62% .19 22);--fg-soft:color-mix(in oklch, var(--fg) 6%, transparent);--star-color:oklch(85% .16 85);--font-display:"Iowan Old Style", "Charter", Georgia, serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono:ui-monospace, "JetBrains Mono", "SF Mono", Menlo, monospace;--radius:12px;--radius-lg:18px;--radius-sm:8px;--container:1200px;--gutter:24px;--gap-xs:6px;--gap-sm:12px;--gap-md:20px;--gap-lg:32px;--gap-xl:48px;--gap-2xl:80px;--sidebar-width:280px;--fs-hero:clamp(40px, 6vw, 72px);--fs-h2:clamp(28px, 3.5vw, 42px);--fs-h3:20px;--fs-card-title:17px;--fs-body:15px;--fs-meta:12px;--fs-badge:11px;--transition:.2s ease;--transition-fast:.15s ease}[data-theme=light]{--bg:oklch(97% .012 80);--surface:oklch(99% .005 80);--surface-raised:oklch(100% 0 0);--fg:oklch(20% .02 60);--fg-muted:oklch(48% .015 60);--border:oklch(89% .012 80);--border-light:oklch(82% .012 80);--accent:oklch(58% .16 35);--accent-dark:oklch(48% .16 35);--accent-soft:color-mix(in oklch, var(--accent) 12%, transparent);--warning:oklch(50% .2 22);--warning-soft:color-mix(in oklch, var(--warning) 10%, transparent);--success:oklch(50% .16 150);--success-soft:color-mix(in oklch, var(--success) 10%, transparent);--error:oklch(50% .2 22);--fg-soft:color-mix(in oklch, var(--fg) 5%, transparent);--star-color:oklch(65% .16 55)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--bg);color:var(--fg);font-family:var(--font-body);font-size:var(--fs-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;margin:0;line-height:1.6;transition:background .3s,color .3s}img,svg{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;background:0 0;border:none;padding:0}h1,h2,h3,h4{text-wrap:balance;margin:0}p{text-wrap:pretty;margin:0}input{font:inherit}ul{margin:0;padding:0;list-style:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:3px}.container{max-width:var(--container);padding-inline:var(--gutter);margin-inline:auto}.sr-only{clip:rect(0,0,0,0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:9999;background:var(--accent);color:oklch(12% .02 60);border-radius:var(--radius-sm);padding:8px 16px;font-size:14px;font-weight:700;transition:top .15s;position:absolute;top:-100px;left:16px}.skip-link:focus{top:16px}.chip{border:1px solid var(--border);color:var(--fg-muted);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;background:0 0;border-radius:999px;flex-shrink:0;align-items:center;gap:4px;padding:6px 14px;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.chip.active,.chip[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:oklch(12% .02 60);font-weight:600}.chip:hover:not(.active):not([aria-pressed=true]){border-color:var(--fg-muted);color:var(--fg)}.badge{font-family:var(--font-mono);font-size:var(--fs-badge);letter-spacing:.03em;text-transform:uppercase;border-radius:999px;align-items:center;gap:3px;padding:3px 8px;font-weight:600;line-height:1.3;display:inline-flex}.badge-quality{background:var(--accent-soft);color:var(--accent);font-weight:700}.badge-category,.badge-framing{background:var(--fg-soft);color:var(--fg-muted)}.badge-trust-high{background:var(--success-soft);color:var(--success)}.badge-trust-low{background:var(--warning-soft);color:var(--warning)}.badge-clickbait-free{background:var(--success-soft);color:var(--success)}.badge-clickbait-warn{background:var(--warning-soft);color:var(--warning)}.badge-neutral-high{background:var(--success-soft);color:var(--success)}.badge-neutral-low{background:var(--warning-soft);color:var(--warning)}.stars{color:var(--star-color);gap:2px;display:flex}.stars svg{width:16px;height:16px}.stars-lg svg{width:20px;height:20px}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes starPulse{0%,to{transform:scale(1)}50%{color:oklch(90% .18 80);transform:scale(1.25)}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes pageIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes toastSlide{0%{opacity:0;transform:translate(-50%)translateY(8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.star-glow{animation:2s ease-in-out infinite starPulse}.star-glow-delay-1{animation-delay:.3s}.star-glow-delay-2{animation-delay:.6s}.star-glow-delay-3{animation-delay:.9s}.star-glow-delay-4{animation-delay:1.2s}.skeleton{background:linear-gradient(90deg, var(--surface) 0%, color-mix(in oklch, var(--surface) 60%, var(--fg-muted)) 50%, var(--surface) 100%);border-radius:var(--radius-sm);background-size:800px 100%;animation:1.5s ease-in-out infinite shimmer}.drawer-overlay{z-index:200;opacity:0;pointer-events:none;background:#00000080;transition:opacity .25s;position:fixed;inset:0}.drawer-overlay.open{opacity:1;pointer-events:auto}.filter-drawer{z-index:210;background:var(--surface-raised);border-left:1px solid var(--border);width:min(440px,92vw);padding:var(--gap-lg);transition:transform .3s cubic-bezier(.16,1,.3,1);position:fixed;top:0;bottom:0;right:0;overflow-y:auto;transform:translate(100%)}.filter-drawer.open{transform:translate(0)}.toast{z-index:300;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius);color:var(--fg);opacity:0;pointer-events:none;white-space:nowrap;padding:12px 20px;font-size:13px;transition:opacity .3s,transform .3s;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #0000004d}.toast.show{opacity:1;transform:translate(-50%)translateY(-8px)}.offline-banner{background:var(--warning);color:oklch(12% .02 60);text-align:center;z-index:150;padding:12px;font-size:14px;font-weight:600;position:fixed;bottom:0;left:0;right:0}.news-card-hover{transition:transform .2s,box-shadow .2s,border-color .2s}.news-card-hover:hover{border-color:color-mix(in oklch, var(--accent) 40%, var(--border));transform:translateY(-2px);box-shadow:0 6px 20px #00000040}.card-fade-in{animation:.4s both cardFadeIn}@media (width<=768px){:root{--gutter:16px}}.section-label{padding-top:var(--gap-xl);margin-bottom:var(--gap-md);justify-content:space-between;align-items:baseline;display:flex}.section-label h2{font-family:var(--font-display);font-size:var(--fs-h2);letter-spacing:-.015em}.section-label .count{font-family:var(--font-mono);font-size:var(--fs-meta);color:var(--fg-muted)}.card-read-more{color:var(--accent);white-space:nowrap;align-items:center;gap:4px;font-size:13px;font-weight:500;transition:gap .2s;display:inline-flex}.card-read-more:hover{gap:8px}.card-read-more:after{content:"→"}.hero-search-wrap{max-width:480px;margin-inline:auto;position:relative}.hero-search-wrap input{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);width:100%;color:var(--fg);padding:14px 18px 14px 46px;font-size:16px;transition:border-color .2s,box-shadow .2s}.hero-search-wrap input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.hero-search-wrap input::placeholder{color:var(--fg-muted)}.hero-search-wrap svg{width:18px;height:18px;color:var(--fg-muted);pointer-events:none;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.featured-grid{gap:var(--gap-md);margin-bottom:var(--gap-xl);grid-template-columns:2fr 1fr 1fr 1fr 1fr;display:grid}.featured-grid .feat-card:first-child{grid-area:1/1/3}@media (width<=1024px){.featured-grid{grid-template-columns:1fr 1fr 1fr}.featured-grid .feat-card:first-child{grid-area:auto/1/auto/-1}}@media (width<=700px){.featured-grid{grid-template-columns:1fr}.featured-grid .feat-card:first-child{grid-column:auto}}.feat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--gap-md);gap:var(--gap-sm);cursor:pointer;flex-direction:column;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;position:relative;overflow:hidden}.feat-card:hover{border-color:var(--fg-muted);transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.feat-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.news-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--gap-md);gap:var(--gap-sm);flex-direction:column;animation:.4s both cardFadeIn;display:flex;position:relative;overflow:hidden}.news-card:hover{border-color:color-mix(in oklch, var(--accent) 40%, var(--border));transform:translateY(-2px);box-shadow:0 6px 20px #00000040}.news-card:focus-within{border-color:var(--accent)}.card-grid{gap:var(--gap-md);margin-bottom:var(--gap-xl);grid-template-columns:repeat(auto-fill,minmax(340px,1fr));display:grid}@media (width<=400px){.card-grid{grid-template-columns:1fr}}.empty-state{text-align:center;padding:var(--gap-2xl) var(--gap-md);color:var(--fg-muted)}.empty-state svg{width:48px;height:48px;margin:0 auto var(--gap-md);opacity:.4}.empty-state h3{font-family:var(--font-display);font-size:var(--fs-h2);margin-bottom:var(--gap-sm)}.empty-state p{max-width:40ch;margin-inline:auto;font-size:15px}@media (width<=768px){.card-grid{grid-template-columns:1fr}}@media (width<=480px){.section-label h2{font-size:clamp(22px,7vw,32px)}.feat-card,.news-card{padding:var(--gap-sm)}}