*,: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)}@font-face{font-display:swap;font-family:Lexend;src:local("Lexend")}html{background:var(--color-bg);color:var(--color-text);font-family:Lexend,sans-serif;font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}h1,h2,h3,h4,h5,h6{font-size:24px}body{min-height:100dvh;transition:background-color var(--transition),color var(--transition)}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit}img{display:block;height:auto;max-width:100%}.img-aspect-16-9{aspect-ratio:16/9;overflow:hidden;width:100%}.img-aspect-1-1{aspect-ratio:1/1;overflow:hidden;width:100%}.img-aspect-1-1 img,.img-aspect-16-9 img{height:100%;-o-object-fit:cover;object-fit:cover;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;--card-gradient-from:#1e3a5f;--card-gradient-to:#3b82f6}[data-category=history]{--card-accent:#f59e0b;--card-gradient-from:#5c3d10;--card-gradient-to:#f59e0b}[data-category=nature]{--card-accent:#10b981;--card-gradient-from:#064e3b;--card-gradient-to:#10b981}[data-category=food]{--card-accent:#f97316;--card-gradient-from:#5c2d0e;--card-gradient-to:#f97316}[data-category=technology]{--card-accent:#8b5cf6;--card-gradient-from:#3b1f7e;--card-gradient-to:#8b5cf6}[data-category=animals]{--card-accent:#06b6d4;--card-gradient-from:#0e4d5c;--card-gradient-to:#06b6d4}[data-category=space]{--card-accent:#6366f1;--card-gradient-from:#282a6e;--card-gradient-to:#6366f1}[data-category=health]{--card-accent:#ec4899;--card-gradient-from:#5c1040;--card-gradient-to:#ec4899}[data-category=psychology]{--card-accent:#a855f7;--card-gradient-from:#4a1d7a;--card-gradient-to:#a855f7}[data-category=geography]{--card-accent:#14b8a6;--card-gradient-from:#0d4f47;--card-gradient-to:#14b8a6}:focus-visible{border-radius:2px;outline:2px solid var(--color-primary);outline-offset:3px}.tag-pill:focus-visible,.topic-card:focus-visible{border-radius:var(--radius-pill);outline-offset:2px}.skip-link:not(:focus){clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.skip-link:focus{background:var(--color-primary);border-radius:var(--radius-card);color:#fff;font-weight:600;left:50%;outline:3px solid #fff;outline-offset:2px;padding:10px 20px;position:fixed;text-decoration:none;top:12px;transform:translate(-50%);white-space:nowrap;z-index:9999}.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}