:root{--ink:#1a1410;--ink-soft:#3d342c;--ink-muted:#6b5f54;--parchment:#f4ede3;--parchment-deep:#e8dcc8;--parchment-dark:#d4c4aa;--gold:#b8860b;--gold-light:#d4a843;--gold-pale:#f0dfa0;--entity-a:#8b4513;--entity-a-bg:#8b451314;--entity-a-border:#8b451359;--entity-b:#2c5f6e;--entity-b-bg:#2c5f6e14;--entity-b-border:#2c5f6e59;--spine:#c4b49a;--shadow:#1a14101f;--radius:12px;--radius-sm:8px;--font-display:"Cormorant Garamond", Georgia, serif;--font-body:"DM Sans", system-ui, sans-serif;--transition:.25s cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);background:var(--parchment);color:var(--ink);min-height:100vh;line-height:1.5;position:relative}.grain{pointer-events:none;z-index:9999;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.hidden{display:none!important}.site-header{border-bottom:1px solid var(--parchment-dark);background:linear-gradient(180deg, #faf6ef 0%, var(--parchment) 100%);z-index:100;position:sticky;top:0}.header-inner{max-width:1100px;margin:0 auto;padding:1.25rem 1.5rem}.brand{cursor:pointer;transition:opacity var(--transition);align-items:center;gap:.875rem;display:flex}.brand:hover{opacity:.8}.brand-mark{color:var(--gold);font-size:2rem;line-height:1}.brand h1{font-family:var(--font-display);letter-spacing:.02em;font-size:1.75rem;font-weight:700;line-height:1.1}.tagline{color:var(--ink-muted);margin-top:.125rem;font-size:.8125rem}main{max-width:1100px;margin:0 auto;padding:2rem 1.5rem 4rem}.search-section{animation:.6s both fadeUp}.search-card{border:1px solid var(--parchment-dark);border-radius:calc(var(--radius) + 4px);box-shadow:0 4px 24px var(--shadow);background:#faf6ef;padding:2.5rem}.search-card h2{font-family:var(--font-display);margin-bottom:.5rem;font-size:2rem;font-weight:600}.search-desc{color:var(--ink-muted);max-width:540px;margin-bottom:2rem;font-size:.9375rem}.compare-form{flex-direction:column;gap:1.5rem;display:flex}.input-row{grid-template-columns:1fr auto 1fr;align-items:end;gap:1rem;display:grid}.input-group{flex-direction:column;gap:.375rem;display:flex}.input-group label{text-transform:uppercase;letter-spacing:.06em;color:var(--ink-muted);font-size:.75rem;font-weight:600}.input-group input{font-family:var(--font-body);border:1.5px solid var(--parchment-dark);border-radius:var(--radius-sm);color:var(--ink);transition:border-color var(--transition), box-shadow var(--transition);background:#fff;padding:.75rem 1rem;font-size:1rem}.input-group input:focus{border-color:var(--gold);outline:none;box-shadow:0 0 0 3px #b8860b26}.input-group input::placeholder{color:#b0a494}.vs-badge{font-family:var(--font-display);color:var(--gold);padding-bottom:.75rem;font-size:1.125rem;font-style:italic;font-weight:600}.btn-primary{font-family:var(--font-body);background:var(--ink);color:var(--parchment);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition), transform var(--transition);border:none;justify-content:center;align-self:flex-start;align-items:center;gap:.5rem;padding:.8125rem 1.75rem;font-size:.9375rem;font-weight:600;display:inline-flex}.btn-primary:hover:not(:disabled){background:var(--ink-soft);transform:translateY(-1px)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{font-family:var(--font-body);color:var(--ink);border:1.5px solid var(--parchment-dark);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition);background:0 0;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600}.btn-secondary:hover{background:var(--parchment-deep)}.btn-ghost{font-family:var(--font-body);color:var(--ink-muted);border:1px solid var(--parchment-dark);border-radius:var(--radius-sm);cursor:pointer;transition:color var(--transition), border-color var(--transition);background:0 0;padding:.4375rem .875rem;font-size:.8125rem;font-weight:500}.btn-ghost:hover{color:var(--ink);border-color:var(--ink-muted)}.examples{border-top:1px solid var(--parchment-dark);flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:1.75rem;padding-top:1.75rem;display:flex}.examples-label{text-transform:uppercase;letter-spacing:.06em;color:var(--ink-muted);margin-right:.25rem;font-size:.75rem;font-weight:600}.example-chip{font-family:var(--font-body);background:var(--parchment-deep);color:var(--ink-soft);border:1px solid var(--parchment-dark);cursor:pointer;transition:background var(--transition), border-color var(--transition);border-radius:999px;padding:.375rem .75rem;font-size:.8125rem}.example-chip:hover{background:var(--gold-pale);border-color:var(--gold-light);color:var(--ink)}.loading-section,.error-section{animation:.4s both fadeUp}.loading-card,.error-card{text-align:center;border:1px solid var(--parchment-dark);border-radius:calc(var(--radius) + 4px);background:#faf6ef;padding:4rem 2rem}.loading-spinner{border:3px solid var(--parchment-dark);border-top-color:var(--gold);border-radius:50%;width:48px;height:48px;margin:0 auto 1.5rem;animation:.9s linear infinite spin}.loading-card h2,.error-card h2{font-family:var(--font-display);margin-bottom:.5rem;font-size:1.75rem}.loading-hint{color:var(--ink-muted);margin-top:.75rem;font-size:.8125rem}.error-icon{color:#c0392b;background:#fde8e8;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:1rem;font-size:1.25rem;font-weight:700;display:inline-flex}#error-message{color:var(--ink-muted);max-width:400px;margin-bottom:1.5rem;margin-left:auto;margin-right:auto}.timeline-section{animation:.5s both fadeUp}.timeline-header{margin-bottom:2rem}.timeline-titles{grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;margin-bottom:1rem;display:grid}.entity-title{align-items:center;gap:.625rem;display:flex}.entity-title.entity-right{text-align:right;justify-content:flex-end}.entity-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.entity-dot-left{background:var(--entity-a)}.entity-dot-right{background:var(--entity-b)}.entity-title h2{font-family:var(--font-display);font-size:1.375rem;font-weight:700;line-height:1.2}.timeline-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;display:flex}.filter-group{align-items:center;gap:.375rem;display:flex}.filter-group label{text-transform:uppercase;letter-spacing:.05em;color:var(--ink-muted);font-size:.6875rem;font-weight:600}.filter-group select{font-family:var(--font-body);border:1px solid var(--parchment-dark);border-radius:var(--radius-sm);color:var(--ink);cursor:pointer;background:#fff;padding:.3125rem .5rem;font-size:.8125rem}.timeline-stats{text-align:center;color:var(--ink-muted);font-size:.8125rem}.stat-divider{opacity:.5;margin:0 .375rem}.timeline-scroll-hint{color:var(--ink-muted);flex-direction:column;align-items:center;gap:.25rem;margin-bottom:1rem;font-size:.75rem;animation:2s infinite bounce;display:flex}.scroll-arrow{font-size:1rem}.timeline-container{min-height:400px;position:relative}.timeline-spine{background:linear-gradient(180deg, transparent, var(--spine) 5%, var(--spine) 95%, transparent);z-index:0;width:3px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.timeline-row{opacity:0;grid-template-columns:1fr 120px 1fr;align-items:start;gap:0;margin-bottom:.5rem;animation:.4s forwards rowIn;display:grid;position:relative}.timeline-row.overlap-row{background:linear-gradient(90deg, var(--entity-a-bg), transparent 30%, transparent 70%, var(--entity-b-bg));border-radius:var(--radius);margin-bottom:.75rem;padding:.5rem 0}.timeline-row.overlap-row:before{content:"Same era";text-transform:uppercase;letter-spacing:.08em;color:var(--gold);background:var(--parchment);white-space:nowrap;padding:0 .5rem;font-size:.625rem;font-weight:600;position:absolute;top:-.625rem;left:50%;transform:translate(-50%)}.year-marker{z-index:2;background:var(--parchment);border:2px solid var(--spine);white-space:nowrap;border-radius:999px;flex-direction:column;justify-content:flex-start;align-items:center;padding:.25rem .625rem;display:flex;position:relative}.year-label{font-family:var(--font-display);color:var(--ink);font-size:1.125rem;font-weight:700;line-height:1.2}.year-era{text-transform:uppercase;letter-spacing:.06em;color:var(--ink-muted);font-size:.625rem;font-weight:600;line-height:1}.events-col{flex-direction:column;gap:.625rem;padding:.5rem 1rem;display:flex}.events-col.left{align-items:flex-end}.events-col.right{align-items:flex-start}.event-card{border-radius:var(--radius);border:1px solid var(--parchment-dark);width:100%;max-width:340px;box-shadow:0 2px 8px var(--shadow);cursor:default;transition:box-shadow var(--transition), transform var(--transition);background:#fff;padding:.875rem 1rem;position:relative}.event-card:hover{box-shadow:0 4px 16px var(--shadow);transform:translateY(-1px)}.event-card.entity-a{border-left:3px solid var(--entity-a)}.event-card.entity-b{border-right:3px solid var(--entity-b)}.events-col.left .event-card{text-align:right}.events-col.left .event-card.entity-a{border-left:none;border-right:3px solid var(--entity-a)}.event-card-header{align-items:flex-start;gap:.5rem;margin-bottom:.375rem;display:flex}.events-col.left .event-card-header{flex-direction:row-reverse}.event-name{font-family:var(--font-display);color:var(--ink);font-size:1.0625rem;font-weight:600;line-height:1.25}.event-badges{flex-wrap:wrap;flex-shrink:0;gap:.25rem;display:flex}.events-col.left .event-badges{justify-content:flex-end}.badge{text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;border-radius:4px;padding:.125rem .375rem;font-size:.625rem;font-weight:600}.badge-category{color:#fff}.badge-importance-major{background:var(--gold);color:var(--ink)}.badge-importance-medium{background:var(--parchment-dark);color:var(--ink-soft)}.badge-importance-little{background:var(--parchment-deep);color:var(--ink-muted)}.event-description{color:var(--ink-muted);font-size:.8125rem;line-height:1.45}.event-country{display:none}.event-meta{color:var(--ink-muted);flex-wrap:wrap;gap:.5rem;margin-top:.5rem;font-size:.6875rem;display:flex}.events-col.left .event-meta{justify-content:flex-end}.event-meta span{align-items:center;gap:.2rem;display:inline-flex}.event-duration{font-style:italic}.cat-war{background:#8b3a3a}.cat-politics{background:#4a5568}.cat-economy{background:#2d6a4f}.cat-culture{background:#7b5ea7}.cat-technology{background:#2c5282}.cat-religion{background:#9a3412}.cat-society{background:#6b5b3d}.cat-other{background:#718096}.timeline-legend{border-top:1px solid var(--parchment-dark);margin-top:2.5rem;padding-top:1.5rem}.legend-title{text-transform:uppercase;letter-spacing:.06em;color:var(--ink-muted);margin-bottom:.625rem;font-size:.6875rem;font-weight:600;display:block}.legend-items{flex-wrap:wrap;gap:.5rem;display:flex}.legend-item{color:var(--ink-soft);align-items:center;gap:.375rem;font-size:.75rem;display:inline-flex}.legend-swatch{border-radius:2px;width:10px;height:10px}.site-footer{text-align:center;color:var(--ink-muted);border-top:1px solid var(--parchment-dark);padding:1.5rem;font-size:.75rem}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes rowIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}@media (width<=768px){main{padding:1rem .875rem 3rem}.header-inner{padding:1rem .875rem}.brand{align-items:flex-start;gap:.625rem}.brand h1{font-size:1.45rem}.tagline{max-width:20rem;line-height:1.35}.input-row{grid-template-columns:1fr;gap:1rem}.vs-badge{text-align:center;padding-bottom:0}.search-card{padding:1.5rem}.timeline-titles{text-align:center;grid-template-columns:1fr 1fr;grid-template-areas:"left right""controls controls";gap:.75rem .5rem}.entity-title.entity-left{grid-area:left;justify-content:flex-start}.entity-title.entity-right{text-align:center;flex-direction:row-reverse;grid-area:right;justify-content:center}.timeline-controls{grid-area:controls;justify-content:center}.timeline-row{border:1px solid var(--parchment-dark);border-radius:var(--radius);grid-template-columns:1fr;gap:.5rem;margin-bottom:1rem;padding:.875rem}.timeline-row.overlap-row{padding-top:1.5rem;padding-bottom:.875rem}.timeline-row.overlap-row:before{top:-.525rem}.year-marker{order:-1;justify-self:center;width:fit-content;padding:.15rem .55rem}.events-col.left,.events-col.right{align-items:stretch;padding:0}.event-card{padding:.875rem}.event-name{overflow-wrap:anywhere;font-size:.98rem}.event-country{background:var(--parchment-deep);color:var(--ink-soft);border-radius:999px;align-items:center;gap:.4rem;width:fit-content;margin-bottom:.5rem;padding:.3rem .55rem;font-size:.7rem;line-height:1;display:inline-flex}.event-country-label{text-transform:uppercase;letter-spacing:.06em;color:var(--ink-muted);font-weight:700}.event-country-value{overflow-wrap:anywhere;font-weight:600}.event-description{overflow-wrap:anywhere;font-size:.8rem}.event-meta{font-size:.65rem}.events-col.left .event-card{text-align:left;border-right:none;border-left:3px solid var(--entity-a)}.events-col.left .event-card-header{flex-direction:row}.events-col.left .event-badges,.events-col.left .event-meta{justify-content:flex-start}.timeline-spine{display:none}.timeline-legend{margin-top:2rem}.legend-items{gap:.375rem}.legend-item{font-size:.7rem}.site-footer{padding:1.25rem .875rem}}@media (width<=480px){.search-card,.loading-card,.error-card{padding:1.125rem}.search-card h2,.loading-card h2,.error-card h2{font-size:1.55rem}.timeline-header{margin-bottom:1.25rem}.timeline-controls{gap:.5rem}.filter-group{justify-content:space-between;width:100%}.filter-group select{width:min(100%,12rem)}.timeline-stats{font-size:.75rem;line-height:1.45}.timeline-row{padding:.75rem}.year-label{font-size:1rem}.year-era{font-size:.58rem}.event-card{padding:.8rem}.btn-dig-deeper{justify-content:center;width:100%}.events-col.left .btn-dig-deeper{align-self:stretch}.timeline-legend{padding-top:1.25rem}.legend-items{flex-direction:column;align-items:flex-start}}.event-card{flex-direction:column;display:flex}.btn-dig-deeper{font-family:var(--font-body);background:var(--parchment-deep);color:var(--ink-soft);border:1px solid var(--parchment-dark);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);align-self:flex-start;align-items:center;gap:.375rem;width:fit-content;margin-top:.75rem;padding:.375rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.btn-dig-deeper:hover{background:var(--ink);color:var(--parchment);border-color:var(--ink);transform:translateY(-1px)}.events-col.left .btn-dig-deeper{flex-direction:row-reverse;align-self:flex-end}.event-card.skeleton{pointer-events:none;background:#fff9}.skeleton-line{background:linear-gradient(90deg, var(--parchment-deep) 25%, var(--parchment-dark) 50%, var(--parchment-deep) 75%);background-size:200% 100%;border-radius:4px;margin-bottom:.625rem;animation:1.5s linear infinite shimmer}.skeleton-line.title{width:70%;height:1.25rem}.skeleton-line.badge{width:40%;height:.875rem}.skeleton-line.text{width:100%;height:.75rem}.skeleton-line.text.short{width:50%;height:.75rem;margin-bottom:0}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.event-card.sub-event{border-color:var(--gold-light);background:#faf6ef;position:relative;overflow:hidden}.sub-event-banner{background:var(--gold-pale);color:var(--ink-soft);border-bottom:1px solid var(--gold-light);border-top-left-radius:calc(var(--radius) - 1px);border-top-right-radius:calc(var(--radius) - 1px);text-overflow:ellipsis;white-space:nowrap;margin:-.875rem -1rem .625rem;padding:.25rem .5rem;font-size:.6875rem;overflow:hidden}.events-col.left .sub-event-banner{text-align:right}