:root{--bg-primary:#0a0a0f;--bg-secondary:#12121a;--bg-card:#1a1a25;--bg-card-hover:#223;--bg-accent:#2a1a3a;--text-primary:#e8e6f0;--text-secondary:#9994a8;--text-muted:#6b6680;--accent:#c084fc;--accent-dim:#c084fc26;--accent-border:#c084fc4d;--gold:#f0c040;--gold-dim:#f0c04026;--red:#ef4444;--red-dim:#ef444426;--green:#22c55e;--blue:#3b82f6;--blue-dim:#3b82f626;--border:#2a2a3a;--border-light:#3a3a4a;--radius:12px;--radius-sm:8px;--font-display:"Playfair Display", Georgia, serif;--font-body:"Inter", system-ui, -apple-system, sans-serif;--shadow:0 4px 24px #0006;--shadow-lg:0 8px 40px #00000080;--max-width:1200px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:14px}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.6}#root{flex-direction:column;min-height:100vh;display:flex}a{color:var(--accent);text-decoration:none;transition:color .2s}a:hover{color:#d4a0ff}img{max-width:100%;display:block}h1,h2,h3,h4{font-family:var(--font-display);color:var(--text-primary);line-height:1.2}h1{font-size:clamp(2rem,5vw,3.5rem);font-weight:700}h2{font-size:clamp(1.5rem,3vw,2.25rem);font-weight:600}h3{font-size:clamp(1.2rem,2.5vw,1.5rem);font-weight:600}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 24px}header{background:linear-gradient(180deg, #2a1a3acc 0%, var(--bg-primary) 100%);border-bottom:1px solid var(--border);z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:sticky;top:0}header .container{justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.logo{font-family:var(--font-display);color:var(--text-primary);font-size:1.4rem;font-weight:700}.logo span{color:var(--accent)}nav{align-items:center;gap:8px;display:flex}nav a{border-radius:var(--radius-sm);color:var(--text-secondary);padding:8px 16px;font-size:.9rem;font-weight:500;transition:all .2s}nav a:hover,nav a.active{color:var(--text-primary);background:var(--accent-dim)}.hero{text-align:center;background:radial-gradient(at top,#c084fc14 0%,#0000 60%);padding:40px 0 24px}.hero h1{margin-bottom:16px}.hero h1 .accent{color:var(--accent)}.hero p{color:var(--text-secondary);max-width:680px;margin:0 auto 20px;font-size:1.15rem}.hero .stats{flex-wrap:wrap;justify-content:center;gap:40px;margin-top:32px;display:flex}.hero .stat{text-align:center}.hero .stat-num{font-family:var(--font-display);color:var(--gold);font-size:2.5rem;font-weight:700}.hero .stat-label{color:var(--text-muted);margin-top:4px;font-size:.85rem}.age-banner{background:linear-gradient(135deg, var(--red-dim), var(--accent-dim));border-radius:var(--radius);text-align:center;max-width:700px;color:var(--text-secondary);border:1px solid #ef44444d;margin:0 auto 20px;padding:12px 20px;font-size:.9rem}.age-banner strong{color:var(--red)}.categories{padding:20px 0 48px}.categories h2{text-align:center;margin-bottom:24px}.cat-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.cat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;padding:28px;transition:all .3s;position:relative;overflow:hidden}.cat-card:hover{background:var(--bg-card-hover);border-color:var(--accent-border);box-shadow:var(--shadow);transform:translateY(-2px)}.cat-card .cat-icon{margin-bottom:16px;font-size:2.5rem}.cat-card h3{margin-bottom:8px;font-size:1.15rem}.cat-card p{color:var(--text-secondary);font-size:.85rem}.cat-card .cat-count{background:var(--accent-dim);color:var(--accent);border-radius:20px;padding:4px 12px;font-size:.75rem;font-weight:600;position:absolute;top:16px;right:16px}.figure-list{padding:40px 0 80px}.figure-list h1{margin-bottom:8px}.figure-list .subtitle{color:var(--text-secondary);margin-bottom:32px;font-size:1.05rem}.figure-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;display:grid}.figure-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;align-items:center;gap:16px;padding:20px;transition:all .2s;display:flex}.figure-card:hover{background:var(--bg-card-hover);border-color:var(--accent-border);transform:translateY(-1px)}.figure-card .fig-num{font-family:var(--font-display);color:var(--accent);text-align:center;min-width:48px;font-size:1.8rem;font-weight:700}.figure-card .fig-info h3{font-size:1rem;font-family:var(--font-body);margin-bottom:4px;font-weight:600}.figure-card .fig-info .fig-dates{color:var(--text-muted);font-size:.8rem}.figure-card .fig-info .fig-known{color:var(--text-secondary);margin-top:4px;font-size:.82rem}.search-bar{flex-wrap:wrap;gap:12px;margin-bottom:28px;display:flex}.search-bar input{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);min-width:200px;color:var(--text-primary);font-size:.95rem;font-family:var(--font-body);flex:1;padding:12px 16px}.search-bar input:focus{border-color:var(--accent);outline:none}.search-bar input::placeholder{color:var(--text-muted)}.figure-detail{padding:40px 0 80px}.figure-header{border-bottom:1px solid var(--border);margin-bottom:32px;padding-bottom:24px}.figure-header .breadcrumb{color:var(--text-muted);margin-bottom:16px;font-size:.85rem}.figure-header .breadcrumb a{color:var(--text-secondary)}.figure-header h1{margin-bottom:8px}.figure-header .meta{color:var(--text-secondary);flex-wrap:wrap;gap:20px;font-size:.9rem;display:flex}.figure-header .meta-item{align-items:center;gap:6px;display:flex}.tabs{border-bottom:1px solid var(--border);gap:4px;margin-bottom:32px;padding-bottom:0;display:flex}.tab-btn{color:var(--text-secondary);cursor:pointer;font-size:.95rem;font-weight:500;font-family:var(--font-body);background:0 0;border:none;border-bottom:3px solid #0000;padding:12px 24px;transition:all .2s}.tab-btn:hover{color:var(--text-primary)}.tab-btn.active{color:var(--accent);border-bottom-color:var(--accent)}.bio-section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:24px;padding:32px}.bio-section h2{align-items:center;gap:10px;margin-bottom:16px;font-size:1.3rem;display:flex}.bio-section h2 .section-icon{font-size:1.4rem}.bio-section p{color:var(--text-secondary);margin-bottom:12px;line-height:1.75}.bio-section p:last-child{margin-bottom:0}.citations-section{background:var(--bg-secondary)}.citations-list{color:var(--text-secondary);padding-left:24px;font-size:.85rem;line-height:1.8;list-style:decimal}.citations-list li{margin-bottom:6px}.citations-list a{color:var(--accent);text-decoration:underline;-webkit-text-decoration-color:var(--accent-border);text-decoration-color:var(--accent-border)}.citations-list a:hover{color:#d4a0ff}.today-section{padding:0}.qa-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:16px;padding:24px;transition:all .2s}.qa-card:hover{border-color:var(--border-light)}.qa-card .question{color:var(--accent);align-items:flex-start;gap:10px;margin-bottom:10px;font-size:.95rem;font-weight:600;display:flex}.qa-card .question .q-icon{background:var(--accent-dim);color:var(--accent);border-radius:4px;flex-shrink:0;margin-top:1px;padding:2px 8px;font-size:.8rem;font-weight:700}.qa-card .answer{color:var(--text-secondary);padding-left:38px;font-size:.95rem;line-height:1.7}.disclaimer{background:linear-gradient(135deg, var(--gold-dim), var(--accent-dim));border-radius:var(--radius);color:var(--text-secondary);border:1px solid #f0c0404d;margin-top:32px;padding:20px 24px;font-size:.85rem}.disclaimer strong{color:var(--gold)}footer{border-top:1px solid var(--border);text-align:center;color:var(--text-muted);margin-top:auto;padding:32px 0;font-size:.85rem}.back-link{color:var(--text-secondary);align-items:center;gap:6px;margin-bottom:24px;font-size:.9rem;display:inline-flex}.back-link:hover{color:var(--accent)}@media (width<=768px){.hero{padding:48px 0 40px}.hero .stats{gap:24px}.cat-grid,.figure-grid{grid-template-columns:1fr}.figure-header .meta{flex-direction:column;gap:8px}.tabs{overflow-x:auto}.tab-btn{white-space:nowrap;padding:10px 16px;font-size:.85rem}.bio-section{padding:20px}nav{display:none}}.badge-18{background:var(--red);color:#fff;vertical-align:middle;border-radius:4px;margin-left:8px;padding:2px 8px;font-size:.7rem;font-weight:700;display:inline-block}.scroll-top{background:var(--accent);color:#fff;cursor:pointer;opacity:.8;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.2rem;transition:opacity .2s;display:flex;position:fixed;bottom:24px;right:24px}.scroll-top:hover{opacity:1}.loading{text-align:center;color:var(--text-muted);padding:80px 0;font-size:1.1rem}