*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--color-bg:#fff;--color-surface:#f8fafc;--color-card:#fff;--color-text:#0f172a;--color-text-muted:#64748b;--color-border:#e2e8f0;--color-primary:#6366f1;--color-primary-hover:#4f46e5;--color-primary-subtle:#e0e7ff;--spacing-xs:8px;--spacing-normal:16px;--spacing-large:24px;--spacing-xl:32px;--spacing-2xl:48px;--max-width:600px;--header-height:60px;--radius-sm:4px;--radius-card:4px;--radius-pill:100px;--shadow-sm:0 1px 3px rgba(0,0,0,.06);--shadow-card:0 4px 20px rgba(0,0,0,.08);--transition:.2s ease;--card-accent:#6366f1}.dark{--color-bg:#0f0f1a;--color-surface:#161625;--color-card:#1e1e30;--color-text:#f1f5f9;--color-text-muted:#94a3b8;--color-border:#2a2a42;--color-primary:#818cf8;--color-primary-hover:#6366f1;--color-primary-subtle:#1e1b4b;--shadow-sm:0 1px 3px rgba(0,0,0,.2);--shadow-card:0 4px 20px rgba(0,0,0,.35)}html{background:var(--color-bg);color:var(--color-text);font-family:Lexend,sans-serif;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{min-height:100dvh;transition:background-color var(--transition),color var(--transition)}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.container{margin:0 auto;max-width:var(--max-width);padding:0 var(--spacing-normal)}.tag-pill{align-items:center;background:var(--color-primary-subtle);border-radius:var(--radius-pill);color:var(--color-primary);cursor:pointer;display:inline-flex;font-size:12px;font-weight:500;padding:4px 12px;transition:opacity var(--transition);white-space:nowrap}.tag-pill:hover{opacity:.75}[data-category=science]{--card-accent:#3b82f6}[data-category=history]{--card-accent:#f59e0b}[data-category=nature]{--card-accent:#10b981}[data-category=food]{--card-accent:#f97316}[data-category=technology]{--card-accent:#8b5cf6}[data-category=animals]{--card-accent:#06b6d4}[data-category=space]{--card-accent:#6366f1}[data-category=health]{--card-accent:#ec4899}[data-category=psychology]{--card-accent:#a855f7}[data-category=geography]{--card-accent:#14b8a6}
